/*!
Theme Name: beyondnrg
Theme URI: https://www.beyondnrg.com
Author: rule13
Author URI: https://www.rule13.co.uk/
Description: Beyondnrg.com Gaming Energy Drink Bespoke Woocommerce Wordpress Theme
Version: 1.3.0
Tested up to: 5.6
Woocommerce tested up to: 4.9.2
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: beyondnrg
Tags: Beyond NRG, Energy Drink
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
    - Full contents inside including site styling
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * 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;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * 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;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * 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;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -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;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 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 {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  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] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
p {
  margin-bottom: 1.5em;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: #4169e1;
}
a:visited {
  color: #800080;
}
a:hover, a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
  outline: 0;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
body {
  overflow-x: hidden;
  background: #F7F7F7;
}
body.archive {
  background: #ffffff;
}

.wrapper {
  width: 1700px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1700px) {
  .wrapper {
    width: 1400px;
  }
}
@media screen and (max-width: 1400px) {
  .wrapper {
    width: 1200px;
  }
}
@media screen and (max-width: 1200px) {
  .wrapper {
    width: 1024px;
  }
}
@media screen and (max-width: 1024px) {
  .wrapper {
    width: 992px;
  }
}
@media screen and (max-width: 992px) {
  .wrapper {
    width: 768px;
  }
}
@media screen and (max-width: 768px) {
  .wrapper {
    width: 580px;
  }
}
@media screen and (max-width: 580px) {
  .wrapper {
    width: 480px;
  }
}
@media screen and (max-width: 480px) {
  .wrapper {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media screen and (max-width: 768px) {
  .wp-block-columns {
    width: 100%;
    display: block;
  }
}

@media screen and (max-width: 992px) {
  .wp-block-column {
    width: 100%;
    flex: none;
  }
}
@media screen and (max-width: 768px) {
  .wp-block-column {
    width: 100%;
    flex: none;
  }
}

.dark-mode-wrapper {
  background: #202020;
  border-top: 1px solid #707070;
}

@font-face {
  font-family: "Joyride";
  src: url("./assets/fonts/JoyrideRegular.woff2") format("woff2"), url("./assets/fonts/JoyrideRegular.woff") format("woff"), url("./assets/fonts/JoyrideRegular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Work Sans";
  src: url("./assets/fonts/WorkSans-Bold.woff2") format("woff2"), url("./assets/fonts/WorkSans-Bold.woff") format("woff"), url("./assets/fonts/WorkSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Work Sans";
  src: url("./assets/fonts/WorkSans-Regular.woff2") format("woff2"), url("./assets/fonts/WorkSans-Regular.woff") format("woff"), url("./assets/fonts/WorkSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Work Sans";
  src: url("./assets/fonts/WorkSans-ExtraLight.woff2") format("woff2"), url("./assets/fonts/WorkSans-ExtraLight.woff") format("woff"), url("./assets/fonts/WorkSans-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Work Sans";
  src: url("./assets/fonts/WorkSans-Medium.woff2") format("woff2"), url("./assets/fonts/WorkSans-Medium.woff") format("woff"), url("./assets/fonts/WorkSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Work Sans";
  src: url("./assets/fonts/WorkSans-SemiBold.woff2") format("woff2"), url("./assets/fonts/WorkSans-SemiBold.woff") format("woff"), url("./assets/fonts/WorkSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Work Sans";
  src: url("./assets/fonts/WorkSans-Light.woff2") format("woff2"), url("./assets/fonts/WorkSans-Light.woff") format("woff"), url("./assets/fonts/WorkSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Windlass";
  src: url("./assets/fonts/Windlass.woff2") format("woff2"), url("./assets/fonts/Windlass.woff") format("woff"), url("./assets/fonts/Windlass.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manuskript";
  src: url("./assets/fonts/Manuskript.woff2") format("woff2"), url("./assets/fonts/Manuskript.woff") format("woff"), url("./assets/fonts/Manuskript.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: "Work Sans", Arial, Sans-serif;
}

h1 {
  font-size: 36px;
  line-height: 46px;
  font-weight: 400;
  font-family: "Joyride", Arial, Sans-serif;
  color: #202020;
  text-transform: lowercase;
  width: 100%;
  position: relative;
}

h2 {
  font-size: 30px;
  line-height: 40px;
  font-weight: 400;
  font-family: "Joyride", Arial, Sans-serif;
  text-transform: lowercase;
  color: #202020;
  position: relative;
}

h3 {
  font-size: 26px;
  line-height: 36px;
  font-weight: 400;
  font-family: "Joyride", Arial, Sans-serif;
  color: #202020;
  text-transform: lowercase;
  position: relative;
}

h4 {
  font-size: 23px;
  line-height: 33px;
  font-weight: 400;
  font-family: "Joyride", Arial, Sans-serif;
  color: #202020;
  text-transform: lowercase;
  position: relative;
}

h5 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  font-family: "Joyride", Arial, Sans-serif;
  color: #202020;
  text-transform: lowercase;
  position: relative;
}

h6 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  font-family: "Joyride", Arial, Sans-serif;
  color: #202020;
  text-transform: lowercase;
  position: relative;
}

p {
  font-size: 18px;
  line-height: 29px;
  font-weight: normal;
  font-family: "Work Sans", Arial, Sans-serif;
  color: #202020;
}
p a {
  color: #202020;
  text-decoration: none;
}
p a:visited {
  color: #202020;
}
p a:focus {
  color: #202020;
}
p a:hover {
  color: #F05041;
  text-decoration: underline;
}
p.small-text {
  font-size: 9px;
  line-height: 10px;
  color: #707070;
}

.beyond-page-content h1, .beyond-page-content h2, .beyond-page-content h3, .beyond-page-content h4, .beyond-page-content h5, .beyond-page-content h6, .beyond-page-content p {
  width: 100%;
}

.border-text-orange {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #F05041;
  font-family: "Joyride", Arial, Sans-serif;
  font-size: 72px;
  margin: 0;
  padding: 0;
  font-weight: 200;
  text-transform: lowercase;
}

::selection {
  background: #F05041;
  color: #ffffff;
  -webkit-text-stroke-color: #ffffff;
}

::-moz-selection {
  background: #F05041;
  color: #ffffff;
  -webkit-text-stroke-color: #ffffff;
}

body a {
  outline: 0 !important;
}

.fadeIn {
  animation: fadeIn ease 1.5s;
  -webkit-animation: fadeIn ease 1.5s;
  -moz-animation: fadeIn ease 1.5s;
  -o-animation: fadeIn ease 1.5s;
  -ms-animation: fadeIn ease 1.5s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.alignfull {
  margin: 0px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
}

.wp-block-columns {
  width: 100%;
}

.fullWidthBreak {
  margin: 0px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
}

.site-header {
  width: 100%;
  background: #F7F7F7;
  border-bottom: 1px solid #707070;
  position: relative;
}
.site-header .wrapper {
  position: initial;
}
.site-header .site-branding {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  z-index: 120;
}
.site-header .site-branding .beyondMainLogo {
  width: 55px;
  height: 55px;
}
@media screen and (max-width: 992px) {
  .site-header .site-branding {
    justify-content: center;
  }
}
.site-header .site-branding a {
  text-decoration: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-width: 55px;
}
.site-header .site-branding a .logo-branding {
  max-width: 55px;
  -webkit-transition: -webkit-transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out;
}
.site-header .site-branding a .logo-branding:hover {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media screen and (max-width: 992px) {
  .site-header .site-branding a .logo-branding {
    max-width: 50px;
  }
}
.site-header .site-branding a .logo-text {
  min-width: 165px;
  margin-left: 14px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .site-header .site-branding a .logo-text {
    display: none;
  }
}
.site-header .site-branding a:hover .logo-branding {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.site-header .site-navigation-wrapper {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 992px) {
  .site-header .site-navigation-wrapper {
    display: none;
  }
}
.site-header .site-navigation-wrapper .shop-navigation {
  border-right: 1px solid #707070;
  width: 50%;
}
.site-header .site-navigation-wrapper .shop-navigation a {
  width: 100%;
  text-align: right;
}
.site-header .site-navigation-wrapper .shop-navigation .shop-navigation-hover {
  height: 0px;
  max-height: 0px;
  opacity: 0;
  transition: all 0.1s ease-in-out;
  overflow: hidden;
  bottom: -241px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #E6E6E6;
  box-shadow: 1px 3px 9px 0px rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: 1px 3px 9px 0px rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 1px 3px 9px 0px rgba(0, 0, 0, 0.19);
  z-index: 9999;
}
.site-header .site-navigation-wrapper .shop-navigation:hover .shop-navigation-hover {
  height: 310px;
  max-height: 310px;
  opacity: 1;
}
.site-header .site-navigation-wrapper .shop-navigation ul.desktopCategoryList {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  padding-top: 30px;
  height: 100%;
}
.site-header .site-navigation-wrapper .shop-navigation ul.desktopCategoryList .viewAllProducts {
  width: 100%;
  background: #ffffff;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  color: #202020 !important;
  font-size: 16px;
  margin-top: 25px;
  transition: all 0.5s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.site-header .site-navigation-wrapper .shop-navigation ul.desktopCategoryList .viewAllProducts i {
  margin-left: 10px;
}
.site-header .site-navigation-wrapper .shop-navigation ul.desktopCategoryList .viewAllProducts:visited {
  color: #202020 !important;
}
.site-header .site-navigation-wrapper .shop-navigation ul.desktopCategoryList .viewAllProducts:hover {
  background: #F05041;
  color: #ffffff !important;
}
.site-header .site-navigation-wrapper .shop-navigation ul.desktopCategoryList li {
  flex: 1;
  max-width: 225px;
}
.site-header .site-navigation-wrapper .shop-navigation ul.desktopCategoryList li a {
  padding: 0;
  height: 100%;
}
.site-header .site-navigation-wrapper .shop-navigation ul.desktopCategoryList li a .singleProductTile {
  background: #ffffff;
  height: 100%;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 15px;
  -webkit-box-shadow: 0px 3px 4px 2px rgba(0, 0, 0, 0.14);
  box-shadow: 0px 3px 4px 2px rgba(0, 0, 0, 0.14);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  transition: all 0.5s ease-in-out;
}
.site-header .site-navigation-wrapper .shop-navigation ul.desktopCategoryList li a .singleProductTile .productMobileImage {
  width: 100%;
  text-align: center;
}
.site-header .site-navigation-wrapper .shop-navigation ul.desktopCategoryList li a .singleProductTile span.productNameFull {
  display: block;
  width: 100%;
  font-size: 14px;
  color: #202020;
  text-align: center;
}
.site-header .site-navigation-wrapper .shop-navigation ul.desktopCategoryList li a .singleProductTile span.styleProductTag {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 11px;
  padding: 8px 10px;
  -webkit-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.15);
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
}
.site-header .site-navigation-wrapper .shop-navigation ul.desktopCategoryList li a .singleProductTile span.styleProductTag.saleProductTag {
  background: #448000;
  color: #ffffff;
}
.site-header .site-navigation-wrapper .shop-navigation ul.desktopCategoryList li a .singleProductTile span.styleProductTag.newProductTag {
  background: #F05041;
  color: #ffffff;
}
.site-header .site-navigation-wrapper .shop-navigation ul.desktopCategoryList li:hover .singleProductTile {
  -webkit-box-shadow: 0px 5px 7px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 7px 2px rgba(0, 0, 0, 0.2);
  transition: all 0.5s ease-in-out;
}
.site-header .site-navigation-wrapper .brand-navigation {
  width: 50%;
}
.site-header .site-navigation-wrapper .brand-navigation a {
  width: 100%;
  text-align: left;
}
.site-header .site-navigation-wrapper .brand-navigation .brand-navigation-hover {
  height: 0px;
  opacity: 0;
  transition: all 0.1s ease-in-out;
  overflow: hidden;
  bottom: -21px;
}
.site-header .site-navigation-wrapper .brand-navigation:hover .brand-navigation-hover {
  height: 90px;
  opacity: 1;
  border-bottom: 1px solid #202020;
}
.site-header .site-navigation-wrapper .site-search__area {
  width: 100%;
  height: 100%;
  background: #F7F7F7;
  text-align: center;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  opacity: 0;
  transition: all 0.4s ease-in-out;
  visibility: hidden;
}
.site-header .site-navigation-wrapper .site-search__area .dgwt-wcas-search-wrapp {
  max-width: 900px;
  margin-top: 27px;
}
.site-header .site-navigation-wrapper .site-search__area .dgwt-wcas-search-wrapp input {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.site-header .site-navigation-wrapper .site-search__area.active {
  opacity: 1;
  visibility: visible;
}
.site-header .navigation-top-level {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.site-header .navigation-top-level a {
  font-size: 19px;
  color: #202020;
  text-decoration: none;
  padding: 30px 25px;
  transition: border-color 0.1s, color 0.1s;
  position: relative;
  bottom: -1px;
}
.site-header .navigation-second-level {
  width: 100%;
  background: #ffffff;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  max-height: 90px;
  z-index: 100;
}
.site-header .navigation-second-level ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.site-header .navigation-second-level ul li {
  padding-left: 20px;
  padding-right: 20px;
}
.site-header .navigation-second-level ul li a {
  color: #202020 !important;
  padding: 0;
  padding-top: 33px;
  padding-bottom: 31px;
  border-bottom: 4px solid transparent;
  transition: border-color 0.1s, color 0.1s;
}
.site-header .navigation-second-level ul li a:hover {
  border-bottom: 4px solid #202020;
}
.site-header .site-toolbar {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  z-index: 120;
}
.site-header .site-toolbar .toolbar-icons-navigation {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  justify-content: flex-end;
  flex: 1;
}
.site-header .site-toolbar .toolbar-icons-navigation li {
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 15px;
  color: #000000;
}
.site-header .site-toolbar .toolbar-icons-navigation li i {
  color: #000000;
  font-size: 30px;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.site-header .site-toolbar .toolbar-icons-navigation li i:hover {
  color: #F05041;
}
.site-header .site-toolbar .toolbar-icons-navigation li .beyond-mobile-icon {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  line-height: 0.5;
  width: 60px;
}
.site-header .site-toolbar .toolbar-icons-navigation li .beyond-mobile-icon .line {
  fill: none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke: #000000;
  stroke-width: 5.5;
  stroke-linecap: round;
}
.site-header .site-toolbar .toolbar-icons-navigation li .beyond-mobile-icon .top {
  stroke-dasharray: 40 160;
}
.site-header .site-toolbar .toolbar-icons-navigation li .beyond-mobile-icon .middle {
  stroke-dasharray: 40 142;
  transform-origin: 50%;
  transition: transform 400ms;
}
.site-header .site-toolbar .toolbar-icons-navigation li .beyond-mobile-icon .bottom {
  stroke-dasharray: 40 85;
  transform-origin: 50%;
  transition: transform 400ms, stroke-dashoffset 400ms;
}
.site-header .site-toolbar .toolbar-icons-navigation li .beyond-mobile-icon:hover .line {
  stroke: #F05041;
}
.site-header .site-toolbar .toolbar-icons-navigation li .active-nav-icon {
  transform: rotate(45deg);
}
.site-header .site-toolbar .toolbar-icons-navigation li .active-nav-icon .top {
  stroke-dashoffset: -64px;
}
.site-header .site-toolbar .toolbar-icons-navigation li .active-nav-icon .middle {
  transform: rotate(90deg);
}
.site-header .site-toolbar .toolbar-icons-navigation li .active-nav-icon .bottom {
  stroke-dashoffset: -64px;
}
@media screen and (max-width: 992px) {
  .site-header .site-toolbar .toolbar-icons-navigation li.search-icon {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .site-header .site-toolbar .toolbar-icons-navigation li.account {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .site-header .site-toolbar .toolbar-icons-navigation li.localisation {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .site-header .site-toolbar .toolbar-icons-navigation li.login {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .site-header .site-toolbar .toolbar-icons-navigation li.cart {
    display: none;
  }
}
.site-header .site-toolbar .toolbar-icons-navigation .localisation {
  min-width: 35px;
  display: none;
}
.site-header .site-toolbar .toolbar-icons-navigation .mobile-navigation-toggle {
  display: none;
  margin: 0;
}
@media screen and (max-width: 992px) {
  .site-header .site-toolbar .toolbar-icons-navigation .mobile-navigation-toggle {
    display: inline-block;
  }
}
.site-header.beyondDarkHeader {
  background: #10141E;
}
.site-header.beyondDarkHeader .site-navigation-wrapper .shop-navigation a, .site-header.beyondDarkHeader .site-navigation-wrapper .brand-navigation a {
  color: #ffffff;
}
.site-header.beyondDarkHeader .site-navigation-wrapper .shop-navigation a:visited, .site-header.beyondDarkHeader .site-navigation-wrapper .brand-navigation a:visited {
  color: #ffffff;
}
.site-header.beyondDarkHeader .toolbar-icons-navigation li {
  color: #ffffff;
}
.site-header.beyondDarkHeader .toolbar-icons-navigation li i {
  color: #ffffff;
}
.site-header.beyondDarkHeader .fresh15Banner {
  color: #ffffff;
}
.site-header.beyondDarkHeader .countdownClock {
  color: #ffffff;
}
.site-header.beyondBlackHeader {
  background: #020109;
}
.site-header.beyondBlackHeader .site-navigation-wrapper .shop-navigation a, .site-header.beyondBlackHeader .site-navigation-wrapper .brand-navigation a {
  color: #ffffff;
}
.site-header.beyondBlackHeader .site-navigation-wrapper .shop-navigation a:visited, .site-header.beyondBlackHeader .site-navigation-wrapper .brand-navigation a:visited {
  color: #ffffff;
}
.site-header.beyondBlackHeader .toolbar-icons-navigation li {
  color: #ffffff;
}
.site-header.beyondBlackHeader .toolbar-icons-navigation li i {
  color: #ffffff;
}
.site-header.beyondBlackHeader .fresh15Banner {
  color: #ffffff;
}
.site-header.beyondBlackHeader .countdownClock {
  color: #ffffff;
}
.site-header.sotHeader {
  background: #071412;
}
.site-header.sotHeader .site-navigation-wrapper .shop-navigation a, .site-header.sotHeader .site-navigation-wrapper .brand-navigation a {
  color: #ffffff;
}
.site-header.sotHeader .site-navigation-wrapper .shop-navigation a:visited, .site-header.sotHeader .site-navigation-wrapper .brand-navigation a:visited {
  color: #ffffff;
}
.site-header.sotHeader .toolbar-icons-navigation li {
  color: #ffffff;
}
.site-header.sotHeader .toolbar-icons-navigation li i {
  color: #ffffff;
}
.site-header.sotHeader .fresh15Banner {
  color: #ffffff;
}
.site-header.sotHeader .countdownClock {
  color: #ffffff;
}

#lightSlider {
  width: 100%;
  list-style: none;
  display: flex;
}
@media screen and (max-width: 992px) {
  #lightSlider li {
    list-style: none;
  }
  #lightSlider li p {
    font-size: 16px;
  }
}

.navigation-notice-bar {
  width: 100%;
  background: #F7F7F7;
  border-top: 1px solid #707070;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media screen and (min-width: 1200px) {
  .navigation-notice-bar {
    max-height: 90px;
  }
}
@media screen and (max-width: 480px) {
  .navigation-notice-bar {
    max-height: 50px;
  }
}
.navigation-notice-bar p {
  font-size: 19px;
  color: #202020;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
  font-weight: 500;
}
@media screen and (max-width: 992px) {
  .navigation-notice-bar {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.navigation-notice-bar .lSPrev:before {
  content: "\f053";
  font-size: 20px;
  color: #202020;
  font-family: "Font Awesome 5 Pro";
  font-weight: 500;
}
.navigation-notice-bar .lSNext {
  text-align: right;
}
.navigation-notice-bar .lSNext:before {
  content: "\f054";
  font-size: 20px;
  color: #202020;
  font-family: "Font Awesome 5 Pro";
  font-weight: 500;
}

.beyondDarkHeader .navigation-notice-bar {
  background: #10141E;
}
.beyondDarkHeader .navigation-notice-bar i {
  color: #ffffff;
}
.beyondDarkHeader .navigation-notice-bar p {
  color: #ffffff;
}
.beyondDarkHeader .navigation-notice-bar p a {
  color: #ffffff;
}
.beyondDarkHeader .navigation-notice-bar p a:visited {
  color: #ffffff;
}
.beyondDarkHeader .beyond-mobile-icon .line {
  stroke: #F7F7F7 !important;
}
.beyondDarkHeader .cart-mobile i {
  color: #F7F7F7;
}

.sotHeader .navigation-notice-bar {
  background: #071412;
}
.sotHeader .navigation-notice-bar i {
  color: #ffffff;
}
.sotHeader .navigation-notice-bar p {
  color: #ffffff;
}
.sotHeader .navigation-notice-bar p a {
  color: #ffffff;
}
.sotHeader .navigation-notice-bar p a:visited {
  color: #ffffff;
}
.sotHeader .beyond-mobile-icon .line {
  stroke: #F7F7F7 !important;
}
.sotHeader .cart-mobile i {
  color: #F7F7F7;
}

.beyondBlackHeader .navigation-notice-bar {
  background: #020109;
}
.beyondBlackHeader .navigation-notice-bar i {
  color: #ffffff;
}
.beyondBlackHeader .navigation-notice-bar p {
  color: #ffffff;
}
.beyondBlackHeader .navigation-notice-bar p a {
  color: #ffffff;
}
.beyondBlackHeader .navigation-notice-bar p a:visited {
  color: #ffffff;
}
.beyondBlackHeader .beyond-mobile-icon .line {
  stroke: #F7F7F7 !important;
}
.beyondBlackHeader .cart-mobile i {
  color: #F7F7F7;
}

.cart-mobile {
  display: none;
  font-size: 30px;
  align-items: center;
  justify-content: flex-start;
  color: #000000;
  flex: 1;
}
.cart-mobile i {
  color: #000000;
  font-size: 30px;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.cart-mobile i:hover {
  color: #F05041;
}
@media screen and (max-width: 992px) {
  .cart-mobile {
    display: flex;
  }
}

.beyond-mobile__navigation-icon {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 45px;
}
.beyond-mobile__navigation-icon .account-icon-mobile {
  font-size: 25px;
  color: #202020;
  cursor: pointer;
  text-decoration: none;
  margin-right: 15px;
}
.beyond-mobile__navigation-icon .account-icon-mobile:visited {
  color: #202020;
}
.beyond-mobile__navigation-icon .account-icon-mobile:focus {
  color: #F05041;
}
.beyond-mobile__navigation-icon .menu-link {
  font-size: 35px;
  color: #202020;
  cursor: pointer;
  text-decoration: none;
}
.beyond-mobile__navigation-icon .menu-link:visited {
  color: #202020;
}
.beyond-mobile__navigation-icon .menu-link:focus {
  color: #F05041;
}
.beyond-mobile__navigation-icon .menu-link:hover {
  color: #F05041;
}
.beyond-mobile__navigation-icon .beyond-mobile__navigation-mobile-search {
  width: 70%;
  margin-left: 15px;
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.beyond-mobile__navigation-icon .beyond-mobile__navigation-mobile-search input {
  -webkit-border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  border-radius: 15px !important;
}
.beyond-mobile__navigation-icon .beyond-mobile__navigation-mobile-icon {
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.beyond-mobile__navigation-icon .beyond-mobile-icon {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  line-height: 0.5;
  width: 60px;
}
.beyond-mobile__navigation-icon .beyond-mobile-icon .line {
  fill: none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke: #000000;
  stroke-width: 5.5;
  stroke-linecap: round;
}
.beyond-mobile__navigation-icon .beyond-mobile-icon .top {
  stroke-dasharray: 40 160;
}
.beyond-mobile__navigation-icon .beyond-mobile-icon .middle {
  stroke-dasharray: 40 142;
  transform-origin: 50%;
  transition: transform 400ms;
}
.beyond-mobile__navigation-icon .beyond-mobile-icon .bottom {
  stroke-dasharray: 40 85;
  transform-origin: 50%;
  transition: transform 400ms, stroke-dashoffset 400ms;
}
.beyond-mobile__navigation-icon .beyond-mobile-icon:hover .line {
  stroke: #F05041;
}
.beyond-mobile__navigation-icon .active-nav-icon {
  transform: rotate(45deg);
}
.beyond-mobile__navigation-icon .active-nav-icon .top {
  stroke-dashoffset: -64px;
}
.beyond-mobile__navigation-icon .active-nav-icon .middle {
  transform: rotate(90deg);
}
.beyond-mobile__navigation-icon .active-nav-icon .bottom {
  stroke-dashoffset: -64px;
}

.push {
  position: relative;
}

.panel {
  position: fixed;
  right: 100%;
  width: 100%;
  background: #ffffff;
  overflow-y: scroll;
}
.panel ul {
  margin-left: 0px;
  padding-left: 0px;
}
.panel ul li {
  list-style: none;
  margin-left: 0px;
}
.panel ul li a {
  font-size: 18px;
  text-decoration: none;
  display: block;
  color: #202020;
  padding: 2px 25px;
}
.panel ul li a:visited {
  color: #202020;
}
.panel ul li a:hover {
  color: #F05041;
}
.panel ul li a:focus {
  color: #F05041;
}
.panel ul li:last-of-type {
  border-bottom: 0px;
}

@media screen and (max-width: 992px) {
  .inner-header-wrapper {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.mobileNav22 {
  background: #ffffff;
  z-index: 9999999;
}
.mobileNav22 .mobileBrandBar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  background: #ffffff;
  border-bottom: 1px solid #E6E6E6;
}
.mobileNav22 .mobileBrandBar .menuClose {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.mobileNav22 .mobileBrandBar .menuClose a {
  padding: 10px;
  font-size: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  width: 60px;
  height: 60px;
  background: #F7F7F7;
  color: #202020;
  border-left: 1px solid #E6E6E6;
  transition: all 0.3s ease-in-out;
}
.mobileNav22 .mobileBrandBar .menuClose a:focus {
  background: #ffffff;
}
.mobileNav22 .mobileBrandBar .menuClose a:hover {
  background: #ffffff;
}
.mobileNav22 .mobileBrandBar .menuLogo {
  flex: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 7px;
  padding-bottom: 7px;
}
.mobileNav22 .mobileBrandBar .menuLogo img {
  max-width: 45px;
}
.mobileNav22 .mobileBrandBar .menuBasket {
  flex: 1;
}
.mobileNav22 .mobileBrandBar .menuBasket a {
  padding: 10px;
  font-size: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  width: 60px;
  height: 60px;
  background: #F7F7F7;
  color: #202020;
  border-right: 1px solid #E6E6E6;
  transition: all 0.3s ease-in-out;
}
.mobileNav22 .mobileBrandBar .menuBasket a:focus {
  background: #ffffff;
}
.mobileNav22 .mobileBrandBar .menuBasket a:hover {
  background: #ffffff;
}
.mobileNav22 .mobileNavControls {
  background: #202020;
  width: 100%;
}
.mobileNav22 .mobileNavControls ul.navControls {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.mobileNav22 .mobileNavControls ul.navControls li.singleControl {
  flex: 1;
}
.mobileNav22 .mobileNavControls ul.navControls li.singleControl a {
  padding: 16px 10px;
  color: #ffffff;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.mobileNav22 .mobileNavControls ul.navControls li.singleControl a:visited {
  color: #ffffff;
}
.mobileNav22 .mobileNavControls ul.navControls li.singleControl a:focus {
  color: #F05041;
}
.mobileNav22 .mobileNavControls ul.navControls li.singleControl a:hover {
  color: #F05041;
}
.mobileNav22 .mobileNavControls ul.navControls li.singleControl #mobileSearchToggle {
  padding: 16px 10px;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
}
.mobileNav22 .mobileNavControls ul.navControls li.singleControl #mobileSearchToggle:hover {
  color: #F05041;
}
.mobileNav22 .mobileNavControls ul.navControls li.singleControl i {
  font-size: 25px;
  text-align: center;
  width: 100%;
}
.mobileNav22 .mobileNavControls ul.navControls li.singleControl span.label {
  width: 100%;
  text-align: center;
  font-size: 12px;
  display: inline-block;
}
.mobileNav22 .mobileNavControls #searchBarMobile {
  overflow: hidden;
  transition: 0.5s all ease-in-out;
}
.mobileNav22 .mobileNavControls #searchBarMobile .userSearchBox {
  width: 100%;
  padding: 5px;
  background: #202020;
}
.mobileNav22 .mobileNavigationFull {
  width: 100%;
}
.mobileNav22 .mobileNavigationFull .customMobileNavigation {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mobileNav22 .mobileNavigationFull li.mainMobileNavButton {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 25px;
  padding-bottom: 25px;
  color: #202020;
  font-weight: 500;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
  border-bottom: 1px solid #E6E6E6;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
.mobileNav22 .mobileNavigationFull li.mainMobileNavButton i {
  justify-self: flex-end;
  align-self: center;
}
.mobileNav22 .mobileNavigationFull li.mainMobileNavButton:focus {
  background: #F7F7F7;
}
.mobileNav22 .mobileNavigationFull li.mainMobileNavButton:hover {
  background: #F7F7F7;
}
.mobileNav22 .mobileNavigationFull li.mainMobileNavButton.active {
  transition: all 0.3s ease-in-out;
  background: #F7F7F7;
}
.mobileNav22 .mobileNavigationFull li.mainMobileNavButton.active i {
  webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: all 0.3s ease-in-out;
}
.mobileNav22 .mobileNavigationFull .subMenu {
  display: block;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  max-height: 0;
}
.mobileNav22 .mobileNavigationFull .subMenu.show {
  display: block;
  transition: all 0.4s ease-in-out;
  height: auto;
}
.mobileNav22 .mobileNavigationFull .productGridMobile ul.productsList {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  row-gap: 20px;
  column-gap: 20px;
  padding: 20px;
  grid-template-columns: 1fr 1fr 1fr;
  background: #F7F7F7;
  align-items: stretch;
}
@media screen and (max-width: 480px) {
  .mobileNav22 .mobileNavigationFull .productGridMobile ul.productsList {
    grid-template-columns: 1fr 1fr;
  }
}
.mobileNav22 .mobileNavigationFull .productGridMobile ul.productsList li.singleMobileNavProduct {
  width: 100%;
}
.mobileNav22 .mobileNavigationFull .productGridMobile ul.productsList li.singleMobileNavProduct a {
  padding: 0;
  height: 100%;
}
.mobileNav22 .mobileNavigationFull .productGridMobile ul.productsList li.singleMobileNavProduct a .singleProductTile {
  background: #ffffff;
  height: 100%;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 15px;
  -webkit-box-shadow: 0px 3px 4px 2px rgba(0, 0, 0, 0.14);
  box-shadow: 0px 3px 4px 2px rgba(0, 0, 0, 0.14);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  transition: all 0.5s ease-in-out;
}
.mobileNav22 .mobileNavigationFull .productGridMobile ul.productsList li.singleMobileNavProduct a .singleProductTile .productMobileImage {
  width: 100%;
  text-align: center;
}
.mobileNav22 .mobileNavigationFull .productGridMobile ul.productsList li.singleMobileNavProduct a .singleProductTile span.productNameFull {
  display: block;
  width: 100%;
  font-size: 14px;
  color: #202020;
  text-align: center;
}
.mobileNav22 .mobileNavigationFull .productGridMobile ul.productsList li.singleMobileNavProduct a .singleProductTile span.styleProductTag {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 11px;
  padding: 8px 10px;
  -webkit-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.15);
  -webkit-border-top-right-radius: 105px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
}
.mobileNav22 .mobileNavigationFull .productGridMobile ul.productsList li.singleMobileNavProduct a .singleProductTile span.styleProductTag.saleProductTag {
  background: #448000;
  color: #ffffff;
}
.mobileNav22 .mobileNavigationFull .productGridMobile ul.productsList li.singleMobileNavProduct a .singleProductTile span.styleProductTag.newProductTag {
  background: #F05041;
  color: #ffffff;
}
.mobileNav22 .mobileNavigationFull .productGridMobile ul.productsList li.singleMobileNavProduct a .singleProductTile:hover {
  -webkit-box-shadow: 0px 3px 4px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 3px 4px 2px rgba(0, 0, 0, 0.24);
}
.mobileNav22 .mobileNavigationFull .productGridMobile ul.productsList li.singleMobileNavProduct:hover .singleProductTile {
  -webkit-box-shadow: 0px 5px 7px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 7px 2px rgba(0, 0, 0, 0.2);
  transition: all 0.5s ease-in-out;
}
.mobileNav22 .mobileNavigationFull .productGridMobile ul.productsList a.viewAllButton {
  width: 100%;
  color: #202020;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  display: block;
  text-decoration: none;
  grid-column: 1/-1;
}
.mobileNav22 .mobileNavigationFull .productGridMobile.brandMenu .menu {
  padding-top: 25px;
  padding-bottom: 25px;
  margin: 0;
}
.mobileNav22 .mobileNavigationFull .productGridMobile.brandMenu .menu li a {
  padding-top: 13px;
  padding-bottom: 13px;
}

.navigation-notice-bar .fresh15Banner {
  width: 100%;
  text-align: center;
}

.countdownClock {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.countdownClock .countdownCount {
  font-size: 30px;
  margin-right: 5px;
  margin-left: 5px;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dgwt-wcas-search-input {
  height: 100% !important;
  padding-left: 30px !important;
}

.dgwt-wcas-sf-wrapp {
  height: 100% !important;
}

.dgwt-wcas-search-form {
  height: 100% !important;
}

#shopNavigation {
  display: none;
}
#shopNavigation.active {
  display: block;
}

#brandNavigation {
  display: none;
}
#brandNavigation.active {
  display: block;
}

.tax-product_cat .disableSpacing {
  margin-top: 45px !important;
}

#promoFooter {
  width: 100%;
  background: black;
  overflow: hidden;
  position: relative;
  margin-top: 85px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
#promoFooter.disableSpacing {
  margin-top: 0;
}
@media screen and (max-width: 580px) {
  #promoFooter {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 40px;
  }
}
#promoFooter .promotionalText {
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  z-index: 20;
  position: relative;
}
#promoFooter .promotionalText:after {
  content: "";
  background-image: url("./assets/img/marketing/blackfriday/lottoGlow.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  width: 1151px;
  height: 153px;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 10;
}
#promoFooter .promotionalText:after {
  content: "";
  background-image: url("./assets/img/homepage/b22/vortexOutline2.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 925px;
  height: 925px;
  left: -30px;
  top: -310px;
  position: absolute;
  z-index: 10;
}
@media screen and (max-width: 1700px) {
  #promoFooter .promotionalText:after {
    width: 800px;
    height: 800px;
    top: -240px;
  }
}
@media screen and (max-width: 1400px) {
  #promoFooter .promotionalText:after {
    left: -90px;
  }
}
@media screen and (max-width: 1200px) {
  #promoFooter .promotionalText:after {
    width: 700px;
    height: 700px;
    top: -180px;
  }
}
@media screen and (max-width: 992px) {
  #promoFooter .promotionalText:after {
    width: 900px;
    height: 900px;
    top: -210px;
    left: -62px;
  }
}
@media screen and (max-width: 768px) {
  #promoFooter .promotionalText:after {
    top: -170px;
    left: -114px;
  }
}
@media screen and (max-width: 580px) {
  #promoFooter .promotionalText:after {
    width: 700px;
    height: 700px;
    left: -108px;
  }
}
@media screen and (max-width: 992px) {
  #promoFooter .promotionalText {
    width: 100%;
    flex: none;
  }
}
#promoFooter .promotionalText p {
  margin: 0;
  padding: 0;
  z-index: 20;
}
#promoFooter .promotionalText p.promoLineOne {
  color: #ffffff;
  font-family: "Joyride";
  text-transform: lowercase;
  font-size: 72px;
  line-height: 72px;
  position: relative;
  text-align: center;
  z-index: 20;
}
@media screen and (max-width: 1400px) {
  #promoFooter .promotionalText p.promoLineOne {
    font-size: 52px;
    line-height: 52px;
  }
}
@media screen and (max-width: 992px) {
  #promoFooter .promotionalText p.promoLineOne {
    font-size: 42px;
    line-height: 42px;
  }
}
@media screen and (max-width: 580px) {
  #promoFooter .promotionalText p.promoLineOne {
    font-size: 35px;
    line-height: 35px;
  }
}
#promoFooter .promotionalText p.promoLineTwo {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
  text-transform: lowercase;
  font-family: "Joyride";
  font-size: 45px;
  text-align: center;
  line-height: 45px;
  z-index: 20;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 992px) {
  #promoFooter .promotionalText p.promoLineTwo {
    font-size: 32px;
    line-height: 32px;
  }
}
@media screen and (max-width: 580px) {
  #promoFooter .promotionalText p.promoLineTwo {
    font-size: 21px;
    line-height: 28px;
  }
}
#promoFooter .promotionalText p.promoSubTitle {
  color: #ffffff;
  font-size: 30px;
  line-height: 35px;
  max-width: 290px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 30px;
  margin-top: 15px;
  z-index: 20;
  position: relative;
}
@media screen and (max-width: 992px) {
  #promoFooter .promotionalText p.promoSubTitle {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (max-width: 580px) {
  #promoFooter .promotionalText p.promoSubTitle {
    font-size: 19px;
    line-height: 23px;
  }
}
#promoFooter .promotionalText p.promoText {
  text-align: center;
  color: #ffffff;
  font-weight: 300;
  max-width: 380px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 19px;
  line-height: 23px;
  margin-top: 20px;
  z-index: 20;
  position: relative;
}
@media screen and (max-width: 992px) {
  #promoFooter .promotionalText p.promoText {
    font-size: 16px;
    line-height: 17px;
  }
}
@media screen and (max-width: 580px) {
  #promoFooter .promotionalText p.promoText {
    font-size: 10px;
    line-height: 12px;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}
#promoFooter .promotionalForm {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  z-index: 20;
  padding-top: 80px;
  padding-bottom: 80px;
  margin-top: 30px;
}
@media screen and (max-width: 992px) {
  #promoFooter .promotionalForm {
    width: 100%;
    flex: none;
  }
}
#promoFooter .promotionalForm .gform_confirmation_message {
  color: #ffffff;
  font-size: 16px;
  line-height: 23px;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#promoFooter .promotionalForm .gform_wrapper {
  width: 100%;
}
#promoFooter .promotionalForm form {
  max-width: 600px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#promoFooter .promotionalForm form input.large {
  padding: 15px 30px !important;
  -webkit-border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  border-radius: 15px !important;
}
@media screen and (max-width: 580px) {
  #promoFooter .promotionalForm form input.large {
    padding: 10px 20px !important;
  }
}
#promoFooter .promotionalForm form input.gform_button {
  width: 100% !important;
  display: block !important;
  background: #F05041 !important;
  color: #ffffff !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  -webkit-border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  border-radius: 15px !important;
}
@media screen and (max-width: 580px) {
  #promoFooter .promotionalForm form input.gform_button {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
#promoFooter .promotionalForm form input.gform_button:visited {
  color: #ffffff;
}
#promoFooter .promotionalForm form input.gform_button:hover {
  background: #bc1e0f !important;
  color: #ffffff !important;
}

#footer-cta {
  width: 100%;
  background: #F7F7F7;
  height: auto;
  padding-top: 55px;
}
@media screen and (max-width: 480px) {
  #footer-cta {
    padding-top: 10px;
  }
}
#footer-cta h6 {
  font-size: 150px;
  line-height: 150px;
  color: #202020;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 1700px) {
  #footer-cta h6 {
    font-size: 130px;
    line-height: 130px;
  }
}
@media screen and (max-width: 1400px) {
  #footer-cta h6 {
    font-size: 110px;
    line-height: 110px;
  }
}
@media screen and (max-width: 1200px) {
  #footer-cta h6 {
    font-size: 90px;
    line-height: 90px;
  }
}
@media screen and (max-width: 1200px) {
  #footer-cta h6 {
    font-size: 90px;
    line-height: 90px;
  }
}
@media screen and (max-width: 1024px) {
  #footer-cta h6 {
    font-size: 70px;
    line-height: 70px;
  }
}
@media screen and (max-width: 768px) {
  #footer-cta h6 {
    font-size: 50px;
    line-height: 50px;
  }
}
@media screen and (max-width: 480px) {
  #footer-cta h6 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 5px;
  }
}
#footer-cta p {
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
}

footer.site-footer {
  width: 100%;
  background: #ffffff;
  position: relative;
  padding-top: 55px;
}
@media screen and (max-width: 992px) {
  footer.site-footer {
    padding-top: 40px;
  }
}
footer.site-footer.clean {
  margin-top: 100px;
}
@media screen and (max-width: 580px) {
  footer.site-footer.clean {
    margin-top: 50px;
  }
}
footer.site-footer.cleanv2 {
  margin-top: 0px;
}
@media screen and (max-width: 580px) {
  footer.site-footer.cleanv2 {
    margin-top: 0px;
  }
}
footer.site-footer .footerTopArea {
  width: 100%;
  padding-bottom: 150px;
}
footer.site-footer .footerTopArea .footerLinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 1;
}
@media screen and (max-width: 992px) {
  footer.site-footer .footerTopArea .footerLinks {
    width: 100%;
    flex: none;
    order: 2;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  footer.site-footer .footerTopArea .footerLinks {
    justify-content: flex-start;
  }
}
footer.site-footer .footerTopArea .footerLinks h6 {
  width: 100%;
  margin: 0;
  padding: 0;
  text-transform: capitalize;
  font-family: "Work Sans";
  font-weight: bold;
  margin-bottom: 15px;
  text-decoration: underline;
  font-size: 22px;
}
@media screen and (max-width: 992px) {
  footer.site-footer .footerTopArea .footerLinks h6 {
    text-align: left;
    font-size: 15px;
  }
}
footer.site-footer .footerTopArea .footerLinks .footerLinkBar {
  margin-right: 50px;
}
@media screen and (max-width: 480px) {
  footer.site-footer .footerTopArea .footerLinks .footerLinkBar {
    margin-right: 0px;
    width: 100%;
    margin-top: 30px;
  }
  footer.site-footer .footerTopArea .footerLinks .footerLinkBar:first-of-type {
    margin-top: 0;
  }
}
@media screen and (max-width: 370px) {
  footer.site-footer .footerTopArea .footerLinks .footerLinkBar {
    margin: 0;
    padding: 0;
  }
  footer.site-footer .footerTopArea .footerLinks .footerLinkBar:first-of-type {
    margin-top: 0;
  }
}
@media screen and (max-width: 480px) {
  footer.site-footer .footerTopArea .footerLinks .footerLinkBar.coreLinks {
    margin-right: auto;
  }
}
footer.site-footer .footerTopArea .footerLinks .footerLinkBar:last-of-type {
  margin-right: 0;
}
footer.site-footer .footerTopArea .footerLinks .footerLinkBar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer.site-footer .footerTopArea .footerLinks .footerLinkBar ul li {
  margin-bottom: 10px;
}
footer.site-footer .footerTopArea .footerLinks .footerLinkBar ul li:last-of-type {
  margin-bottom: 0;
}
footer.site-footer .footerTopArea .footerLinks .footerLinkBar ul li a {
  font-size: 22px;
  color: #202020;
  font-weight: 500;
  text-decoration: none;
  font-weight: 400;
}
@media screen and (max-width: 992px) {
  footer.site-footer .footerTopArea .footerLinks .footerLinkBar ul li a {
    font-size: 15px;
  }
}
footer.site-footer .footerTopArea .footerLinks .footerLinkBar.coreLinks a {
  font-weight: bold;
}
@media screen and (max-width: 992px) {
  footer.site-footer .footerTopArea .footerBranding {
    width: 100%;
    order: 1;
    text-align: left;
    margin-bottom: 40px;
  }
}
footer.site-footer .footerTopArea .footerBranding .footerBrandingLogo img {
  height: 73px;
  max-width: 100%;
}
@media screen and (max-width: 1200px) {
  footer.site-footer .footerTopArea .footerBranding .footerBrandingLogo img {
    height: 50px;
  }
}
@media screen and (max-width: 1200px) {
  footer.site-footer .footerTopArea .footerBranding .footerBrandingLogo img {
    height: 60px;
  }
}
footer.site-footer .footerUtility {
  width: 100%;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
}
footer.site-footer .footerUtility .footerLogos {
  border-right: 1px solid #707070;
  flex: 3;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 992px) {
  footer.site-footer .footerUtility .footerLogos {
    flex: none;
    width: 100%;
    order: 2;
    padding-top: 40px;
    padding-bottom: 40px;
    border-right: 0;
    justify-content: center;
  }
}
@media screen and (max-width: 580px) {
  footer.site-footer .footerUtility .footerLogos {
    padding-bottom: 20px;
  }
}
footer.site-footer .footerUtility .footerLogos ul.paymentIcons {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 580px) {
  footer.site-footer .footerUtility .footerLogos ul.paymentIcons {
    justify-content: center;
  }
}
footer.site-footer .footerUtility .footerLogos ul.paymentIcons li {
  margin-right: 30px;
}
@media screen and (max-width: 1200px) {
  footer.site-footer .footerUtility .footerLogos ul.paymentIcons li {
    margin-right: 20px;
  }
}
@media screen and (max-width: 580px) {
  footer.site-footer .footerUtility .footerLogos ul.paymentIcons li {
    margin-bottom: 20px;
  }
}
footer.site-footer .footerUtility .footerLogos ul.paymentIcons li:last-of-type {
  margin-right: 0;
}
footer.site-footer .footerUtility .footerLogos ul.paymentIcons li img {
  max-width: 100%;
  height: 42px;
}
@media screen and (max-width: 1400px) {
  footer.site-footer .footerUtility .footerLogos ul.paymentIcons li img {
    height: 35px;
  }
}
@media screen and (max-width: 1200px) {
  footer.site-footer .footerUtility .footerLogos ul.paymentIcons li img {
    height: 30px;
  }
}
footer.site-footer .footerUtility .footerLogos ul.shippingIcons {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-right: 24px;
}
@media screen and (max-width: 1700px) {
  footer.site-footer .footerUtility .footerLogos ul.shippingIcons {
    display: none;
  }
}
footer.site-footer .footerUtility .footerLogos ul.shippingIcons li {
  margin-right: 30px;
}
footer.site-footer .footerUtility .footerLogos ul.shippingIcons li:last-of-type {
  margin-right: 0;
}
footer.site-footer .footerUtility .footerLogos ul.shippingIcons li img {
  max-width: 100%;
  height: 42px;
}
footer.site-footer .footerUtility .footerSocials {
  flex: 1;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (max-width: 1400px) {
  footer.site-footer .footerUtility .footerSocials {
    flex: 2;
  }
}
@media screen and (max-width: 992px) {
  footer.site-footer .footerUtility .footerSocials {
    flex: none;
    width: 100%;
    order: 1;
    margin: 0px calc(50% - 50vw);
    max-width: 100vw;
    width: 100vw;
    border-bottom: 1px solid #707070;
  }
}
footer.site-footer .footerUtility .footerSocials ul.socialsListFooter {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
@media screen and (max-width: 992px) {
  footer.site-footer .footerUtility .footerSocials ul.socialsListFooter {
    justify-content: center;
  }
}
footer.site-footer .footerUtility .footerSocials ul.socialsListFooter li.singleSocial {
  margin-left: 33px;
}
footer.site-footer .footerUtility .footerSocials ul.socialsListFooter li.singleSocial:first-of-type {
  margin-left: 0;
}
footer.site-footer .footerUtility .footerSocials ul.socialsListFooter li.singleSocial a {
  color: #F05041;
  text-decoration: none;
  font-size: 43px;
}
footer.site-footer .footerUtility .footerSocials ul.socialsListFooter li.singleSocial a:visited {
  color: #F05041;
}
footer.site-footer .footerUtility .footerSocials ul.socialsListFooter li.singleSocial:hover.instagram a {
  color: #d62976;
}
footer.site-footer .footerUtility .footerSocials ul.socialsListFooter li.singleSocial:hover.twitter a {
  color: #08a0e9;
}
footer.site-footer .footerUtility .footerSocials ul.socialsListFooter li.singleSocial:hover.youtube a {
  color: #c3352e;
}
footer.site-footer .footerUtility .footerSocials ul.socialsListFooter li.singleSocial:hover.facebook a {
  color: #3c5898;
}
footer.site-footer .footerUtility .footerSocials ul.socialsListFooter li.singleSocial:hover.discord a {
  color: #7289da;
}
footer.site-footer .footerLegals p {
  font-size: 10px;
  width: 100%;
  text-transform: uppercase;
  font-weight: 300;
}
footer.site-footer .footerLegals p .legal {
  float: right;
}
footer.site-footer.beyondDarkFooter {
  background: #10141E;
}
footer.site-footer.beyondDarkFooter h6 {
  color: #ffffff;
}
footer.site-footer.beyondDarkFooter .footerLinkBar ul li a {
  color: #ffffff !important;
}
footer.site-footer.beyondDarkFooter .footerLinkBar ul li a:visited {
  color: #ffffff !important;
}
footer.site-footer.beyondDarkFooter .footerLinkBar ul li a:hover {
  color: #F05041;
}
footer.site-footer.beyondDarkFooter .footerLegals p {
  color: #ffffff;
}
footer.site-footer.beyondDarkFooter .footerLegals p a {
  color: #ffffff;
}
footer.site-footer.beyondDarkFooter .footerLegals p a:visited {
  color: #ffffff;
}
footer.site-footer.beyondDarkFooter .footerLegals p a:hover {
  color: #F05041;
}
footer.site-footer.beyondBlackHeader {
  background: #020109;
}
footer.site-footer.beyondBlackHeader h6 {
  color: #ffffff;
}
footer.site-footer.beyondBlackHeader .footerLinkBar ul li a {
  color: #ffffff !important;
}
footer.site-footer.beyondBlackHeader .footerLinkBar ul li a:visited {
  color: #ffffff !important;
}
footer.site-footer.beyondBlackHeader .footerLinkBar ul li a:hover {
  color: #F05041;
}
footer.site-footer.beyondBlackHeader .footerLegals p {
  color: #ffffff;
}
footer.site-footer.beyondBlackHeader .footerLegals p a {
  color: #ffffff;
}
footer.site-footer.beyondBlackHeader .footerLegals p a:visited {
  color: #ffffff;
}
footer.site-footer.beyondBlackHeader .footerLegals p a:hover {
  color: #F05041;
}

/* Yoast FAQ Accordion */
#rank-math-faq {
  width: 100%;
}
#rank-math-faq .schema-faq-section {
  margin-bottom: 25px;
}
#rank-math-faq .rank-math-question {
  width: 100%;
  display: block;
  background: #ffffff;
  color: #202020;
  padding: 10px 25px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 1px solid #707070;
  text-decoration: none;
  position: relative;
  transition: all 0.2s ease-in-out;
  font-weight: 500;
  font-family: "Work Sans", Arial, Sans-serif;
  text-transform: none;
  font-size: 16px;
  line-height: 24px;
}
#rank-math-faq .rank-math-question:after {
  content: "";
  background-image: url("assets/img/faq-star.png");
  width: 15px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 25px;
  top: 12px;
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 480px) {
  #rank-math-faq .rank-math-question:after {
    display: none;
  }
}
#rank-math-faq .rank-math-question:hover {
  background: #F7F7F7;
}
#rank-math-faq .rank-math-question.faq-q-open:after {
  transition: all 0.2s ease-in-out;
  transform: rotate(316deg);
}
#rank-math-faq .rank-math-answer {
  display: none;
  margin: 0;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  margin-top: 20px;
  background: #202020;
  overflow: hidden;
  padding: 15px 20px;
}
#rank-math-faq .rank-math-answer p {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 15px;
  line-height: 16px;
}
#rank-math-faq .rank-math-answer p a {
  color: #ffffff;
  text-decoration: underline;
  transition: all 0.2s ease-in-out;
}
#rank-math-faq .rank-math-answer p a:visited {
  color: #ffffff;
}
#rank-math-faq .rank-math-answer p a:hover {
  color: #F05041;
}

.rank-math-question {
  cursor: pointer;
}
.rank-math-question:before {
  width: 16px;
  height: 20px;
  display: inline-block;
  content: "+";
  margin-right: 5px;
  vertical-align: top;
}
.rank-math-question.collapse:before {
  content: "-";
}
.rank-math-question:hover {
  opacity: 0.8;
}

.rank-math-answer {
  display: none;
  padding-left: 1em;
}
.rank-math-answer.default {
  display: block;
}

/* Generic Accordian */
.beyond-accordian__main {
  list-style: none;
  margin: 0;
  padding: 0;
}
.beyond-accordian__main .inner {
  margin: 0;
  margin-top: 20px;
  background: #202020;
  padding: 15px 20px;
  color: #ffffff;
  overflow: hidden;
  display: none;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.beyond-accordian__main .inner h3 {
  color: #ffffff;
  font-size: 19px;
  line-height: 19px;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
  text-transform: none;
  font-family: "Work Sans", Arial, Sans-serif;
  font-weight: 500;
}
.beyond-accordian__main .inner p {
  color: #ffffff;
  font-size: 15px;
  line-height: 16px;
  margin: 0;
  padding: 0;
}
.beyond-accordian__main .inner p a {
  color: #ffffff;
  text-decoration: underline;
  transition: all 0.2s ease-in-out;
}
.beyond-accordian__main .inner p a:visited {
  color: #ffffff;
}
.beyond-accordian__main .inner p a:hover {
  color: #F05041;
}
.beyond-accordian__main .inner ul {
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.beyond-accordian__main .inner ul li {
  color: #ffffff;
  font-size: 15px;
  line-height: 16px;
  margin: 0;
  padding: 0;
}
.beyond-accordian__main li {
  margin-bottom: 20px;
}
.beyond-accordian__main li:last-of-type {
  margin-bottom: 0px;
}
.beyond-accordian__main li a.beyond-accordian__toggle {
  width: 100%;
  display: block;
  background: #ffffff;
  color: #202020;
  padding: 10px 25px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 1px solid #707070;
  text-decoration: none;
  position: relative;
  transition: all 0.2s ease-in-out;
}
.beyond-accordian__main li a.beyond-accordian__toggle:after {
  content: "";
  background-image: url("assets/img/faq-star.png");
  width: 15px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 25px;
  top: 12px;
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 480px) {
  .beyond-accordian__main li a.beyond-accordian__toggle:after {
    display: none;
  }
}
.beyond-accordian__main li a.beyond-accordian__toggle:hover {
  background: #F7F7F7;
}
.beyond-accordian__main li.active a.beyond-accordian__toggle:after {
  transition: all 0.2s ease-in-out;
  transform: rotate(316deg);
}

.beyondProductAccordian {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.beyondProductAccordian .beyondProductAccordian {
  margin: 0;
  padding: 0;
}
.beyondProductAccordian .inner {
  margin: 0;
  padding: 15px;
  color: #202020;
  overflow: hidden;
  display: none;
  margin-bottom: 10px;
}
.beyondProductAccordian .inner h3 {
  color: #202020;
  margin: 0;
  padding: 0;
  font-size: 19px;
  line-height: 23px;
  margin-bottom: 10px;
  text-transform: none;
  font-family: "Work Sans", Arial, Sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 992px) {
  .beyondProductAccordian .inner h3 {
    font-size: 15px;
    line-height: 17px;
  }
}
.beyondProductAccordian .inner p {
  color: #202020;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 18px;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .beyondProductAccordian .inner p {
    font-size: 12px;
    line-height: 15px;
  }
}
.beyondProductAccordian .inner p a {
  color: #F05041;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
.beyondProductAccordian .inner p a:visited {
  color: #F05041;
}
.beyondProductAccordian .inner p a:hover {
  color: #F05041;
  text-decoration: underline;
}
.beyondProductAccordian .inner ul {
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.beyondProductAccordian .inner ul li {
  color: #202020;
  font-size: 15px;
  line-height: 16px;
  margin: 0;
  padding: 0;
}
.beyondProductAccordian li {
  border-top: 1px solid #b3b3b3;
}
.beyondProductAccordian li:last-of-type {
  border-bottom: 1px solid #b3b3b3;
}
.beyondProductAccordian li:last-of-type {
  margin-bottom: 0px;
}
.beyondProductAccordian li .beyondAccordianQuestion {
  width: 100%;
  display: inline-block;
  color: #202020;
  padding-top: 11px;
  padding-bottom: 11px;
  text-decoration: none;
  position: relative;
  transition: all 0.2s ease-in-out;
  font-weight: 600;
  font-size: 19px;
  line-height: 23px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .beyondProductAccordian li .beyondAccordianQuestion {
    font-size: 14px;
  }
}
.beyondProductAccordian li .beyondAccordianQuestion:after {
  content: "";
  background-image: url("assets/img/faq-star.png");
  width: 12px;
  height: 12px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 0px;
  top: 15px;
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 992px) {
  .beyondProductAccordian li .beyondAccordianQuestion:after {
    top: 12px;
  }
}
.beyondProductAccordian li .beyondAccordianQuestion:hover {
  background: #F7F7F7;
}
.beyondProductAccordian li.active .beyondAccordianQuestion:after {
  transition: all 0.2s ease-in-out;
  transform: rotate(90deg);
}

.gform_wrapper .gfield_label {
  font-weight: 500 !important;
  font-size: 18px !important;
  line-height: 26px !important;
}
.gform_wrapper input {
  margin: 0 !important;
  background: #ffffff;
  color: #202020;
  border: 1px solid #202020;
  -webkit-border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  border-radius: 15px !important;
  padding: 8px 15px !important;
  font-family: "Work Sans", Arial, Sans-serif;
  outline: 0;
}
.gform_wrapper input:focus {
  border: 1px solid #F05041;
}
.gform_wrapper textarea {
  margin: 0 !important;
  background: #ffffff;
  color: #202020;
  border: 1px solid #202020;
  -webkit-border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  border-radius: 15px !important;
  padding: 8px 15px !important;
  font-family: "Work Sans", Arial, Sans-serif;
  outline: 0;
}
.gform_wrapper textarea:focus {
  border: 1px solid #F05041;
}
.gform_wrapper select {
  margin: 0 !important;
  background: #ffffff;
  color: #202020;
  border: 1px solid #202020;
  -webkit-border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  border-radius: 15px !important;
  padding: 8px 15px !important;
  font-family: "Work Sans", Arial, Sans-serif;
  outline: 0;
}
.gform_wrapper select:focus {
  border: 1px solid #F05041;
}
.gform_wrapper .gfield_radio {
  display: flex !important;
  flex-wrap: wrap !important;
}
.gform_wrapper .gfield_radio li {
  margin-right: 10px !important;
}
.gform_wrapper .gfield_radio li label {
  font-size: 18px !important;
}

.cyberlottoform {
  width: 100%;
}
.cyberlottoform input {
  background: black !important;
  border: 2px solid #707070 !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  text-align: center !important;
  color: #707070 !important;
}
.cyberlottoform .gfield_description {
  color: #707070 !important;
}
.cyberlottoform .gfield_consent_label {
  color: #707070 !important;
}
.cyberlottoform input.gform-button {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  width: 100% !important;
  color: white !important;
  font-weight: bold !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  text-transform: lowercase !important;
  font-family: "Joyride", Arial, Sans-serif !important;
  background: linear-gradient(0deg, rgb(2, 44, 158) 0%, rgb(120, 176, 200) 100%) !important;
  border: 0 !important;
}

.spookyform input {
  background: black !important;
  border: 2px solid #707070 !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  text-align: center !important;
  color: #707070 !important;
}
.spookyform .gfield_description {
  color: #707070 !important;
}
.spookyform .gfield_consent_label {
  color: #707070 !important;
}
.spookyform input.gform-button {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  width: 100% !important;
  color: white !important;
  font-weight: bold !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  text-transform: lowercase !important;
  font-family: "Joyride", Arial, Sans-serif !important;
  background: rgb(158, 2, 94) !important;
  background: linear-gradient(90deg, rgb(158, 2, 94) 0%, rgb(97, 98, 168) 51%, rgb(95, 100, 170) 51%, rgb(182, 243, 255) 100%, rgb(49, 172, 226) 100%) !important;
  border: 0 !important;
}

#gform_wrapper_1 {
  max-width: 1500px;
  width: 100%;
}

.gform_footer input {
  background: #202020;
  color: #ffffff;
  padding: 10px 20px !important;
  cursor: pointer;
  font-size: 19px !important;
  border: 0;
  border: 3px solid transparent;
  -webkit-border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  border-radius: 15px !important;
  transition: all 0.2s ease-in-out;
  font-family: "Work Sans", Arial, Sans-serif;
}
@media screen and (max-width: 480px) {
  .gform_footer input {
    padding: 0px 10px !important;
  }
}
.gform_footer input:hover {
  background: #F05041;
  color: #ffffff;
  border: 3px solid transparent;
}
.gform_footer input:focus {
  border: 3px solid #F05041;
  color: #F05041;
  background: #ffffff;
}
.gform_footer input:active {
  background: #F05041;
  color: #ffffff;
}

#gform_wrapper_20 .gform_footer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}
#gform_wrapper_20 .gform_footer input {
  background: linear-gradient(0deg, rgb(2, 44, 158) 0%, rgb(120, 176, 200) 100%) !important;
  color: #ffffff !important;
  padding-left: 35px !important;
  padding-right: 35px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  border: 0 !important;
}

.button-default {
  background: #202020;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  font-size: 19px;
  border: 0;
  border: 3px solid transparent;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  transition: all 0.2s ease-in-out;
  font-family: "Work Sans", Arial, Sans-serif;
  padding: 10px 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.button-default:after {
  background: #F05041;
  content: "";
  height: 155px;
  left: -75px;
  opacity: 0.2;
  position: absolute;
  top: -50px;
  transform: rotate(35deg);
  transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
  z-index: 10;
}
.button-default:visited {
  background: #202020;
  color: #ffffff;
  text-decoration: none;
}
.button-default:hover {
  background: #F05041;
  color: #ffffff;
  border: 3px solid transparent;
}
.button-default:hover:after {
  left: 120%;
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
.button-default:focus {
  border: 3px solid #F05041;
  color: #F05041;
  background: transparent;
}
.button-default:active {
  background: #F05041;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .button-default {
    display: block;
    width: 100%;
    text-align: center;
  }
}
.button-default.button-b4b {
  background: #b80000;
}
.button-default.button-b4b:after {
  background: #ffffff;
}
.button-default.button-b4b:hover {
  background: #b80000;
}

.button-orange {
  cursor: pointer;
  text-decoration: none;
  font-size: 19px;
  border: 0;
  border: 3px solid transparent;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  transition: all 0.2s ease-in-out;
  font-family: "Work Sans", Arial, Sans-serif;
  padding: 10px 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.button-orange:after {
  background: #ffffff;
  color: #F05041;
  content: "";
  height: 155px;
  left: -75px;
  opacity: 0.2;
  position: absolute;
  top: -50px;
  transform: rotate(35deg);
  transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
  z-index: 10;
}
.button-orange:visited {
  background: #F05041;
  color: #202020;
  text-decoration: none;
}
.button-orange:hover {
  background: #ffffff;
  color: #F05041;
  border: 3px solid transparent;
}
.button-orange:hover:after {
  left: 120%;
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
.button-orange:focus {
  background: #ffffff;
  color: #F05041;
  background: transparent;
}
.button-orange:active {
  background: #ffffff;
  color: #F05041;
}
@media screen and (max-width: 768px) {
  .button-orange {
    display: block;
    width: 100%;
    text-align: center;
  }
}

.button-alt {
  background: #F7F7F7;
  color: #202020;
  cursor: pointer;
  text-decoration: none;
  font-size: 19px;
  border: 0;
  border: 3px solid transparent;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  transition: all 0.2s ease-in-out;
  font-family: "Work Sans", Arial, Sans-serif;
  padding: 10px 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.button-alt:after {
  background: #F05041;
  content: "";
  height: 155px;
  left: -75px;
  opacity: 0.2;
  position: absolute;
  top: -50px;
  transform: rotate(35deg);
  transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
  z-index: 10;
}
.button-alt:visited {
  background: #ffffff;
  color: #202020;
  text-decoration: none;
}
.button-alt:hover {
  background: #F05041;
  color: #ffffff;
  border: 3px solid transparent;
}
.button-alt:hover:after {
  left: 120%;
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
.button-alt:focus {
  border: 3px solid #ffffff;
  color: #ffffff;
  background: transparent;
}
.button-alt:active {
  background: #F05041;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .button-alt {
    display: block;
    width: 100%;
    text-align: center;
  }
}

.beyondCheckoutShare {
  background: #10141E;
  color: #F7F7F7;
  text-decoration: none;
  border: 0;
  box-shadow: none;
  padding: 15px 35px;
  font-weight: bold;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 5px 0px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  cursor: pointer;
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  animation-iteration-count: infinite;
}
.beyondCheckoutShare:visited {
  color: #F7F7F7;
}
.beyondCheckoutShare:focus {
  color: #F7F7F7;
}
.beyondCheckoutShare:hover {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  animation-iteration-count: infinite;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  color: #F7F7F7;
}
@media screen and (max-width: 480px) {
  .beyondCheckoutShare {
    display: block;
    width: 100%;
  }
}

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s;
}

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s;
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s;
}

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s;
}

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: 0.65s;
}

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.7s;
}

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s;
}

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: 0.8s;
}

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: 0.85s;
}

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: 0.9s;
}

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: 0.95s;
}

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0);
}

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}

[data-aos=zoom-in] {
  transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0);
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}

[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

/** 
 1. Article Archive
 2. Single Post
 3. Pagination
**/
#beyond-blog__list-wrapper {
  width: 100%;
  display: block;
  position: relative;
}
#beyond-blog__list-wrapper .beyond-blog__main-list {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 50px;
  row-gap: 50px;
}
@media screen and (max-width: 1200px) {
  #beyond-blog__list-wrapper .beyond-blog__main-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 768px) {
  #beyond-blog__list-wrapper .beyond-blog__main-list {
    grid-template-columns: 1fr;
  }
}
#beyond-blog__list-wrapper .beyond-blog__main-list .beyond-blog__single-post {
  width: 100%;
  list-style: none;
  border: 1px solid #707070;
  background: #ffffff;
  transition: all 0.4s ease-in-out;
}
#beyond-blog__list-wrapper .beyond-blog__main-list .beyond-blog__single-post a {
  text-decoration: none;
}
#beyond-blog__list-wrapper .beyond-blog__main-list .beyond-blog__single-post a .beyond-blog__featured-image {
  width: 100%;
  list-style: none;
  height: 380px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  #beyond-blog__list-wrapper .beyond-blog__main-list .beyond-blog__single-post a .beyond-blog__featured-image {
    height: 320px;
  }
}
#beyond-blog__list-wrapper .beyond-blog__main-list .beyond-blog__single-post a .beyond-blog__post-info {
  padding-top: 20px;
  padding-bottom: 40px;
  padding-left: 90px;
  padding-right: 90px;
  border-top: 2px solid #202020;
}
@media screen and (max-width: 768px) {
  #beyond-blog__list-wrapper .beyond-blog__main-list .beyond-blog__single-post a .beyond-blog__post-info {
    padding-left: 40px;
    padding-right: 40px;
  }
}
#beyond-blog__list-wrapper .beyond-blog__main-list .beyond-blog__single-post a .beyond-blog__post-info .post-info__category {
  font-size: 15px;
  line-height: 16px;
  color: #F05041;
  font-weight: 400;
  position: relative;
  margin-bottom: 20px;
}
#beyond-blog__list-wrapper .beyond-blog__main-list .beyond-blog__single-post a .beyond-blog__post-info .post-info__category:after {
  content: "";
  width: 50px;
  height: 4px;
  background: #F05041;
  position: absolute;
  bottom: -10px;
  left: 0;
}
#beyond-blog__list-wrapper .beyond-blog__main-list .beyond-blog__single-post a .beyond-blog__post-info .post-info__blog-title h2 {
  margin: 0;
  padding: 0;
  font-family: "Work Sans", Arial, Sans-serif;
  font-size: 22px;
  line-height: 26px;
  color: #202020;
  font-weight: 600;
  text-transform: none;
  margin-bottom: 10px;
}
#beyond-blog__list-wrapper .beyond-blog__main-list .beyond-blog__single-post a .beyond-blog__post-info .post-info__post-date {
  font-size: 15px;
  line-height: 16px;
  color: #202020;
}
#beyond-blog__list-wrapper .beyond-blog__main-list .beyond-blog__single-post:hover {
  border-color: #F05041;
}

.single-blog__hero-image {
  width: 100%;
  height: 700px;
  border: 1px solid #707070;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 20px;
}
@media screen and (max-width: 992px) {
  .single-blog__hero-image {
    height: 450px;
  }
}

.single-blog__inner-wrapper {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
.single-blog__inner-wrapper h2 {
  font-size: 30px;
  line-height: 40px;
  font-weight: 400;
}
.single-blog__inner-wrapper h3 {
  font-size: 26px;
  line-height: 36px;
  font-weight: 400;
}
.single-blog__inner-wrapper h4 {
  font-size: 23px;
  line-height: 33px;
  font-weight: 400;
}
.single-blog__inner-wrapper h5 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}
.single-blog__inner-wrapper .wp-block-image {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.single-blog__inner-wrapper .wp-block-image figure {
  margin: 0;
}
.single-blog__inner-wrapper .wp-block-image figure img {
  border: 1px solid #202020;
}
.single-blog__inner-wrapper h1, .single-blog__inner-wrapper h2, .single-blog__inner-wrapper h3, .single-blog__inner-wrapper h4, .single-blog__inner-wrapper h5, .single-blog__inner-wrapper h6 {
  font-family: "Work Sans", Arial, Sans-serif;
  text-transform: none;
  font-weight: 500;
  color: #F05041;
  margin-bottom: 30px;
  position: relative;
  width: 100%;
}
.single-blog__inner-wrapper h1:after, .single-blog__inner-wrapper h2:after, .single-blog__inner-wrapper h3:after, .single-blog__inner-wrapper h4:after, .single-blog__inner-wrapper h5:after, .single-blog__inner-wrapper h6:after {
  content: "";
  width: 40px;
  height: 4px;
  background: #F05041;
  bottom: -10px;
  left: 0;
  position: absolute;
}
@media screen and (max-width: 992px) {
  .single-blog__inner-wrapper h1:after, .single-blog__inner-wrapper h2:after, .single-blog__inner-wrapper h3:after, .single-blog__inner-wrapper h4:after, .single-blog__inner-wrapper h5:after, .single-blog__inner-wrapper h6:after {
    display: none;
  }
}
.single-blog__inner-wrapper p {
  color: #202020;
  font-size: 18px;
  line-height: 22px;
}
.single-blog__inner-wrapper .wp-block-column p {
  color: #202020;
  font-size: 18px;
  line-height: 22px;
}
.single-blog__inner-wrapper .single-blog__title-area .single-blog__posted-on {
  font-size: 22px;
  line-height: 26px;
  color: #202020;
  font-weight: 500;
  margin-bottom: 20px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .single-blog__inner-wrapper .single-blog__title-area .single-blog__posted-on {
    font-size: 18px;
    line-height: 18px;
    text-align: center;
  }
}
.single-blog__inner-wrapper .single-blog__title-area .single-blog__author {
  margin-top: 25px;
  color: #202020;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  text-transform: capitalize;
}
@media screen and (max-width: 768px) {
  .single-blog__inner-wrapper .single-blog__title-area .single-blog__author {
    text-align: center;
    margin-bottom: 10px;
  }
}
.single-blog__inner-wrapper .single-blog__title-area h1 {
  font-size: 72px;
  line-height: 72px;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .single-blog__inner-wrapper .single-blog__title-area h1 {
    font-size: 32px;
    line-height: 32px;
    text-align: center;
  }
}
.single-blog__inner-wrapper .single-blog__share-buttons {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  position: relative;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .single-blog__inner-wrapper .single-blog__share-buttons {
    justify-content: center;
  }
}
.single-blog__inner-wrapper .single-blog__share-buttons .border-text-orange {
  font-size: 72px;
  line-height: 72px;
  position: absolute;
  right: 30px;
  top: -30px;
  z-index: 20;
}
@media screen and (max-width: 768px) {
  .single-blog__inner-wrapper .single-blog__share-buttons .border-text-orange {
    display: none;
  }
}
.single-blog__inner-wrapper .single-blog__share-buttons #share-buttons {
  position: relative;
  z-index: 30;
}
.single-blog__inner-wrapper .single-blog__share-buttons #share-buttons a {
  background: #ffffff;
  color: #F05041;
  font-size: 46px;
  padding: 12px 28px;
  border: 1px solid #707070;
  display: inline-block;
  text-decoration: none;
}
.single-blog__inner-wrapper .single-blog__share-buttons #share-buttons a:visited {
  color: #F05041;
  background: #ffffff;
}
.single-blog__inner-wrapper .single-blog__share-buttons #share-buttons a:focus {
  background: #F05041;
  color: #ffffff;
}
.single-blog__inner-wrapper .single-blog__share-buttons #share-buttons a:hover {
  background: #F05041;
  color: #ffffff;
}
.single-blog__inner-wrapper .single-blog__share-buttons #share-buttons a:last-of-type {
  border-left: 0px;
}

@media screen and (max-width: 768px) {
  .single-blog__post-content {
    text-align: center;
  }
}
.single-blog__post-content ul {
  margin: 0;
}
.single-blog__post-content ul li a {
  color: #F05041;
  text-decoration: none;
}
.single-blog__post-content ul li a:visited {
  color: #F05041;
  text-decoration: none;
}
.single-blog__post-content ul li a:focus {
  color: #F05041;
}
.single-blog__post-content ul li a:hover {
  color: #F05041;
  text-decoration: underline;
}

.pagination {
  width: 100%;
  margin: 0;
  padding: 0;
  margin-top: 65px;
}
.pagination ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.pagination ul li {
  font-size: 22px;
  line-height: 26px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.pagination ul li.prev {
  justify-content: flex-start;
}
.pagination ul li.prev i {
  margin-right: 25px;
}
.pagination ul li.next {
  justify-content: flex-end;
}
.pagination ul li.next i {
  margin-left: 25px;
}
.pagination ul li a {
  text-decoration: none;
  color: #202020;
  transition: all 0.4s ease-in-out;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.pagination ul li a:visited {
  text-decoration: none;
  color: #202020;
}
.pagination ul li a:focus {
  color: #F05041;
}
.pagination ul li a:hover {
  color: #F05041;
}

/** 
 1. Global Styles
 2. Single Page
**/
.wp-block-image {
  width: 100%;
}

.beyond-page-content {
  width: 100%;
}
.beyond-page-content ul, .beyond-page-content ol {
  margin: 0;
}
.beyond-page-content ul li, .beyond-page-content ol li {
  font-size: 15px;
  line-height: 16px;
  color: #707070;
  font-weight: normal;
  font-family: "Work Sans", Arial, Sans-serif;
}
.beyond-page-content p a {
  color: #F05041;
  font-weight: 500;
  text-decoration: none;
}
.beyond-page-content p a:visited {
  color: #F05041;
}
.beyond-page-content p a:focus {
  color: #F05041;
}
.beyond-page-content p a:hover {
  color: #F05041;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .beyond-page-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.search-results .product-category__hero-image-inner h1 {
  font-size: 45px !important;
}

.page__breadcrumbs {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (max-width: 580px) {
  .page__breadcrumbs {
    display: none;
  }
}

.star-title {
  padding-top: 150px;
  position: relative;
}
.star-title:after {
  content: "";
  position: absolute;
  top: 70px;
  left: -70px;
  width: 60px;
  height: 60px;
  background-image: url("assets/img/homepage/beyond-star.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .star-title {
    padding-top: 30px;
  }
  .star-title:after {
    display: none;
  }
}

.wp-block-column h2 {
  font-family: "Work Sans", Arial, Sans-serif;
  font-weight: 500;
  font-size: 72px;
  line-height: 84px;
  margin: 0;
  margin-bottom: 25px;
  text-transform: none;
}
@media screen and (max-width: 768px) {
  .wp-block-column h2 {
    font-size: 40px;
    line-height: 48px;
    text-align: center;
  }
}
.wp-block-column h3 {
  font-family: "Work Sans", Arial, Sans-serif;
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  text-transform: none;
}
@media screen and (max-width: 768px) {
  .wp-block-column h3 {
    font-size: 30px;
    line-height: 38px;
    text-align: center;
  }
}
.wp-block-column h4 {
  font-size: 26px;
  line-height: 36px;
  text-transform: none;
  font-family: "Work Sans", Arial, Sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .wp-block-column h4 {
    font-size: 20px;
    line-height: 28px;
    text-align: center;
  }
}
.wp-block-column p {
  font-size: 15px;
  line-height: 16px;
  color: #707070;
}

.beyond-page__hero-image {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
  margin-top: 30px;
}
.beyond-page__hero-image .simpleHeader {
  font-size: 150px;
  line-height: 150px;
  width: 100%;
  bottom: -62px;
}
.beyond-page__hero-image .beyond-page__breadcrumbs {
  background: #707070;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  padding-right: 65px;
  padding-bottom: 25px;
  clip-path: polygon(0 0, 100% 0, 74% 100%, 0% 100%);
  position: relative;
  margin-bottom: -60px;
}
@media screen and (max-width: 768px) {
  .beyond-page__hero-image .beyond-page__breadcrumbs {
    margin-bottom: 0px;
    clip-path: none;
    background: transparent;
    width: 100%;
    border: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.beyond-page__hero-image .beyond-page__breadcrumbs:before {
  content: "";
  clip-path: polygon(0 0, 100% 0, 74% 100%, 0% 100%);
  width: 100%;
  height: 100%;
  background: #F7F7F7;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .beyond-page__hero-image .beyond-page__breadcrumbs:before {
    display: none;
  }
}
.beyond-page__hero-image .beyond-page__breadcrumbs .rank-math-breadcrumb p {
  margin: 0;
  padding: 0;
}
.beyond-page__hero-image .beyond-page__hero-image-inner {
  background: #E6E6E6;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  border: 1px solid #707070;
  padding-left: 85px;
  padding-top: 140px;
  min-height: 370px;
}
@media screen and (max-width: 1024px) {
  .beyond-page__hero-image .beyond-page__hero-image-inner {
    padding-left: 0px;
  }
}
@media screen and (max-width: 768px) {
  .beyond-page__hero-image .beyond-page__hero-image-inner {
    padding: 80px 50px;
    background-position: left;
    min-height: 100px;
  }
}
@media screen and (max-width: 480px) {
  .beyond-page__hero-image .beyond-page__hero-image-inner {
    padding: 50px 20px;
  }
}
.beyond-page__hero-image .beyond-page__hero-image-inner h1 {
  margin: 0;
  padding: 0;
  font-size: 72px;
  line-height: 84px;
  margin-bottom: 15px;
}
@media screen and (max-width: 1024px) {
  .beyond-page__hero-image .beyond-page__hero-image-inner h1 {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .beyond-page__hero-image .beyond-page__hero-image-inner h1 {
    font-size: 35px;
    line-height: 45px;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .beyond-page__hero-image .beyond-page__hero-image-inner h1 {
    font-size: 20px;
    line-height: 20px;
  }
}

.beyond-divider__wrapper {
  width: 100%;
  margin-bottom: 30px;
  margin-top: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.beyond-divider__wrapper .beyond-divider__line {
  flex: 1;
  height: 1px;
  background: #202020;
}
.beyond-divider__wrapper .beyond-divider__logo {
  padding-left: 25px;
}
.beyond-divider__wrapper .beyond-divider__logo img {
  width: 100px;
}

.beyond404Page .wrapper {
  justify-content: center;
  align-items: center;
}
.beyond404Page .wrapper .beyond404Content {
  width: auto;
  padding-top: 120px;
  padding-bottom: 120px;
}
@media screen and (max-width: 992px) {
  .beyond404Page .wrapper .beyond404Content {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  .beyond404Page .wrapper .beyond404Content {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.beyond404Page .wrapper .beyond404Content h1 {
  font-size: 200px;
  line-height: 200px;
  margin: 0;
  padding: 0;
  margin-bottom: 40px;
}
@media screen and (max-width: 1400px) {
  .beyond404Page .wrapper .beyond404Content h1 {
    font-size: 150px;
    line-height: 150px;
  }
}
@media screen and (max-width: 992px) {
  .beyond404Page .wrapper .beyond404Content h1 {
    font-size: 100px;
    line-height: 100px;
  }
}
@media screen and (max-width: 768px) {
  .beyond404Page .wrapper .beyond404Content h1 {
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .beyond404Page .wrapper .beyond404Content h1 {
    font-size: 50px;
  }
}
.beyond404Page .wrapper .beyond404Content h2 {
  margin: 0;
  padding: 0;
  font-size: 35px;
  line-height: 40px;
  margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .beyond404Page .wrapper .beyond404Content h2 {
    font-size: 25px;
    line-height: 30px;
  }
}
.beyond404Page .wrapper .beyond404Content p {
  font-size: 15px;
  line-height: 18px;
}
.beyond404Page .wrapper .beyond404Content p a {
  color: #F05041;
  text-decoration: underline;
}

.beyond-klarna__header-image {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
  margin-top: 30px;
  margin-bottom: 10px;
}
.beyond-klarna__header-image .page-hero__breadcrumbs {
  background: #707070;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  padding-right: 65px;
  padding-bottom: 35px;
  clip-path: polygon(0 0, 100% 0, 74% 100%, 0% 100%);
  position: relative;
  margin-bottom: -60px;
  z-index: 20;
}
.beyond-klarna__header-image .page-hero__breadcrumbs:before {
  content: "";
  clip-path: polygon(0 0, 100% 0, 74% 100%, 0% 100%);
  width: 100%;
  height: 100%;
  background: #F7F7F7;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
}
.beyond-klarna__header-image .page-hero__breadcrumbs .rank-math-breadcrumb p {
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 992px) {
  .beyond-klarna__header-image .page-hero__breadcrumbs .rank-math-breadcrumb p {
    font-size: 18px;
    line-height: 18px;
  }
}
.beyond-klarna__header-image .page-hero__hero-image-inner {
  background: #E6E6E6;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  border: 1px solid #707070;
  min-height: 370px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
.beyond-klarna__header-image .page-hero__hero-image-inner .page-hero__klarna-logo {
  margin-right: 230px;
}

.beyond-klarna__section {
  border-bottom: 1px solid #707070;
  padding: 50px 90px;
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 992px) {
  .beyond-klarna__section {
    padding: 50px 0px;
    justify-content: center;
  }
}
.beyond-klarna__section .home-label {
  margin-top: 30px;
}
@media screen and (max-width: 992px) {
  .beyond-klarna__section .home-label {
    display: none;
  }
}
.beyond-klarna__section:after {
  content: "";
  color: #202020;
  font-size: 19px;
  position: absolute;
  top: 76px;
  left: 0;
  font-weight: 200;
}
@media screen and (max-width: 992px) {
  .beyond-klarna__section:after {
    display: none;
  }
}
.beyond-klarna__section p {
  font-size: 15px;
  line-height: 16px;
  color: #707070;
}
@media screen and (max-width: 992px) {
  .beyond-klarna__section p {
    text-align: center;
  }
}
.beyond-klarna__section.section-one:after {
  content: "_01";
}
.beyond-klarna__section.section-one h1 {
  margin: 0;
  padding: 0;
  margin-top: 30px;
  margin-bottom: 30px;
  position: relative;
  width: 100%;
  max-width: 500px;
  padding-bottom: 5px;
}
.beyond-klarna__section.section-one h1:after {
  content: "";
  width: 40px;
  height: 1px;
  background: #202020;
  position: absolute;
  left: 0;
  bottom: 0px;
}
@media screen and (max-width: 992px) {
  .beyond-klarna__section.section-one h1:after {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .beyond-klarna__section.section-one h1 {
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .beyond-klarna__section.section-one h1 {
    font-size: 30px;
    line-height: 30px;
  }
}
.beyond-klarna__section.section-one p {
  width: 100%;
  max-width: 480px;
}
.beyond-klarna__section.section-one .image-col {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.beyond-klarna__section.section-two:after {
  content: "_02";
}
.beyond-klarna__section.section-two h2 {
  font-size: 72px;
  line-height: 72px;
  margin: 0;
  padding: 0;
  margin-top: 60px;
  padding-bottom: 5px;
  position: relative;
}
@media screen and (max-width: 992px) {
  .beyond-klarna__section.section-two h2 {
    font-size: 52px;
    line-height: 52px;
    text-align: center;
  }
  .beyond-klarna__section.section-two h2 br {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .beyond-klarna__section.section-two h2 {
    font-size: 25px;
    line-height: 25px;
  }
}
.beyond-klarna__section.section-two h2:after {
  content: "";
  width: 40px;
  height: 1px;
  background: #202020;
  position: absolute;
  left: 0;
  bottom: 0px;
}
@media screen and (max-width: 992px) {
  .beyond-klarna__section.section-two h2:after {
    display: none;
  }
}
.beyond-klarna__section.section-two h2:before {
  content: "";
  width: 155%;
  height: 32px;
  position: absolute;
  left: 90px;
  top: 80px;
  background: #FEB3C7;
  z-index: 20;
}
@media screen and (max-width: 992px) {
  .beyond-klarna__section.section-two h2:before {
    display: none;
  }
}
.beyond-klarna__section.section-two p {
  width: 100%;
  max-width: 480px;
}
@media screen and (max-width: 992px) {
  .beyond-klarna__section.section-two p {
    margin-left: auto;
    margin-right: auto;
  }
}
.beyond-klarna__section.section-two .image-col {
  z-index: 30;
  position: relative;
}
.beyond-klarna__section.section-three:after {
  content: "_03";
}
.beyond-klarna__section.section-three h2 {
  font-size: 72px;
  line-height: 72px;
  margin: 0;
  padding: 0;
  margin-top: 60px;
  padding-bottom: 5px;
  position: relative;
}
@media screen and (max-width: 992px) {
  .beyond-klarna__section.section-three h2 {
    text-align: center;
    font-size: 52px;
    line-height: 52px;
  }
  .beyond-klarna__section.section-three h2 br {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .beyond-klarna__section.section-three h2 {
    font-size: 25px;
    line-height: 25px;
  }
}
.beyond-klarna__section.section-three h2:after {
  content: "";
  width: 40px;
  height: 1px;
  background: #202020;
  position: absolute;
  left: 0;
  bottom: 0px;
}
@media screen and (max-width: 992px) {
  .beyond-klarna__section.section-three h2:after {
    display: none;
  }
}
.beyond-klarna__section.section-three h2:before {
  content: "";
  width: 240%;
  height: 32px;
  position: absolute;
  left: 160px;
  top: 80px;
  background: #FEB3C7;
  z-index: 20;
}
@media screen and (max-width: 992px) {
  .beyond-klarna__section.section-three h2:before {
    display: none;
  }
}
.beyond-klarna__section.section-three .image-col {
  z-index: 30;
  position: relative;
}

.beyond-klarna_simple-section {
  border-bottom: 1px solid #707070;
  padding: 50px 90px;
  position: relative;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 992px) {
  .beyond-klarna_simple-section {
    padding: 50px 0px;
  }
}
.beyond-klarna_simple-section .beyond-klarna__title-bar {
  width: 100%;
  margin-bottom: 60px;
  position: relative;
}
.beyond-klarna_simple-section .beyond-klarna__title-bar h3 {
  text-align: center;
  font-size: 72px;
  line-height: 72px;
  color: #202020;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 992px) {
  .beyond-klarna_simple-section .beyond-klarna__title-bar h3 {
    font-size: 52px;
    line-height: 52px;
  }
}
@media screen and (max-width: 480px) {
  .beyond-klarna_simple-section .beyond-klarna__title-bar h3 {
    font-size: 25px;
    line-height: 25px;
  }
}
.beyond-klarna_simple-section .beyond-klarna__title-bar:after {
  content: "";
  width: 1px;
  height: 60px;
  background: #FEB3C7;
  bottom: -60px;
  left: 50%;
  position: absolute;
}
@media screen and (max-width: 992px) {
  .beyond-klarna_simple-section .beyond-klarna__title-bar:after {
    display: none;
  }
}
.beyond-klarna_simple-section .beyond-klarna__connection-lines {
  width: 100%;
  max-width: 1101px;
  height: 1px;
  background: #FEB3C7;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1700px) {
  .beyond-klarna_simple-section .beyond-klarna__connection-lines {
    max-width: 901px;
  }
}
@media screen and (max-width: 1400px) {
  .beyond-klarna_simple-section .beyond-klarna__connection-lines {
    max-width: 769px;
  }
}
@media screen and (max-width: 1200px) {
  .beyond-klarna_simple-section .beyond-klarna__connection-lines {
    max-width: 651px;
  }
}
@media screen and (max-width: 1024px) {
  .beyond-klarna_simple-section .beyond-klarna__connection-lines {
    max-width: 629px;
  }
}
@media screen and (max-width: 992px) {
  .beyond-klarna_simple-section .beyond-klarna__connection-lines {
    display: none;
  }
}
.beyond-klarna_simple-section .beyond-klarna__number-grid {
  margin: 0;
  padding: 0;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 130px;
  list-style: none;
  margin-top: 60px;
}
@media screen and (max-width: 992px) {
  .beyond-klarna_simple-section .beyond-klarna__number-grid {
    grid-template-columns: 1fr;
  }
}
.beyond-klarna_simple-section .beyond-klarna__number-grid .number-grid__single-number {
  position: relative;
  width: 100%;
}
.beyond-klarna_simple-section .beyond-klarna__number-grid .number-grid__single-number:before {
  content: "";
  width: 1px;
  height: 60px;
  background: #FEB3C7;
  top: -60px;
  left: 50%;
  position: absolute;
}
@media screen and (max-width: 992px) {
  .beyond-klarna_simple-section .beyond-klarna__number-grid .number-grid__single-number:before {
    display: none;
  }
}
.beyond-klarna_simple-section .beyond-klarna__number-grid .single-number {
  background: #ffffff;
  border: 1px solid #FEB3C7;
  padding: 60px 0px;
  text-align: center;
}
@media screen and (max-width: 1700px) {
  .beyond-klarna_simple-section .beyond-klarna__number-grid .single-number {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.beyond-klarna_simple-section .beyond-klarna__number-grid .content-box {
  margin-top: 50px;
}
@media screen and (max-width: 992px) {
  .beyond-klarna_simple-section .beyond-klarna__number-grid .content-box {
    margin-top: 20px;
    margin-bottom: 50px;
  }
}
.beyond-klarna_simple-section .beyond-klarna__number-grid .content-box h4 {
  font-family: "Work Sans", Arial, Sans-serif;
  font-size: 22px;
  line-height: 26px;
  font-weight: 500;
  text-transform: none;
  text-align: center;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}
.beyond-klarna_simple-section .beyond-klarna__number-grid .content-box p {
  text-align: center;
  max-width: 280px;
  font-size: 15px;
  line-height: 16px;
  color: #707070;
  margin-left: auto;
  margin-right: auto;
}

.beyond-klarna__FAQ-content {
  width: 100%;
}
.beyond-klarna__FAQ-content .FAQ_list-button {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.beyond-klarna__FAQ-content .FAQ_list-button .show-more {
  background: #FEB3C7;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 25px;
  color: #202020;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
}
.beyond-klarna__FAQ-content .FAQ_list-button .show-more:hover {
  background: #feaec3;
}

/** 
 1. Affiliate Header
 2. Signup Form
**/
.beyond-affiliate__signup-header {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 100px 70px 50px 70px;
}
@media screen and (max-width: 992px) {
  .beyond-affiliate__signup-header {
    padding: 0;
    padding-top: 30px;
  }
}
.beyond-affiliate__signup-header h2 {
  font-size: 150px;
  line-height: 150px;
  color: #202020;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 1700px) {
  .beyond-affiliate__signup-header h2 {
    font-size: 120px;
    line-height: 120px;
  }
}
@media screen and (max-width: 1400px) {
  .beyond-affiliate__signup-header h2 {
    font-size: 90px;
    line-height: 90px;
  }
}
@media screen and (max-width: 992px) {
  .beyond-affiliate__signup-header h2 {
    text-align: center;
    font-size: 55px;
    line-height: 55px;
  }
}
@media screen and (max-width: 768px) {
  .beyond-affiliate__signup-header h2 br {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .beyond-affiliate__signup-header h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
.beyond-affiliate__signup-header h3 {
  margin: 0;
  padding: 0;
  font-family: "Work Sans", Arial, Sans-serif;
  text-transform: none;
  font-size: 72px;
  line-height: 84px;
  font-weight: 400;
}
@media screen and (max-width: 1200px) {
  .beyond-affiliate__signup-header h3 {
    font-size: 55px;
    line-height: 65px;
  }
}
@media screen and (max-width: 992px) {
  .beyond-affiliate__signup-header h3 {
    text-align: center;
    font-size: 40px;
    line-height: 55px;
  }
}
@media screen and (max-width: 480px) {
  .beyond-affiliate__signup-header h3 {
    font-size: 26px;
    line-height: 32px;
  }
}
.beyond-affiliate__signup-header .col-left {
  flex: 1;
  padding-top: 25px;
}
@media screen and (max-width: 992px) {
  .beyond-affiliate__signup-header .col-left {
    flex: none;
    width: 100%;
    order: 2;
  }
}
.beyond-affiliate__signup-header .col-left p {
  max-width: 410px;
  width: 100%;
  font-size: 15px;
  line-height: 16px;
  margin-bottom: 0;
  color: #707070;
}
@media screen and (max-width: 992px) {
  .beyond-affiliate__signup-header .col-left p {
    text-align: center;
    max-width: 100%;
  }
}
.beyond-affiliate__signup-header .col-right {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
@media screen and (max-width: 992px) {
  .beyond-affiliate__signup-header .col-right {
    flex: none;
    width: 100%;
    order: 1;
  }
}
.beyond-affiliate__signup-header .col-right .beyond_affiliate__twitch-logo {
  position: relative;
}
@media screen and (max-width: 1700px) {
  .beyond-affiliate__signup-header .col-right .beyond_affiliate__twitch-logo {
    padding-left: 30px;
  }
}
@media screen and (max-width: 992px) {
  .beyond-affiliate__signup-header .col-right .beyond_affiliate__twitch-logo {
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
.beyond-affiliate__signup-header .col-right .beyond_affiliate__twitch-logo img {
  z-index: 20;
  position: relative;
}
@media screen and (max-width: 992px) {
  .beyond-affiliate__signup-header .col-right .beyond_affiliate__twitch-logo img {
    max-width: 400px;
  }
}
@media screen and (max-width: 768px) {
  .beyond-affiliate__signup-header .col-right .beyond_affiliate__twitch-logo img {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }
}
.beyond-affiliate__signup-header .col-right .beyond_affiliate__twitch-logo .orange-line {
  width: 200%;
  height: 45px;
  background: #F05041;
  right: 0;
  top: 200px;
  z-index: 10;
  position: absolute;
}
@media screen and (max-width: 1700px) {
  .beyond-affiliate__signup-header .col-right .beyond_affiliate__twitch-logo .orange-line {
    top: 165px;
    width: 180%;
  }
}
@media screen and (max-width: 1400px) {
  .beyond-affiliate__signup-header .col-right .beyond_affiliate__twitch-logo .orange-line {
    top: 125px;
    width: 160%;
  }
}
@media screen and (max-width: 1200px) {
  .beyond-affiliate__signup-header .col-right .beyond_affiliate__twitch-logo .orange-line {
    right: 20px;
    width: 170%;
  }
}
@media screen and (max-width: 992px) {
  .beyond-affiliate__signup-header .col-right .beyond_affiliate__twitch-logo .orange-line {
    display: none;
  }
}

.affiliate-signup-content .affiliate-content {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 992px) {
  .affiliate-signup-content .affiliate-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.affiliate-signup-content .gform_wrapper {
  width: 100%;
}

#affwp-affiliate-dashboard {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs {
  width: 15%;
}
#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs .affwp-affiliate-dashboard-tab {
  width: 100%;
}
#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs .affwp-affiliate-dashboard-tab a {
  width: 100%;
  display: block;
  padding: 20px;
  margin: 5px 0;
  box-shadow: rgba(74, 74, 226, 0.22) 0px 4px 5px 0px;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  color: #000000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs .affwp-affiliate-dashboard-tab a:hover {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  background: #ffffff;
}
#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs .affwp-affiliate-dashboard-tab.active a {
  background: #ffffff;
}
#affwp-affiliate-dashboard .affwp-tab-content {
  width: 83%;
}
#affwp-affiliate-dashboard .affwp-tab-content h4 {
  margin: 0;
  padding: 0;
  font-family: "Work Sans", Arial, sans-serif;
  text-transform: capitalize;
  color: #F05041;
  position: relative;
  font-size: 24px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#affwp-affiliate-dashboard .affwp-tab-content h4:after {
  content: "";
  width: 60px;
  height: 1px;
  background: #F05041;
  position: absolute;
  bottom: 0;
  left: 0;
}
#affwp-affiliate-dashboard .affwp-tab-content h5 {
  margin: 0;
  padding: 0;
  font-family: "Work Sans", Arial, sans-serif;
  text-transform: capitalize;
  color: #F05041;
  position: relative;
  font-size: 20px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#affwp-affiliate-dashboard .affwp-tab-content h5:after {
  content: "";
  width: 60px;
  height: 1px;
  background: #F05041;
  position: absolute;
  bottom: 0;
  left: 0;
}
#affwp-affiliate-dashboard .affwp-tab-content label {
  padding-bottom: 5px;
  display: block;
}
#affwp-affiliate-dashboard .affwp-tab-content input {
  margin: 0;
  background: #ffffff;
  color: #000000;
  border: 1px solid #000000;
  border-radius: 15px;
  padding: 8px 15px;
  max-width: 400px;
}
#affwp-affiliate-dashboard .affwp-tab-content input.button {
  background: #F05041;
  color: #ffffff;
  font-weight: bold;
  border: 0;
  cursor: pointer;
  padding: 15px 20px;
}
#affwp-affiliate-dashboard .affwp-tab-content #affwp-generate-ref-url {
  max-width: 40%;
}
#affwp-affiliate-dashboard .affwp-tab-content .affwp-table-responsive th {
  color: #000000;
}
#affwp-affiliate-dashboard .affwp-tab-content a {
  text-decoration: none;
  color: #F05041;
}
#affwp-affiliate-dashboard .affwp-tab-content a:visited {
  color: #F05041;
  text-decoration: none;
}
#affwp-affiliate-dashboard .affwp-tab-content a:hover {
  color: #F05041;
  text-decoration: underline;
}

table.affwp-table td, table.affwp-table th {
  padding: 0.7em 1em !important;
}

.affwp-base-url-wrap input {
  padding: 5px;
}

#communityHubHeader {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#communityHubHeader .communityhub__title {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 1400px) {
  #communityHubHeader .communityhub__title {
    width: 100%;
    flex: none;
    margin-bottom: 40px;
  }
}
#communityHubHeader .communityhub__title h1 {
  margin: 0;
  padding: 0;
  font-size: 75px;
  line-height: 70px;
}
@media screen and (max-width: 1400px) {
  #communityHubHeader .communityhub__title h1 {
    text-align: center;
    font-size: 50px;
    line-height: 45px;
  }
}
@media screen and (max-width: 992px) {
  #communityHubHeader .communityhub__title h1 {
    font-size: 35px;
    line-height: 30px;
  }
}
#communityHubHeader .communityhub__content {
  flex: 1;
  padding-left: 25px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#communityHubHeader .communityhub__content p {
  font-size: 13px;
  line-height: 16px;
  color: #707070;
}
@media screen and (max-width: 1400px) {
  #communityHubHeader .communityhub__content p {
    text-align: center;
  }
}
@media screen and (max-width: 1400px) {
  #communityHubHeader .communityhub__content {
    width: 100%;
    flex: none;
    padding-left: 0;
  }
}
#communityHubHeader .community__vortex-animated-wrapper {
  width: 576px;
  height: 576px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1400px) {
  #communityHubHeader .community__vortex-animated-wrapper {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    width: 376px;
    height: 376px;
  }
}
@media screen and (max-width: 992px) {
  #communityHubHeader .community__vortex-animated-wrapper {
    width: 250px;
    height: 250px;
  }
}
#communityHubHeader .community__vortex-animated-wrapper .community__vortex-image-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
  row-gap: 0;
  column-gap: 0;
  position: relative;
  z-index: 50;
}
#communityHubHeader .community__vortex-animated-wrapper .community__vortex-image-grid .community__vortex-single-grid {
  width: 100%;
  filter: url("assets/img/beyondfilter.svg#orange");
  scale: 1.1;
}
#communityHubHeader .community__vortex-animated-wrapper .community__vortex-image-grid .community__vortex-single-grid img {
  display: block;
}
#communityHubHeader .community__vortex-animated-wrapper .community__vortex-image-grid .community__vortex-single-grid:nth-child(1n) {
  -webkit-animation: zoomInOut 1s infinite alternate;
  animation-delay: 1.2s;
}
#communityHubHeader .community__vortex-animated-wrapper .community__vortex-image-grid .community__vortex-single-grid:nth-child(2n) {
  -webkit-animation: zoomInOut 1s infinite alternate;
  animation-delay: 2.3s;
}
#communityHubHeader .community__vortex-animated-wrapper .community__vortex-image-grid .community__vortex-single-grid:nth-child(3n) {
  -webkit-animation: zoomInOut 1s infinite alternate;
  animation-delay: 3.3s;
}
#communityHubHeader .community__vortex-animated-wrapper .community__vortex-window {
  width: 576px;
  height: 576px;
  background-image: url("assets/img/Beyond_Vortex_Window.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 1400px) {
  #communityHubHeader .community__vortex-animated-wrapper .community__vortex-window {
    width: 376px;
    height: 376px;
  }
}
@media screen and (max-width: 992px) {
  #communityHubHeader .community__vortex-animated-wrapper .community__vortex-window {
    width: 250px;
    height: 250px;
  }
}

@keyframes zoomInOut {
  0% {
    transform: scale(1.01);
  }
  100% {
    transform: scale(1.05);
  }
}
#beyondHubStats {
  width: 100%;
  padding-bottom: 115px;
  padding-top: 115px;
  margin-top: 50px;
  border-bottom: 1px solid #707070;
  border-top: 1px solid #707070;
  position: relative;
}
#beyondHubStats .border-text-orange {
  font-size: 150px;
  line-height: 104px;
}
@media screen and (max-width: 1400px) {
  #beyondHubStats .border-text-orange {
    font-size: 120px;
    line-height: 100px;
  }
}
@media screen and (max-width: 1024px) {
  #beyondHubStats .border-text-orange {
    font-size: 50px;
    line-height: 40px;
  }
}
@media screen and (max-width: 992px) {
  #beyondHubStats .border-text-orange {
    display: none;
  }
}
#beyondHubStats .BeyondHub__stats-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: -20px;
  width: 100%;
  position: relative;
}
#beyondHubStats .BeyondHub__stats-list:before {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  left: 0;
  bottom: 20px;
  font-size: 80px;
  color: #000000;
  position: absolute;
}
@media screen and (max-width: 1700px) {
  #beyondHubStats .BeyondHub__stats-list:before {
    display: none;
  }
}
#beyondHubStats .BeyondHub__stats-list li {
  background: #ffffff;
  border: 1px solid #707070;
  margin-right: 50px;
  min-width: 450px;
}
@media screen and (max-width: 1700px) {
  #beyondHubStats .BeyondHub__stats-list li {
    min-width: 10px;
    flex: 1;
  }
}
@media screen and (max-width: 992px) {
  #beyondHubStats .BeyondHub__stats-list li {
    width: 100%;
    flex: none;
    margin-right: 0;
    margin-bottom: 25px;
  }
}
#beyondHubStats .BeyondHub__stats-list li:last-of-type {
  margin-right: 0;
}
@media screen and (max-width: 992px) {
  #beyondHubStats .BeyondHub__stats-list li:last-of-type {
    margin-bottom: 0;
  }
}
#beyondHubStats .BeyondHub__stats-list li .stats-list__title-bar {
  border-bottom: 1px solid #707070;
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 3px;
  padding-bottom: 3px;
}
#beyondHubStats .BeyondHub__stats-list li .stats-list__title-bar h5 {
  margin: 0;
  padding: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}
@media screen and (max-width: 1400px) {
  #beyondHubStats .BeyondHub__stats-list li .stats-list__title-bar h5 {
    font-size: 16px;
    line-height: 26px;
  }
}
#beyondHubStats .BeyondHub__stats-list li .stats-list__number-output {
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
  color: #202020;
  font-family: "Joyride", Arial, Sans-serif;
  font-size: 60px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1400px) {
  #beyondHubStats .BeyondHub__stats-list li .stats-list__number-output {
    font-size: 40px;
  }
}

#communityHubApp {
  width: 100%;
}

.community-hub__search-filters {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media screen and (max-width: 1200px) {
  .community-hub__search-filters {
    justify-content: center;
  }
}
@media screen and (max-width: 1200px) {
  .community-hub__search-filters .search-labels {
    width: 100%;
    margin-bottom: 15px;
  }
}
.community-hub__search-filters .search-labels p {
  margin: 0;
  padding: 0;
  font-size: 28px;
}
.community-hub__search-filters .search-labels p:after {
  content: "__";
  margin-left: 15px;
}
@media screen and (max-width: 1200px) {
  .community-hub__search-filters .search-labels p {
    text-align: center;
  }
}
.community-hub__search-filters input {
  min-width: 350px;
  padding: 10px 20px 10px 20px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  color: #000000;
}

.community-hub__influencers {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 40px;
  row-gap: 40px;
}
@media screen and (max-width: 1400px) {
  .community-hub__influencers {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 1024px) {
  .community-hub__influencers {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 768px) {
  .community-hub__influencers {
    grid-template-columns: 1fr;
  }
}
.community-hub__influencers .community-hub__influencer {
  width: 100%;
}
.community-hub__influencers .community-hub__influencer a {
  text-decoration: none;
}
.community-hub__influencers .community-hub__influencer .influencer__tile {
  width: 100%;
  background: #ffffff;
}
.community-hub__influencers .community-hub__influencer .influencer__tile .iTile__header {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-left: 15px;
  padding-right: 15px;
  border-top: 1px solid #707070;
  border-left: 1px solid #707070;
  border-right: 1px solid #707070;
}
.community-hub__influencers .community-hub__influencer .influencer__tile .iTile__header .iTile__title h2 {
  margin: 0;
  padding: 0;
  font-family: "Work Sans", Arial, Sans-serif;
  text-transform: none;
  font-size: 19px;
  text-decoration: none;
  font-weight: 600;
  color: #202020;
}
.community-hub__influencers .community-hub__influencer .influencer__tile .iTile__header .iTile__live-status {
  color: #202020;
  display: flex;
  align-items: center;
  border-left: 1px solid #707070;
  padding-left: 10px;
  font-weight: 500;
}
.community-hub__influencers .community-hub__influencer .influencer__tile .iTile__header .iTile__live-status .offline-circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background: #707070;
  margin-left: 10px;
}
.community-hub__influencers .community-hub__influencer .influencer__tile .iTile__header .iTile__live-status .live-circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ff5252;
  box-shadow: 0 0 0 0 #ff5252;
  height: 12px;
  width: 12px;
  transform: scale(1);
  animation: pulse-red 2s infinite;
  display: inline-block;
  margin-left: 10px;
}
.community-hub__influencers .community-hub__influencer .influencer__tile .iTile__content-area {
  border: 1px solid #707070;
  position: relative;
  overflow: hidden;
}
.community-hub__influencers .community-hub__influencer .influencer__tile .iTile__content-area .iTile__main-image img {
  display: block;
}
.community-hub__influencers .community-hub__influencer .influencer__tile .iTile__content-area .iTile__main-image-offline img {
  display: block;
}
.community-hub__influencers .community-hub__influencer .influencer__tile .iTile__content-area .iTile__stream-image {
  display: none;
}
.community-hub__influencers .community-hub__influencer .influencer__tile .iTile__stream-information {
  padding: 12px 15px;
  border-left: 1px solid #707070;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.community-hub__influencers .community-hub__influencer .influencer__tile .iTile__stream-information .iTile__game-image {
  height: 100%;
}
.community-hub__influencers .community-hub__influencer .influencer__tile .iTile__stream-information .iTile__game-image img {
  display: block;
  border: 1px solid #707070;
}
.community-hub__influencers .community-hub__influencer .influencer__tile .iTile__stream-information-details {
  flex: 1;
  padding-left: 10px;
}
.community-hub__influencers .community-hub__influencer .influencer__tile .iTile__stream-information-details p {
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 15px;
  color: #707070;
}
.community-hub__influencers .community-hub__influencer .influencer__tile .iTile__stream-information-details .stream-details__game {
  padding-bottom: 30px;
}
.community-hub__influencers .community-hub__influencer .influencer__tile .iTile__stream-information-details .stream-details__viewers {
  padding-bottom: 5px;
}
.community-hub__influencers .community-hub__influencer:hover .iTile__stream-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #202020;
}

.loadMoreButtonWrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 40px;
}
.loadMoreButtonWrapper .loadMoreButton {
  background: #000000;
  color: #ffffff;
  font-weight: bold;
  padding: 15px 25px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: inline-block;
  cursor: pointer;
}
.loadMoreButtonWrapper .loadMoreButton:visited {
  color: #ffffff;
}
.loadMoreButtonWrapper .loadMoreButton:hover {
  background: #F05041;
  color: #ffffff;
}

@keyframes pulse-red {
  0% {
    transform: scale(0.65);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(255, 82, 82, 0);
  }
  100% {
    transform: scale(0.65);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
  }
}
#competitionWrapper {
  width: 100%;
  background: #020109;
  padding-bottom: 150px;
}
@media screen and (max-width: 480px) {
  #competitionWrapper {
    padding-top: 0;
    padding-bottom: 0;
  }
}
#competitionWrapper .competitionHeader {
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#competitionWrapper .competitionHeader .giveawayContent {
  flex: 3;
  order: 1;
}
@media screen and (max-width: 1400px) {
  #competitionWrapper .competitionHeader .giveawayContent {
    padding-left: 0;
  }
}
@media screen and (max-width: 992px) {
  #competitionWrapper .competitionHeader .giveawayContent {
    flex: none;
    width: 100%;
    text-align: center;
    order: 2;
  }
}
@media screen and (max-width: 992px) {
  #competitionWrapper .competitionHeader .giveawayContent .home-label {
    display: none;
  }
}
#competitionWrapper .competitionHeader .giveawayContent h3 {
  color: #ffffff;
  margin: 0;
  padding: 0;
  font-size: 300px;
  line-height: 300px;
  text-align: center;
}
@media screen and (max-width: 1700px) {
  #competitionWrapper .competitionHeader .giveawayContent h3 {
    font-size: 200px;
    line-height: 200px;
  }
}
@media screen and (max-width: 992px) {
  #competitionWrapper .competitionHeader .giveawayContent h3 {
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  #competitionWrapper .competitionHeader .giveawayContent h3 {
    font-size: 110px;
    line-height: 110px;
  }
}
#competitionWrapper .competitionHeader .giveawayContent h4 {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #F05041;
  font-family: "Joyride", Arial, Sans-serif;
  font-weight: 200;
  text-transform: lowercase;
  margin: 0;
  padding: 0;
  font-size: 60px;
  line-height: 60px;
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 1700px) {
  #competitionWrapper .competitionHeader .giveawayContent h4 {
    font-size: 40px;
    line-height: 40px;
  }
}
@media screen and (max-width: 992px) {
  #competitionWrapper .competitionHeader .giveawayContent h4 {
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  #competitionWrapper .competitionHeader .giveawayContent h4 {
    font-size: 20px;
    line-height: 20px;
  }
}
#competitionWrapper .competitionHeader .giveawayContent p.competitionBio {
  color: #707070;
  font-size: 13px;
  line-height: 17px;
  max-width: 260px;
  margin-top: 30px;
  padding-top: 30px;
  position: relative;
}
@media screen and (max-width: 1700px) {
  #competitionWrapper .competitionHeader .giveawayContent p.competitionBio {
    max-width: 320px;
  }
}
@media screen and (max-width: 992px) {
  #competitionWrapper .competitionHeader .giveawayContent p.competitionBio {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 0;
  }
}
@media screen and (max-width: 480px) {
  #competitionWrapper .competitionHeader .giveawayContent p.competitionBio {
    max-width: 100%;
  }
}
#competitionWrapper .competitionHeader .giveawayContent p.competitionBio:after {
  content: "";
  width: 40px;
  height: 1px;
  background: #F7F7F7;
  position: absolute;
  top: 0px;
  left: 0;
}
@media screen and (max-width: 992px) {
  #competitionWrapper .competitionHeader .giveawayContent p.competitionBio:after {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  #competitionWrapper .competitionHeader .giveawayContent .button-alt {
    width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 480px) {
  #competitionWrapper .competitionHeader .giveawayContent .button-alt {
    width: 100%;
  }
}
#competitionWrapper .competitionHeader .competitionDescription p {
  color: #E6E6E6;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
#competitionWrapper .competitionHeader .competitionDescription p a {
  color: #F05041;
}
#competitionWrapper .competitionHeader .competitionDescription p a:visited {
  color: #F05041;
}
#competitionWrapper .competitionHeader .competitionDescription p a:hover {
  text-decoration: underline;
  color: #F05041;
}
#competitionWrapper .competitionHeader .spaceRocksFacts {
  width: 100%;
  margin-top: 80px;
}
#competitionWrapper .competitionHeader .spaceRocksFacts h5 {
  font-size: 40px;
  color: #F7F7F7;
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 480px) {
  #competitionWrapper .competitionHeader .spaceRocksFacts h5 {
    line-height: 45px;
  }
}
#competitionWrapper .competitionHeader .spaceRocksFacts ul.spaceRocksFactsList {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 10px;
  column-gap: 20px;
}
@media screen and (max-width: 480px) {
  #competitionWrapper .competitionHeader .spaceRocksFacts ul.spaceRocksFactsList {
    grid-template-columns: 1fr;
  }
}
#competitionWrapper .competitionHeader .spaceRocksFacts ul.spaceRocksFactsList li.singleFact {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
#competitionWrapper .competitionHeader .spaceRocksFacts ul.spaceRocksFactsList li.singleFact .featureStat {
  font-size: 60px;
  line-height: 60px;
  font-weight: bold;
  color: #F05041;
  margin: 0;
  padding-bottom: 10px;
}
#competitionWrapper .competitionHeader .spaceRocksFacts ul.spaceRocksFactsList li.singleFact .featureStat span {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  #competitionWrapper .competitionHeader .spaceRocksFacts ul.spaceRocksFactsList li.singleFact .featureStat {
    font-size: 40px;
    line-height: 40px;
  }
}
#competitionWrapper .competitionHeader .spaceRocksFacts ul.spaceRocksFactsList li.singleFact .fullFact {
  color: #707070;
  margin: 0;
  font-size: 14px;
  line-height: 18px;
}
#competitionWrapper .competitionHeader .gleamCompetition {
  position: relative;
  flex: 3;
  order: 2;
  margin-top: 55px;
}
@media screen and (max-width: 992px) {
  #competitionWrapper .competitionHeader .gleamCompetition {
    flex: none;
    width: 100%;
    order: 1;
  }
}
#competitionWrapper .competitionCover {
  width: 100%;
  height: 600px;
  margin-top: 35px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 30px;
  border: 1px solid #707070;
}
@media screen and (max-width: 480px) {
  #competitionWrapper .competitionCover {
    height: 300px;
  }
}

.competitionWrapper {
  width: 100%;
  background: #020109;
}
.competitionWrapper .competitionMainHeader {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 1080px;
}
@media screen and (max-width: 1700px) {
  .competitionWrapper .competitionMainHeader {
    height: 950px;
  }
}
@media screen and (max-width: 1200px) {
  .competitionWrapper .competitionMainHeader {
    height: 600px;
  }
}
@media screen and (max-width: 992px) {
  .competitionWrapper .competitionMainHeader {
    height: 450px;
  }
}
.competitionWrapper .competitionFeatureText {
  width: 100%;
  border-bottom: 1px solid #b80000;
  padding-bottom: 100px;
  margin-bottom: 100px;
}
.competitionWrapper .competitionFeatureText p.competitionTitleArea {
  font-size: 422px;
  line-height: 422px;
  font-family: "Joyride", Arial, Sans-serif;
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
  text-align: center;
  text-transform: lowercase;
  color: #F7F7F7;
}
@media screen and (max-width: 1700px) {
  .competitionWrapper .competitionFeatureText p.competitionTitleArea {
    font-size: 350px;
    line-height: 350px;
  }
}
@media screen and (max-width: 1200px) {
  .competitionWrapper .competitionFeatureText p.competitionTitleArea {
    font-size: 275px;
    line-height: 275px;
  }
}
@media screen and (max-width: 992px) {
  .competitionWrapper .competitionFeatureText p.competitionTitleArea {
    font-size: 100px;
    line-height: 100px;
  }
}
.competitionWrapper .competitionFeatureText h1.competitionSubText {
  width: 50%;
  text-align: center;
  color: #F7F7F7;
  margin: 0;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 50px;
  line-height: 55px;
}
@media screen and (max-width: 1200px) {
  .competitionWrapper .competitionFeatureText h1.competitionSubText {
    font-size: 35px;
    line-height: 40px;
  }
}
@media screen and (max-width: 768px) {
  .competitionWrapper .competitionFeatureText h1.competitionSubText {
    font-size: 24px;
    line-height: 28px;
  }
}
.competitionWrapper .competitionBlock {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.competitionWrapper .competitionBlock .competitionContent {
  flex: 3;
  padding-right: 50px;
}
@media screen and (max-width: 992px) {
  .competitionWrapper .competitionBlock .competitionContent {
    flex: none;
    width: 100%;
    padding-right: 0;
    text-align: center;
  }
}
.competitionWrapper .competitionBlock .competitionContent p {
  color: #F7F7F7;
  max-width: 80%;
}
@media screen and (max-width: 992px) {
  .competitionWrapper .competitionBlock .competitionContent p {
    max-width: 100%;
  }
}
@media screen and (max-width: 992px) {
  .competitionWrapper .competitionBlock .competitionContent img {
    display: none;
  }
}
.competitionWrapper .competitionBlock .compGleamContainer {
  flex: 2;
}
@media screen and (max-width: 992px) {
  .competitionWrapper .competitionBlock .compGleamContainer {
    flex: none;
    width: 100%;
  }
}
.competitionWrapper .competitionBlock .compGleamContainer h3 {
  color: #F7F7F7;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 64px;
  margin-bottom: 40px;
}
@media screen and (max-width: 992px) {
  .competitionWrapper .competitionBlock .compGleamContainer h3 {
    font-size: 40px;
    line-height: 40px;
  }
}
.competitionWrapper .competitionBlock .compGleamContainer h3 span {
  font-size: 120px;
  line-height: 120px;
}
@media screen and (max-width: 992px) {
  .competitionWrapper .competitionBlock .compGleamContainer h3 span {
    font-size: 80px;
    line-height: 80px;
  }
}
.competitionWrapper .competitionCompanyLogo {
  text-align: center;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}
.competitionWrapper .competitionCompanyLogo img {
  margin-left: auto;
  margin-right: auto;
}
.competitionWrapper .competitionInfoGrid {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.competitionWrapper .competitionInfoGrid ul.competitionGrid {
  display: grid;
  margin: 0;
  padding: 0;
  grid-template-columns: 1fr 1fr;
  row-gap: 40px;
  column-gap: 40px;
  padding-left: 10%;
  padding-right: 10%;
}
@media screen and (max-width: 992px) {
  .competitionWrapper .competitionInfoGrid ul.competitionGrid {
    grid-template-columns: 1fr;
  }
}
.competitionWrapper .competitionInfoGrid ul.competitionGrid li.singleCompetitionGrid {
  width: 100%;
}
.competitionWrapper .competitionInfoGrid ul.competitionGrid li.singleCompetitionGrid .gridImage {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 378px;
  border: 2px solid #b80000;
  margin-bottom: 20px;
}
.competitionWrapper .competitionInfoGrid ul.competitionGrid li.singleCompetitionGrid h3 {
  color: #F7F7F7;
  font-size: 40px;
  line-height: 50px;
  margin: 0;
  padding: 0;
  position: relative;
  margin-bottom: 20px;
}
.competitionWrapper .competitionInfoGrid ul.competitionGrid li.singleCompetitionGrid h3:after {
  content: "";
  width: 40px;
  height: 1px;
  background: #b80000;
  position: absolute;
  left: 0;
  bottom: -10px;
}
.competitionWrapper .competitionInfoGrid ul.competitionGrid li.singleCompetitionGrid p {
  color: #F7F7F7;
}
.competitionWrapper .competitionPlatforms {
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
}
.competitionWrapper .competitionPlatforms ul.plaformLogos {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  margin: 0;
  padding: 0;
}
.competitionWrapper .competitionPlatforms ul.plaformLogos li.singlePlatformLogo {
  margin: 15px;
}
.competitionWrapper .competititionTerms {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  padding-left: 10%;
  padding-right: 10%;
  margin-top: 30px;
}
.competitionWrapper .competititionTerms .termsAndConditions {
  flex: 6;
}
.competitionWrapper .competititionTerms .termsAndConditions p {
  color: #F7F7F7;
  font-size: 15px;
  line-height: 17px;
}
.competitionWrapper .competititionTerms .ageRating {
  flex: 2;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .competitionWrapper .competititionTerms .ageRating {
    flex: none;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.competitionWrapper .competitionSponsorBar {
  width: 100%;
}
.competitionWrapper .competitionSponsorBar .gameCompanyLogos {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.competitionWrapper .competitionSponsorBar .gameCompanyLogos li.singleCompanyLogo {
  margin-left: 20px;
  margin-right: 20px;
}

/** 
 1. Breadcrumb Section
 2. Featured Stream Section
 3. Featured Info Section
 4. About Section
 5. Community List Section
 6. Community CTA Section
 7. Single Creator Page
**/
.beyond-community__breadcrumbs {
  width: 100%;
  position: relative;
}

.beyond-community__featured-stream {
  width: 100%;
}
.beyond-community__featured-stream .border-text-orange {
  font-size: 150px;
  line-height: 150px;
}
.beyond-community__featured-stream .border-text-orange.top-border-text {
  margin-bottom: -90px;
}
@media screen and (max-width: 1700px) {
  .beyond-community__featured-stream .border-text-orange.top-border-text {
    margin-bottom: -70px;
  }
}
@media screen and (max-width: 1400px) {
  .beyond-community__featured-stream .border-text-orange.top-border-text {
    margin-bottom: -55px;
  }
}
@media screen and (max-width: 992px) {
  .beyond-community__featured-stream .border-text-orange.top-border-text {
    margin-bottom: -40px;
  }
}
.beyond-community__featured-stream .border-text-orange.bottom-border-text {
  margin-top: -20px;
  text-align: right;
  margin-right: 25px;
}
@media screen and (max-width: 992px) {
  .beyond-community__featured-stream .border-text-orange.bottom-border-text {
    margin: 0;
  }
}
@media screen and (max-width: 1700px) {
  .beyond-community__featured-stream .border-text-orange {
    font-size: 120px;
    line-height: 120px;
  }
}
@media screen and (max-width: 1400px) {
  .beyond-community__featured-stream .border-text-orange {
    font-size: 100px;
    line-height: 100px;
  }
}
@media screen and (max-width: 992px) {
  .beyond-community__featured-stream .border-text-orange {
    font-size: 80px;
    line-height: 80px;
  }
}
@media screen and (max-width: 768px) {
  .beyond-community__featured-stream .border-text-orange {
    display: none;
  }
}
.beyond-community__featured-stream #twitch-embed {
  width: 100%;
}
.beyond-community__featured-stream #twitch-embed iframe {
  width: 100%;
  height: 765px;
}
@media screen and (max-width: 1700px) {
  .beyond-community__featured-stream #twitch-embed iframe {
    height: 600px;
  }
}
@media screen and (max-width: 1400px) {
  .beyond-community__featured-stream #twitch-embed iframe {
    height: 485px;
  }
}
@media screen and (max-width: 1200px) {
  .beyond-community__featured-stream #twitch-embed iframe {
    height: 385px;
  }
}
@media screen and (max-width: 768px) {
  .beyond-community__featured-stream #twitch-embed iframe {
    height: 700px;
  }
}
@media screen and (max-width: 480px) {
  .beyond-community__featured-stream #twitch-embed iframe {
    height: 500px;
  }
}

.beyond-community__featured-info {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  border: 1px solid #707070;
}
@media screen and (max-width: 992px) {
  .beyond-community__featured-info {
    border: 0;
    margin-top: 25px;
    margin-bottom: 25px;
  }
}
.beyond-community__featured-info .beyond-community__streamer-image {
  border-right: 1px solid #707070;
  display: flex;
  align-items: flex-start;
  max-height: 460px;
  max-width: 460px;
}
@media screen and (max-width: 1200px) {
  .beyond-community__featured-info .beyond-community__streamer-image {
    max-height: 310px;
    max-width: 310px;
  }
}
@media screen and (max-width: 992px) {
  .beyond-community__featured-info .beyond-community__streamer-image {
    margin-left: auto;
    margin-right: auto;
  }
}
.beyond-community__featured-info .beyond-community__streamer-bio {
  flex: 4;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
@media screen and (max-width: 992px) {
  .beyond-community__featured-info .beyond-community__streamer-bio {
    flex: none;
    width: 100%;
    border-top: 1px solid #707070;
    margin-top: 10px;
  }
}
.beyond-community__featured-info .influencer-info-area {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .beyond-community__featured-info .influencer-info-area {
    display: block;
  }
}
.beyond-community__featured-info .influencer-info-area .influencer-info-col {
  flex: 1;
  border-right: 1px solid #707070;
  padding: 35px;
}
@media screen and (max-width: 1200px) {
  .beyond-community__featured-info .influencer-info-area .influencer-info-col {
    border-right: 0;
  }
}
@media screen and (max-width: 992px) {
  .beyond-community__featured-info .influencer-info-area .influencer-info-col {
    padding: 15px;
  }
}
.beyond-community__featured-info .influencer-info-area .influencer-info-col .influencer-title {
  margin: 0;
  padding: 0;
  font-size: 42px;
  line-height: 42px;
  color: #202020;
}
@media screen and (max-width: 992px) {
  .beyond-community__featured-info .influencer-info-area .influencer-info-col .influencer-title {
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .beyond-community__featured-info .influencer-info-area .influencer-info-col .influencer-title {
    font-size: 20px;
    line-height: 20px;
  }
}
.beyond-community__featured-info .influencer-info-area .influencer-info-col .influencer-content-container p {
  font-size: 19px;
  line-height: 23px;
}
@media screen and (max-width: 992px) {
  .beyond-community__featured-info .influencer-info-area .influencer-info-col .influencer-content-container p {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    width: 100%;
  }
}
.beyond-community__featured-info .influencer-info-area .influencer-info-product {
  flex: 1;
  padding: 35px;
}
@media screen and (max-width: 1200px) {
  .beyond-community__featured-info .influencer-info-area .influencer-info-product {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .beyond-community__featured-info .influencer-info-area .influencer-info-product {
    display: block;
    flex: none;
    width: 100%;
  }
}
.beyond-community__featured-info .influencer-info-area .influencer-info-product .product-title {
  width: 100%;
  font-size: 19px;
  line-height: 23px;
  font-weight: 600;
  color: #707070;
}
@media screen and (max-width: 992px) {
  .beyond-community__featured-info .influencer-info-area .influencer-info-product .product-title {
    text-align: center;
  }
}
.beyond-community__featured-info .influencer-info-area .influencer-info-product .influencer-flavour-image {
  text-align: center;
  width: 100%;
  height: 250px;
  margin-top: 15px;
}
.beyond-community__featured-info .influencer-info-area .influencer-info-product .influencer-flavour-image img {
  max-height: 100%;
  max-width: 100%;
}
@media screen and (max-width: 1400px) {
  .beyond-community__featured-info .influencer-info-area .influencer-info-product .influencer-flavour-image {
    height: 150px;
  }
}
.beyond-community__featured-info .influencer-info-area .influencer-info-product .product-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.beyond-community__featured-info .influencer-info-area .influencer-info-product .product-bar .product-name {
  flex: 3;
  font-size: 19px;
  line-height: 23px;
  color: #000000;
  font-weight: 600;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1700px) {
  .beyond-community__featured-info .influencer-info-area .influencer-info-product .product-bar .product-name {
    font-size: 15px;
  }
}
@media screen and (max-width: 1400px) {
  .beyond-community__featured-info .influencer-info-area .influencer-info-product .product-bar .product-name {
    flex: none;
    width: 100%;
    justify-content: center;
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.beyond-community__featured-info .influencer-info-area .influencer-info-product .product-bar .product-button {
  flex: 1;
}
@media screen and (max-width: 1400px) {
  .beyond-community__featured-info .influencer-info-area .influencer-info-product .product-bar .product-button {
    flex: none;
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
  .beyond-community__featured-info .influencer-info-area .influencer-info-product .product-bar .product-button {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
}
.beyond-community__featured-info .influencer-info-area .influencer-info-product .product-bar .product-button .shop-button {
  background: #202020;
  color: #ffffff;
  padding-top: 5px;
  padding-bottom: 5px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  width: 100%;
  display: block;
  text-align: center;
  text-decoration: none;
  transition: all 0.4s ease-in-out;
}
.beyond-community__featured-info .influencer-info-area .influencer-info-product .product-bar .product-button .shop-button:visited {
  color: #ffffff;
}
.beyond-community__featured-info .influencer-info-area .influencer-info-product .product-bar .product-button .shop-button:focus {
  background: #F05041;
}
.beyond-community__featured-info .influencer-info-area .influencer-info-product .product-bar .product-button .shop-button:hover {
  background: #F05041;
  color: #ffffff;
}
@media screen and (max-width: 480px) {
  .beyond-community__featured-info .influencer-social-bar {
    width: 100%;
    border-top: 1px solid #707070;
  }
}
.beyond-community__featured-info .influencer-info-bottom-bar {
  width: 100%;
  border-top: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 44px;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .beyond-community__featured-info .influencer-info-bottom-bar {
    padding-left: 20px;
  }
}
@media screen and (max-width: 992px) {
  .beyond-community__featured-info .influencer-info-bottom-bar {
    border: 1px solid #707070;
  }
}
@media screen and (max-width: 480px) {
  .beyond-community__featured-info .influencer-info-bottom-bar {
    flex-wrap: wrap;
    padding-left: 0;
  }
}
.beyond-community__featured-info .influencer-info-bottom-bar .influencer-tier {
  margin: 0;
  padding: 0;
  font-size: 19px;
  line-height: 23px;
  color: #707070;
  font-weight: 600;
}
@media screen and (max-width: 1200px) {
  .beyond-community__featured-info .influencer-info-bottom-bar .influencer-tier {
    font-size: 16px;
    font-weight: 500;
  }
}
@media screen and (max-width: 480px) {
  .beyond-community__featured-info .influencer-info-bottom-bar .influencer-tier {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
  }
}
.beyond-community__featured-info .influencer-info-bottom-bar .social-links {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  list-style: none;
}
@media screen and (max-width: 480px) {
  .beyond-community__featured-info .influencer-info-bottom-bar .social-links li {
    width: 50%;
    display: block;
  }
}
.beyond-community__featured-info .influencer-info-bottom-bar .social-links li a {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 40px;
  padding-right: 40px;
  text-decoration: none;
  color: #000000;
  transition: all 0.4s ease-in-out;
  font-size: 45px;
  border-left: 1px solid #707070;
}
.beyond-community__featured-info .influencer-info-bottom-bar .social-links li a:visited {
  color: #000000;
}
.beyond-community__featured-info .influencer-info-bottom-bar .social-links li a:focus {
  color: #ffffff;
  background: #F05041;
}
.beyond-community__featured-info .influencer-info-bottom-bar .social-links li a:hover {
  color: #ffffff;
  background: #F05041;
}
@media screen and (max-width: 992px) {
  .beyond-community__featured-info .influencer-info-bottom-bar .social-links li a {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 480px) {
  .beyond-community__featured-info .influencer-info-bottom-bar .social-links li a {
    width: 100%;
    text-align: center;
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .beyond-community__featured-info .influencer-info-bottom-bar .social-links li:first-of-type a {
    border-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .beyond-community__featured-info .influencer-info-bottom-bar .social-links {
    width: 100%;
  }
}

.beyond-community__about {
  border-bottom: 1px solid #707070;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-top: 60px;
}
.beyond-community__about .beyond-community-about__title .beyond-divider__wrapper {
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 992px) {
  .beyond-community__about .beyond-community-about__title .beyond-divider__wrapper {
    display: none;
  }
}
.beyond-community__about .beyond-community-about__title h1 {
  margin: 0;
  padding: 0;
  margin-top: -48px;
  color: #F05041;
  font-size: 72px;
  line-height: 72px;
  padding-left: 85px;
}
@media screen and (max-width: 1200px) {
  .beyond-community__about .beyond-community-about__title h1 {
    font-size: 50px;
    line-height: 50px;
  }
}
@media screen and (max-width: 992px) {
  .beyond-community__about .beyond-community-about__title h1 {
    padding-left: 0;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .beyond-community__about .beyond-community-about__title h1 {
    font-size: 30px;
    line-height: 30px;
  }
}
.beyond-community__about .beyond-community-about__content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-left: 85px;
  padding-right: 85px;
  padding-top: 20px;
}
@media screen and (max-width: 992px) {
  .beyond-community__about .beyond-community-about__content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.beyond-community__about .beyond-community-about__content .col {
  flex: 2;
}
.beyond-community__about .beyond-community-about__content .col h2 {
  font-size: 72px;
  line-height: 72px;
  margin: 0;
}
@media screen and (max-width: 1200px) {
  .beyond-community__about .beyond-community-about__content .col h2 {
    font-size: 50px;
    line-height: 50px;
  }
}
@media screen and (max-width: 992px) {
  .beyond-community__about .beyond-community-about__content .col h2 {
    width: 100%;
    max-width: 100%;
    text-align: center;
    flex: none;
  }
}
@media screen and (max-width: 480px) {
  .beyond-community__about .beyond-community-about__content .col h2 {
    font-size: 30px;
    line-height: 30px;
  }
}
.beyond-community__about .beyond-community-about__content .col.title-col {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .beyond-community__about .beyond-community-about__content .col.title-col {
    width: 100%;
    flex: none;
  }
}
.beyond-community__about .beyond-community-about__content .col.beyond-vortex-logo {
  text-align: center;
  flex: 1;
  padding-left: 50px;
  padding-right: 50px;
}
@media screen and (max-width: 1200px) {
  .beyond-community__about .beyond-community-about__content .col.beyond-vortex-logo {
    display: none;
  }
}
.beyond-community__about .beyond-community-about__content .col.content-col {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .beyond-community__about .beyond-community-about__content .col.content-col {
    width: 100%;
    flex: none;
  }
}
.beyond-community__about .beyond-community-about__content .col p {
  font-size: 15px;
  line-height: 16px;
  color: #707070;
  margin-bottom: 25px;
  position: relative;
  max-width: 490px;
}
@media screen and (max-width: 992px) {
  .beyond-community__about .beyond-community-about__content .col p {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
}
.beyond-community__about .beyond-community-about__content .col p:before {
  content: "";
  background-image: url("assets/img/homepage/beyond-star.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: -40px;
  bottom: -80px;
  width: 66px;
  height: 66px;
}
@media screen and (max-width: 1200px) {
  .beyond-community__about .beyond-community-about__content .col p:before {
    display: none;
  }
}
.beyond-community__about .beyond-community-about__content .col p:after {
  content: "";
  width: 40px;
  height: 1px;
  left: 0;
  bottom: -25px;
  background: #202020;
  position: absolute;
}
@media screen and (max-width: 992px) {
  .beyond-community__about .beyond-community-about__content .col p:after {
    display: none;
  }
}

.beyond-community__categories {
  width: 100%;
  margin-top: 25px;
}
.beyond-community__categories .wp-block-lazyblock-black-pill-link {
  margin-bottom: 0px;
}

.beyond-community__list {
  width: 100%;
  height: auto;
  margin-top: 100px;
}
.beyond-community__list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 35px;
  row-gap: 40px;
}
@media screen and (max-width: 1200px) {
  .beyond-community__list ul {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 992px) {
  .beyond-community__list ul {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 768px) {
  .beyond-community__list ul {
    grid-template-columns: 1fr;
  }
}
.beyond-community__list ul .single-influencer-tile {
  background: #ffffff;
  border: 1px solid #707070;
  cursor: pointer;
}
.beyond-community__list ul .single-influencer-tile .content {
  display: none;
}
.beyond-community__list ul .single-influencer-tile .influencer-main-title {
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  align-items: center;
  color: #202020;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 5px;
  font-size: 23px;
  line-height: 27px;
}
.beyond-community__list ul .single-influencer-tile:hover {
  border-color: #F05041;
}
.beyond-community__list ul .single-influencer-tile .single-influencer__info {
  border-bottom: 1px solid #707070;
}
.beyond-community__list ul .single-influencer-tile .single-influencer__controls {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.beyond-community__list ul .single-influencer-tile .single-influencer__controls .single-influencer__play a {
  font-size: 50px;
  color: #F05041;
  background: #ffffff;
  padding: 0px 40px;
  display: inline-block;
  height: 100%;
  text-decoration: none;
}
.beyond-community__list ul .single-influencer-tile .single-influencer__controls .single-influencer__play a:visited {
  color: #F05041;
  text-decoration: none;
}
.beyond-community__list ul .single-influencer-tile .single-influencer__controls .single-influencer__play a:focus {
  color: #ffffff;
  background: #F05041;
}
.beyond-community__list ul .single-influencer-tile .single-influencer__controls .single-influencer__play a:hover {
  color: #ffffff;
  background: #F05041;
}
.beyond-community__list ul .single-influencer-tile .single-influencer__controls .single-influencer__play-facebook a {
  font-size: 50px;
  color: #F05041;
  background: #ffffff;
  padding: 0px 40px;
  display: inline-block;
  height: 100%;
  text-decoration: none;
}
.beyond-community__list ul .single-influencer-tile .single-influencer__controls .single-influencer__play-facebook a:visited {
  color: #F05041;
  text-decoration: none;
}
.beyond-community__list ul .single-influencer-tile .single-influencer__controls .single-influencer__play-facebook a:focus {
  color: #ffffff;
  background: #F05041;
}
.beyond-community__list ul .single-influencer-tile .single-influencer__controls .single-influencer__play-facebook a:hover {
  color: #ffffff;
  background: #F05041;
}
.beyond-community__list ul .single-influencer-tile .single-influencer__controls .single-influencer__socials {
  flex: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.beyond-community__list ul .single-influencer-tile .single-influencer__controls .single-influencer__socials a {
  border-left: 1px solid #707070;
  font-size: 46px;
  color: #000000;
  text-align: center;
  padding: 3px 0px;
  height: 100%;
  flex: 1;
  display: inline-block;
}
.beyond-community__list ul .single-influencer-tile .single-influencer__controls .single-influencer__socials a:visited {
  color: #000000;
  text-decoration: none;
}
.beyond-community__list ul .single-influencer-tile .single-influencer__controls .single-influencer__socials a:focus {
  color: #ffffff;
  background: #F05041;
}
.beyond-community__list ul .single-influencer-tile .single-influencer__controls .single-influencer__socials a:hover {
  color: #ffffff;
  background: #F05041;
}
.beyond-community__list ul .single-influencer-tile.active .single-influencer__play a {
  background: #F05041;
  color: #ffffff;
}
.beyond-community__list ul .single-influencer-tile.active .single-influencer__play a:visited {
  background: #F05041;
  color: #ffffff;
}

.beyond-community__cta {
  width: 100%;
  margin-top: 100px;
  padding-top: 35px;
  border-top: 1px solid #707070;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.beyond-community__cta .cta-content {
  flex: 1;
  order: 1;
}
@media screen and (max-width: 768px) {
  .beyond-community__cta .cta-content {
    flex: none;
    order: 2;
    width: 100%;
  }
}
.beyond-community__cta .cta-content h4 {
  font-size: 150px;
  line-height: 150px;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 1700px) {
  .beyond-community__cta .cta-content h4 {
    font-size: 120px;
    line-height: 120px;
  }
}
@media screen and (max-width: 1400px) {
  .beyond-community__cta .cta-content h4 {
    font-size: 100px;
    line-height: 100px;
  }
}
@media screen and (max-width: 1200px) {
  .beyond-community__cta .cta-content h4 {
    font-size: 80px;
    line-height: 80px;
  }
}
@media screen and (max-width: 992px) {
  .beyond-community__cta .cta-content h4 {
    font-size: 50px;
    line-height: 50px;
  }
}
@media screen and (max-width: 768px) {
  .beyond-community__cta .cta-content h4 {
    text-align: center;
  }
  .beyond-community__cta .cta-content h4 br {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .beyond-community__cta .cta-content h4 {
    font-size: 30px;
    line-height: 30px;
  }
}
.beyond-community__cta .cta-content h3 {
  margin: 0;
  padding: 0;
  font-size: 72px;
  line-height: 84px;
  font-family: "Work Sans", Arial, Sans-serif;
  font-weight: 500;
  text-transform: none;
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .beyond-community__cta .cta-content h3 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media screen and (max-width: 992px) {
  .beyond-community__cta .cta-content h3 {
    font-size: 30px;
    line-height: 40px;
  }
}
@media screen and (max-width: 768px) {
  .beyond-community__cta .cta-content h3 {
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .beyond-community__cta .cta-content h3 {
    font-size: 20px;
    line-height: 25px;
  }
}
.beyond-community__cta .cta-content p {
  font-size: 15px;
  line-height: 16px;
  margin: 0;
  padding: 0;
  max-width: 410px;
  padding-left: 10px;
  margin-bottom: 20px;
}
@media screen and (max-width: 992px) {
  .beyond-community__cta .cta-content p {
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .beyond-community__cta .cta-content p {
    text-align: center;
  }
}
.beyond-community__cta .cta-image {
  order: 2;
  flex: 1;
  position: relative;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .beyond-community__cta .cta-image {
    flex: none;
    order: 1;
    width: 100%;
    margin-bottom: 20px;
  }
}
.beyond-community__cta .cta-image img {
  z-index: 30;
  position: relative;
}
.beyond-community__cta .cta-image .orange-line {
  width: 165%;
  height: 45px;
  background: #F05041;
  position: absolute;
  right: 90px;
  top: 180px;
  z-index: 20;
}
@media screen and (max-width: 1400px) {
  .beyond-community__cta .cta-image .orange-line {
    right: 50px;
    top: 135px;
  }
}
@media screen and (max-width: 1200px) {
  .beyond-community__cta .cta-image .orange-line {
    width: 155%;
    top: 115px;
  }
}
@media screen and (max-width: 1024px) {
  .beyond-community__cta .cta-image .orange-line {
    top: 90px;
  }
}
@media screen and (max-width: 992px) {
  .beyond-community__cta .cta-image .orange-line {
    display: none;
  }
}

.creator-single__single-bio {
  margin-bottom: 50px;
}
.creator-single__single-bio .influencer-info-area {
  min-height: 390px;
}
@media screen and (max-width: 1200px) {
  .creator-single__single-bio .influencer-info-area {
    min-height: 200px;
  }
}

.creator-single__single-code {
  width: 100%;
  padding-top: 70px;
  padding-bottom: 70px;
  margin-top: 70px;
  margin-bottom: 70px;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  background-image: url("assets/img/Beyond-VortexLogo-large.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .creator-single__single-code {
    background-size: contain;
  }
}
.creator-single__single-code .creator-single__top-line {
  font-size: 150px;
  line-height: 150px;
  text-align: center;
  font-weight: bold;
  font-family: "Joyride", Arial, Sans-serif;
  color: #202020;
  text-transform: lowercase;
  width: 100%;
  margin: 0;
  padding: 0;
  z-index: 40;
  position: relative;
  margin-top: 200px;
}
@media screen and (max-width: 1024px) {
  .creator-single__single-code .creator-single__top-line {
    font-size: 72px;
    line-height: 72px;
  }
}
@media screen and (max-width: 768px) {
  .creator-single__single-code .creator-single__top-line {
    font-size: 42px;
    line-height: 42px;
  }
}
@media screen and (max-width: 480px) {
  .creator-single__single-code .creator-single__top-line {
    font-size: 30px;
    line-height: 30px;
  }
}
.creator-single__single-code .creator-single__code {
  font-size: 72px;
  line-height: 72px;
  color: #F05041;
  text-align: center;
  width: 100%;
  margin: 0;
  padding: 0;
  margin-top: -20px;
  z-index: 30;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .creator-single__single-code .creator-single__code {
    font-size: 42px;
    line-height: 42px;
    margin-top: -10px;
  }
}
@media screen and (max-width: 768px) {
  .creator-single__single-code .creator-single__code {
    font-size: 28px;
    line-height: 28px;
  }
}
@media screen and (max-width: 480px) {
  .creator-single__single-code .creator-single__code {
    font-size: 20px;
    line-height: 20px;
    margin-top: 0;
  }
}
.creator-single__single-code .creator-single__bottom-line {
  margin: 0;
  padding: 0;
  color: #202020;
  font-size: 22px;
  line-height: 26px;
  width: 100%;
  text-align: center;
  margin-bottom: 200px;
}
@media screen and (max-width: 480px) {
  .creator-single__single-code .creator-single__bottom-line {
    font-size: 18px;
    line-height: 18px;
  }
}
.creator-single__single-code:before {
  content: "";
  width: 60px;
  height: 60px;
  background-image: url("assets/img/homepage/beyond-star.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  right: 240px;
  top: 180px;
  position: absolute;
}
@media screen and (max-width: 1024px) {
  .creator-single__single-code:before {
    display: none;
  }
}
.creator-single__single-code:after {
  content: "";
  width: 40px;
  height: 1px;
  background: #202020;
  position: absolute;
  bottom: 70px;
  left: 0;
}
@media screen and (max-width: 1024px) {
  .creator-single__single-code:after {
    display: none;
  }
}

.creator-single__product-list {
  width: 100%;
  margin-bottom: 20px;
}
.creator-single__product-list .creator-single__product-list-title {
  margin: 0;
  padding: 0;
  font-family: "Work Sans", Arial, Sans-serif;
  text-transform: none;
  font-weight: 500;
  margin-bottom: 25px;
  padding-bottom: 25px;
  position: relative;
}
.creator-single__product-list .creator-single__product-list-title:after {
  content: "";
  width: 40px;
  height: 1px;
  background: #202020;
  position: absolute;
  left: 0;
  bottom: 0px;
}
.creator-single__product-list .single-creator__product-list {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 54px;
  row-gap: 54px;
  list-style: none;
}
@media screen and (max-width: 992px) {
  .creator-single__product-list .single-creator__product-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 480px) {
  .creator-single__product-list .single-creator__product-list {
    grid-template-columns: 1fr;
  }
}
.creator-single__product-list .single-creator__product-list .single-creator__product {
  width: 100%;
}
.creator-single__product-list .single-creator__product-list .single-creator__product a {
  text-decoration: none;
  width: 100%;
}
.creator-single__product-list .single-creator__product-list .single-creator__product a img {
  border: 1px solid #707070;
  margin-bottom: 5px;
}
.creator-single__product-list .single-creator__product-list .single-creator__product a h2 {
  font-size: 18px;
  color: #202020;
  font-weight: 500;
  font-family: "Work Sans", Arial, Sans-serif;
  line-height: 26px;
  text-align: center;
  text-transform: none;
  margin: 0;
  padding: 0;
  min-height: 55px;
}

.influencer-single__content-area {
  width: 100%;
  display: block;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .influencer-single__content-area iframe {
    max-height: 400px;
  }
}

/**

    Beyond 22 Temporary Homepage Styling
    This will get through until the main Beyond22 Homepage Design

**/
.titleBarFull {
  width: 100%;
  position: relative;
}
.titleBarFull h2, .titleBarFull h3, .titleBarFull h4, .titleBarFull h5, .titleBarFull h6 {
  margin: 0;
  padding: 0;
}

.mobileShow {
  display: none;
}
@media screen and (max-width: 992px) {
  .mobileShow {
    display: block;
  }
}

.dividerLine {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
@media screen and (max-width: 992px) {
  .dividerLine {
    justify-content: center;
  }
}
.dividerLine .divider {
  width: 65px;
  height: 1px;
  background: #707070;
}
@media screen and (max-width: 992px) {
  .dividerLine .divider {
    width: 45px;
  }
}

@media screen and (max-width: 1200px) {
  #bhHeroImage {
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 580px) {
  #bhHeroImage {
    background-position: 78% 100% !important;
  }
}
#bhHeroImage .mobileGradient {
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(255, 251, 0, 0) 0%, rgba(0, 0, 0, 0.678) 100%);
}

#bhDuelPromotion {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media screen and (max-width: 580px) {
  #bhDuelPromotion {
    padding-top: 20px;
    padding-bottom: 0;
  }
}
#bhDuelPromotion .duelPromotionWrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
#bhDuelPromotion .duelPromotionWrapper:after {
  content: "_02";
  font-size: 19px;
  line-height: 23px;
  position: absolute;
  right: 0;
  top: 0;
  font-family: "Work Sans";
  font-weight: 300;
}
@media screen and (max-width: 992px) {
  #bhDuelPromotion .duelPromotionWrapper:after {
    display: none;
  }
}
#bhDuelPromotion .duelPromotionWrapper .duelPromotionImages {
  flex: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  margin-right: 65px;
}
@media screen and (max-width: 1200px) {
  #bhDuelPromotion .duelPromotionWrapper .duelPromotionImages {
    width: 100%;
    flex: none;
    order: 1;
    margin-bottom: 25px;
  }
}
#bhDuelPromotion .duelPromotionWrapper .duelPromotionImages .singleImageBlock {
  width: 100%;
  height: 664px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
@media screen and (max-width: 1700px) {
  #bhDuelPromotion .duelPromotionWrapper .duelPromotionImages .singleImageBlock {
    height: 400px;
  }
}
@media screen and (max-width: 1200px) {
  #bhDuelPromotion .duelPromotionWrapper .duelPromotionImages .singleImageBlock {
    width: 100%;
    height: 580px;
  }
}
@media screen and (max-width: 992px) {
  #bhDuelPromotion .duelPromotionWrapper .duelPromotionImages .singleImageBlock {
    height: 300px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 580px) {
  #bhDuelPromotion .duelPromotionWrapper .duelPromotionImages .singleImageBlock {
    height: 241px;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  #bhDuelPromotion .duelPromotionWrapper .duelPromotionImages .singleImageBlock {
    height: 200px;
  }
}
#bhDuelPromotion .duelPromotionWrapper .duelPromotionImages .imageBlock {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 48%;
  height: 664px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
@media screen and (max-width: 1200px) {
  #bhDuelPromotion .duelPromotionWrapper .duelPromotionImages .imageBlock {
    width: 49%;
  }
}
@media screen and (max-width: 992px) {
  #bhDuelPromotion .duelPromotionWrapper .duelPromotionImages .imageBlock {
    width: 48%;
    height: 500px;
    margin-bottom: 20px;
  }
  #bhDuelPromotion .duelPromotionWrapper .duelPromotionImages .imageBlock:last-of-type {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 580px) {
  #bhDuelPromotion .duelPromotionWrapper .duelPromotionImages .imageBlock {
    height: 441px;
    width: 100%;
  }
}
#bhDuelPromotion .duelPromotionWrapper .duelPromotionContent {
  flex: 1;
  position: relative;
  max-width: 330px;
  margin-right: 40px;
}
@media screen and (max-width: 1200px) {
  #bhDuelPromotion .duelPromotionWrapper .duelPromotionContent {
    width: 100%;
    flex: none;
    order: 2;
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  #bhDuelPromotion .duelPromotionWrapper .duelPromotionContent {
    max-width: 80%;
  }
}
@media screen and (max-width: 480px) {
  #bhDuelPromotion .duelPromotionWrapper .duelPromotionContent {
    max-width: 100%;
  }
}
#bhDuelPromotion .duelPromotionWrapper .duelPromotionContent h2 {
  font-size: 33px;
  line-height: 35px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1200px) {
  #bhDuelPromotion .duelPromotionWrapper .duelPromotionContent h2 {
    text-align: center;
    font-size: 30px;
    line-height: 34px;
  }
}
@media screen and (max-width: 580px) {
  #bhDuelPromotion .duelPromotionWrapper .duelPromotionContent h2 {
    font-size: 20px;
    line-height: 23px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 15px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1200px) {
  #bhDuelPromotion .duelPromotionWrapper .duelPromotionContent .dividerLine {
    justify-content: center;
  }
}
#bhDuelPromotion .duelPromotionWrapper .duelPromotionContent h3 {
  width: 100%;
  font-family: "Work Sans";
  text-transform: none;
  font-size: 27px;
  line-height: 31px;
  letter-spacing: -0.1px;
  font-weight: 500;
}
@media screen and (max-width: 580px) {
  #bhDuelPromotion .duelPromotionWrapper .duelPromotionContent h3 {
    font-size: 19px;
    line-height: 23px;
    text-align: center;
  }
}
@media screen and (max-width: 580px) {
  #bhDuelPromotion .duelPromotionWrapper .duelPromotionContent .fullContent {
    padding-bottom: 10px;
  }
}
#bhDuelPromotion .duelPromotionWrapper .duelPromotionContent .fullContent p {
  font-size: 17px;
  line-height: 19px;
  font-weight: 300;
}
@media screen and (max-width: 1200px) {
  #bhDuelPromotion .duelPromotionWrapper .duelPromotionContent .fullContent p {
    font-size: 14px;
    line-height: 16px;
    text-align: center;
  }
}
@media screen and (max-width: 580px) {
  #bhDuelPromotion .duelPromotionWrapper .duelPromotionContent .fullContent p {
    font-size: 11px;
    line-height: 13px;
  }
}
#bhDuelPromotion .duelPromotionWrapper .duelPromotionContent .fullContent p a {
  color: #202020;
  text-decoration: underline;
}
#bhDuelPromotion .duelPromotionWrapper .duelPromotionContent .fullContent p a:visited {
  color: #202020;
}
#bhDuelPromotion .duelPromotionWrapper .duelPromotionContent .fullContent p a:focus {
  color: #F05041;
}
#bhDuelPromotion .duelPromotionWrapper .duelPromotionContent .fullContent p a:hover {
  color: #F05041;
}
#bhDuelPromotion .duelPromotionWrapper .duelPromotionContent .button-default {
  width: 100%;
}
@media screen and (max-width: 992px) {
  #bhDuelPromotion .duelPromotionWrapper .duelPromotionContent .button-default {
    margin-bottom: 25px;
  }
}

#bhWhatIsBeyond {
  width: 100%;
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
}
#bhWhatIsBeyond .whatIsBeyondWrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
#bhWhatIsBeyond .whatIsBeyondWrapper:after {
  content: "_03";
  font-size: 19px;
  line-height: 23px;
  position: absolute;
  right: 0;
  top: 0;
  font-family: "Work Sans";
  font-weight: 300;
}
@media screen and (max-width: 992px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper:after {
    display: none;
  }
}
#bhWhatIsBeyond .whatIsBeyondWrapper:before {
  content: "";
  background-image: url("./assets/img/homepage/b22/beyondDecorativeVortex.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 40px;
  right: 0;
  width: 111px;
  height: 111px;
}
@media screen and (max-width: 992px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper:before {
    display: none;
  }
}
#bhWhatIsBeyond .whatIsBeyondWrapper .whatIsContent {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media screen and (max-width: 992px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsContent {
    width: 100%;
    flex: none;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 992px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsContent .button-default {
    display: none;
  }
}
#bhWhatIsBeyond .whatIsBeyondWrapper .whatIsContent h2 {
  font-size: 50px;
  line-height: 50px;
  position: relative;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsContent h2 {
    font-size: 40px;
    line-height: 40px;
  }
}
@media screen and (max-width: 992px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsContent h2 {
    text-align: center;
    font-size: 30px;
    line-height: 34px;
    width: 100%;
  }
}
@media screen and (max-width: 580px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsContent h2 {
    font-size: 20px;
    line-height: 23px;
  }
}
#bhWhatIsBeyond .whatIsBeyondWrapper .whatIsContent h2:after {
  content: "";
  height: 75px;
  width: 1px;
  background: #C5C5C5;
  position: absolute;
  left: 5px;
  top: -80px;
}
@media screen and (max-width: 992px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsContent h2:after {
    height: 214px;
    right: 0px;
    top: 10px;
    left: auto;
  }
}
#bhWhatIsBeyond .whatIsBeyondWrapper .whatIsContent h2:before {
  content: "";
  width: 548px;
  height: 1px;
  background: #C5C5C5;
  position: absolute;
  left: 5px;
  top: -80px;
}
@media screen and (max-width: 1700px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsContent h2:before {
    width: 448px;
  }
}
@media screen and (max-width: 1400px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsContent h2:before {
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsContent h2:before {
    width: 38px;
    top: 10px;
    right: 0px;
    left: auto;
  }
}
@media screen and (max-width: 580px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsContent h2:before {
    width: 18px;
  }
}
#bhWhatIsBeyond .whatIsBeyondWrapper .whatIsContent h2 span:before {
  content: "";
  position: absolute;
  top: -85px;
  right: 8px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  background: #C5C5C5;
  width: 12px;
  height: 12px;
}
@media screen and (max-width: 1400px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsContent h2 span:before {
    right: -15px;
  }
}
@media screen and (max-width: 992px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsContent h2 span:before {
    top: 214px;
    right: -5px;
  }
}
#bhWhatIsBeyond .whatIsBeyondWrapper .whatIsContent .whatIsContentBlock p {
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
  max-width: 480px;
}
@media screen and (max-width: 1200px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsContent .whatIsContentBlock p {
    font-size: 16px;
    line-height: 18px;
  }
}
@media screen and (max-width: 992px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsContent .whatIsContentBlock p {
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
@media screen and (max-width: 580px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsContent .whatIsContentBlock p {
    font-size: 11px;
    line-height: 13px;
  }
}
#bhWhatIsBeyond .whatIsBeyondWrapper .whatIsContent .whatIsContentBlock p a {
  color: #202020;
  text-decoration: underline;
}
#bhWhatIsBeyond .whatIsBeyondWrapper .whatIsContent .whatIsContentBlock p a:visited {
  color: #202020;
}
#bhWhatIsBeyond .whatIsBeyondWrapper .whatIsContent .whatIsContentBlock p a:focus {
  color: #F05041;
}
#bhWhatIsBeyond .whatIsBeyondWrapper .whatIsContent .whatIsContentBlock p a:hover {
  color: #F05041;
}
#bhWhatIsBeyond .whatIsBeyondWrapper .whatIsTub {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 992px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsTub {
    width: 100%;
    flex: none;
  }
}
#bhWhatIsBeyond .whatIsBeyondWrapper .whatIsTub img {
  max-width: 430px;
}
@media screen and (max-width: 992px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsTub img {
    max-width: 250px;
  }
}
@media screen and (max-width: 580px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsTub img {
    max-width: 185px;
  }
}
#bhWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle {
  flex: 1;
}
@media screen and (max-width: 992px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle {
    width: 100%;
    flex: none;
  }
}
#bhWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3 {
  font-size: 65px;
  line-height: 55px;
  margin: 0;
  padding: 0;
  position: relative;
}
@media screen and (max-width: 1200px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3 {
    font-size: 50px;
    line-height: 45px;
  }
}
@media screen and (max-width: 992px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3 {
    text-align: center;
    font-size: 40px;
    line-height: 35px;
    margin-bottom: 20px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 580px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3 {
    font-size: 20px;
    line-height: 23px;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 480px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3 {
    max-width: 80%;
  }
}
#bhWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3:before {
  content: "";
  width: 135px;
  height: 1px;
  background: #C5C5C5;
  position: absolute;
  right: 10px;
  top: 80px;
}
@media screen and (max-width: 1200px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3:before {
    width: 80px;
  }
}
@media screen and (max-width: 992px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3:before {
    right: auto;
    left: 0;
    width: 48px;
    bottom: 30px;
    top: auto;
  }
}
@media screen and (max-width: 580px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3:before {
    left: -15%;
  }
}
#bhWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3:after {
  content: "";
  width: 1px;
  height: 200px;
  background: #C5C5C5;
  position: absolute;
  right: 10px;
  top: 80px;
}
@media screen and (max-width: 992px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3:after {
    right: auto;
    left: 0;
    height: 144px;
    bottom: 30px;
    top: auto;
  }
}
@media screen and (max-width: 580px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3:after {
    left: -15%;
  }
}
#bhWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3 span:before {
  content: "";
  width: 585px;
  height: 1px;
  background: #C5C5C5;
  position: absolute;
  right: 10px;
  top: 280px;
}
@media screen and (max-width: 1700px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3 span:before {
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3 span:before {
    right: auto;
    left: -15%;
    width: 30px;
    top: auto;
    bottom: 174px;
    display: none;
  }
}
#bhWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3 span:after {
  content: "";
  position: absolute;
  top: 275px;
  right: 585px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  background: #C5C5C5;
  width: 12px;
  height: 12px;
}
@media screen and (max-width: 1700px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3 span:after {
    right: auto;
    left: -15px;
  }
}
@media screen and (max-width: 992px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3 span:after {
    right: auto;
    left: -5px;
    top: auto;
    bottom: 168px;
  }
}
@media screen and (max-width: 580px) {
  #bhWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3 span:after {
    left: -17%;
  }
}

#bhCTAPromotions {
  width: 100%;
  padding-bottom: 190px;
  padding-top: 40px;
}
@media screen and (max-width: 1400px) {
  #bhCTAPromotions {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 992px) {
  #bhCTAPromotions {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
#bhCTAPromotions .duelCTABoxes {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 50px;
  row-gap: 50px;
}
@media screen and (max-width: 992px) {
  #bhCTAPromotions .duelCTABoxes {
    grid-template-columns: 1fr;
  }
}
#bhCTAPromotions .duelCTABoxes .singleBox {
  width: 100%;
}
#bhCTAPromotions .duelCTABoxes .singleBox .singleBoxImage {
  width: 100%;
  height: 722px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-position: left center;
}
@media screen and (max-width: 1400px) {
  #bhCTAPromotions .duelCTABoxes .singleBox .singleBoxImage {
    height: 550px;
  }
}
@media screen and (max-width: 992px) {
  #bhCTAPromotions .duelCTABoxes .singleBox .singleBoxImage {
    height: 450px;
  }
}
@media screen and (max-width: 580px) {
  #bhCTAPromotions .duelCTABoxes .singleBox .singleBoxImage {
    height: 350px;
  }
}
@media screen and (max-width: 480px) {
  #bhCTAPromotions .duelCTABoxes .singleBox .singleBoxImage {
    height: 300px;
  }
}
#bhCTAPromotions .duelCTABoxes .singleBox .singleBoxContent {
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 1700px) {
  #bhCTAPromotions .duelCTABoxes .singleBox .singleBoxContent {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 992px) {
  #bhCTAPromotions .duelCTABoxes .singleBox .singleBoxContent {
    padding-left: 0;
    padding-right: 0;
  }
}
#bhCTAPromotions .duelCTABoxes .singleBox .singleBoxContent .textContent {
  flex: 4;
  padding-right: 78px;
}
@media screen and (max-width: 1700px) {
  #bhCTAPromotions .duelCTABoxes .singleBox .singleBoxContent .textContent {
    padding-right: 30px;
    flex: 3;
  }
}
@media screen and (max-width: 1200px) {
  #bhCTAPromotions .duelCTABoxes .singleBox .singleBoxContent .textContent {
    padding-right: 0px;
    width: 100%;
    flex: none;
    text-align: center;
  }
}
#bhCTAPromotions .duelCTABoxes .singleBox .singleBoxContent .textContent h4 {
  margin: 0;
  padding: 0;
  font-size: 41px;
  line-height: 48px;
  position: relative;
  width: 100%;
  padding-bottom: 10px;
}
@media screen and (max-width: 1700px) {
  #bhCTAPromotions .duelCTABoxes .singleBox .singleBoxContent .textContent h4 {
    font-size: 30px;
    line-height: 35px;
  }
}
@media screen and (max-width: 992px) {
  #bhCTAPromotions .duelCTABoxes .singleBox .singleBoxContent .textContent h4 {
    text-align: center;
    font-size: 30px;
    line-height: 34px;
  }
}
@media screen and (max-width: 580px) {
  #bhCTAPromotions .duelCTABoxes .singleBox .singleBoxContent .textContent h4 {
    font-size: 20px;
    line-height: 23px;
  }
}
#bhCTAPromotions .duelCTABoxes .singleBox .singleBoxContent .textContent p {
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}
@media screen and (max-width: 1700px) {
  #bhCTAPromotions .duelCTABoxes .singleBox .singleBoxContent .textContent p {
    font-size: 16px;
    line-height: 18px;
  }
}
@media screen and (max-width: 992px) {
  #bhCTAPromotions .duelCTABoxes .singleBox .singleBoxContent .textContent p {
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 580px) {
  #bhCTAPromotions .duelCTABoxes .singleBox .singleBoxContent .textContent p {
    font-size: 11px;
    line-height: 13px;
  }
}
#bhCTAPromotions .duelCTABoxes .singleBox .singleBoxContent .ctaButtons {
  flex: 2;
  display: flex;
  flex-wrap: wrap;
  max-width: 260px;
}
@media screen and (max-width: 1700px) {
  #bhCTAPromotions .duelCTABoxes .singleBox .singleBoxContent .ctaButtons {
    max-width: 350px;
  }
}
@media screen and (max-width: 992px) {
  #bhCTAPromotions .duelCTABoxes .singleBox .singleBoxContent .ctaButtons {
    max-width: 100%;
    width: 100%;
    flex: none;
  }
}
#bhCTAPromotions .duelCTABoxes .singleBox .singleBoxContent .ctaButtons .button-default {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

#bhFormulaInside {
  width: 100%;
  background-image: url("./assets/img/homepage/b22/formulaBGImage.jpg");
  background-color: #1f1f1f;
  background-position: center right;
  background-repeat: no-repeat;
  position: relative;
  padding-top: 170px;
  padding-bottom: 170px;
}
@media screen and (max-width: 992px) {
  #bhFormulaInside {
    padding-top: 40px;
    padding-bottom: 40px;
    min-height: 690px;
    background-size: 120%;
    display: flex;
    align-items: stretch;
    justify-content: center;
  }
}
@media screen and (max-width: 580px) {
  #bhFormulaInside {
    background-position: center bottom;
  }
}
#bhFormulaInside .wrapper:after {
  content: "_06";
  font-size: 19px;
  line-height: 23px;
  position: absolute;
  left: 0;
  top: -120px;
  font-family: "Work Sans";
  font-weight: 300;
  color: #707070;
}
@media screen and (max-width: 992px) {
  #bhFormulaInside .wrapper:after {
    display: none;
  }
}
#bhFormulaInside .formulaContentBlock {
  max-width: 550px;
}
@media screen and (max-width: 580px) {
  #bhFormulaInside .formulaContentBlock .button-alt {
    align-self: flex-end;
  }
}
#bhFormulaInside .formulaContentBlock .titleBarFull h3 {
  color: #ffffff;
  max-width: 80%;
  font-size: 41px;
  line-height: 48px;
  position: relative;
  width: 100%;
  padding-bottom: 20px;
}
@media screen and (max-width: 992px) {
  #bhFormulaInside .formulaContentBlock .titleBarFull h3 {
    text-align: center;
    font-size: 30px;
    line-height: 34px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 580px) {
  #bhFormulaInside .formulaContentBlock .titleBarFull h3 {
    font-size: 20px;
    line-height: 23px;
  }
}
#bhFormulaInside .formulaContentBlock .titleBarFull h3:after {
  content: "";
  width: 200px;
  height: 1px;
  position: absolute;
  top: 22px;
  right: -174px;
  background: #707070;
}
@media screen and (max-width: 1700px) {
  #bhFormulaInside .formulaContentBlock .titleBarFull h3:after {
    display: none;
  }
}
#bhFormulaInside .formulaContentBlock .titleBarFull h3:before {
  content: "";
  width: 1px;
  height: 151px;
  position: absolute;
  top: 22px;
  right: -174px;
  background: #707070;
}
@media screen and (max-width: 1700px) {
  #bhFormulaInside .formulaContentBlock .titleBarFull h3:before {
    display: none;
  }
}
#bhFormulaInside .formulaContentBlock .titleBarFull h3 span:after {
  content: "";
  width: 85px;
  height: 1px;
  position: absolute;
  top: 173px;
  right: -259px;
  background: #707070;
}
@media screen and (max-width: 1700px) {
  #bhFormulaInside .formulaContentBlock .titleBarFull h3 span:after {
    display: none;
  }
}
#bhFormulaInside .formulaContentBlock .titleBarFull h3 span:before {
  content: "";
  width: 12px;
  height: 12px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  position: absolute;
  top: 168px;
  right: -259px;
  background: #707070;
}
@media screen and (max-width: 1700px) {
  #bhFormulaInside .formulaContentBlock .titleBarFull h3 span:before {
    display: none;
  }
}
#bhFormulaInside .formulaContentBlock h4.subHeading {
  font-family: "Work Sans";
  font-size: 30px;
  line-height: 35px;
  letter-spacing: -0.1px;
  font-weight: 500;
  text-transform: none;
  color: #ffffff;
}
@media screen and (max-width: 992px) {
  #bhFormulaInside .formulaContentBlock h4.subHeading {
    text-align: center;
    font-size: 25px;
    line-height: 37px;
  }
}
@media screen and (max-width: 580px) {
  #bhFormulaInside .formulaContentBlock h4.subHeading {
    font-size: 20px;
    line-height: 23px;
  }
}
#bhFormulaInside .formulaContentBlock p {
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
  color: #ffffff;
}
@media screen and (max-width: 992px) {
  #bhFormulaInside .formulaContentBlock p {
    font-size: 14px;
    line-height: 16px;
    text-align: center;
  }
}
@media screen and (max-width: 580px) {
  #bhFormulaInside .formulaContentBlock p {
    font-size: 11px;
    line-height: 13px;
  }
}

#bhWhoIsBeyondFor {
  padding-top: 160px;
  padding-bottom: 80px;
}
@media screen and (max-width: 1024px) {
  #bhWhoIsBeyondFor {
    padding-top: 80px;
  }
}
@media screen and (max-width: 580px) {
  #bhWhoIsBeyondFor {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
#bhWhoIsBeyondFor .whoIsBeyondWrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
#bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondImage {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-right: 110px;
}
@media screen and (max-width: 1700px) {
  #bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondImage {
    padding-right: 50px;
  }
  #bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondImage img {
    max-width: 600px;
  }
}
@media screen and (max-width: 1200px) {
  #bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondImage {
    padding-right: 40px;
  }
  #bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondImage img {
    max-width: 400px;
  }
}
@media screen and (max-width: 1024px) {
  #bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondImage {
    order: 2;
    padding-right: 0;
  }
  #bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondImage img {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
  }
}
@media screen and (max-width: 580px) {
  #bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondImage {
    display: none;
  }
}
#bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent {
  flex: 1;
  max-width: 600px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  #bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent {
    order: 1;
    max-width: 100%;
    flex: none;
  }
}
#bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent h3 {
  font-size: 41px;
  line-height: 41px;
  position: relative;
  width: 100%;
  padding-bottom: 15px;
}
@media screen and (max-width: 1200px) {
  #bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent h3 {
    font-size: 30px;
    line-height: 34px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1024px) {
  #bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent h3 {
    text-align: center;
  }
}
@media screen and (max-width: 580px) {
  #bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent h3 {
    font-size: 20px;
    line-height: 23px;
  }
}
#bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent p {
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}
@media screen and (max-width: 1200px) {
  #bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent p {
    font-size: 14px;
    line-height: 16px;
  }
}
@media screen and (max-width: 1024px) {
  #bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent p {
    text-align: center;
  }
}
@media screen and (max-width: 580px) {
  #bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent p {
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 40px;
  }
}
#bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent p a {
  color: #202020;
  text-decoration: underline;
}
#bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent p a:visited {
  color: #202020;
}
#bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent p a:focus {
  color: #F05041;
}
#bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent p a:hover {
  color: #F05041;
}
#bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent ul.whoIsBeyondPoints {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  #bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent ul.whoIsBeyondPoints {
    margin-bottom: 30px;
  }
}
#bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent ul.whoIsBeyondPoints li.singlePoint {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  #bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent ul.whoIsBeyondPoints li.singlePoint {
    width: 100%;
  }
}
#bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent ul.whoIsBeyondPoints li.singlePoint:last-of-type {
  margin-bottom: 0;
}
#bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent ul.whoIsBeyondPoints li.singlePoint .singlePointImg img {
  max-width: 90px;
  max-height: 90px;
}
@media screen and (max-width: 1200px) {
  #bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent ul.whoIsBeyondPoints li.singlePoint .singlePointImg img {
    max-width: 70px;
    max-height: 70px;
  }
}
@media screen and (max-width: 580px) {
  #bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent ul.whoIsBeyondPoints li.singlePoint .singlePointImg img {
    max-width: 50px;
    max-height: 50px;
  }
}
#bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent ul.whoIsBeyondPoints li.singlePoint .singlePointContent {
  margin-left: 40px;
}
@media screen and (max-width: 1200px) {
  #bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent ul.whoIsBeyondPoints li.singlePoint .singlePointContent {
    flex: 1;
    margin-left: 10px;
  }
}
#bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent ul.whoIsBeyondPoints li.singlePoint .singlePointContent h5 {
  margin: 0;
  padding: 0;
  font-size: 30px;
  line-height: 30px;
  width: 100%;
  font-family: "Work Sans";
  text-transform: none;
  font-weight: 500;
  padding-bottom: 5px;
}
@media screen and (max-width: 1200px) {
  #bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent ul.whoIsBeyondPoints li.singlePoint .singlePointContent h5 {
    font-size: 25px;
    line-height: 25px;
    text-align: left;
  }
}
@media screen and (max-width: 580px) {
  #bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent ul.whoIsBeyondPoints li.singlePoint .singlePointContent h5 {
    font-size: 19px;
    line-height: 23px;
    padding-bottom: 0;
  }
}
#bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent ul.whoIsBeyondPoints li.singlePoint .singlePointContent p {
  font-size: 19px;
  line-height: 23px;
  margin: 0;
  padding: 0;
  font-weight: 300;
}
@media screen and (max-width: 1200px) {
  #bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent ul.whoIsBeyondPoints li.singlePoint .singlePointContent p {
    font-size: 14px;
    line-height: 15px;
    text-align: left;
  }
}
@media screen and (max-width: 580px) {
  #bhWhoIsBeyondFor .whoIsBeyondWrapper .whoIsBeyondContent ul.whoIsBeyondPoints li.singlePoint .singlePointContent p {
    font-size: 10px;
    line-height: 11px;
  }
}

#bhReviewWall {
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (max-width: 992px) {
  #bhReviewWall {
    padding-top: 20px;
  }
}
#bhReviewWall .titleBarFull {
  width: 100%;
  text-align: center;
}
#bhReviewWall .titleBarFull h3 {
  font-size: 41px;
  line-height: 41px;
  position: relative;
  width: 100%;
  padding-bottom: 15px;
}
@media screen and (max-width: 992px) {
  #bhReviewWall .titleBarFull h3 {
    text-align: center;
    font-size: 30px;
    line-height: 34px;
  }
}
@media screen and (max-width: 580px) {
  #bhReviewWall .titleBarFull h3 {
    font-size: 20px;
    line-height: 23px;
  }
}
#bhReviewWall .trustPilotContainer {
  margin-bottom: 60px;
}
#bhReviewWall .reviewWall {
  background: #E6E6E6;
  padding-top: 25px;
  padding-bottom: 25px;
}
#bhReviewWall .reviewWall .swiper-container {
  overflow: hidden;
}
#bhReviewWall .reviewWall .swiper-wrapper {
  transition-timing-function: linear !important;
}
#bhReviewWall .reviewWall .swiper-slide {
  width: auto;
  margin-right: 20px;
}
#bhReviewWall .reviewWall .reviewCol {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 30px;
}
#bhReviewWall .reviewWall .reviewCol .innerReviewCard {
  background: #ffffff;
  padding: 25px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
#bhReviewWall .reviewWall .reviewCol .innerReviewCard p.reviewTitle {
  font-weight: 600;
  font-size: 19px;
  line-height: 23px;
  margin: 0;
  padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}
#bhReviewWall .reviewWall .reviewCol .innerReviewCard .reviewTitleBar {
  display: flex;
}
#bhReviewWall .reviewWall .reviewCol .innerReviewCard .reviewTitleBar .profilePicture .profileIcon {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  background-image: url("./assets/img/reviewImage2.png");
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-color: #E6E6E6;
}
#bhReviewWall .reviewWall .reviewCol .innerReviewCard .reviewTitleBar .profileBar {
  flex: 1;
  padding-left: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
#bhReviewWall .reviewWall .reviewCol .innerReviewCard .reviewTitleBar .profileBar .reviewName {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  padding: 0;
  line-height: 16px;
  padding-bottom: 3px;
}
#bhReviewWall .reviewWall .reviewCol .innerReviewCard .reviewTitleBar .profileBar .starRating img {
  max-height: 20px;
}
#bhReviewWall .reviewWall .reviewCol .innerReviewCard .reviewContent p {
  font-size: 14px;
  line-height: 16px;
  font-weight: 300;
  margin: 0;
  padding: 0;
}

#bhSocialMediaIcons {
  width: 100%;
  padding-top: 70px;
  padding-bottom: 70px;
}
@media screen and (max-width: 992px) {
  #bhSocialMediaIcons {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 580px) {
  #bhSocialMediaIcons {
    padding-top: 0px;
  }
}
#bhSocialMediaIcons h5 {
  font-size: 41px;
  line-height: 41px;
  padding-bottom: 15px;
}
@media screen and (max-width: 992px) {
  #bhSocialMediaIcons h5 {
    font-size: 20px;
    line-height: 22px;
    text-align: center;
  }
}
#bhSocialMediaIcons .socialHomepageIconsWrapper {
  width: 100%;
  padding: 50px 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  margin-top: 25px;
}
@media screen and (max-width: 1700px) {
  #bhSocialMediaIcons .socialHomepageIconsWrapper {
    padding: 50px 70px;
  }
}
@media screen and (max-width: 1200px) {
  #bhSocialMediaIcons .socialHomepageIconsWrapper {
    padding: 50px;
  }
}
@media screen and (max-width: 992px) {
  #bhSocialMediaIcons .socialHomepageIconsWrapper {
    padding: 25px;
    flex-wrap: wrap;
  }
}
#bhSocialMediaIcons .socialHomepageIconsWrapper .socialIntro {
  border-right: 1px solid #202020;
  padding-right: 90px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  font-size: 30px;
  line-height: 35px;
  letter-spacing: -0.1px;
  padding-top: 55px;
  padding-bottom: 55px;
  font-weight: 500;
}
@media screen and (max-width: 1200px) {
  #bhSocialMediaIcons .socialHomepageIconsWrapper .socialIntro {
    display: none;
  }
}
#bhSocialMediaIcons .socialHomepageIconsWrapper .socialIconList {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  flex: 1;
  padding-left: 130px;
}
@media screen and (max-width: 1700px) {
  #bhSocialMediaIcons .socialHomepageIconsWrapper .socialIconList {
    padding-left: 50px;
  }
}
@media screen and (max-width: 1200px) {
  #bhSocialMediaIcons .socialHomepageIconsWrapper .socialIconList {
    padding-left: 40px;
  }
}
@media screen and (max-width: 992px) {
  #bhSocialMediaIcons .socialHomepageIconsWrapper .socialIconList {
    grid-template-columns: 1fr 1fr;
    padding-left: 0;
    width: 100%;
    flex: none;
    row-gap: 30px;
  }
}
#bhSocialMediaIcons .socialHomepageIconsWrapper .socialIconList li.singleIcon {
  font-size: 100px;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  #bhSocialMediaIcons .socialHomepageIconsWrapper .socialIconList li.singleIcon {
    font-size: 90px;
  }
}
@media screen and (max-width: 992px) {
  #bhSocialMediaIcons .socialHomepageIconsWrapper .socialIconList li.singleIcon {
    font-size: 80px;
  }
}
#bhSocialMediaIcons .socialHomepageIconsWrapper .socialIconList li.singleIcon a {
  text-decoration: none;
  transition: all ease-in-out 0.2s;
}
#bhSocialMediaIcons .socialHomepageIconsWrapper .socialIconList li.singleIcon a i {
  color: #F05041;
  transition: all ease-in-out 0.2s;
}
#bhSocialMediaIcons .socialHomepageIconsWrapper .socialIconList li.singleIcon:hover {
  -webkit-animation: spin 0.1s linear;
  -moz-animation: spin 0.1s linear;
  animation: spin 0.1s linear;
}
#bhSocialMediaIcons .socialHomepageIconsWrapper .socialIconList li.singleIcon:hover.twitter i {
  color: #08a0e9;
}
#bhSocialMediaIcons .socialHomepageIconsWrapper .socialIconList li.singleIcon:hover.instagram i {
  color: #d62976;
}
#bhSocialMediaIcons .socialHomepageIconsWrapper .socialIconList li.singleIcon:hover.discord i {
  color: #7289da;
}
#bhSocialMediaIcons .socialHomepageIconsWrapper .socialIconList li.singleIcon:hover.facebook i {
  color: #3c5898;
}
#bhSocialMediaIcons .socialHomepageIconsWrapper .socialIconList li.singleIcon:hover.tikTok i {
  color: #25F4EE;
}
#bhSocialMediaIcons .socialHomepageIconsWrapper .socialIconList li.singleIcon:hover.youtube i {
  color: #c3352e;
}

#backToTop {
  width: 100%;
}
@media screen and (max-width: 580px) {
  #backToTop {
    padding-bottom: 0px;
  }
}
#backToTop .backToTopWrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
#backToTop .backToTopWrapper .backToTopIcon {
  color: #707070;
  background: #ffffff;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  font-size: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all ease-in-out 0.5s;
}
#backToTop .backToTopWrapper .backToTopIcon:hover {
  scale: 0.9;
  color: #F05041;
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#formulaHero {
  width: 100%;
  position: relative;
  background: #1f1f1f;
  padding-bottom: 130px;
  background-size: contain;
  background-position: top right;
  background-repeat: no-repeat;
  background-image: url("assets/img/formula/beyondFormula.jpg");
}
@media screen and (max-width: 1400px) {
  #formulaHero {
    background-position: 170% 100%;
  }
}
@media screen and (max-width: 1200px) {
  #formulaHero {
    background-position: 600px 0px;
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 768px) {
  #formulaHero {
    background-image: url("assets/img/formula/formulaMobileHero.jpg");
    background-position: bottom center;
    background-size: contain;
  }
}
#formulaHero .breadcrumbBar {
  width: 100%;
  font-size: 19px;
  line-height: 23px;
  margin-bottom: 140px;
}
#formulaHero .breadcrumbBar .rank-math-breadcrumb .separator {
  background-image: url("assets/img/breadcrumb-seperator-white.png");
}
@media screen and (max-width: 992px) {
  #formulaHero .breadcrumbBar {
    display: none;
  }
}
#formulaHero .breadcrumbBar a {
  color: #ffffff;
}
#formulaHero .breadcrumbBar p {
  color: #ffffff;
}
#formulaHero .titleWrapper {
  width: 100%;
}
#formulaHero .titleWrapper h1 {
  margin: 0;
  padding: 0;
  font-size: 50px;
  line-height: 45px;
  color: #ffffff;
  width: 100%;
  max-width: 485px;
  position: relative;
  padding-bottom: 32px;
  margin-bottom: 70px;
}
#formulaHero .titleWrapper h1:after {
  content: "";
  width: 65px;
  height: 1px;
  background: #707070;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 992px) {
  #formulaHero .titleWrapper h1 {
    padding-top: 45px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 580px) {
  #formulaHero .titleWrapper h1 {
    font-size: 30px;
    line-height: 33px;
    max-width: 100%;
    padding-bottom: 17px;
  }
}
#formulaHero .contentWrapper {
  width: 100%;
}
#formulaHero .contentWrapper .subTitle {
  width: 100%;
}
#formulaHero .contentWrapper .subTitle h2 {
  margin: 0;
  padding: 0;
  font-size: 40px;
  line-height: 44px;
  color: #ffffff;
  width: 100%;
  max-width: 485px;
  position: relative;
  padding-bottom: 32px;
  margin-bottom: 15px;
}
@media screen and (max-width: 580px) {
  #formulaHero .contentWrapper .subTitle h2 {
    font-size: 12px;
    line-height: 12px;
    max-width: 100%;
    padding-bottom: 10px;
  }
}
#formulaHero .contentWrapper p {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 19px;
  line-height: 23px;
  width: 100%;
  max-width: 481px;
}
@media screen and (max-width: 768px) {
  #formulaHero .contentWrapper p {
    padding-bottom: 475px;
  }
}
@media screen and (max-width: 580px) {
  #formulaHero .contentWrapper p {
    font-size: 10px;
    line-height: 11px;
    max-width: 100%;
    padding-bottom: 440px;
    max-width: 290px;
  }
}
@media screen and (max-width: 480px) {
  #formulaHero .contentWrapper p {
    padding-bottom: 330px;
  }
}

#formulaCTABlocks {
  width: 100%;
  padding-top: 110px;
  padding-bottom: 110px;
  background: #F0F0F0;
}
@media screen and (max-width: 992px) {
  #formulaCTABlocks {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 580px) {
  #formulaCTABlocks {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
#formulaCTABlocks ul.formulaCTAGrid {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 100px;
  row-gap: 50px;
  padding-left: 100px;
  padding-right: 100px;
}
@media screen and (max-width: 1700px) {
  #formulaCTABlocks ul.formulaCTAGrid {
    padding-left: 0;
    padding-right: 0;
    column-gap: 50px;
  }
}
@media screen and (max-width: 992px) {
  #formulaCTABlocks ul.formulaCTAGrid {
    grid-template-columns: 1fr;
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media screen and (max-width: 768px) {
  #formulaCTABlocks ul.formulaCTAGrid {
    padding-left: 0;
    padding-right: 0;
  }
}
#formulaCTABlocks ul.formulaCTAGrid a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: center;
  text-decoration: none;
}
#formulaCTABlocks ul.formulaCTAGrid li.singleFormulaCTAs {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 56px 55px 25px 55px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: space-between;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
@media screen and (max-width: 1200px) {
  #formulaCTABlocks ul.formulaCTAGrid li.singleFormulaCTAs {
    padding: 30px;
  }
}
#formulaCTABlocks ul.formulaCTAGrid li.singleFormulaCTAs h3 {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 40px;
  line-height: 45px;
  color: #ffffff;
  margin-bottom: 340px;
}
@media screen and (max-width: 1400px) {
  #formulaCTABlocks ul.formulaCTAGrid li.singleFormulaCTAs h3 {
    font-size: 30px;
    line-height: 33px;
    margin-bottom: 300px;
  }
}
@media screen and (max-width: 1200px) {
  #formulaCTABlocks ul.formulaCTAGrid li.singleFormulaCTAs h3 {
    margin-bottom: 260px;
  }
}
@media screen and (max-width: 992px) {
  #formulaCTABlocks ul.formulaCTAGrid li.singleFormulaCTAs h3 {
    margin-bottom: 300px;
  }
}
#formulaCTABlocks ul.formulaCTAGrid li.singleFormulaCTAs p {
  margin: 0;
  padding: 0;
  font-size: 19px;
  line-height: 23px;
  text-align: center;
  align-self: flex-end;
  padding-top: 28px;
  border-top: 2px solid #ffffff;
  color: #ffffff;
}
@media screen and (max-width: 1200px) {
  #formulaCTABlocks ul.formulaCTAGrid li.singleFormulaCTAs p {
    font-size: 15px;
    line-height: 17px;
  }
}
@media screen and (max-width: 580px) {
  #formulaCTABlocks ul.formulaCTAGrid li.singleFormulaCTAs p {
    font-size: 10px;
    line-height: 11px;
  }
}

#mainFormulaBlocks {
  width: 100%;
  position: relative;
}
#mainFormulaBlocks section.formulaSection {
  background: #F7F7F7;
  padding-top: 170px;
  padding-bottom: 170px;
}
@media screen and (max-width: 992px) {
  #mainFormulaBlocks section.formulaSection {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
#mainFormulaBlocks section.formulaSection .componentMainSection {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
#mainFormulaBlocks section.formulaSection .componentMainSection .mainBlockContent {
  flex: 1;
  padding-right: 100px;
  z-index: 20;
}
@media screen and (max-width: 992px) {
  #mainFormulaBlocks section.formulaSection .componentMainSection .mainBlockContent {
    flex: none;
    width: 100%;
    padding-right: 0;
  }
}
#mainFormulaBlocks section.formulaSection .componentMainSection .mainBlockContent .contentIcon {
  width: 100%;
  margin-bottom: 24px;
}
@media screen and (max-width: 992px) {
  #mainFormulaBlocks section.formulaSection .componentMainSection .mainBlockContent .contentIcon {
    text-align: center;
  }
}
#mainFormulaBlocks section.formulaSection .componentMainSection .mainBlockContent .contentIcon img {
  width: 73px;
  height: 73px;
}
@media screen and (max-width: 992px) {
  #mainFormulaBlocks section.formulaSection .componentMainSection .mainBlockContent .contentIcon img {
    height: 60px;
    width: 60px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 580px) {
  #mainFormulaBlocks section.formulaSection .componentMainSection .mainBlockContent .contentIcon img {
    width: 44px;
    height: 44px;
  }
}
#mainFormulaBlocks section.formulaSection .componentMainSection .mainBlockContent .titleBar {
  width: 100%;
}
@media screen and (max-width: 992px) {
  #mainFormulaBlocks section.formulaSection .componentMainSection .mainBlockContent .titleBar {
    text-align: center;
  }
}
#mainFormulaBlocks section.formulaSection .componentMainSection .mainBlockContent .titleBar h3 {
  margin: 0;
  padding: 0;
  font-size: 50px;
  line-height: 45px;
  padding-bottom: 25px;
  position: relative;
}
@media screen and (max-width: 580px) {
  #mainFormulaBlocks section.formulaSection .componentMainSection .mainBlockContent .titleBar h3 {
    font-size: 20px;
    line-height: 23px;
    padding-bottom: 15px;
    margin-bottom: 23px;
  }
}
#mainFormulaBlocks section.formulaSection .componentMainSection .mainBlockContent .mainContent {
  width: 100%;
  max-width: 470px;
  padding-top: 25px;
}
@media screen and (max-width: 992px) {
  #mainFormulaBlocks section.formulaSection .componentMainSection .mainBlockContent .mainContent {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 580px) {
  #mainFormulaBlocks section.formulaSection .componentMainSection .mainBlockContent .mainContent {
    max-width: 280px;
  }
}
#mainFormulaBlocks section.formulaSection .componentMainSection .mainBlockContent .mainContent p {
  font-size: 19px;
  line-height: 23px;
  text-align: left;
  font-weight: 300;
}
@media screen and (max-width: 992px) {
  #mainFormulaBlocks section.formulaSection .componentMainSection .mainBlockContent .mainContent p {
    text-align: center;
  }
}
@media screen and (max-width: 580px) {
  #mainFormulaBlocks section.formulaSection .componentMainSection .mainBlockContent .mainContent p {
    font-size: 10px;
    line-height: 11px;
  }
}
#mainFormulaBlocks section.formulaSection .componentMainSection .mainBlockImage {
  max-width: 720px;
  width: 100%;
  height: 557px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 50;
  flex: 2;
  margin-right: -52px;
}
@media screen and (max-width: 992px) {
  #mainFormulaBlocks section.formulaSection .componentMainSection .mainBlockImage {
    flex: none;
    width: 100%;
    text-align: center;
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #mainFormulaBlocks section.formulaSection .componentMainSection .mainBlockImage {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
#mainFormulaBlocks section.formulaSection .componentMainSection .mainBlockImage img {
  z-index: 30;
  position: relative;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
@media screen and (max-width: 580px) {
  #mainFormulaBlocks section.formulaSection .componentMainSection .mainBlockImage {
    height: 430px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
#mainFormulaBlocks section.formulaSection .componentBreakdown {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
#mainFormulaBlocks section.formulaSection .componentBreakdown h5 {
  width: 100%;
  text-align: left;
  margin: 0;
  padding: 0;
  font-size: 30px;
  line-height: 35px;
  font-family: "Work Sans";
  text-transform: none;
  font-weight: 500;
  margin-bottom: 5px;
  margin-top: 35px;
}
@media screen and (max-width: 992px) {
  #mainFormulaBlocks section.formulaSection .componentBreakdown h5 {
    font-size: 25px;
    line-height: 28px;
    text-align: center;
  }
}
@media screen and (max-width: 580px) {
  #mainFormulaBlocks section.formulaSection .componentBreakdown h5 {
    font-size: 20px;
    line-height: 24px;
  }
}
#mainFormulaBlocks section.formulaSection .componentBreakdown p.subText {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 16px;
  width: 100%;
  font-weight: 300;
}
@media screen and (max-width: 992px) {
  #mainFormulaBlocks section.formulaSection .componentBreakdown p.subText {
    text-align: center;
  }
}
#mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  row-gap: 68px;
  column-gap: 120px;
  margin-top: 25px;
}
@media screen and (max-width: 992px) {
  #mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 580px) {
  #mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList {
    grid-template-columns: 1fr;
    row-gap: 30px;
  }
}
#mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList li.singleComponent {
  width: 100%;
  background: #E8E8E8;
  padding: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  position: relative;
  min-height: 200px;
  height: auto;
}
@media screen and (max-width: 580px) {
  #mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList li.singleComponent {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    min-height: 0;
  }
}
#mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList li.singleComponent.canFlip {
  overflow: hidden;
  cursor: pointer;
}
#mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList li.singleComponent.canFlip:before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  background-size: contain;
  background-position: center;
  background-image: url("./assets/img/formula/cornerFlip.png");
  width: 47px;
  height: 48px;
  z-index: 60;
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topright: 15px;
  border-top-right-radius: 15px;
}
#mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList li.singleComponent .card {
  margin: 0 auto;
  perspective: 1200px;
  perspective: 100vw;
  cursor: pointer;
  width: 100%;
  transition: transform 0.36s ease;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  height: 100%;
  width: 100%;
}
#mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList li.singleComponent .card .front, #mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList li.singleComponent .card .back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  background: #E8E8E8;
}
#mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList li.singleComponent .card .front {
  position: relative;
  width: 100%;
  z-index: 4;
}
#mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList li.singleComponent .card .front .componentName {
  opacity: 1;
  transition: all 0.35s ease-in-out;
}
#mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList li.singleComponent .card .front .componentImage {
  opacity: 1;
  transition: all 0.35s ease-in-out;
}
#mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList li.singleComponent .card .front .componentAmount {
  opacity: 1;
  transition: all 0.35s ease-in-out;
}
#mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList li.singleComponent .card .back {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  z-index: 3;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  position: absolute;
  top: 0;
  text-align: center;
  left: 0;
}
@media screen and (max-width: 580px) {
  #mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList li.singleComponent .card .back {
    font-size: 12px;
    line-height: 14px;
  }
}
#mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList li.singleComponent .card .back .backContent {
  opacity: 0;
  transition: all 0.35s ease-in-out;
}
#mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList li.singleComponent.active .front .componentName {
  opacity: 0;
  transition: all 0.35s ease-in-out;
}
#mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList li.singleComponent.active .front .componentImage {
  opacity: 0;
  transition: all 0.35s ease-in-out;
}
#mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList li.singleComponent.active .front .componentAmount {
  opacity: 0;
  transition: all 0.35s ease-in-out;
}
#mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList li.singleComponent.active .card {
  transform: rotateY(180deg);
}
#mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList li.singleComponent.active .back {
  z-index: 5;
}
#mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList li.singleComponent.active .back .backContent {
  opacity: 1;
  transition: all 1s ease-in-out;
}
#mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList li.singleComponent p.componentName {
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 19px;
  line-height: 23px;
  font-weight: 600;
}
@media screen and (max-width: 992px) {
  #mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList li.singleComponent p.componentName {
    font-size: 14px;
    line-height: 15px;
  }
}
@media screen and (max-width: 580px) {
  #mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList li.singleComponent p.componentName {
    font-size: 10px;
    line-height: 11px;
  }
}
#mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList li.singleComponent .componentImage {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 90px;
  margin-top: 15px;
  margin-bottom: 10px;
  width: 100%;
}
@media screen and (max-width: 580px) {
  #mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList li.singleComponent .componentImage {
    height: 70px;
  }
}
#mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList li.singleComponent p.componentAmount {
  margin: 0;
  padding: 0;
  font-size: 30px;
  line-height: 35px;
  text-align: center;
}
@media screen and (max-width: 992px) {
  #mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList li.singleComponent p.componentAmount {
    font-size: 25px;
    line-height: 30px;
  }
}
@media screen and (max-width: 580px) {
  #mainFormulaBlocks section.formulaSection .componentBreakdown ul.componentList li.singleComponent p.componentAmount {
    font-size: 20px;
    line-height: 24px;
  }
}
#mainFormulaBlocks section.formulaSection.energy .mainBlockImage:before {
  content: "";
  background-image: url("./assets/img/formula/formulaGreenOrb.jpg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  left: -30px;
  bottom: -30px;
  position: absolute;
  width: 745px;
  height: 735px;
  z-index: 10;
}
@media screen and (max-width: 992px) {
  #mainFormulaBlocks section.formulaSection.energy .mainBlockImage:before {
    width: 680px;
    height: 671px;
    left: 35px;
    bottom: -40px;
    z-index: 1;
  }
}
@media screen and (max-width: 768px) {
  #mainFormulaBlocks section.formulaSection.energy .mainBlockImage:before {
    width: 580px;
    height: 572px;
    bottom: 40px;
    left: 0;
  }
}
@media screen and (max-width: 580px) {
  #mainFormulaBlocks section.formulaSection.energy .mainBlockImage:before {
    width: 436px;
    height: 430px;
    left: 30px;
    bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  #mainFormulaBlocks section.formulaSection.energy .mainBlockImage:before {
    width: 314px;
    height: 310px;
    left: 12px;
    bottom: 35px;
  }
}
#mainFormulaBlocks section.formulaSection.vitamins .mainBlockContent {
  order: 2;
  padding-left: 100px;
  padding-right: 0;
}
@media screen and (max-width: 992px) {
  #mainFormulaBlocks section.formulaSection.vitamins .mainBlockContent {
    padding-left: 0;
    order: 1;
  }
}
#mainFormulaBlocks section.formulaSection.vitamins .mainBlockImage {
  order: 1;
  margin-right: 0;
  margin-left: -52px;
}
@media screen and (max-width: 992px) {
  #mainFormulaBlocks section.formulaSection.vitamins .mainBlockImage {
    margin-left: 0;
    order: 2;
  }
}
#mainFormulaBlocks section.formulaSection.vitamins .mainBlockImage:before {
  content: "";
  background-image: url("./assets/img/formula/vitaminsOrb.jpg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  right: 0;
  bottom: -40px;
  position: absolute;
  width: 715px;
  height: 695px;
  z-index: 10;
}
@media screen and (max-width: 992px) {
  #mainFormulaBlocks section.formulaSection.vitamins .mainBlockImage:before {
    width: 680px;
    height: 671px;
    left: 35px;
    z-index: 1;
  }
}
@media screen and (max-width: 768px) {
  #mainFormulaBlocks section.formulaSection.vitamins .mainBlockImage:before {
    width: 580px;
    height: 572px;
    bottom: 40px;
    left: 0;
  }
}
@media screen and (max-width: 580px) {
  #mainFormulaBlocks section.formulaSection.vitamins .mainBlockImage:before {
    width: 436px;
    height: 430px;
    left: 30px;
    bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  #mainFormulaBlocks section.formulaSection.vitamins .mainBlockImage:before {
    width: 314px;
    height: 310px;
    left: 12px;
    bottom: 35px;
  }
}
#mainFormulaBlocks section.formulaSection.nootropics .mainBlockImage:before {
  content: "";
  background-image: url("./assets/img/formula/nootropicsOrb.jpg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  left: 0;
  bottom: -40px;
  position: absolute;
  width: 715px;
  height: 695px;
  z-index: 10;
}
@media screen and (max-width: 992px) {
  #mainFormulaBlocks section.formulaSection.nootropics .mainBlockImage:before {
    width: 680px;
    height: 671px;
    left: 35px;
    z-index: 1;
  }
}
@media screen and (max-width: 768px) {
  #mainFormulaBlocks section.formulaSection.nootropics .mainBlockImage:before {
    width: 580px;
    height: 572px;
    bottom: 40px;
    left: 0;
  }
}
@media screen and (max-width: 580px) {
  #mainFormulaBlocks section.formulaSection.nootropics .mainBlockImage:before {
    width: 436px;
    height: 430px;
    left: 30px;
    bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  #mainFormulaBlocks section.formulaSection.nootropics .mainBlockImage:before {
    width: 314px;
    height: 310px;
    left: 0px;
    bottom: 35px;
  }
}
#mainFormulaBlocks section.formulaSection:nth-child(even) {
  background: #ffffff;
}

#allergensOverview {
  width: 100%;
  margin-top: 75px;
  background: #ffffff;
  padding-top: 120px;
  padding-bottom: 120px;
}
#allergensOverview .allergenContainer {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 992px) {
  #allergensOverview {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 580px) {
  #allergensOverview {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
#allergensOverview .titleSection {
  width: 100%;
  margin-bottom: 70px;
}
#allergensOverview .titleSection h3 {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 50px;
  line-height: 45px;
  text-align: center;
}
@media screen and (max-width: 992px) {
  #allergensOverview .titleSection h3 {
    font-size: 35px;
    line-height: 38px;
  }
}
@media screen and (max-width: 580px) {
  #allergensOverview .titleSection h3 {
    font-size: 20px;
    line-height: 22px;
    max-width: 180px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
#allergensOverview .titleSection .centerBarWrapper {
  width: 100%;
  height: auto;
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: center;
}
@media screen and (max-width: 992px) {
  #allergensOverview .titleSection .centerBarWrapper {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
#allergensOverview .titleSection .centerBarWrapper span.centeredBar {
  width: 65px;
  height: 1px;
  background: #202020;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}
#allergensOverview .titleSection p {
  font-size: 30px;
  line-height: 35px;
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-align: center;
}
#allergensOverview .titleSection p strong {
  font-weight: bold;
}
@media screen and (max-width: 580px) {
  #allergensOverview .titleSection p {
    font-size: 20px;
    line-height: 22px;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
  }
}
#allergensOverview ul.allergensList {
  width: 100%;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  row-gap: 55px;
  column-gap: 80px;
}
@media screen and (max-width: 1400px) {
  #allergensOverview ul.allergensList {
    column-gap: 60px;
  }
}
@media screen and (max-width: 992px) {
  #allergensOverview ul.allergensList {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 580px) {
  #allergensOverview ul.allergensList {
    grid-template-columns: 1fr 1fr;
    row-gap: 50px;
    column-gap: 40px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 480px) {
  #allergensOverview ul.allergensList {
    max-width: 100%;
  }
}
#allergensOverview ul.allergensList li.singleAllergen {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
#allergensOverview ul.allergensList li.singleAllergen img {
  max-width: 112px;
  margin-bottom: 20px;
}
@media screen and (max-width: 580px) {
  #allergensOverview ul.allergensList li.singleAllergen img {
    max-width: 93px;
    margin-bottom: 10px;
  }
}
#allergensOverview ul.allergensList li.singleAllergen h5 {
  margin: 0;
  padding: 0;
  color: #202020;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  font-family: "Work Sans", Arial, Sans-serif;
  text-transform: none;
  width: 100%;
  text-align: center;
}
#allergensOverview ul.allergensList li.singleAllergen h5 strong {
  font-weight: bold;
}
@media screen and (max-width: 580px) {
  #allergensOverview ul.allergensList li.singleAllergen h5 {
    font-size: 20px;
    line-height: 20px;
  }
}

#ksm66Breakdown {
  padding-top: 120px;
  padding-bottom: 35px;
}
@media screen and (max-width: 992px) {
  #ksm66Breakdown {
    padding-top: 85px;
  }
}
@media screen and (max-width: 580px) {
  #ksm66Breakdown {
    padding-bottom: 20px;
    padding-top: 45px;
  }
}

#coffeineBreakdown {
  padding-top: 35px;
  padding-bottom: 120px;
}
@media screen and (max-width: 992px) {
  #coffeineBreakdown {
    padding-bottom: 85px;
  }
}
@media screen and (max-width: 580px) {
  #coffeineBreakdown {
    padding-top: 20px;
    padding-bottom: 45px;
  }
}

.breakdownIngredient {
  width: 100%;
  background: #F7F7F7;
}
.breakdownIngredient .sectionTitle {
  width: 100%;
}
.breakdownIngredient .sectionTitle h5 {
  margin: 0;
  padding: 0;
  color: #202020;
  font-size: 50px;
  line-height: 45px;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .breakdownIngredient .sectionTitle h5 {
    font-size: 30px;
    line-height: 35px;
  }
}
@media screen and (max-width: 580px) {
  .breakdownIngredient .sectionTitle h5 {
    font-size: 20px;
    line-height: 22px;
  }
}
.breakdownIngredient .sectionTitle .titleLine {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 25px;
  margin-bottom: 25px;
}
.breakdownIngredient .sectionTitle .titleLine span {
  width: 65px;
  height: 1px;
  background: #707070;
  position: relative;
}
.breakdownIngredient .sectionTitle .subTitle {
  max-width: 810px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .breakdownIngredient .sectionTitle .subTitle {
    max-width: 80%;
  }
}
@media screen and (max-width: 580px) {
  .breakdownIngredient .sectionTitle .subTitle {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
  }
}
.breakdownIngredient .sectionTitle .subTitle p {
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: 300;
}
@media screen and (max-width: 992px) {
  .breakdownIngredient .sectionTitle .subTitle p {
    font-size: 15px;
    line-height: 18px;
  }
}
@media screen and (max-width: 580px) {
  .breakdownIngredient .sectionTitle .subTitle p {
    font-size: 10px;
    line-height: 11px;
  }
}
.breakdownIngredient ul.breakdownCTA {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin: 0;
  padding: 0;
  column-gap: 80px;
  row-gap: 45px;
  list-style: none;
  margin-top: 70px;
  padding-left: 100px;
  padding-right: 100px;
}
@media screen and (max-width: 1400px) {
  .breakdownIngredient ul.breakdownCTA {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 992px) {
  .breakdownIngredient ul.breakdownCTA {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 580px) {
  .breakdownIngredient ul.breakdownCTA {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
.breakdownIngredient ul.breakdownCTA li.singleBreakdown {
  width: 100%;
  padding-top: 85px;
  padding-bottom: 85px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-left: 37px;
  padding-right: 37px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
@media screen and (max-width: 992px) {
  .breakdownIngredient ul.breakdownCTA li.singleBreakdown {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 580px) {
  .breakdownIngredient ul.breakdownCTA li.singleBreakdown {
    padding-top: 55px;
    padding-bottom: 55px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.breakdownIngredient ul.breakdownCTA li.singleBreakdown .innerBox {
  padding-top: 120px;
  padding-bottom: 120px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: rgba(46, 46, 46, 0.24);
  backdrop-filter: blur(10px) brightness(95%);
  -webkit-backdrop-filter: blur(10px);
  border: 2px solid #ffffff;
  height: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.breakdownIngredient ul.breakdownCTA li.singleBreakdown .innerBox h6 {
  margin: 0;
  padding: 0;
  color: #ffffff;
  width: 100%;
  text-align: center;
  font-size: 36px;
  line-height: 44px;
  margin-bottom: 25px;
}
@media screen and (max-width: 1700px) {
  .breakdownIngredient ul.breakdownCTA li.singleBreakdown .innerBox h6 {
    font-size: 30px;
    line-height: 34px;
  }
}
@media screen and (max-width: 580px) {
  .breakdownIngredient ul.breakdownCTA li.singleBreakdown .innerBox h6 {
    font-size: 20px;
    line-height: 22px;
  }
}
.breakdownIngredient ul.breakdownCTA li.singleBreakdown .innerBox p {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
}
@media screen and (max-width: 580px) {
  .breakdownIngredient ul.breakdownCTA li.singleBreakdown .innerBox p {
    font-size: 10px;
    line-height: 11px;
  }
}
.breakdownIngredient .smallClaim {
  width: 100%;
  text-align: center;
  font-size: 12px;
  line-height: 14px;
  color: #BFBFBF;
  margin-top: 45px;
}

#formulaColourSlates {
  overflow: hidden;
}
#formulaColourSlates .singleColourSlide {
  width: 100%;
  position: relative;
}
@media screen and (max-width: 1200px) {
  #formulaColourSlates .singleColourSlide {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
#formulaColourSlates .singleColourSlide .wrapper {
  align-items: center;
  justify-content: center;
}
#formulaColourSlates .singleColourSlide.yellowSlide {
  background: rgb(250, 216, 45);
  background: linear-gradient(62deg, rgb(255, 132, 41) 0%, rgb(250, 216, 45) 100%);
}
@media screen and (max-width: 992px) {
  #formulaColourSlates .singleColourSlide.yellowSlide {
    padding-bottom: 40px;
  }
}
#formulaColourSlates .singleColourSlide.yellowSlide:after {
  content: "";
  overflow: hidden;
  height: 100%;
  width: 450px;
  position: absolute;
  left: -20px;
  bottom: 0px;
  background-image: url("assets/img/formula/beyondTextStackedYellow.svg");
}
@media screen and (max-width: 1200px) {
  #formulaColourSlates .singleColourSlide.yellowSlide:after {
    display: none;
  }
}
#formulaColourSlates .singleColourSlide.yellowSlide .imageBlock {
  margin-top: 20px;
  margin-bottom: -40px;
  z-index: 20;
}
@media screen and (max-width: 1200px) {
  #formulaColourSlates .singleColourSlide.yellowSlide .imageBlock {
    margin-bottom: 0;
    margin-top: 0;
  }
}
@media screen and (max-width: 992px) {
  #formulaColourSlates .singleColourSlide.yellowSlide .imageBlock {
    order: 1;
    margin: 0;
    padding-top: 40px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 992px) {
  #formulaColourSlates .singleColourSlide.yellowSlide .titleBlock {
    order: 2;
    border-bottom: 2px solid #FF5800;
    margin-bottom: 40px;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 580px) {
  #formulaColourSlates .singleColourSlide.yellowSlide .titleBlock {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}
#formulaColourSlates .singleColourSlide.yellowSlide p.mainTitle {
  color: #FF5800;
  text-align: left;
  margin-left: 190px;
}
@media screen and (max-width: 1200px) {
  #formulaColourSlates .singleColourSlide.yellowSlide p.mainTitle {
    margin-left: 0;
  }
}
@media screen and (max-width: 992px) {
  #formulaColourSlates .singleColourSlide.yellowSlide p.mainTitle {
    text-align: center;
  }
}
#formulaColourSlates .singleColourSlide.yellowSlide p.mainTitle:before {
  content: "";
  width: 1000px;
  height: 2px;
  background: #FF5800;
  left: 0;
  top: 0;
  position: absolute;
}
@media screen and (max-width: 1200px) {
  #formulaColourSlates .singleColourSlide.yellowSlide p.mainTitle:before {
    display: none;
  }
}
#formulaColourSlates .singleColourSlide.redSlide {
  background: rgb(215, 48, 91);
  background: linear-gradient(122deg, rgb(215, 48, 91) 0%, rgb(172, 10, 10) 100%);
}
@media screen and (max-width: 992px) {
  #formulaColourSlates .singleColourSlide.redSlide {
    padding-bottom: 40px;
  }
}
#formulaColourSlates .singleColourSlide.redSlide:after {
  content: "";
  overflow: hidden;
  height: 100%;
  width: 450px;
  position: absolute;
  right: -20px;
  top: 0px;
  background-image: url("assets/img/formula/beyondTextStackedRed.svg");
}
@media screen and (max-width: 1200px) {
  #formulaColourSlates .singleColourSlide.redSlide:after {
    display: none;
  }
}
#formulaColourSlates .singleColourSlide.redSlide .imageBlock {
  margin-top: -40px;
  z-index: 20;
}
@media screen and (max-width: 1200px) {
  #formulaColourSlates .singleColourSlide.redSlide .imageBlock {
    margin-top: 0;
    flex: 1;
  }
}
@media screen and (max-width: 992px) {
  #formulaColourSlates .singleColourSlide.redSlide .imageBlock {
    margin: 0;
    order: 1;
    flex: none;
    margin-top: -40px;
  }
}
@media screen and (max-width: 992px) {
  #formulaColourSlates .singleColourSlide.redSlide .imageBlock img.tubMockup {
    display: none;
  }
}
#formulaColourSlates .singleColourSlide.redSlide .imageBlock img.tubSingle {
  display: none;
}
@media screen and (max-width: 992px) {
  #formulaColourSlates .singleColourSlide.redSlide .imageBlock img.tubSingle {
    display: block;
    margin-top: -30px;
  }
}
#formulaColourSlates .singleColourSlide.redSlide .titleBlock {
  flex: 1;
  max-width: 480px;
}
@media screen and (max-width: 992px) {
  #formulaColourSlates .singleColourSlide.redSlide .titleBlock {
    flex: none;
    order: 2;
  }
}
@media screen and (max-width: 580px) {
  #formulaColourSlates .singleColourSlide.redSlide .titleBlock {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}
#formulaColourSlates .singleColourSlide.redSlide p.mainTitle {
  color: #5C0E2C;
  text-align: right;
}
@media screen and (max-width: 1200px) {
  #formulaColourSlates .singleColourSlide.redSlide p.mainTitle {
    padding-top: 0;
  }
}
@media screen and (max-width: 992px) {
  #formulaColourSlates .singleColourSlide.redSlide p.mainTitle {
    margin: 0;
    padding: 0;
    text-align: center;
    border-bottom: 2px solid #5C0E2C;
    margin-bottom: 10px;
    padding-bottom: 30px;
  }
}
#formulaColourSlates .singleColourSlide.redSlide p.mainTitle:before {
  content: "";
  width: 1000px;
  height: 2px;
  background: #5C0E2C;
  right: 0;
  top: 0;
  position: absolute;
}
@media screen and (max-width: 1200px) {
  #formulaColourSlates .singleColourSlide.redSlide p.mainTitle:before {
    display: none;
  }
}
#formulaColourSlates .singleColourSlide.redSlide p.subText {
  margin: 0;
  padding: 0;
  color: #5C0E2C;
  font-size: 14px;
  line-height: 16px;
  text-align: right;
  font-weight: 400;
}
@media screen and (max-width: 992px) {
  #formulaColourSlates .singleColourSlide.redSlide p.subText {
    text-align: center;
  }
}
#formulaColourSlates .singleColourSlide p.mainTitle {
  margin: 0;
  padding: 0;
  font-size: 50px;
  line-height: 46px;
  position: relative;
  font-family: "Joyride", Arial, Sans-serif;
  text-transform: lowercase;
  max-width: 480px;
  padding-top: 45px;
}
@media screen and (max-width: 1400px) {
  #formulaColourSlates .singleColourSlide p.mainTitle {
    font-size: 40px;
    line-height: 39px;
  }
}
@media screen and (max-width: 992px) {
  #formulaColourSlates .singleColourSlide p.mainTitle {
    font-size: 35px;
    line-height: 34px;
  }
}
@media screen and (max-width: 580px) {
  #formulaColourSlates .singleColourSlide p.mainTitle {
    font-size: 20px;
    line-height: 22px;
    text-align: center;
  }
}

#readyToGoBeyond {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 250px;
  padding-bottom: 335px;
  border-bottom: 25px solid #FE5C8D;
  position: relative;
}
@media screen and (max-width: 1200px) {
  #readyToGoBeyond {
    padding-top: 200px;
    padding-bottom: 270px;
  }
}
@media screen and (max-width: 992px) {
  #readyToGoBeyond {
    padding-top: 150px;
    padding-bottom: 200px;
  }
}
@media screen and (max-width: 580px) {
  #readyToGoBeyond {
    padding-top: 25px;
    background-image: url("./assets/img/formula/mobileReadyImage.jpg") !important;
    padding-bottom: 45px;
  }
}
#readyToGoBeyond .titleWrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
#readyToGoBeyond .textMockup {
  margin: 0;
  padding: 0;
  width: 100%;
  margin-left: auto;
  font-size: 97px;
  line-height: 106px;
  color: #ffffff;
  text-align: right;
}
@media screen and (max-width: 992px) {
  #readyToGoBeyond .textMockup {
    text-align: center;
    font-size: 60px;
    line-height: 70px;
  }
}
#readyToGoBeyond .textMockup span {
  font-size: 40px;
  line-height: 44px;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
  padding-right: 120px;
  margin-left: -30px;
}
@media screen and (max-width: 992px) {
  #readyToGoBeyond .textMockup span {
    margin-left: -10px;
  }
}
@media screen and (max-width: 480px) {
  #readyToGoBeyond .textMockup span {
    font-size: 18px;
    padding-right: 50px;
  }
}
@media screen and (max-width: 580px) {
  #readyToGoBeyond .textMockup {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 660px;
  }
  #readyToGoBeyond .textMockup span {
    font-size: 20px;
    line-height: 22px;
  }
}
#readyToGoBeyond .shopButton {
  width: 100%;
  display: block;
  max-width: 460px;
  margin-left: auto;
  text-align: right;
  margin-top: 30px;
}
#readyToGoBeyond .shopButton a {
  width: 100%;
  display: block;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

#beyondFormulaBreakdown {
  padding-top: 125px;
  padding-bottom: 125px;
  background: #F7F7F7;
  margin: 0px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
}
#beyondFormulaBreakdown .innerFormulaWrapper {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 70px;
  row-gap: 45px;
}
@media screen and (max-width: 992px) {
  #beyondFormulaBreakdown .innerFormulaWrapper {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 992px) {
  #beyondFormulaBreakdown {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
#beyondFormulaBreakdown .focusFormulaBlock {
  background: #ffffff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 50px 80px;
}
@media screen and (max-width: 992px) {
  #beyondFormulaBreakdown .focusFormulaBlock {
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
#beyondFormulaBreakdown .focusFormulaBlock h4 {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 41px;
  line-height: 45px;
  text-align: center;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 992px) {
  #beyondFormulaBreakdown .focusFormulaBlock h4 {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 5px;
    max-width: 300px;
  }
}
#beyondFormulaBreakdown .focusFormulaBlock .formulaBreakdownImage {
  width: 100%;
  text-align: center;
}
#beyondFormulaBreakdown .focusFormulaBlock h5 {
  margin: 0;
  padding: 0;
  font-family: "Work Sans";
  text-transform: none;
  font-weight: 500;
  width: 100%;
  font-size: 30px;
  line-height: 35px;
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media screen and (max-width: 580px) {
  #beyondFormulaBreakdown .focusFormulaBlock h5 {
    font-size: 22px;
    line-height: 25px;
    text-align: center;
    margin-top: 15px;
    max-width: 80%;
  }
}
#beyondFormulaBreakdown .focusFormulaBlock p {
  margin: 0;
  padding: 0;
  width: 100%;
  margin-top: 28px;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 580px) {
  #beyondFormulaBreakdown .focusFormulaBlock p {
    font-size: 11px;
    line-height: 13px;
    margin-top: 10px;
  }
}
#beyondFormulaBreakdown .focusFormulaBreakdown {
  background: #ffffff;
  padding: 50px 80px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
@media screen and (max-width: 992px) {
  #beyondFormulaBreakdown .focusFormulaBreakdown {
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
#beyondFormulaBreakdown .focusFormulaBreakdown h4 {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 41px;
  line-height: 48px;
  margin-bottom: 20px;
  max-width: 80%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 580px) {
  #beyondFormulaBreakdown .focusFormulaBreakdown h4 {
    text-align: center;
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 5px;
  }
}
#beyondFormulaBreakdown .focusFormulaBreakdown .beyondFormulaChart {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 580px) {
  #beyondFormulaBreakdown .focusFormulaBreakdown .beyondFormulaChart {
    margin-top: 15px;
    margin-bottom: 30px;
  }
}
#beyondFormulaBreakdown .focusFormulaBreakdown .beyondFormulaChart img {
  max-width: 420px;
}
@media screen and (max-width: 580px) {
  #beyondFormulaBreakdown .focusFormulaBreakdown .beyondFormulaChart img {
    max-width: 220px;
  }
}
#beyondFormulaBreakdown .focusFormulaBreakdown ul.formulaBreakdownList {
  margin: 0;
  padding: 0;
  list-style: none;
}
#beyondFormulaBreakdown .focusFormulaBreakdown ul.formulaBreakdownList li.singleBreakdownBar {
  width: 100%;
  margin-top: 10px;
}
#beyondFormulaBreakdown .focusFormulaBreakdown ul.formulaBreakdownList li.singleBreakdownBar:first-of-type {
  margin-top: 0;
}
#beyondFormulaBreakdown .focusFormulaBreakdown ul.formulaBreakdownList li.singleBreakdownBar .breakdownBar {
  width: 100%;
}
#beyondFormulaBreakdown .focusFormulaBreakdown ul.formulaBreakdownList li.singleBreakdownBar .breakdownBar .breakdownBarFill {
  height: 5px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
#beyondFormulaBreakdown .focusFormulaBreakdown ul.formulaBreakdownList li.singleBreakdownBar .breakdownBar .breakdownBarFill.red {
  background: #F05041;
}
#beyondFormulaBreakdown .focusFormulaBreakdown ul.formulaBreakdownList li.singleBreakdownBar .breakdownBar .breakdownBarFill.dark-orange {
  background: #AA3A7F;
}
#beyondFormulaBreakdown .focusFormulaBreakdown ul.formulaBreakdownList li.singleBreakdownBar .breakdownBar .breakdownBarFill.orange {
  background: #3D407D;
}
#beyondFormulaBreakdown .focusFormulaBreakdown ul.formulaBreakdownList li.singleBreakdownBar .breakdownBar .breakdownBarFill.light-orange {
  background: #00314A;
}
#beyondFormulaBreakdown .focusFormulaBreakdown ul.formulaBreakdownList li.singleBreakdownBar .breakdownBar .breakdownBarFill.yellow {
  background: #F89000;
}
#beyondFormulaBreakdown .focusFormulaBreakdown ul.formulaBreakdownList li.singleBreakdownBar .breakdownContent {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  line-height: 14px;
  color: #232323;
  margin-top: 5px;
}
#beyondFormulaBreakdown .focusFormulaBreakdown .beyondProductAccordian {
  margin-top: 30px;
}

.leftLine {
  width: 100%;
  text-align: left;
  height: 1px;
  line-height: 1px;
}
.leftLine span {
  width: 65px;
  height: 1px;
  background: #707070;
  display: inline-block;
}
@media screen and (max-width: 992px) {
  .leftLine span {
    width: 45px;
  }
}
@media screen and (max-width: 768px) {
  .leftLine {
    text-align: center;
  }
}

.centerLine {
  width: 100%;
  text-align: center;
  height: 1px;
  line-height: 1px;
}
.centerLine span {
  width: 65px;
  height: 1px;
  background: #707070;
  display: inline-block;
}
@media screen and (max-width: 992px) {
  .centerLine span {
    width: 45px;
  }
}

#aboutHeroImage {
  width: 100%;
  height: auto;
  padding-top: 330px;
  padding-bottom: 330px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (max-width: 992px) {
  #aboutHeroImage {
    padding-top: 280px;
    padding-bottom: 280px;
  }
}
@media screen and (max-width: 580px) {
  #aboutHeroImage {
    padding-top: 230px;
    padding-bottom: 230px;
  }
}
#aboutHeroImage h1 {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 65px;
  line-height: 71px;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 992px) {
  #aboutHeroImage h1 {
    font-size: 47px;
    line-height: 50px;
  }
}
@media screen and (max-width: 580px) {
  #aboutHeroImage h1 {
    font-size: 30px;
    line-height: 33px;
  }
}

#aboutBeyond {
  width: 100%;
  height: auto;
  padding-top: 125px;
  padding-bottom: 125px;
}
@media screen and (max-width: 992px) {
  #aboutBeyond {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 580px) {
  #aboutBeyond {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
#aboutBeyond .whoIsBeyondGrid {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 120px;
  row-gap: 0;
  max-width: 1220px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 992px) {
  #aboutBeyond .whoIsBeyondGrid {
    column-gap: 25px;
  }
}
@media screen and (max-width: 1200px) {
  #aboutBeyond .whoIsBeyondGrid {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #aboutBeyond .whoIsBeyondGrid {
    grid-template-columns: 1fr;
  }
}
#aboutBeyond .whoIsBeyondGrid .whoIsContent {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
#aboutBeyond .whoIsBeyondGrid .whoIsContent .titleBar {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #aboutBeyond .whoIsBeyondGrid .whoIsContent .titleBar {
    text-align: center;
  }
}
#aboutBeyond .whoIsBeyondGrid .whoIsContent .titleBar h2 {
  padding: 0;
  margin: 0;
  font-size: 41px;
  line-height: 45px;
  max-width: 270px;
  width: 100%;
  padding-bottom: 45px;
}
@media screen and (max-width: 768px) {
  #aboutBeyond .whoIsBeyondGrid .whoIsContent .titleBar h2 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 580px) {
  #aboutBeyond .whoIsBeyondGrid .whoIsContent .titleBar h2 {
    font-size: 22px;
    line-height: 24px;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 992px) {
  #aboutBeyond .whoIsBeyondGrid .whoIsContent .fullContent {
    padding-top: 15px;
  }
}
#aboutBeyond .whoIsBeyondGrid .whoIsContent .fullContent p {
  font-size: 19px;
  line-height: 23px;
  color: #202020;
  font-weight: 300;
}
@media screen and (max-width: 992px) {
  #aboutBeyond .whoIsBeyondGrid .whoIsContent .fullContent p {
    text-align: left;
    font-size: 14px;
    line-height: 16px;
  }
}
@media screen and (max-width: 768px) {
  #aboutBeyond .whoIsBeyondGrid .whoIsContent .fullContent p {
    text-align: center;
  }
}
@media screen and (max-width: 580px) {
  #aboutBeyond .whoIsBeyondGrid .whoIsContent .fullContent p {
    font-size: 12px;
    line-height: 14px;
  }
}
#aboutBeyond .whoIsBeyondGrid .whoIsImage {
  width: 100%;
}
@media screen and (max-width: 992px) {
  #aboutBeyond .whoIsBeyondGrid .whoIsImage {
    text-align: center;
  }
}

#aboutStatementsBlocks {
  width: 100%;
  padding-top: 120px;
  padding-bottom: 120px;
}
@media screen and (max-width: 992px) {
  #aboutStatementsBlocks {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}
@media screen and (max-width: 580px) {
  #aboutStatementsBlocks {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}
#aboutStatementsBlocks ul.statementBlocks {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#aboutStatementsBlocks ul.statementBlocks li.singleStatementBlock {
  width: 100%;
  background: #ffffff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  #aboutStatementsBlocks ul.statementBlocks li.singleStatementBlock {
    margin-bottom: 40px;
  }
}
#aboutStatementsBlocks ul.statementBlocks li.singleStatementBlock:last-of-type {
  margin-bottom: 0;
}
#aboutStatementsBlocks ul.statementBlocks li.singleStatementBlock .statementBlockImage {
  flex: 1;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media screen and (max-width: 768px) {
  #aboutStatementsBlocks ul.statementBlocks li.singleStatementBlock .statementBlockImage {
    order: 2;
    flex: none;
    width: 100%;
    height: 300px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
  }
}
@media screen and (max-width: 580px) {
  #aboutStatementsBlocks ul.statementBlocks li.singleStatementBlock .statementBlockImage {
    height: 240px;
  }
}
#aboutStatementsBlocks ul.statementBlocks li.singleStatementBlock .statementBlockText {
  flex: 1;
  padding-top: 60px;
  padding-bottom: 40px;
  padding-left: 65px;
  padding-right: 65px;
}
@media screen and (max-width: 992px) {
  #aboutStatementsBlocks ul.statementBlocks li.singleStatementBlock .statementBlockText {
    padding-left: 30px;
    padding-right: 30px;
  }
}
#aboutStatementsBlocks ul.statementBlocks li.singleStatementBlock .statementBlockText .subTextbar {
  width: 100%;
  margin: 0;
  padding: 0;
  color: #707070;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -1px;
  width: 100%;
}
@media screen and (max-width: 992px) {
  #aboutStatementsBlocks ul.statementBlocks li.singleStatementBlock .statementBlockText .subTextbar {
    text-align: center;
    font-size: 15px;
    line-height: 17px;
  }
}
@media screen and (max-width: 580px) {
  #aboutStatementsBlocks ul.statementBlocks li.singleStatementBlock .statementBlockText .subTextbar {
    font-size: 12px;
    line-height: 13px;
  }
}
#aboutStatementsBlocks ul.statementBlocks li.singleStatementBlock .statementBlockText .mainTitle {
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 992px) {
  #aboutStatementsBlocks ul.statementBlocks li.singleStatementBlock .statementBlockText .mainTitle {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
#aboutStatementsBlocks ul.statementBlocks li.singleStatementBlock .statementBlockText .mainTitle h3 {
  margin: 0;
  padding: 0;
  font-size: 65px;
  line-height: 65px;
}
@media screen and (max-width: 1700px) {
  #aboutStatementsBlocks ul.statementBlocks li.singleStatementBlock .statementBlockText .mainTitle h3 {
    font-size: 55px;
    line-height: 58px;
  }
}
@media screen and (max-width: 1200px) {
  #aboutStatementsBlocks ul.statementBlocks li.singleStatementBlock .statementBlockText .mainTitle h3 {
    font-size: 40px;
    line-height: 42px;
  }
}
@media screen and (max-width: 992px) {
  #aboutStatementsBlocks ul.statementBlocks li.singleStatementBlock .statementBlockText .mainTitle h3 {
    font-size: 32px;
    line-height: 35px;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  #aboutStatementsBlocks ul.statementBlocks li.singleStatementBlock .statementBlockText .mainTitle h3 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 580px) {
  #aboutStatementsBlocks ul.statementBlocks li.singleStatementBlock .statementBlockText .mainTitle h3 {
    font-size: 22px;
    line-height: 27px;
  }
}
#aboutStatementsBlocks ul.statementBlocks li.singleStatementBlock .statementBlockText .starsStagger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 992px) {
  #aboutStatementsBlocks ul.statementBlocks li.singleStatementBlock .statementBlockText .starsStagger {
    justify-content: center;
  }
}
#aboutStatementsBlocks ul.statementBlocks li.singleStatementBlock .statementBlockText .starsStagger .singleStar {
  margin-right: 10px;
}
#aboutStatementsBlocks ul.statementBlocks li.singleStatementBlock .statementBlockText .starsStagger .singleStar:last-of-type {
  margin-right: 0;
}
#aboutStatementsBlocks ul.statementBlocks li.singleStatementBlock .statementBlockText .starsStagger .singleStar img {
  max-width: 25px;
  max-height: 25px;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #aboutStatementsBlocks ul.statementBlocks li.singleStatementBlock .statementBlockText .starsStagger .singleStar img {
    max-width: 20px;
    max-height: 20px;
  }
}
@media screen and (max-width: 580px) {
  #aboutStatementsBlocks ul.statementBlocks li.singleStatementBlock .statementBlockText .starsStagger .singleStar img {
    max-height: 15px;
    max-width: 15px;
  }
}
#aboutStatementsBlocks ul.statementBlocks li.singleStatementBlock:nth-child(even) .statementBlockText {
  order: 1;
}
#aboutStatementsBlocks ul.statementBlocks li.singleStatementBlock:nth-child(even) .statementBlockImage {
  order: 2;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
@media screen and (max-width: 992px) {
  #aboutStatementsBlocks ul.statementBlocks li.singleStatementBlock:nth-child(even) .statementBlockImage {
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-left-radius: 15px;
  }
}

#meetTheTeam {
  background: #ffffff;
  padding-top: 90px;
  padding-bottom: 90px;
}
@media screen and (max-width: 992px) {
  #meetTheTeam {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 480px) {
  #meetTheTeam {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
#meetTheTeam .titleBar {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}
#meetTheTeam .titleBar h3 {
  margin: 0;
  padding: 0;
  color: #202020;
  font-size: 41px;
  line-height: 45px;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 580px) {
  #meetTheTeam .titleBar h3 {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 15px;
  }
}
#meetTheTeam .teamImage {
  margin-top: 50px;
  width: 100%;
  height: 770px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
@media screen and (max-width: 1700px) {
  #meetTheTeam .teamImage {
    height: 650px;
  }
}
@media screen and (max-width: 1400px) {
  #meetTheTeam .teamImage {
    height: 600px;
  }
}
@media screen and (max-width: 1200px) {
  #meetTheTeam .teamImage {
    height: 500px;
  }
}
@media screen and (max-width: 992px) {
  #meetTheTeam .teamImage {
    height: 390px;
  }
}
@media screen and (max-width: 768px) {
  #meetTheTeam .teamImage {
    height: 300px;
  }
}
@media screen and (max-width: 580px) {
  #meetTheTeam .teamImage {
    height: 226px;
  }
}

#beyondUKTeam {
  width: 100%;
  padding-top: 90px;
  padding-bottom: 90px;
  background: #ffffff;
}
@media screen and (max-width: 992px) {
  #beyondUKTeam {
    padding-top: 55px;
    padding-bottom: 55px;
  }
}
@media screen and (max-width: 580px) {
  #beyondUKTeam {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
#beyondUKTeam .imageContent {
  flex: 1;
  margin-left: 130px;
}
#beyondUKTeam .imageContent img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
@media screen and (max-width: 1200px) {
  #beyondUKTeam .imageContent {
    margin-left: 80px;
  }
}
@media screen and (max-width: 992px) {
  #beyondUKTeam .imageContent {
    margin-left: 0;
    width: 100%;
    flex: none;
    margin-top: 40px;
  }
}
#beyondUKTeam .beyondTeamContent {
  display: inline-block;
  flex: 2;
  max-width: 800px;
}
#beyondUKTeam .beyondTeamContent .titleBar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
#beyondUKTeam .beyondTeamContent .titleBar h3 {
  margin: 0;
  padding: 0;
  font-size: 41px;
  line-height: 45px;
  max-width: 270px;
  width: 100%;
  margin-right: auto;
  margin-bottom: 25px;
}
@media screen and (max-width: 992px) {
  #beyondUKTeam .beyondTeamContent .titleBar h3 {
    max-width: 100%;
    text-align: center;
    font-size: 30px;
    line-height: 33px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 580px) {
  #beyondUKTeam .beyondTeamContent .titleBar h3 {
    font-size: 20px;
    line-height: 22px;
  }
}
@media screen and (max-width: 992px) {
  #beyondUKTeam .beyondTeamContent .titleBar .leftLine {
    text-align: center;
  }
}
#beyondUKTeam .beyondTeamContent .dualColContent {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 70px;
  row-gap: 20px;
  margin-top: 25px;
}
@media screen and (max-width: 1024px) {
  #beyondUKTeam .beyondTeamContent .dualColContent {
    column-gap: 35px;
  }
}
@media screen and (max-width: 992px) {
  #beyondUKTeam .beyondTeamContent .dualColContent {
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  #beyondUKTeam .beyondTeamContent .dualColContent {
    grid-template-columns: 1fr;
    row-gap: 0;
  }
}
#beyondUKTeam .beyondTeamContent .dualColContent .singleContent {
  width: 100%;
  text-align: left;
}
#beyondUKTeam .beyondTeamContent .dualColContent .singleContent p {
  font-size: 19px;
  line-height: 23px;
  color: #202020;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  #beyondUKTeam .beyondTeamContent .dualColContent .singleContent p {
    text-align: center;
  }
  #beyondUKTeam .beyondTeamContent .dualColContent .singleContent p:first-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 580px) {
  #beyondUKTeam .beyondTeamContent .dualColContent .singleContent p {
    font-size: 12px;
    line-height: 14px;
  }
}
#beyondUKTeam .beyondTeamContent .dualColContent .singleContent p a {
  color: #202020;
  text-decoration: underline;
}
#beyondUKTeam .beyondTeamContent .dualColContent .singleContent p a:visited {
  color: #202020;
}
#beyondUKTeam .beyondTeamContent .dualColContent .singleContent p a:focus {
  color: #F05041;
}
#beyondUKTeam .beyondTeamContent .dualColContent .singleContent p a:hover {
  color: #F05041;
}

#germanBeyondTeam {
  width: 100%;
  background: #ffffff;
  padding-bottom: 80px;
  padding-top: 80px;
}
@media screen and (max-width: 580px) {
  #germanBeyondTeam {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
#germanBeyondTeam .germanBanner {
  width: 100%;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-left: 130px;
  padding-right: 130px;
  padding-top: 130px;
  padding-bottom: 100px;
}
@media screen and (max-width: 1200px) {
  #germanBeyondTeam .germanBanner {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 100px;
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 768px) {
  #germanBeyondTeam .germanBanner {
    padding-bottom: 350px;
    background-position: center;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
    background-image: url("./assets/img/euBGMobile.jpg") !important;
  }
}
@media screen and (max-width: 580px) {
  #germanBeyondTeam .germanBanner {
    padding-top: 40px;
    padding-bottom: 270px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
#germanBeyondTeam .germanBanner .titleBar {
  width: 100%;
}
#germanBeyondTeam .germanBanner .titleBar h3 {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 41px;
  line-height: 45px;
  max-width: 320px;
  width: 100%;
  padding-bottom: 25px;
}
@media screen and (max-width: 768px) {
  #germanBeyondTeam .germanBanner .titleBar h3 {
    color: #202020;
    text-align: center;
    max-width: 100%;
  }
}
@media screen and (max-width: 580px) {
  #germanBeyondTeam .germanBanner .titleBar h3 {
    font-size: 20px;
    line-height: 22px;
    padding-bottom: 15px;
  }
}
#germanBeyondTeam .germanBanner .titleBar .lineLeft {
  margin-right: auto;
  width: 100px;
  height: 1px;
  background: #ffffff;
}
@media screen and (max-width: 768px) {
  #germanBeyondTeam .germanBanner .titleBar .lineLeft {
    margin-left: auto;
    width: 45px;
    background: #202020;
  }
}
#germanBeyondTeam .germanBanner .contentBlock {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #germanBeyondTeam .germanBanner .contentBlock {
    justify-content: center;
  }
}
#germanBeyondTeam .germanBanner .contentBlock p {
  font-size: 19px;
  line-height: 23px;
  color: #ffffff;
  max-width: 540px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #germanBeyondTeam .germanBanner .contentBlock p {
    max-width: 100%;
    color: #202020;
    text-align: center;
  }
}
#germanBeyondTeam .germanBanner a.deLink {
  color: #ffffff;
  font-size: 30px;
  line-height: 35px;
  letter-spacing: -1px;
}
@media screen and (max-width: 768px) {
  #germanBeyondTeam .germanBanner a.deLink {
    color: #202020 !important;
    text-align: center;
  }
}
@media screen and (max-width: 580px) {
  #germanBeyondTeam .germanBanner a.deLink {
    font-size: 22px;
    line-height: 25px;
  }
}
#germanBeyondTeam .germanBanner a.deLink:visited {
  color: #ffffff;
}
#germanBeyondTeam .germanBanner a.deLink:focus {
  color: #ffffff;
  text-decoration: underline;
}
#germanBeyondTeam .germanBanner a.deLink:hover {
  color: #ffffff;
  text-decoration: underline;
}

#meetTheCEO {
  background: #2868B2;
  width: 100%;
  height: auto;
  padding-top: 130px;
  padding-bottom: 130px;
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  #meetTheCEO {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 580px) {
  #meetTheCEO {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 1200px) {
  #meetTheCEO .leftLine {
    text-align: center;
  }
}
#meetTheCEO .leftLine span {
  background: #ffffff;
}
@media screen and (max-width: 1200px) {
  #meetTheCEO .leftLine span {
    z-index: 10;
  }
}
#meetTheCEO .ceoMobile {
  display: none;
  width: 100%;
  margin-bottom: 40px;
}
#meetTheCEO .ceoMobile h4 {
  width: 100%;
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 30px;
  text-align: center;
  margin-left: auto;
  line-height: 33px;
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  z-index: 10;
}
@media screen and (max-width: 580px) {
  #meetTheCEO .ceoMobile h4 {
    font-size: 20px;
    line-height: 22px;
  }
}
@media screen and (max-width: 1200px) {
  #meetTheCEO .ceoMobile {
    display: block;
  }
}
#meetTheCEO .ceoImage {
  flex: 1;
  position: relative;
}
@media screen and (max-width: 1200px) {
  #meetTheCEO .ceoImage {
    flex: none;
    width: 100%;
  }
}
#meetTheCEO .ceoImage .ceoImageFull {
  position: relative;
  width: 100%;
  height: 635px;
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-position: center;
}
@media screen and (max-width: 1200px) {
  #meetTheCEO .ceoImage .ceoImageFull {
    height: 550px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  #meetTheCEO .ceoImage .ceoImageFull {
    height: 450px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 580px) {
  #meetTheCEO .ceoImage .ceoImageFull {
    height: 380px;
    width: 100%;
  }
}
#meetTheCEO .ceoImage .ceoImageFull:before {
  content: "";
  background-image: url("./assets/img/beyondVortexBlue.jpg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
  position: absolute;
  width: 130%;
  height: 130%;
  top: -15%;
  right: -15%;
}
#meetTheCEO .ceoContent {
  flex: 1;
  height: auto;
  padding-left: 25px;
  padding-top: 50px;
}
#meetTheCEO .ceoContent .titleBar {
  width: 100%;
}
@media screen and (max-width: 1200px) {
  #meetTheCEO .ceoContent .titleBar {
    display: none;
  }
}
#meetTheCEO .ceoContent .titleBar h4 {
  max-width: 426px;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 41px;
  line-height: 45px;
  margin-right: auto;
  color: #ffffff;
}
@media screen and (max-width: 992px) {
  #meetTheCEO .ceoContent .titleBar h4 {
    font-size: 30px;
    text-align: center;
    margin-left: auto;
    line-height: 33px;
    max-width: 100%;
    padding-top: 0;
  }
}
@media screen and (max-width: 580px) {
  #meetTheCEO .ceoContent .titleBar h4 {
    font-size: 20px;
    line-height: 22px;
  }
}
#meetTheCEO .ceoContent .dualContentBlocks {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 80px;
  row-gap: 15px;
}
@media screen and (max-width: 1200px) {
  #meetTheCEO .ceoContent .dualContentBlocks {
    column-gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  #meetTheCEO .ceoContent .dualContentBlocks {
    grid-template-columns: 1fr;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    row-gap: 0;
  }
}
@media screen and (max-width: 580px) {
  #meetTheCEO .ceoContent .dualContentBlocks {
    max-width: 90%;
  }
}
#meetTheCEO .ceoContent .dualContentBlocks .singleContent p {
  color: #ffffff;
  font-size: 19px;
  font-weight: 300;
  line-height: 23px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #meetTheCEO .ceoContent .dualContentBlocks .singleContent p {
    text-align: center;
    font-size: 15px;
    line-height: 17px;
  }
  #meetTheCEO .ceoContent .dualContentBlocks .singleContent p:first-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 580px) {
  #meetTheCEO .ceoContent .dualContentBlocks .singleContent p {
    font-size: 14px;
    line-height: 16px;
  }
}
#meetTheCEO .ceoContent .contentLinks {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 80px;
  row-gap: 15px;
}
@media screen and (max-width: 1200px) {
  #meetTheCEO .ceoContent .contentLinks {
    column-gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  #meetTheCEO .ceoContent .contentLinks {
    grid-template-columns: 1fr;
    margin-top: 30px;
  }
}
#meetTheCEO .ceoContent .contentLinks .col50 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
#meetTheCEO .ceoContent .contentLinks .col50 a {
  background: #ffffff;
  color: #202020;
  font-size: 18px;
  line-height: 23px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
  text-decoration: none;
  font-weight: 500;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
@media screen and (max-width: 580px) {
  #meetTheCEO .ceoContent .contentLinks .col50 a {
    font-size: 16px;
  }
}
#meetTheCEO .ceoContent .contentLinks .col50 a span {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 5px;
}
#meetTheCEO .ceoContent .contentLinks .col50 a img {
  max-height: 20px;
}
@media screen and (max-width: 580px) {
  #meetTheCEO .ceoContent .contentLinks .col50 a img {
    max-height: 18px;
  }
}
#meetTheCEO .ceoContent .contentLinks .col50 a:visited {
  color: #202020;
}
#meetTheCEO .ceoContent .contentLinks .col50 a:focus {
  color: #202020;
  background: #F7F7F7;
}
#meetTheCEO .ceoContent .contentLinks .col50 a:hover {
  color: #202020;
  background: #F7F7F7;
}
#meetTheCEO .ceoContent .contentLinks .col50 .billyWebbSignature {
  width: 100%;
}
@media screen and (max-width: 992px) {
  #meetTheCEO .ceoContent .contentLinks .col50 .billyWebbSignature {
    text-align: center;
    margin-top: 20px;
  }
  #meetTheCEO .ceoContent .contentLinks .col50 .billyWebbSignature img {
    margin-left: auto;
    margin-right: auto;
  }
}
#meetTheCEO .ceoContent .contentLinks .col50 .billyWebbSignature p.signatureMicroText {
  font-weight: bold;
  color: #ffffff;
  font-size: 14px;
  line-height: 15px;
  text-align: left;
  margin: 0;
  padding: 0;
}
#meetTheCEO .ceoContent .contentLinks .col50 .billyWebbSignature p.signatureMicroText span {
  font-weight: 300;
}
@media screen and (max-width: 992px) {
  #meetTheCEO .ceoContent .contentLinks .col50 .billyWebbSignature p.signatureMicroText {
    text-align: center;
  }
}
@media screen and (max-width: 580px) {
  #meetTheCEO .ceoContent .contentLinks .col50 .billyWebbSignature p.signatureMicroText {
    font-size: 12px;
    line-height: 14px;
  }
}
#meetTheCEO .ceoContent .contentLinks .col50 .billyWebbSignature img {
  margin-top: -20px;
}

#beyondAboutUK {
  width: 100%;
  padding-top: 160px;
  padding-bottom: 160px;
}
@media screen and (max-width: 1200px) {
  #beyondAboutUK {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("./assets/img/ukOutlineMobile.svg");
  }
}
#beyondAboutUK .wrapper {
  justify-content: center;
  align-items: center;
}
#beyondAboutUK .beyondUKMap {
  display: block;
  margin-right: 140px;
}
@media screen and (max-width: 1700px) {
  #beyondAboutUK .beyondUKMap {
    margin-right: 110px;
  }
}
@media screen and (max-width: 1400px) {
  #beyondAboutUK .beyondUKMap {
    margin-right: 50px;
  }
}
@media screen and (max-width: 1200px) {
  #beyondAboutUK .beyondUKMap {
    display: none;
  }
}
@media screen and (max-width: 1400px) {
  #beyondAboutUK .beyondUKStatement {
    flex: 1;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
  }
}
#beyondAboutUK .beyondUKStatement .subTitle {
  color: #202020;
  font-size: 19px;
  line-height: 23px;
  text-align: left;
  width: 100%;
}
@media screen and (max-width: 1400px) {
  #beyondAboutUK .beyondUKStatement .subTitle {
    text-align: center;
  }
}
@media screen and (max-width: 580px) {
  #beyondAboutUK .beyondUKStatement .subTitle {
    font-size: 12px;
    line-height: 13px;
  }
}
#beyondAboutUK .beyondUKStatement h5 {
  margin: 0;
  padding: 0;
  margin-top: 35px;
  margin-bottom: 50px;
  font-size: 65px;
  line-height: 65px;
  text-align: left;
  color: #202020;
  position: relative;
  max-width: 720px;
}
@media screen and (max-width: 1400px) {
  #beyondAboutUK .beyondUKStatement h5 {
    font-size: 55px;
    line-height: 55px;
    text-align: center;
  }
}
@media screen and (max-width: 1200px) {
  #beyondAboutUK .beyondUKStatement h5 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 60%;
  }
}
@media screen and (max-width: 992px) {
  #beyondAboutUK .beyondUKStatement h5 {
    font-size: 38px;
    line-height: 42px;
    max-width: 80%;
  }
}
@media screen and (max-width: 580px) {
  #beyondAboutUK .beyondUKStatement h5 {
    font-size: 28px;
    line-height: 32px;
  }
}
@media screen and (max-width: 480px) {
  #beyondAboutUK .beyondUKStatement h5 {
    font-size: 22px;
    line-height: 27px;
  }
}
#beyondAboutUK .madeInBritainWrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media screen and (max-width: 1400px) {
  #beyondAboutUK .madeInBritainWrapper {
    justify-content: center;
  }
}
@media screen and (max-width: 1200px) {
  #beyondAboutUK .madeInBritainWrapper {
    justify-content: center;
  }
}
#beyondAboutUK .madeInBritainWrapper .madeInBritain {
  display: flex;
  align-items: center;
  justify-content: center;
}
#beyondAboutUK .madeInBritainWrapper .madeInBritain .mibLogo {
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#beyondAboutUK .madeInBritainWrapper .madeInBritain .mibLogo img {
  max-width: 96px;
}
#beyondAboutUK .madeInBritainWrapper .madeInBritain .mibInfo p {
  margin: 0;
  padding: 0;
  max-width: 107px;
  font-size: 12px;
  line-height: 14px;
  color: #707070;
}
#beyondAboutUK .madeInBritainWrapper .madeInBritain .mibInfo p a {
  text-decoration: underline;
  color: #707070;
}
#beyondAboutUK .madeInBritainWrapper .madeInBritain .mibInfo p a:visited {
  color: #707070;
}
#beyondAboutUK .madeInBritainWrapper .madeInBritain .mibInfo p a:focus {
  text-decoration: underline;
  color: #F05041;
}
#beyondAboutUK .madeInBritainWrapper .madeInBritain .mibInfo p a:hover {
  text-decoration: underline;
  color: #F05041;
}

#ourFacility {
  width: 100%;
  background: #1f1f1f;
  padding-top: 110px;
  padding-bottom: 110px;
}
@media screen and (max-width: 992px) {
  #ourFacility {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 580px) {
  #ourFacility {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
#ourFacility .titleBar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
#ourFacility .titleBar h4 {
  color: #ffffff;
  font-size: 41px;
  line-height: 41px;
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  #ourFacility .titleBar h4 {
    font-size: 35px;
    line-height: 36px;
  }
}
@media screen and (max-width: 992px) {
  #ourFacility .titleBar h4 {
    font-size: 30px;
    line-height: 31px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 580px) {
  #ourFacility .titleBar h4 {
    font-size: 20px;
    line-height: 22px;
  }
}
#ourFacility .description {
  margin-top: 30px;
  margin-bottom: 30px;
}
#ourFacility .description p {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 30px;
  line-height: 34px;
  letter-spacing: -1px;
  font-weight: 500;
  color: #ffffff;
}
#ourFacility .description p strong {
  font-weight: 700;
}
@media screen and (max-width: 580px) {
  #ourFacility .description p {
    font-size: 19px;
    line-height: 21px;
  }
}
#ourFacility .imageGrid {
  width: 100%;
  margin-bottom: 90px;
}
@media screen and (max-width: 580px) {
  #ourFacility .imageGrid {
    margin-bottom: 40px;
  }
}
#ourFacility .imageGrid .coverPhoto {
  width: 100%;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  height: 542px;
  margin-bottom: 42px;
}
@media screen and (max-width: 1200px) {
  #ourFacility .imageGrid .coverPhoto {
    height: 450px;
  }
}
@media screen and (max-width: 992px) {
  #ourFacility .imageGrid .coverPhoto {
    height: 350px;
    margin-bottom: 14px;
  }
}
@media screen and (max-width: 580px) {
  #ourFacility .imageGrid .coverPhoto {
    height: 300px;
  }
}
#ourFacility .imageGrid .imageGridThree {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 42px;
  row-gap: 14px;
}
@media screen and (max-width: 768px) {
  #ourFacility .imageGrid .imageGridThree {
    grid-template-columns: 1fr;
    column-gap: 0px;
    margin-bottom: 40px;
  }
}
#ourFacility .imageGrid .imageGridThree .singleImage {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  height: 500px;
}
@media screen and (max-width: 1200px) {
  #ourFacility .imageGrid .imageGridThree .singleImage {
    height: 450px;
  }
}
@media screen and (max-width: 992px) {
  #ourFacility .imageGrid .imageGridThree .singleImage {
    height: 350px;
  }
}
@media screen and (max-width: 580px) {
  #ourFacility .imageGrid .imageGridThree .singleImage {
    height: 300px;
  }
}
#ourFacility .content4Col {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 38px;
  row-gap: 38px;
}
@media screen and (max-width: 1200px) {
  #ourFacility .content4Col {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 580px) {
  #ourFacility .content4Col {
    grid-template-columns: 1fr;
  }
}
#ourFacility .content4Col .singleCol {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #ourFacility .content4Col .singleCol {
    text-align: center;
  }
}
#ourFacility .content4Col .singleCol h6 {
  color: #ffffff;
  margin: 0;
  padding: 0;
  font-size: 19px;
  line-height: 22px;
}
#ourFacility .content4Col .singleCol p {
  color: #ffffff;
  margin: 0;
  padding: 0;
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}
#ourFacility .content4Col .singleCol p a {
  color: #ffffff;
  text-decoration: underline;
}
#ourFacility .content4Col .singleCol p a:visited {
  color: #ffffff;
}
#ourFacility .content4Col .singleCol p a:focus {
  color: #F05041;
  text-decoration: underline;
}
#ourFacility .content4Col .singleCol p a:hover {
  color: #F05041;
  text-decoration: underline;
}
#ourFacility .content4Col .singleCol .acredidationsTitle {
  font-weight: bold;
  margin-bottom: 30px;
}
#ourFacility .content4Col .singleCol .acredidationsLogos {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  #ourFacility .content4Col .singleCol .acredidationsLogos {
    justify-content: center;
  }
}
#ourFacility .content4Col .singleCol .acredidationsLogos img {
  max-height: 105px;
  margin-right: 15px;
}
#ourFacility .content4Col .singleCol .acredidationsLogos img:last-of-type {
  margin-right: 0;
}

#beyondTimeline {
  width: 100%;
  padding-top: 120px;
  padding-bottom: 120px;
}
@media screen and (max-width: 1200px) {
  #beyondTimeline {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 992px) {
  #beyondTimeline {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 580px) {
  #beyondTimeline {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
#beyondTimeline .titleBar {
  width: 100%;
}
#beyondTimeline .titleBar h4 {
  text-align: center;
  font-size: 41px;
  line-height: 45px;
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}
@media screen and (max-width: 580px) {
  #beyondTimeline .titleBar h4 {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 20px;
  }
}
#beyondTimeline .titleBar p.description {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  font-size: 30px;
  line-height: 34px;
  color: #202020;
  margin-bottom: 70px;
  text-align: center;
  font-weight: 300;
  margin-top: 30px;
}
#beyondTimeline .titleBar p.description strong {
  font-weight: bold;
}
@media screen and (max-width: 992px) {
  #beyondTimeline .titleBar p.description {
    max-width: 100%;
    font-size: 24px;
    line-height: 26px;
  }
}
@media screen and (max-width: 580px) {
  #beyondTimeline .titleBar p.description {
    font-size: 19px;
    line-height: 23px;
    argin-top: 20px;
  }
}
#beyondTimeline ul.timelineFull {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  position: relative;
}
#beyondTimeline ul.timelineFull:before {
  content: "";
  background: #ffffff;
  width: 17%;
  height: 100%;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  left: 0;
  top: 0;
  position: absolute;
}
@media screen and (max-width: 580px) {
  #beyondTimeline ul.timelineFull:before {
    width: 20%;
  }
}
#beyondTimeline ul.timelineFull:after {
  content: "";
  height: 99%;
  background: #C5C5C5;
  width: 2px;
  position: absolute;
  left: 8.5%;
  top: 0;
}
@media screen and (max-width: 580px) {
  #beyondTimeline ul.timelineFull:after {
    left: 10%;
  }
}
#beyondTimeline ul.timelineFull li.singleTimeline {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 55px;
}
#beyondTimeline ul.timelineFull li.singleTimeline:last-of-type {
  margin-bottom: 0;
}
#beyondTimeline ul.timelineFull li.singleTimeline .timelineGutter {
  width: 17%;
  background: #ffffff;
  padding: 10px;
  z-index: 10;
  padding-bottom: 10px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding-top: 45px;
}
@media screen and (max-width: 580px) {
  #beyondTimeline ul.timelineFull li.singleTimeline .timelineGutter {
    width: 20%;
  }
}
#beyondTimeline ul.timelineFull li.singleTimeline .timelineGutter:first-of-type {
  padding-top: 55px;
}
#beyondTimeline ul.timelineFull li.singleTimeline .timelineGutter .dateSmaller {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 19px;
  line-height: 22px;
  color: #202020;
  text-transform: lowercase;
  font-family: "Joyride";
}
@media screen and (max-width: 580px) {
  #beyondTimeline ul.timelineFull li.singleTimeline .timelineGutter .dateSmaller {
    font-size: 11px;
    line-height: 11px;
  }
}
#beyondTimeline ul.timelineFull li.singleTimeline .timelineGutter .Year {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 41px;
  line-height: 45px;
  color: #202020;
  text-transform: lowercase;
  font-family: "Joyride";
}
@media screen and (max-width: 992px) {
  #beyondTimeline ul.timelineFull li.singleTimeline .timelineGutter .Year {
    font-size: 26px;
    line-height: 30px;
  }
}
@media screen and (max-width: 768px) {
  #beyondTimeline ul.timelineFull li.singleTimeline .timelineGutter .Year {
    font-size: 20px;
    line-height: 25px;
  }
}
@media screen and (max-width: 580px) {
  #beyondTimeline ul.timelineFull li.singleTimeline .timelineGutter .Year {
    font-size: 13px;
    line-height: 13px;
  }
}
#beyondTimeline ul.timelineFull li.singleTimeline .timelineContent {
  width: 78%;
  margin-left: 5%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding-left: 65px;
  min-height: 347px;
  -webkit-box-shadow: 2px 2px 14px 7px rgba(0, 0, 0, 0.15);
  box-shadow: 2px 2px 14px 7px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 580px) {
  #beyondTimeline ul.timelineFull li.singleTimeline .timelineContent {
    width: 75%;
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 0;
  }
}
#beyondTimeline ul.timelineFull li.singleTimeline .timelineContent .timelineInner {
  flex: 2;
}
@media screen and (max-width: 580px) {
  #beyondTimeline ul.timelineFull li.singleTimeline .timelineContent .timelineInner {
    flex: none;
    width: 100%;
  }
  #beyondTimeline ul.timelineFull li.singleTimeline .timelineContent .timelineInner img {
    display: block;
  }
}
#beyondTimeline ul.timelineFull li.singleTimeline .timelineContent .timelineInner h4 {
  margin: 0;
  padding: 0;
  font-size: 41px;
  line-height: 45px;
  color: #202020;
  text-align: left;
  max-width: 513px;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  #beyondTimeline ul.timelineFull li.singleTimeline .timelineContent .timelineInner h4 {
    font-size: 35px;
    line-height: 35px;
  }
}
@media screen and (max-width: 992px) {
  #beyondTimeline ul.timelineFull li.singleTimeline .timelineContent .timelineInner h4 {
    font-size: 30px;
    line-height: 32px;
  }
}
@media screen and (max-width: 580px) {
  #beyondTimeline ul.timelineFull li.singleTimeline .timelineContent .timelineInner h4 {
    font-size: 20px;
    line-height: 22px;
  }
}
#beyondTimeline ul.timelineFull li.singleTimeline .timelineContent .timelineInner p {
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
  color: #202020;
}
@media screen and (max-width: 992px) {
  #beyondTimeline ul.timelineFull li.singleTimeline .timelineContent .timelineInner p {
    font-size: 15px;
    line-height: 17px;
  }
}
@media screen and (max-width: 580px) {
  #beyondTimeline ul.timelineFull li.singleTimeline .timelineContent .timelineInner p {
    font-size: 12px;
    line-height: 14px;
  }
}
#beyondTimeline ul.timelineFull li.singleTimeline .timelineContent .timelineImage {
  flex: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 580px) {
  #beyondTimeline ul.timelineFull li.singleTimeline .timelineContent .timelineImage {
    flex: none;
    width: 100%;
  }
}
#beyondTimeline ul.timelineFull li.singleTimeline .timelineContent .timelineImage img {
  height: 140%;
  margin-top: -20%;
  margin-bottom: -20%;
}
@media screen and (max-width: 580px) {
  #beyondTimeline ul.timelineFull li.singleTimeline .timelineContent .timelineImage img {
    margin-top: 0;
    margin-bottom: 0;
  }
}
#beyondTimeline ul.timelineFull li.singleTimeline.beyond-is-born .timelineContent {
  background: rgb(139, 244, 224);
  background: linear-gradient(90deg, rgb(139, 244, 224) 0%, rgb(150, 107, 248) 100%);
}
#beyondTimeline ul.timelineFull li.singleTimeline.warner-bros-collab .timelineContent {
  background: rgb(254, 127, 62);
  background: linear-gradient(90deg, rgb(254, 127, 62) 0%, rgb(240, 53, 23) 100%);
}
#beyondTimeline ul.timelineFull li.singleTimeline.new-look-website .timelineContent {
  background: rgb(255, 70, 181);
  background: linear-gradient(90deg, rgb(255, 70, 181) 0%, rgb(95, 23, 211) 100%);
}
#beyondTimeline ul.timelineFull li.singleTimeline.discord-launch .timelineContent {
  background: rgb(142, 116, 255);
  background: linear-gradient(90deg, rgb(142, 116, 255) 0%, rgb(66, 28, 159) 100%);
}
#beyondTimeline ul.timelineFull li.singleTimeline.uk-most-distributed .timelineContent {
  background: rgb(23, 186, 10);
  background: linear-gradient(90deg, rgb(23, 186, 10) 0%, rgb(184, 244, 80) 100%);
}
#beyondTimeline ul.timelineFull li.singleTimeline.launch-in-eu .timelineContent {
  background: rgb(44, 89, 253);
  background: linear-gradient(90deg, rgb(44, 89, 253) 0%, rgb(10, 51, 199) 100%);
}
#beyondTimeline ul.timelineFull li.singleTimeline.went-to-space .timelineContent {
  background: rgb(99, 173, 253);
  background: linear-gradient(90deg, rgb(99, 173, 253) 0%, rgb(84, 0, 219) 100%);
}
#beyondTimeline ul.timelineFull li.singleTimeline.back-4-blood .timelineContent {
  background: rgb(255, 0, 0);
  background: linear-gradient(90deg, rgb(255, 0, 0) 0%, rgb(136, 0, 0) 100%);
}
#beyondTimeline ul.timelineFull li.singleTimeline.happy-birthday-beyond .timelineContent {
  background: rgb(0, 255, 196);
  background: linear-gradient(90deg, rgb(0, 255, 196) 0%, rgb(0, 88, 255) 100%);
}
#beyondTimeline ul.timelineFull li.singleTimeline.superdrug-launch .timelineContent {
  background: rgb(172, 235, 63);
  background: linear-gradient(90deg, rgb(172, 235, 63) 0%, rgb(61, 137, 0) 100%);
}
#beyondTimeline ul.timelineFull li.singleTimeline.beyond-launch .timelineContent {
  background: rgb(222, 0, 240);
  background: linear-gradient(90deg, rgb(222, 0, 240) 0%, rgb(237, 27, 146) 100%);
}
#beyondTimeline ul.timelineFull li.singleTimeline.sot-launch .timelineContent {
  background: rgb(44, 157, 161);
  background: linear-gradient(90deg, rgb(44, 157, 161) 0%, rgb(22, 79, 81) 100%);
}
#beyondTimeline ul.timelineFull li.singleTimeline.cex-launch .timelineContent {
  background: rgb(234, 23, 46);
  background: linear-gradient(90deg, rgb(234, 23, 46) 0%, rgb(248, 120, 47) 100%);
}
#beyondTimeline ul.timelineFull li.singleTimeline.gravity-launch .timelineContent {
  background: rgb(57, 160, 239);
  background: linear-gradient(90deg, rgb(57, 160, 239) 0%, rgb(177, 39, 235) 100%);
}
#beyondTimeline ul.timelineFull li.singleTimeline.tescos-launch .timelineContent {
  background: rgb(232, 232, 232);
  background: linear-gradient(90deg, rgb(232, 232, 232) 0%, rgb(232, 232, 232) 100%);
}
#beyondTimeline ul.timelineFull li.singleTimeline.beardly-launch .timelineContent {
  background: rgb(255, 243, 151);
  background-image: url("./assets/img/beardlyBackground.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

section#partnerHeroImage {
  width: 100%;
  padding-top: 350px;
  padding-bottom: 190px;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  margin-bottom: 80px;
}
@media screen and (max-width: 992px) {
  section#partnerHeroImage {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 580px) {
  section#partnerHeroImage {
    margin-bottom: 50px;
  }
}
section#partnerHeroImage:before {
  content: "";
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgb(249, 249, 249);
  background: linear-gradient(180deg, rgba(249, 249, 249, 0) 0%, rgba(0, 0, 0, 0.7007003485) 93%, rgb(0, 0, 0) 100%);
}
section#partnerHeroImage h1 {
  font-size: 50px;
  line-height: 45px;
  color: #ffffff;
  margin: 0;
  padding: 0;
  position: relative;
  margin-bottom: 25px;
  padding-bottom: 35px;
}
@media screen and (max-width: 992px) {
  section#partnerHeroImage h1 {
    font-size: 40px;
    line-height: 44px;
  }
}
@media screen and (max-width: 580px) {
  section#partnerHeroImage h1 {
    font-size: 30px;
    line-height: 33px;
  }
}
section#partnerHeroImage h1:after {
  content: "";
  height: 1px;
  width: 106px;
  background: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  section#partnerHeroImage h1:after {
    width: 60px;
  }
}
section#partnerHeroImage h3 {
  font-size: 30px;
  line-height: 35px;
  letter-spacing: -1px;
  color: #ffffff;
  margin: 0;
  padding: 0;
  font-family: "Work Sans", Arial, Sans-serif;
  text-transform: none;
  max-width: 380px;
}
@media screen and (max-width: 768px) {
  section#partnerHeroImage h3 {
    font-size: 14px;
    line-height: 15px;
    max-width: 280px;
  }
}
@media screen and (max-width: 768px) {
  section#partnerHeroImage {
    padding-top: 390px;
    padding-bottom: 43px;
  }
}

section#ourTeams {
  width: 100%;
}
section#ourTeams .ourTeamsContent {
  width: 100%;
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px;
}
@media screen and (max-width: 1400px) {
  section#ourTeams .ourTeamsContent {
    max-width: 70%;
  }
}
@media screen and (max-width: 1200px) {
  section#ourTeams .ourTeamsContent {
    max-width: 80%;
  }
}
@media screen and (max-width: 992px) {
  section#ourTeams .ourTeamsContent {
    max-width: 100%;
    margin-bottom: 40px;
  }
}
section#ourTeams .ourTeamsContent h2 {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 41px;
  line-height: 45px;
}
@media screen and (max-width: 1200px) {
  section#ourTeams .ourTeamsContent h2 {
    font-size: 36px;
    line-height: 38px;
  }
}
@media screen and (max-width: 992px) {
  section#ourTeams .ourTeamsContent h2 {
    font-size: 30px;
    line-height: 32px;
  }
}
@media screen and (max-width: 580px) {
  section#ourTeams .ourTeamsContent h2 {
    font-size: 20px;
    line-height: 22px;
  }
}
section#ourTeams .ourTeamsContent p {
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
  text-align: center;
}
section#ourTeams .ourTeamsContent p a {
  color: #F05041;
}
section#ourTeams .ourTeamsContent p a:visited {
  color: #F05041;
}
section#ourTeams .ourTeamsContent p a:hover {
  text-decoration: underline;
  color: #F05041;
}
@media screen and (max-width: 580px) {
  section#ourTeams .ourTeamsContent p {
    font-size: 14px;
    line-height: 15px;
  }
}
section#ourTeams .ourTeamsContent .centerBarWrapper {
  width: 100%;
  height: auto;
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: center;
}
@media screen and (max-width: 992px) {
  section#ourTeams .ourTeamsContent .centerBarWrapper {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
section#ourTeams .ourTeamsContent .centerBarWrapper span.centeredBar {
  width: 65px;
  height: 1px;
  background: #202020;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}
section#ourTeams ul.teamDisplayList {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
}
section#ourTeams li.singleTeamDisplay {
  width: 100%;
  margin-bottom: 125px;
}
@media screen and (max-width: 992px) {
  section#ourTeams li.singleTeamDisplay {
    margin-bottom: 50px;
  }
}
section#ourTeams li.singleTeamDisplay:last-of-type {
  margin-bottom: 0;
}
section#ourTeams li.singleTeamDisplay .partnerTitleBar {
  width: 100%;
  background: #ffffff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 25px;
}
@media screen and (max-width: 1200px) {
  section#ourTeams li.singleTeamDisplay .partnerTitleBar {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
@media screen and (max-width: 992px) {
  section#ourTeams li.singleTeamDisplay .partnerTitleBar {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 580px) {
  section#ourTeams li.singleTeamDisplay .partnerTitleBar {
    padding-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 20px;
  }
}
section#ourTeams li.singleTeamDisplay .partnerTitleBar h2 {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 41px;
  line-height: 65px;
  width: 100%;
}
@media screen and (max-width: 1400px) {
  section#ourTeams li.singleTeamDisplay .partnerTitleBar h2 {
    font-size: 35px;
    line-height: 37px;
  }
}
@media screen and (max-width: 992px) {
  section#ourTeams li.singleTeamDisplay .partnerTitleBar h2 {
    font-size: 30px;
    line-height: 32px;
  }
}
@media screen and (max-width: 580px) {
  section#ourTeams li.singleTeamDisplay .partnerTitleBar h2 {
    font-size: 20px;
    line-height: 22px;
  }
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  position: relative;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent:after {
  content: "";
  width: 856px;
  height: 665px;
  position: absolute;
  top: 70px;
  right: 10px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 25;
}
@media screen and (max-width: 1400px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent:after {
    display: none;
  }
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent {
  flex: 1;
  background: #ffffff;
  padding-top: 65px;
  padding-bottom: 65px;
  padding-left: 80px;
  padding-right: 30px;
  position: relative;
  min-width: 722px;
  z-index: 10;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media screen and (max-width: 1700px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent {
    min-width: 522px;
  }
}
@media screen and (max-width: 1200px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent {
    padding-left: 40px;
    min-width: 400px;
  }
}
@media screen and (max-width: 992px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent {
    width: 100%;
    flex: none;
    order: 2;
    padding-left: 0;
    padding: 30px;
    min-width: 100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
  }
}
@media screen and (max-width: 580px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent {
    padding-left: 15px;
    padding-right: 15px;
  }
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent:after {
  content: "";
  background-image: url("./assets/img/partners/beyondPartnerMask.svg");
  position: absolute;
  right: -317px;
  top: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 350px;
}
@media screen and (max-width: 992px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent:after {
    display: none;
  }
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamBranding {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 35px;
}
@media screen and (max-width: 992px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamBranding {
    justify-content: center;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 580px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamBranding {
    margin-bottom: 20px;
  }
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamBranding img {
  max-height: 70px;
}
@media screen and (max-width: 1200px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamBranding img {
    max-height: 55px;
  }
}
@media screen and (max-width: 992px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamBranding img {
    max-height: 45px;
  }
}
@media screen and (max-width: 580px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamBranding img {
    max-height: 50px;
    max-width: 150px;
  }
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamBio {
  width: 100%;
  margin-bottom: 60px;
}
@media screen and (max-width: 1700px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamBio {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 992px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamBio {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 580px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamBio {
    margin-bottom: 25px;
  }
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamBio p {
  font-size: 17px;
  line-height: 23px;
  font-weight: 300;
}
@media screen and (max-width: 1700px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamBio p {
    font-size: 15px;
    line-height: 18px;
  }
}
@media screen and (max-width: 992px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamBio p {
    text-align: center;
    font-size: 14px;
    line-height: 16px;
  }
}
@media screen and (max-width: 580px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamBio p {
    font-size: 14px;
    line-height: 15px;
  }
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent h5.sectionTitle {
  width: 100%;
  font-size: 19px;
  line-height: 22px;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
@media screen and (max-width: 992px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent h5.sectionTitle {
    text-align: center;
    font-size: 16px;
    line-height: 18px;
  }
}
@media screen and (max-width: 580px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent h5.sectionTitle {
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 10px;
  }
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamSpecs {
  width: 100%;
  margin-bottom: 55px;
}
@media screen and (max-width: 1700px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamSpecs {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 580px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamSpecs {
    margin-bottom: 35px;
  }
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamSpecs ul.teamSpecList {
  margin: 0;
  padding: 0;
  display: grid;
  list-style: none;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media screen and (max-width: 1200px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamSpecs ul.teamSpecList {
    grid-template-columns: 1fr 1fr;
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamSpecs ul.teamSpecList li.singleSpec {
  width: 100%;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamSpecs ul.teamSpecList li.singleSpec p {
  margin: 0;
  padding: 0;
  width: 100%;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamSpecs ul.teamSpecList li.singleSpec p.featuredText {
  font-size: 41px;
  line-height: 55px;
  font-family: "Joyride", Arial, Sans-serif;
  text-transform: lowercase;
  text-align: center;
}
@media screen and (max-width: 1700px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamSpecs ul.teamSpecList li.singleSpec p.featuredText {
    font-size: 30px;
    line-height: 35px;
  }
}
@media screen and (max-width: 580px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamSpecs ul.teamSpecList li.singleSpec p.featuredText {
    font-size: 20px;
    line-height: 22px;
  }
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamSpecs ul.teamSpecList li.singleSpec p.subText {
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 1700px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamSpecs ul.teamSpecList li.singleSpec p.subText {
    font-size: 16px;
    line-height: 20px;
  }
}
@media screen and (max-width: 580px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamSpecs ul.teamSpecList li.singleSpec p.subText {
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
  }
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamAchievements {
  width: 100%;
  margin-bottom: 45px;
}
@media screen and (max-width: 580px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamAchievements {
    margin-bottom: 20px;
  }
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamAchievements ul.achievementsList {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamAchievements ul.achievementsList li.singleAchievement {
  width: 100%;
  font-size: 19px;
  line-height: 23px;
  margin-bottom: 10px;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamAchievements ul.achievementsList li.singleAchievement:last-of-type {
  margin-bottom: 0;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamAchievements ul.achievementsList li.singleAchievement i {
  font-size: 22px;
}
@media screen and (max-width: 1700px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamAchievements ul.achievementsList li.singleAchievement {
    font-size: 15px;
    line-height: 17px;
  }
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamAchievements ul.achievementsList li.singleAchievement i {
    font-size: 16px;
  }
}
@media screen and (max-width: 992px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamAchievements ul.achievementsList li.singleAchievement {
    text-align: center;
  }
}
@media screen and (max-width: 580px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamAchievements ul.achievementsList li.singleAchievement {
    font-size: 14px;
    line-height: 15px;
  }
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamAchievements ul.achievementsList li.singleAchievement i {
    font-size: 15px;
  }
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamSocials {
  width: 100%;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamSocials .socialIcons {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media screen and (max-width: 992px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamSocials .socialIcons {
    justify-content: center;
  }
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamSocials .socialIcons a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: 19px;
  line-height: 30px;
  color: #232323;
  text-decoration: none;
  margin-right: 20px;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamSocials .socialIcons a:last-of-type {
  margin-right: 0;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamSocials .socialIcons a i {
  font-size: 30px;
  margin-right: 10px;
}
@media screen and (max-width: 1700px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamSocials .socialIcons a {
    font-size: 15px;
    line-height: 18px;
  }
}
@media screen and (max-width: 580px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .partnershipContent .teamSocials .socialIcons a span {
    display: none;
  }
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent .teamPartnershipImage {
  flex: 2;
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  position: relative;
  z-index: 5;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
@media screen and (max-width: 992px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .teamPartnershipImage {
    width: 100%;
    flex: none;
    order: 1;
    height: 450px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }
}
@media screen and (max-width: 580px) {
  section#ourTeams li.singleTeamDisplay .teamPartnershipContent .teamPartnershipImage {
    height: 250px;
  }
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.excel p.featuredText {
  color: #0B9120;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.excel li.singleAchievement i {
  color: #0B9120;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.excel .socialIcons a i {
  color: #0B9120;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.excel .socialIcons a:focus {
  color: #0B9120;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.excel .socialIcons a:hover {
  color: #0B9120;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.excel:after {
  background-image: url("./assets/img/partners/excelOrbs.png");
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.endpoint p.featuredText {
  color: #00BBF4;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.endpoint li.singleAchievement i {
  color: #00BBF4;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.endpoint .socialIcons a i {
  color: #00BBF4;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.endpoint .socialIcons a:focus {
  color: #00BBF4;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.endpoint .socialIcons a:hover {
  color: #00BBF4;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.endpoint:after {
  background-image: url("./assets/img/partners/endpointOrbs.png");
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.aura p.featuredText {
  color: #7600FF;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.aura li.singleAchievement i {
  color: #7600FF;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.aura .socialIcons a i {
  color: #7600FF;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.aura .socialIcons a:focus {
  color: #7600FF;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.aura .socialIcons a:hover {
  color: #7600FF;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.aura:after {
  background-image: url("./assets/img/partners/auraOrbs.png");
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.handball p.featuredText {
  color: #FFC400;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.handball li.singleAchievement i {
  color: #FFC400;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.handball .socialIcons a i {
  color: #FFC400;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.handball .socialIcons a:focus {
  color: #FFC400;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.handball .socialIcons a:hover {
  color: #FFC400;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.handball:after {
  background-image: url("./assets/img/partners/handballOrbs.png");
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.clique p.featuredText {
  color: #D5002A;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.clique li.singleAchievement i {
  color: #D5002A;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.clique .socialIcons a i {
  color: #D5002A;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.clique .socialIcons a:focus {
  color: #D5002A;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.clique .socialIcons a:hover {
  color: #D5002A;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.clique:after {
  background-image: url("./assets/img/partners/cliqueOrbs.png");
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.rize p.featuredText {
  color: #34BE00;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.rize li.singleAchievement i {
  color: #34BE00;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.rize .socialIcons a i {
  color: #34BE00;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.rize .socialIcons a:focus {
  color: #34BE00;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.rize .socialIcons a:hover {
  color: #34BE00;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.rize:after {
  background-image: url("./assets/img/partners/rizeOrbs.png");
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.skgaming p.featuredText {
  color: #EE24FF;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.skgaming li.singleAchievement i {
  color: #EE24FF;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.skgaming .socialIcons a i {
  color: #EE24FF;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.skgaming .socialIcons a:focus {
  color: #EE24FF;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.skgaming .socialIcons a:hover {
  color: #EE24FF;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.skgaming:after {
  background-image: url("./assets/img/partners/skOrbs.png");
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.lucky15s p.featuredText {
  color: #73C900;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.lucky15s li.singleAchievement i {
  color: #73C900;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.lucky15s .socialIcons a i {
  color: #73C900;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.lucky15s .socialIcons a:focus {
  color: #73C900;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.lucky15s .socialIcons a:hover {
  color: #73C900;
}
section#ourTeams li.singleTeamDisplay .teamPartnershipContent.lucky15s:after {
  background-image: url("./assets/img/partners/L15Orbs.png");
}
section#ourTeams li.singleTeamDisplay ul.partnershipGames {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 55px;
  row-gap: 55px;
  margin-top: 35px;
}
@media screen and (max-width: 1200px) {
  section#ourTeams li.singleTeamDisplay ul.partnershipGames {
    column-gap: 35px;
  }
}
@media screen and (max-width: 992px) {
  section#ourTeams li.singleTeamDisplay ul.partnershipGames {
    grid-template-columns: 1fr 1fr;
    row-gap: 35px;
  }
}
@media screen and (max-width: 580px) {
  section#ourTeams li.singleTeamDisplay ul.partnershipGames {
    grid-template-columns: 1fr;
    row-gap: 23px;
  }
}
section#ourTeams li.singleTeamDisplay ul.partnershipGames li.singleGame {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  width: 100%;
  height: 224px;
}
@media screen and (max-width: 1200px) {
  section#ourTeams li.singleTeamDisplay ul.partnershipGames li.singleGame {
    height: 140px;
  }
}
@media screen and (max-width: 580px) {
  section#ourTeams li.singleTeamDisplay ul.partnershipGames li.singleGame {
    height: 135px;
  }
}
section#ourTeams li.singleTeamDisplay:nth-child(odd) .teamPartnershipImage {
  order: 1;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media screen and (max-width: 992px) {
  section#ourTeams li.singleTeamDisplay:nth-child(odd) .teamPartnershipImage {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }
}
section#ourTeams li.singleTeamDisplay:nth-child(odd) .teamPartnershipContent:after {
  left: 10px;
}
section#ourTeams li.singleTeamDisplay:nth-child(odd) .partnershipContent {
  order: 2;
  padding-right: 80px;
  padding-left: 30px;
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
@media screen and (max-width: 1200px) {
  section#ourTeams li.singleTeamDisplay:nth-child(odd) .partnershipContent {
    padding-right: 40px;
  }
}
@media screen and (max-width: 992px) {
  section#ourTeams li.singleTeamDisplay:nth-child(odd) .partnershipContent {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    padding: 30px;
  }
}
section#ourTeams li.singleTeamDisplay:nth-child(odd) .partnershipContent:after {
  content: "";
  background-image: url("./assets/img/partners/beyondPartnerMask.svg");
  position: absolute;
  left: -323px;
  top: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 350px;
  transform: rotate(180deg);
}
@media screen and (max-width: 992px) {
  section#ourTeams li.singleTeamDisplay:nth-child(odd) .partnershipContent:after {
    display: none;
  }
}

section#stockistsHero {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 260px;
  padding-bottom: 185px;
  position: relative;
}
@media screen and (max-width: 992px) {
  section#stockistsHero {
    padding-bottom: 100px;
    padding-top: 300px;
  }
}
@media screen and (max-width: 580px) {
  section#stockistsHero {
    padding-top: 330px;
    padding-bottom: 45px;
    background-position: -740px 100%;
  }
}
section#stockistsHero h1 {
  color: #ffffff;
  font-size: 50px;
  line-height: 45px;
  margin: 0;
  padding: 0;
  margin-bottom: 35px;
  padding-bottom: 35px;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 1200px) {
  section#stockistsHero h1 {
    font-size: 40px;
    line-height: 40px;
  }
}
@media screen and (max-width: 992px) {
  section#stockistsHero h1 {
    font-size: 35px;
    line-height: 38px;
  }
}
@media screen and (max-width: 580px) {
  section#stockistsHero h1 {
    font-size: 30px;
    line-height: 33px;
  }
}
section#stockistsHero h1:after {
  content: "";
  width: 105px;
  height: 1px;
  background: #ffffff;
  position: absolute;
  left: 0;
  bottom: 0;
}
section#stockistsHero h3 {
  margin: 0;
  padding: 0;
  font-size: 30px;
  line-height: 35px;
  letter-spacing: -1px;
  font-family: "Work Sans", Arial, Sans-serif;
  text-transform: none;
  color: #ffffff;
  max-width: 530px;
  width: 100%;
  z-index: 10;
  position: relative;
}
@media screen and (max-width: 1200px) {
  section#stockistsHero h3 {
    font-size: 25px;
    line-height: 28px;
  }
}
@media screen and (max-width: 992px) {
  section#stockistsHero h3 {
    font-size: 20px;
    line-height: 24px;
  }
}
@media screen and (max-width: 580px) {
  section#stockistsHero h3 {
    font-size: 13px;
    line-height: 15px;
  }
}
section#stockistsHero .mobileGradient {
  display: none;
}
@media screen and (max-width: 992px) {
  section#stockistsHero .mobileGradient {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(37, 19, 208) 100%);
  }
}

section#ourRetailers {
  width: 100%;
  background: #ffffff;
  padding-top: 95px;
  padding-bottom: 95px;
}
@media screen and (max-width: 580px) {
  section#ourRetailers {
    padding-top: 38px;
    padding-bottom: 45px;
  }
}
section#ourRetailers .titleBar {
  width: 100%;
}
section#ourRetailers .titleBar h2 {
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}
section#ourRetailers .titleBar .centerBarWrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
section#ourRetailers .titleBar .centerBarWrapper span.centeredBar {
  width: 65px;
  height: 1px;
  background: #202020;
  display: inline-block;
}
section#ourRetailers ul.retailerList {
  width: 100%;
  margin: 0;
  padding: 0;
  margin-top: 70px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 580px) {
  section#ourRetailers ul.retailerList {
    margin-top: 30px;
  }
}
section#ourRetailers ul.retailerList li.singleRetailer {
  width: 23%;
  margin-left: 1%;
  margin-right: 1%;
}
@media screen and (max-width: 992px) {
  section#ourRetailers ul.retailerList li.singleRetailer {
    width: 48%;
  }
}
@media screen and (max-width: 580px) {
  section#ourRetailers ul.retailerList li.singleRetailer {
    width: 100%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }
  section#ourRetailers ul.retailerList li.singleRetailer:last-of-type {
    margin-bottom: 0px;
  }
}
section#ourRetailers ul.retailerList li.singleRetailer .singleRetailerImage {
  width: 100%;
  height: 265px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
@media screen and (max-width: 1700px) {
  section#ourRetailers ul.retailerList li.singleRetailer .singleRetailerImage {
    height: 200px;
  }
}
@media screen and (max-width: 1400px) {
  section#ourRetailers ul.retailerList li.singleRetailer .singleRetailerImage {
    height: 180px;
  }
}
@media screen and (max-width: 580px) {
  section#ourRetailers ul.retailerList li.singleRetailer .singleRetailerImage {
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
    height: 152px;
  }
}

section#storeFinder {
  width: 100%;
  padding-top: 84px;
  padding-bottom: 84px;
}
@media screen and (max-width: 580px) {
  section#storeFinder {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
section#storeFinder .titleBar {
  width: 100%;
}
section#storeFinder .titleBar h2 {
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}
section#storeFinder .titleBar .centerBarWrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
section#storeFinder .titleBar .centerBarWrapper span.centeredBar {
  width: 65px;
  height: 1px;
  background: #202020;
  display: inline-block;
}

#stockistsMap {
  width: 100%;
  background: #ffffff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 15px;
  position: relative;
  margin-top: 65px;
}
#stockistsMap h4 {
  margin: 0;
  padding: 0;
  font-size: 52px;
  line-height: 52px;
  margin-bottom: 20px;
}
@media screen and (max-width: 992px) {
  #stockistsMap h4 {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  #stockistsMap h4 {
    font-size: 32px;
    line-height: 32px;
  }
}
#stockistsMap .stockistNumber {
  position: absolute;
  top: -10px;
  right: 0;
  font-size: 150px;
  line-height: 150px;
}
@media screen and (max-width: 1200px) {
  #stockistsMap .stockistNumber {
    display: none;
  }
}
#stockistsMap .wpsl-search {
  background: none;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}
#stockistsMap .wpsl-search .wpsl-input {
  width: 20%;
}
@media screen and (max-width: 1400px) {
  #stockistsMap .wpsl-search .wpsl-input {
    width: 35%;
  }
}
@media screen and (max-width: 768px) {
  #stockistsMap .wpsl-search .wpsl-input {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #stockistsMap .wpsl-search .wpsl-input input {
    width: 100%;
  }
}
#stockistsMap .wpsl-search .wpsl-input div {
  width: 100%;
}
#stockistsMap .wpsl-search .wpsl-input div label {
  width: 100%;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 5px;
}
#stockistsMap .wpsl-search .wpsl-input div .pac-target-input {
  width: 100px !important;
}
#stockistsMap .wpsl-search .wpsl-input input {
  background: #EDEDED;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  border: 0;
}
#stockistsMap .wpsl-search .wpsl-dropdown {
  background: none;
  border: 0;
}
#stockistsMap .wpsl-search .wpsl-dropdown label {
  width: 100%;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 5px;
}
#stockistsMap .wpsl-search .wpsl-dropdown span {
  background: #EDEDED !important;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  #stockistsMap .wpsl-search #wpsl-search-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    display: block;
  }
}
#stockistsMap .wpsl-search #wpsl-search-wrap form {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  #stockistsMap .wpsl-search #wpsl-search-wrap form {
    flex-wrap: wrap;
    display: block;
  }
}
@media screen and (max-width: 580px) {
  #stockistsMap .wpsl-search .wpsl-select-wrap #wpsl-results {
    width: 100%;
  }
  #stockistsMap .wpsl-search .wpsl-select-wrap #wpsl-results .wpsl-dropdown {
    width: 100% !important;
  }
}
@media screen and (max-width: 768px) {
  #stockistsMap .wpsl-search .wpsl-select-wrap #wpsl-radius {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #stockistsMap .wpsl-search .wpsl-select-wrap {
    width: 100%;
  }
}
#stockistsMap .wpsl-search .wpsl-select-wrap label {
  width: 100%;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 5px;
}
#stockistsMap .wpsl-search .wpsl-select-wrap .wpsl-dropdown {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #stockistsMap .wpsl-search .wpsl-search-btn-wrap {
    width: 100%;
    margin-top: 15px;
  }
}
#stockistsMap .wpsl-search .wpsl-search-btn-wrap input {
  background: #202020;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  font-size: 19px;
  border: 0;
  border: 3px solid transparent;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  transition: all 0.2s ease-in-out;
  font-family: "Work Sans", Arial, Sans-serif;
  padding: 5px 25px;
  display: inline-block;
  float: none;
  margin-bottom: 10px;
}
#stockistsMap .wpsl-search .wpsl-search-btn-wrap input:visited {
  background: #202020;
  color: #ffffff;
  text-decoration: none;
}
#stockistsMap .wpsl-search .wpsl-search-btn-wrap input:hover {
  background: #F05041;
  color: #ffffff;
  border: 3px solid transparent;
}
#stockistsMap .wpsl-search .wpsl-search-btn-wrap input:focus {
  border: 3px solid #F05041;
  color: #F05041;
  background: transparent;
}
#stockistsMap .wpsl-search .wpsl-search-btn-wrap input:active {
  background: #F05041;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  #stockistsMap .wpsl-search .wpsl-search-btn-wrap input {
    display: block;
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 992px) {
  #stockistsMap #wpsl-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
}
#stockistsMap #wpsl-wrap .singleStore:first-of-type {
  border-top: 1px solid #707070;
  padding-top: 30px;
}
#stockistsMap #wpsl-result-list {
  width: 25%;
  background: #ffffff;
}
@media screen and (max-width: 1400px) {
  #stockistsMap #wpsl-result-list {
    width: 35%;
  }
}
@media screen and (max-width: 992px) {
  #stockistsMap #wpsl-result-list {
    width: 100%;
  }
}
#stockistsMap #wpsl-result-list .distanceMeasure {
  font-size: 12px;
  line-height: 12px;
  font-weight: 300;
  color: #202020;
  padding-bottom: 40px;
  margin-top: 0;
  border-bottom: 1px solid #707070;
}
#stockistsMap #wpsl-result-list ul {
  padding-left: 40px;
  padding-right: 40px;
}
#stockistsMap #wpsl-result-list ul li {
  border-bottom: 0;
  position: relative;
}
#stockistsMap #wpsl-result-list ul li .wpsl-street {
  font-size: 17px;
  line-height: 21px;
  margin: 0;
  padding: 0;
  font-weight: 500;
}
#stockistsMap #wpsl-result-list ul li .wpsl-street:first-of-type {
  margin-top: 10px;
}
#stockistsMap #wpsl-result-list ul li .wpslAddress {
  margin: 0;
  padding: 0;
  max-width: 60%;
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 20px;
}
#stockistsMap #wpsl-result-list ul li .wpslAddress:after {
  content: "";
  width: 65px;
  height: 1px;
  background: #202020;
  position: absolute;
  bottom: 0;
  left: 0;
}
#stockistsMap #wpsl-result-list ul li .wpslAddress strong {
  font-size: 23px;
  line-height: 24px;
  font-weight: 600;
  color: #202020;
}
#stockistsMap #wpsl-result-list ul li .wpsl-country {
  display: none;
}
#stockistsMap #wpsl-result-list ul li .brandIcon {
  position: absolute;
  top: 0px;
  right: 0;
}
#stockistsMap #wpsl-result-list ul li .brandIcon img {
  max-width: 56px;
}
#stockistsMap #wpsl-result-list ul li .wpsl-directions {
  background: #202020;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  font-size: 17px;
  border: 0;
  border: 3px solid transparent;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  transition: all 0.2s ease-in-out;
  font-family: "Work Sans", Arial, Sans-serif;
  padding: 10px 0px;
  display: block;
  width: 100%;
  text-align: center;
}
#stockistsMap #wpsl-result-list ul li .wpsl-directions:visited {
  background: #202020;
  color: #ffffff;
  text-decoration: none;
}
#stockistsMap #wpsl-result-list ul li .wpsl-directions:hover {
  background: #F05041;
  color: #ffffff;
  border: 3px solid transparent;
}
#stockistsMap #wpsl-result-list ul li .wpsl-directions:focus {
  border: 3px solid #F05041;
  color: #F05041;
  background: transparent;
}
#stockistsMap #wpsl-result-list ul li .wpsl-directions:active {
  background: #F05041;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  #stockistsMap #wpsl-result-list ul li .wpsl-directions {
    display: block;
    width: 100%;
    text-align: center;
  }
}
#stockistsMap .storeStockList {
  background: #F4F4F4;
  padding: 12px 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  width: 100%;
  margin-bottom: 24px;
  margin-top: 25px;
}
#stockistsMap .storeStockList p.storeStockText {
  font-size: 14px;
  line-height: 16px;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  font-weight: 500;
}
#stockistsMap .storeStockList ul.storeStock {
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 10px;
}
#stockistsMap .storeStockList ul.storeStock li {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center;
}
#stockistsMap .storeStockList ul.storeStock li p {
  font-size: 9px;
  line-height: 9px;
  color: #202020;
  margin: 0;
  padding: 0;
  text-align: center;
  font-weight: 500;
}
#stockistsMap #wpsl-gmap {
  width: 75%;
}
@media screen and (max-width: 1400px) {
  #stockistsMap #wpsl-gmap {
    width: 65%;
  }
}
@media screen and (max-width: 992px) {
  #stockistsMap #wpsl-gmap {
    width: 100%;
    max-height: 500px;
  }
}
#stockistsMap .wpsl-infobox {
  background: #f3f3f3;
  border: 1px solid #707070;
  padding: 15px;
}
#stockistsMap .wpsl-infobox .wpsl-info-window p {
  font-size: 16px;
  line-height: 22px;
}
#stockistsMap .wpsl-infobox .wpsl-info-window p strong {
  font-size: 20px;
  line-height: 24px;
}
#stockistsMap .wpsl-infobox .wpsl-info-window .wpsl-directions {
  background: #202020;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  font-size: 17px;
  border: 0;
  border: 3px solid transparent;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  transition: all 0.2s ease-in-out;
  font-family: "Work Sans", Arial, Sans-serif;
  padding: 10px 0px;
  display: block;
  width: 97%;
  text-align: center;
  margin-top: 10px;
}
#stockistsMap .wpsl-infobox .wpsl-info-window .wpsl-directions:visited {
  background: #202020;
  color: #ffffff;
  text-decoration: none;
}
#stockistsMap .wpsl-infobox .wpsl-info-window .wpsl-directions:hover {
  background: #F05041;
  color: #ffffff;
  border: 3px solid transparent;
}
#stockistsMap .wpsl-infobox .wpsl-info-window .wpsl-directions:focus {
  border: 3px solid #F05041;
  color: #F05041;
  background: transparent;
}
#stockistsMap .wpsl-infobox .wpsl-info-window .wpsl-directions:active {
  background: #F05041;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  #stockistsMap .wpsl-infobox .wpsl-info-window .wpsl-directions {
    display: block;
    width: 100%;
    text-align: center;
  }
}

#shopOnline {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  padding-top: 225px;
  padding-bottom: 360px;
}
@media screen and (max-width: 768px) {
  #shopOnline {
    background-image: url("./assets/img/stockists/mobileStockistsFooter.jpg") !important;
    padding-top: 35px;
    padding-bottom: 35px;
    background-position: top center;
  }
}
#shopOnline .stockistsFooterContent {
  width: min(100%, 612px);
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  #shopOnline .stockistsFooterContent {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-left: 25px;
    padding-right: 25px;
  }
}
#shopOnline .stockistsFooterContent h5.border-text {
  margin: 0;
  padding: 0;
  font-size: 40px;
  line-height: 40px;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #ffffff;
}
@media screen and (max-width: 768px) {
  #shopOnline .stockistsFooterContent h5.border-text {
    font-size: 23px;
    line-height: 26px;
    -webkit-text-stroke-width: 1px;
    width: 100%;
    margin-bottom: 30px;
  }
}
#shopOnline .stockistsFooterContent h5.mainText {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 97px;
  line-height: 97px;
  justify-self: flex-end;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  #shopOnline .stockistsFooterContent h5.mainText {
    margin-left: 0;
    font-size: 44px;
    line-height: 49px;
  }
}
#shopOnline .stockistsFooterContent a.button-alt {
  width: min(100%, 460px);
  text-align: center;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  #shopOnline .stockistsFooterContent a.button-alt {
    margin-top: 500px;
    align-self: flex-end;
    width: 100%;
    display: block;
  }
}

#blogHeroImage {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 270px;
  padding-bottom: 270px;
}
#blogHeroImage .coverContent {
  max-width: 475px;
  width: 100%;
}
#blogHeroImage .coverContent h1 {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 45px;
  line-height: 50px;
  position: relative;
  margin-bottom: 40px;
}
#blogHeroImage .coverContent h1:after {
  content: "";
  width: 105px;
  height: 1px;
  background: #ffffff;
  position: absolute;
  left: 0;
  bottom: -20px;
}
#blogHeroImage .coverContent p {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 27px;
  line-height: 35px;
  letter-spacing: -1px;
  font-weight: 600;
}

.woocommerce-form-login-toggle {
  width: 100%;
  margin-bottom: 10px;
}
.woocommerce-form-login-toggle .woocommerce-info {
  background: #f7f8fb;
  padding: 15px;
  color: #1f1f1f;
}
.woocommerce-form-login-toggle .woocommerce-info .showlogin {
  background: #1f1f1f;
  color: #ffffff;
  text-decoration: none;
  padding: 5px 15px;
  margin-left: 5px;
}

.woocommerce-checkout .woocommerce-form-login {
  border-left: 1px solid #f3f3f3;
  border-right: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}
.woocommerce-checkout .woocommerce-form-login input {
  width: auto;
  outline: 0;
}
.woocommerce-checkout .woocommerce-form-login .woocommerce-form-login__rememberme {
  display: flex;
  align-items: center;
}

.woocommerce-info {
  background: transparent !important;
}

#customer_login {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
#customer_login h2 {
  font-family: "Work Sans", Arial, Sans-serif;
  font-weight: 500;
  text-transform: none;
}
#customer_login .col-1 {
  width: 40%;
}
@media screen and (max-width: 992px) {
  #customer_login .col-1 {
    width: 100%;
  }
}
#customer_login .col-2 {
  width: 40%;
}
@media screen and (max-width: 992px) {
  #customer_login .col-2 {
    width: 100%;
  }
}
#customer_login .col-2 p {
  font-size: 16px;
  line-height: 16px;
  color: #202020;
  margin-top: 10px;
}
#customer_login .col-2 .woocommerce-privacy-policy-text {
  margin-top: 10px;
  margin-bottom: 10px;
}
#customer_login .col-2 .woocommerce-privacy-policy-text p {
  font-size: 9px;
  line-height: 9px;
  color: #707070;
}
#customer_login p {
  margin: 0;
  padding: 0;
}
#customer_login .woocommerce-form-login__rememberme {
  margin-top: 10px;
}
#customer_login label {
  color: #202020;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  width: 100%;
  margin-bottom: 5px;
  display: block;
}
#customer_login label input {
  width: auto;
}
#customer_login .woocommerce-form-row {
  margin-bottom: 10px;
}
#customer_login .woocommerce-form-row input {
  width: 100%;
  margin: 0 !important;
  background: #ffffff;
  color: #202020;
  border: 1px solid #202020;
  -webkit-border-radius: 50px !important;
  -moz-border-radius: 50px !important;
  border-radius: 50px !important;
  padding: 8px 15px !important;
  font-family: "Work Sans", Arial, Sans-serif;
}
#customer_login .woocommerce-form-row input:focus {
  border: 1px solid #F05041;
}
#customer_login .woocommerce-LostPassword {
  font-size: 14px;
  line-height: 14px;
  margin-top: 10px;
}
#customer_login .form-row button {
  margin-top: 15px;
  width: 100%;
  background: #202020;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  font-size: 19px;
  border: 0;
  border: 3px solid transparent;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  transition: all 0.2s ease-in-out;
  font-family: "Work Sans", Arial, Sans-serif;
  padding: 10px 20px;
  display: inline-block;
}
#customer_login .form-row button:visited {
  background: #202020;
  color: #ffffff;
  text-decoration: none;
}
#customer_login .form-row button:hover {
  background: #F05041;
  color: #ffffff;
  border: 3px solid transparent;
}
#customer_login .form-row button:focus {
  border: 3px solid #F05041;
  color: #F05041;
  background: transparent;
}
#customer_login .form-row button:active {
  background: #F05041;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  #customer_login .form-row button {
    display: block;
    width: 100%;
    text-align: center;
  }
}

.woocommerce-account .woocommerce {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 25px;
  width: 100%;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
  width: 100%;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content p {
  font-size: 16px;
  line-height: 16px;
  color: #202020;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content p mark {
  background: #ffffff;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-message {
  display: block !important;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-message a {
  color: #707070;
  text-decoration: none;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content h3 {
  font-family: "Work Sans", Arial, Sans-serif;
  font-weight: 400;
  color: #202020;
  margin-bottom: 10px;
  text-transform: none;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .edit {
  color: #F05041;
  font-size: 11px;
  line-height: 11px;
  margin-bottom: 5px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .edit:visited {
  color: #F05041;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .edit:hover {
  color: #F05041;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content a {
  color: #F05041;
  text-decoration: none;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-PaymentMethods {
  margin: 0;
  padding: 0;
  list-style: none;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content #place_order:hover {
  box-shadow: inset 1700px 0 0 0 #202020;
}

.woocommerce_error {
  margin: 0;
  padding: 0;
  list-style: none;
}
.woocommerce_error li {
  color: #ffffff;
  font-size: 16px !important;
  line-height: 16px !important;
  padding: 10px 15px;
  background: #F05041;
}

/** 
 1. Global Styles
 2. Breadcrumb Styling (Global)
 3. Product Category Hero Section
 4. Product Grid
 5. Featured Products
**/
.rank-math-breadcrumb p {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  font-size: 19px;
  color: #202020;
  line-height: 23px;
}
@media screen and (max-width: 992px) {
  .rank-math-breadcrumb p {
    font-size: 18px;
    line-height: 18px;
  }
}
.rank-math-breadcrumb p a {
  color: #202020;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
}
.rank-math-breadcrumb p a:visited {
  color: #202020;
}
.rank-math-breadcrumb p a:focus {
  color: #F05041;
}
.rank-math-breadcrumb p a:hover {
  color: #F05041;
}

.woocommerce-pagination {
  width: 100%;
  margin-top: 60px;
  margin-bottom: 20px;
}
.woocommerce-pagination .page-numbers {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
}
.woocommerce-pagination .page-numbers li {
  list-style: none;
  margin-left: 3px;
  margin-right: 3px;
}
.woocommerce-pagination .page-numbers li a {
  color: #202020;
  text-decoration: none;
  background: transparent;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  padding: 10px 15px;
  border: 1px solid #707070;
  font-weight: 600;
  font-size: 22px;
}
.woocommerce-pagination .page-numbers li a:visited {
  color: #202020;
}
.woocommerce-pagination .page-numbers li a:hover {
  background: #202020;
  color: #ffffff;
  border-color: transparent;
}
.woocommerce-pagination .page-numbers li span {
  background: #202020;
  color: #ffffff;
  text-decoration: none;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  padding: 10px 15px;
  border: 1px solid transparent;
  font-weight: 600;
  font-size: 22px;
}

.separator {
  width: 22px;
  height: 22px;
  background-image: url("assets/img/breadcrumb-seperator.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}

.products {
  list-style: none;
}
.products.columns-4 {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 54px;
  row-gap: 54px;
}
@media screen and (max-width: 1400px) {
  .products.columns-4 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 992px) {
  .products.columns-4 {
    grid-template-columns: 1fr 1fr;
  }
}
.products.columns-4 .product {
  margin: 0;
}
.products.columns-4 .product.sale .price {
  max-width: 100px;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .products.columns-4 .product.sale .price {
    max-width: 100%;
  }
}
.products.columns-4 .product.sale .price ins {
  text-decoration: none;
}
.products.columns-4 .product.sale .price ins bdi {
  text-decoration: none;
  color: #448000;
}
.products.columns-4 .product.sale .price ins bdi .woocommerce-Price-amount {
  text-decoration: none;
  color: #448000;
}
.products.columns-4 .product a {
  text-decoration: none;
}
.products.columns-4 .product a .onsale {
  position: absolute;
  background: #202020;
  color: #ffffff;
  font-weight: 400;
  font-size: 14px;
  padding: 8px 20px;
  top: 0px;
  right: 0px;
  font-family: "Work Sans", Arial, Sans-serif;
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topright: 15px;
  border-top-right-radius: 15px;
}
@media screen and (max-width: 768px) {
  .products.columns-4 .product a {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
  }
}
.products.columns-4 .product img {
  margin-bottom: 22px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  transition: all 0.5s ease-in-out;
}
.products.columns-4 .product h2 {
  font-size: 22px;
  color: #202020;
  font-weight: 600;
  font-family: "Work Sans", Arial, Sans-serif;
  line-height: 26px;
  text-transform: none;
  margin: 0;
  padding: 0;
  min-height: 55px;
}
.products.columns-4 .product .woocommerce-LoopProduct-link {
  order: 2;
}
.products.columns-4 .product .woocommerce-LoopProduct-link .price {
  font-size: 22px;
  font-size: 19px;
  color: #202020;
}
.products.columns-4 .product .woocommerce-LoopProduct-link .price ins {
  background: none;
}
.products.columns-4 .product .button.add_to_cart_button, .products.columns-4 .product .button.product_type_simple, .products.columns-4 .product .button.product_type_variable {
  order: 1;
  background: #202020;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  font-size: 16px;
  border: 0;
  border: 3px solid transparent;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  transition: all 0.2s ease-in-out;
  font-family: "Work Sans", Arial, Sans-serif;
  padding: 3px 25px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.products.columns-4 .product .button.add_to_cart_button:after, .products.columns-4 .product .button.product_type_simple:after, .products.columns-4 .product .button.product_type_variable:after {
  background: #F05041;
  content: "";
  height: 155px;
  left: -75px;
  opacity: 0.2;
  position: absolute;
  top: -50px;
  transform: rotate(35deg);
  transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
  z-index: 10;
}
.products.columns-4 .product .button.add_to_cart_button:visited, .products.columns-4 .product .button.product_type_simple:visited, .products.columns-4 .product .button.product_type_variable:visited {
  background: #202020;
  color: #ffffff;
  text-decoration: none;
}
.products.columns-4 .product .button.add_to_cart_button:hover, .products.columns-4 .product .button.product_type_simple:hover, .products.columns-4 .product .button.product_type_variable:hover {
  background: #F05041;
  color: #ffffff;
  border: 3px solid transparent;
}
.products.columns-4 .product .button.add_to_cart_button:hover:after, .products.columns-4 .product .button.product_type_simple:hover:after, .products.columns-4 .product .button.product_type_variable:hover:after {
  left: 120%;
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
.products.columns-4 .product .button.add_to_cart_button:focus, .products.columns-4 .product .button.product_type_simple:focus, .products.columns-4 .product .button.product_type_variable:focus {
  border: 3px solid #F05041;
  color: #F05041;
  background: transparent;
}
.products.columns-4 .product .button.add_to_cart_button:active, .products.columns-4 .product .button.product_type_simple:active, .products.columns-4 .product .button.product_type_variable:active {
  background: #F05041;
  color: #ffffff;
}
.products.columns-4 .product .button.product_type_variable {
  display: none !important;
}
.products.columns-4 .product .productDetailBar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.products.columns-4 .product .productDetailBar a.woocommerce-LoopProduct-link {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.products.columns-4 .product .productDetailBar h2 {
  margin: 0;
  padding: 0;
  width: auto;
  font-size: 21px;
  line-height: 26px;
  color: #202020;
  font-weight: 500;
  flex: 1;
  margin-bottom: 15px;
}
@media screen and (max-width: 1700px) {
  .products.columns-4 .product .productDetailBar h2 {
    font-size: 17px;
    line-height: 23px;
  }
}
@media screen and (max-width: 768px) {
  .products.columns-4 .product .productDetailBar h2 {
    font-size: 14px;
    line-height: 18px;
    width: 100%;
    text-align: center;
  }
}
.products.columns-4 .product .productDetailBar span.price {
  padding-top: 3px;
  padding-left: 15px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .products.columns-4 .product .productDetailBar span.price {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    text-align: center;
    padding-left: 0;
    padding-top: 0;
  }
}
.products.columns-4 .product .productDetailBar a.button {
  width: 100%;
  display: block;
  order: 3;
  text-align: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 16px;
  line-height: 17px;
  font-weight: 600;
  align-self: flex-end;
  background: #F05041;
  margin-bottom: 10px;
}
@media screen and (max-width: 580px) {
  .products.columns-4 .product .productDetailBar a.button {
    font-size: 14px;
  }
}
.products.columns-4 .product .added_to_cart {
  display: none;
}
.products.columns-4 .product.post-1907 .product_type_simple.add_to_cart_button, .products.columns-4 .product.post-41983 .product_type_simple.add_to_cart_button, .products.columns-4 .product.post-41985 .product_type_simple.add_to_cart_button, .products.columns-4 .product.post-41977 .product_type_simple.add_to_cart_button, .products.columns-4 .product.post-16033 .product_type_simple.add_to_cart_button, .products.columns-4 .product.post-16041 .product_type_simple.add_to_cart_button, .products.columns-4 .product.post-897 .product_type_simple.add_to_cart_button, .products.columns-4 .product.post-16496 .product_type_simple.add_to_cart_button, .products.columns-4 .product.post-16482 .product_type_simple.add_to_cart_button, .products.columns-4 .product.post-7502 .product_type_simple.add_to_cart_button, .products.columns-4 .product.post-25984 .product_type_simple.add_to_cart_button, .products.columns-4 .product.post-24641 .product_type_simple.add_to_cart_button, .products.columns-4 .product.post-13130 .product_type_simple.add_to_cart_button, .products.columns-4 .product.post-14094 .product_type_simple.add_to_cart_button, .products.columns-4 .product.post-14095 .product_type_simple.add_to_cart_button, .products.columns-4 .product.post-14096 .product_type_simple.add_to_cart_button {
  display: none !important;
}
.products.columns-4 .product.post-1907 .product_type_store_credit, .products.columns-4 .product.post-41983 .product_type_store_credit, .products.columns-4 .product.post-41985 .product_type_store_credit, .products.columns-4 .product.post-41977 .product_type_store_credit, .products.columns-4 .product.post-16033 .product_type_store_credit, .products.columns-4 .product.post-16041 .product_type_store_credit, .products.columns-4 .product.post-897 .product_type_store_credit, .products.columns-4 .product.post-16496 .product_type_store_credit, .products.columns-4 .product.post-16482 .product_type_store_credit, .products.columns-4 .product.post-7502 .product_type_store_credit, .products.columns-4 .product.post-25984 .product_type_store_credit, .products.columns-4 .product.post-24641 .product_type_store_credit, .products.columns-4 .product.post-13130 .product_type_store_credit, .products.columns-4 .product.post-14094 .product_type_store_credit, .products.columns-4 .product.post-14095 .product_type_store_credit, .products.columns-4 .product.post-14096 .product_type_store_credit {
  display: none !important;
}
.products.columns-4 .product:hover img {
  -webkit-box-shadow: 0px 3px 15px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0px 3px 15px 1px rgba(0, 0, 0, 0.14);
}
.products.columns-4 .product.outofstock .button {
  display: none !important;
}

#shopArchiveBeyond {
  padding-bottom: 80px;
}
#shopArchiveBeyond .woocommerce-pagination {
  display: none !important;
}

.woocommerce-info.wc-nonpurchasable-message {
  color: #721c24;
  text-align: center;
  background: #f8d7da;
  width: 100%;
  border: 1px solid #f5c6cb;
  font-size: 14px;
  padding: 10px;
  margin-bottom: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.added_to_cart .wc-forward {
  display: none;
}

#productBuilderSummary {
  width: 100%;
  background: #ffffff;
  padding: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  margin-bottom: 20px;
}
#productBuilderSummary:last-of-type {
  margin-bottom: 0;
}
#productBuilderSummary h5 {
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
  font-weight: 500;
  margin-bottom: 10px;
  text-transform: lowercase;
  font-size: 13px;
  line-height: 15px;
  font-weight: 500;
}
#productBuilderSummary .shakerSwatches {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
#productBuilderSummary .shakerSwatches .swatch {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 50px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
}

#bundleAddToCart {
  margin-top: 10px;
  width: 100%;
}
#bundleAddToCart a.bundleAddToBasket {
  background: #F05041;
  color: #ffffff;
  border: 2px solid #F05041;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 0;
  width: 100%;
}
#bundleAddToCart a.bundleAddToBasket:hover {
  background: #ffffff;
  border: 2px solid #F05041;
  color: #F05041;
}

#beyondTotalSaving {
  width: 100%;
  text-align: center;
  margin-top: 10px;
}
#beyondTotalSaving p {
  font-size: 13px;
  line-height: 15px;
  margin: 0;
  padding: 0;
}
#beyondTotalSaving p span {
  font-weight: bold;
}

#selection-error-message {
  width: 100%;
  background: #f8d7da;
  border: 2px solid #f5c6cb;
  color: #721c24;
  font-size: 14px;
  text-align: center;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  max-height: 0px;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
#selection-error-message.error {
  max-height: 50px;
  opacity: 1;
  margin-bottom: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.single_variation_wrap .woocommerce-variation-price {
  display: none;
}

@media screen and (max-width: 768px) {
  table.variations {
    margin-left: auto;
    margin-right: auto;
  }
}
table.variations tr {
  display: flex;
  flex-wrap: wrap;
}
table.variations .label {
  width: 100%;
  font-size: 15px;
  line-height: 16px;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  table.variations .label {
    text-align: center;
  }
}
table.variations .value {
  width: 100%;
}
table.variations .value .swatch-label {
  background: #ffffff;
  border: 1px solid #707070;
  padding: 10px;
  width: 50px;
  height: 50px;
}
table.variations .value .swatch-label.selected {
  border-color: #F05041;
}
table.variations .value .swatch-label.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
table.variations .value select {
  width: 100%;
}
@media screen and (max-width: 768px) {
  table.variations .value {
    text-align: center;
  }
}
table.variations .swatch:last-of-type {
  margin-right: 0px;
}
table.variations .reset_variations {
  color: #202020;
  text-decoration: none;
  font-size: 15px;
  line-height: 16px;
  display: none !important;
}
table.variations .reset_variations:visited {
  color: #202020;
}
table.variations .reset_variations:hover {
  color: #F05041;
  text-decoration: underline;
}
table.variations select {
  width: 90%;
  margin-bottom: 10px;
  color: #202020;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  border: 1px solid #707070;
}

.postid-1907 .woocommerce-notices-wrapper .woocommerce-message, .postid-16496 .woocommerce-notices-wrapper .woocommerce-message, .postid-16482 .woocommerce-notices-wrapper .woocommerce-message, .postid-24641 .woocommerce-notices-wrapper .woocommerce-message {
  display: none;
}
.postid-1907 .woocommerce-notices-wrapper .woocommerce-message:first-of-type, .postid-16496 .woocommerce-notices-wrapper .woocommerce-message:first-of-type, .postid-16482 .woocommerce-notices-wrapper .woocommerce-message:first-of-type, .postid-24641 .woocommerce-notices-wrapper .woocommerce-message:first-of-type {
  display: block;
}
@media screen and (max-width: 480px) {
  .postid-1907 .single-product__main-image, .postid-16496 .single-product__main-image, .postid-16482 .single-product__main-image, .postid-24641 .single-product__main-image {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}
.postid-1907 #wc-stripe-payment-request-button, .postid-16496 #wc-stripe-payment-request-button, .postid-16482 #wc-stripe-payment-request-button, .postid-24641 #wc-stripe-payment-request-button {
  display: none !important;
}
.postid-1907 #wc-stripe-payment-request-button-separator, .postid-16496 #wc-stripe-payment-request-button-separator, .postid-16482 #wc-stripe-payment-request-button-separator, .postid-24641 #wc-stripe-payment-request-button-separator {
  display: none !important;
}

.postid-897 #wc-stripe-payment-request-button, .postid-16041 #wc-stripe-payment-request-button, .postid-16033 #wc-stripe-payment-request-button, .postid-7502 #wc-stripe-payment-request-button {
  display: none !important;
}
.postid-897 #wc-stripe-payment-request-button-separator, .postid-16041 #wc-stripe-payment-request-button-separator, .postid-16033 #wc-stripe-payment-request-button-separator, .postid-7502 #wc-stripe-payment-request-button-separator {
  display: none !important;
}

.productBuilderSummary .single_add_to_cart_button {
  display: none !important;
}
.productBuilderSummary .wc-stripe-payment-request-button-separator {
  display: none !important;
  width: 80% !important;
}
@media screen and (max-width: 480px) {
  .productBuilderSummary .wc-stripe-payment-request-button-separator {
    width: 100% !important;
  }
}
.productBuilderSummary .wc-stripe-payment-request-wrapper {
  display: none !important;
  width: 80% !important;
}
@media screen and (max-width: 480px) {
  .productBuilderSummary .wc-stripe-payment-request-wrapper {
    width: 100% !important;
  }
}

/**
    // Woocommerce Errors & Alerts
    // In Stock needs hiding (Maybe controlled by PHP?)
**/
.woocommerce-notices-wrapper .woocommerce-message {
  position: fixed;
  bottom: 40px;
  left: 40px;
  background: #ffffff;
  border: 1px solid #707070;
  padding-left: 50px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #202020;
  z-index: 999;
  font-weight: 500;
}
.woocommerce-notices-wrapper .woocommerce-message a {
  color: #202020;
  text-decoration: none;
}
.woocommerce-notices-wrapper .woocommerce-message a:visited {
  color: #202020;
  text-decoration: none;
}
.woocommerce-notices-wrapper .woocommerce-message a:hover {
  color: #F05041;
  text-decoration: underline;
}
.woocommerce-notices-wrapper .woocommerce-message:before {
  content: "";
  background-image: url("assets/img/Beyond-Logo-Mobile.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  position: absolute;
  left: 15px;
  top: 12px;
}
@media screen and (max-width: 480px) {
  .woocommerce-notices-wrapper .woocommerce-message {
    display: none;
  }
}

.product-template-default {
  margin-top: 0;
  justify-content: flex-start;
}
.product-template-default .onsale {
  display: none;
}
.product-template-default .type-product {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.product-template-default .type-product .added_to_cart .wc-forward {
  display: none;
}
@media screen and (max-width: 1200px) {
  .product-template-default {
    justify-content: space-between;
  }
}
.product-template-default .type-product {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 0px;
}
.product-template-default .single-product__main-image {
  margin-right: 180px;
  flex: none;
  max-height: 680px;
  position: relative;
}
@media screen and (max-width: 1700px) {
  .product-template-default .single-product__main-image {
    margin-right: 20px;
  }
}
@media screen and (max-width: 1400px) {
  .product-template-default .single-product__main-image {
    max-width: 750px;
    margin-right: 30px;
  }
}
@media screen and (max-width: 1200px) {
  .product-template-default .single-product__main-image {
    max-width: 580px;
    max-height: 550px;
  }
}
@media screen and (max-width: 992px) {
  .product-template-default .single-product__main-image {
    max-width: 100%;
    overflow: hidden;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 768px) {
  .product-template-default .single-product__main-image {
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 580px) {
  .product-template-default .single-product__main-image {
    min-height: 315px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.product-template-default .single-product__main-image.productImageGrid {
  max-height: none !important;
  max-width: 730px;
  margin-right: 120px;
  margin-left: 120px;
}
@media screen and (max-width: 1400px) {
  .product-template-default .single-product__main-image.productImageGrid {
    margin-left: 0;
    margin-right: 60px;
  }
}
@media screen and (max-width: 1200px) {
  .product-template-default .single-product__main-image.productImageGrid {
    max-width: 500px;
  }
}
@media screen and (max-width: 992px) {
  .product-template-default .single-product__main-image.productImageGrid {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 580px) {
  .product-template-default .single-product__main-image.productImageGrid {
    max-width: 100%;
  }
}
.product-template-default .single-product__main-image img {
  max-height: 100%;
  max-width: 100%;
}
.product-template-default .single-product__main-image .limitedEditionBanner {
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 768px) {
  .product-template-default .single-product__main-image .limitedEditionBanner {
    top: 20px;
    left: 10px;
  }
  .product-template-default .single-product__main-image .limitedEditionBanner img {
    max-width: 80px;
    max-height: 80px;
  }
}
.product-template-default .single-product__main-image img.wp-post-image {
  pointer-events: none !important;
}
.product-template-default .single-product__main-image .imageGridProductsContainerSix {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 15px 15px;
  grid-template-areas: "productOne productTwo" "productThree productFour" "productSix productSeven";
}
.product-template-default .single-product__main-image .imageGridProductsContainerSix.desktopImageGrid {
  margin-bottom: 100px;
}
@media screen and (max-width: 992px) {
  .product-template-default .single-product__main-image .imageGridProductsContainerSix.desktopImageGrid {
    display: none;
  }
}
.product-template-default .single-product__main-image .imageGridProductsContainer {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 15px 15px;
  grid-template-areas: "productOne productTwo" "productThree productFour" "productFive productFive";
}
.product-template-default .single-product__main-image .imageGridProductsContainer.desktopImageGrid {
  margin-bottom: 100px;
}
@media screen and (max-width: 992px) {
  .product-template-default .single-product__main-image .imageGridProductsContainer.desktopImageGrid {
    display: none;
  }
}
.product-template-default .single-product__main-image .imageGridSlider .swiperProductGrid {
  margin-left: auto;
  margin-right: auto;
}
.product-template-default .single-product__main-image .imageGridSlider.mobileImageGrid {
  display: none;
}
@media screen and (max-width: 992px) {
  .product-template-default .single-product__main-image .imageGridSlider.mobileImageGrid {
    display: block;
  }
}
.product-template-default .single-product__main-image .imageGridSlider.mobileImageGrid .swiper-slide {
  text-align: center;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.product-template-default .single-product__main-image .imageGridSlider .swiperProductGrid {
  width: 100%;
}
.product-template-default .single-product__main-image .imageGridSlider .swiperProductGrid .swiper-slide {
  width: 100% !important;
}
.product-template-default .single-product__main-image .imageGridSlider .swiper-pagination-bullet-active {
  background: #202020;
}
.product-template-default .single-product__main-image .productFive {
  grid-area: productFive;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.product-template-default .single-product__main-image .productFive img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.product-template-default .single-product__main-image .productOne {
  grid-area: productOne;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ffffff;
}
.product-template-default .single-product__main-image .productOne img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.product-template-default .single-product__main-image .productTwo {
  grid-area: productTwo;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ffffff;
}
.product-template-default .single-product__main-image .productTwo img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.product-template-default .single-product__main-image .productThree {
  grid-area: productThree;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ffffff;
}
.product-template-default .single-product__main-image .productThree img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.product-template-default .single-product__main-image .productFour {
  grid-area: productFour;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ffffff;
}
.product-template-default .single-product__main-image .productFour img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.product-template-default .single-product__main-image .productSix {
  grid-area: productSix;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ffffff;
}
.product-template-default .single-product__main-image .productSix img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.product-template-default .single-product__main-image .productSeven {
  grid-area: productSeven;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ffffff;
}
.product-template-default .single-product__main-image .productSeven img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.product-template-default .summary {
  max-width: 405px;
  z-index: 200;
}
.product-template-default .summary .added_to_cart {
  display: none !important;
}
@media screen and (max-width: 1200px) {
  .product-template-default .summary {
    max-width: 380px;
  }
}
@media screen and (max-width: 992px) {
  .product-template-default .summary {
    max-width: 100%;
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.product-template-default .summary h1 {
  font-size: 41px;
  line-height: 45px;
  margin: 0;
  margin-bottom: 25px;
  color: #202020;
}
@media screen and (max-width: 1200px) {
  .product-template-default .summary h1 {
    font-size: 35px;
    line-height: 39px;
  }
}
@media screen and (max-width: 768px) {
  .product-template-default .summary h1 {
    text-align: center;
  }
}
@media screen and (max-width: 580px) {
  .product-template-default .summary h1 {
    font-size: 30px;
    line-height: 35px;
  }
}
.product-template-default .summary .qty {
  display: none;
}
.product-template-default .summary .singlePointProduct a {
  color: #F05041;
}
.product-template-default .summary .singlePointProduct a:visited {
  color: #F05041;
}
.product-template-default .summary .productPriceWrapper {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #202020;
  border-bottom: 1px solid #202020;
  margin-bottom: 25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media screen and (max-width: 580px) {
  .product-template-default .summary .productPriceWrapper {
    justify-content: center;
  }
}
.product-template-default .summary .productPriceWrapper p.price {
  margin: 0;
  padding: 0;
  font-size: 30px;
  line-height: 35px;
  font-weight: 600;
  color: #202020;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .product-template-default .summary .productPriceWrapper p.price {
    text-align: center;
    justify-content: center;
  }
}
.product-template-default .summary .productPriceWrapper p.price del {
  font-size: 22px;
  line-height: 26px;
  font-weight: 400;
  margin-right: 10px;
}
.product-template-default .summary .productPriceWrapper p.price ins {
  text-decoration: none;
  color: #00a624;
  border: 3px solid #00a624;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 5px 15px;
  display: inline-block;
}
.product-template-default .summary .productPriceWrapper .bundleSavings {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  background: #00a624;
  display: inline-block;
  margin-left: 25px;
  padding: 3px;
}
.product-template-default .summary .productPriceWrapper .bundleSavings .priceLabel {
  color: #ffffff;
  font-size: 11px;
  line-height: 12px;
  width: 100%;
  text-align: center;
  padding-bottom: 1px;
  font-weight: 500;
  font-family: "Joyride";
  text-transform: lowercase;
  padding-top: 5px;
}
.product-template-default .summary .productPriceWrapper .bundleSavings .priceSavings {
  color: #00a624;
  background: #ffffff;
  width: 100%;
  font-size: 22px;
  line-height: 24px;
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: bold;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.product-template-default #flavourSelectionHandler {
  display: none;
  margin-top: 20px;
  width: 100%;
  padding: 10px 15px;
  font-size: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
@media screen and (max-width: 768px) {
  .product-template-default #flavourSelectionHandler {
    display: block;
  }
}
@media screen and (max-width: 580px) {
  .product-template-default #flavourSelectionHandler {
    text-align: center;
  }
}
.product-template-default #flavourSelectionHandler.BRL {
  background: #284CC3;
  color: #ffffff;
}
.product-template-default #flavourSelectionHandler.BB {
  background: #b80000;
  color: #ffffff;
}
.product-template-default #flavourSelectionHandler.CT {
  background: #C1093F;
  color: #ffffff;
}
.product-template-default #flavourSelectionHandler.HMGR {
  background: #03CFE5;
  color: #202020;
}
.product-template-default #flavourSelectionHandler.lS {
  background: #FAC518;
  color: #202020;
}
.product-template-default #flavourSelectionHandler.MPBO {
  background: #FF4636;
  color: #ffffff;
}
.product-template-default #flavourSelectionHandler.SR {
  background: #8a3f95;
  color: #ffffff;
}
.product-template-default #flavourSelectionHandler.SWL {
  background: #F52759;
  color: #ffffff;
}
.product-template-default #flavourSelectionHandler.WFF {
  background: #A61B5A;
  color: #ffffff;
}
.product-template-default #flavourSelectionHandler.SA {
  background: #5EF641;
  color: #ffffff;
}
.product-template-default #flavourSelectionHandler option {
  background: #ffffff;
  color: #202020;
}
.product-template-default #beyondProductBio {
  width: 100%;
  margin-top: 45px;
  margin-bottom: 20px;
}
.product-template-default #productInformation {
  width: 100%;
  display: flex;
  padding-top: 80px;
  padding-bottom: 130px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  position: relative;
}
@media screen and (max-width: 768px) {
  .product-template-default #productInformation {
    padding-top: 30px;
    border-top: 1px solid #b3b3b3;
    padding-bottom: 30px;
  }
}
.product-template-default #productInformation h2 {
  margin: 0;
  padding: 0;
  margin-bottom: 12px;
  font-size: 41px;
  line-height: 45px;
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 15px;
}
.product-template-default #productInformation h2:after {
  content: "";
  width: 65px;
  background: #202020;
  height: 1px;
  position: absolute;
  bottom: 0px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .product-template-default #productInformation h2 {
    text-align: center;
    font-size: 20px;
    line-height: 23px;
  }
  .product-template-default #productInformation h2:after {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .product-template-default #productInformation h2 {
    margin-bottom: 10px;
  }
}
.product-template-default #productInformation .productDescriptionFull {
  margin-bottom: 30px;
}
.product-template-default #productInformation .productDescriptionFull p {
  margin: 0;
  padding: 0;
  font-size: 17px;
  line-height: 23px;
  font-weight: 300;
}
@media screen and (max-width: 480px) {
  .product-template-default #productInformation .productDescriptionFull p {
    text-align: center;
    font-size: 12px;
    line-height: 14px;
  }
}
.product-template-default #productInformation .productDescriptionFull ul {
  margin: 0;
  padding: 0;
  margin-left: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.product-template-default #productInformation .productDescriptionFull ul li {
  font-weight: 300;
  color: #202020;
}
.product-template-default #productInformation .productInformationContent {
  flex: 1;
  position: relative;
  margin-top: 35px;
}
.product-template-default #productInformation .productInformationContent:after {
  content: "";
  background-image: url("./assets/img/Beyond-VortexLogo-large.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
  position: absolute;
  top: -30px;
  right: 0;
}
@media screen and (max-width: 1200px) {
  .product-template-default #productInformation .productInformationContent:after {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .product-template-default #productInformation .productInformationContent {
    display: block;
    flex: none;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .product-template-default #productInformation .productInformationContent {
    margin-top: 15px;
  }
}
.product-template-default #productInformation .productInformationImageWrapper {
  flex: 1;
  margin-left: 160px;
}
@media screen and (max-width: 1400px) {
  .product-template-default #productInformation .productInformationImageWrapper {
    margin-left: 80px;
  }
}
@media screen and (max-width: 992px) {
  .product-template-default #productInformation .productInformationImageWrapper {
    display: none;
  }
}
.product-template-default .productSmallInfo {
  width: 100%;
}
.product-template-default .productSmallInfo .productInformationContent:after {
  display: none !important;
}
.product-template-default .productSmallInfo #productInformation {
  margin-bottom: 0;
  padding-bottom: 0;
}
.product-template-default #howToUseBeyond {
  margin: 0px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
  background: #E6E6E6;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .product-template-default #howToUseBeyond {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
.product-template-default #howToUseBeyond .howToUseTitleBar {
  width: 100%;
}
.product-template-default #howToUseBeyond .howToUseTitleBar h5 {
  font-family: "Joyride", Arial, Sans-serif;
  font-size: 120px;
  line-height: 140px;
  margin: 0;
  padding: 0;
  font-weight: 200;
  text-transform: lowercase;
  color: #202020;
}
@media screen and (max-width: 1700px) {
  .product-template-default #howToUseBeyond .howToUseTitleBar h5 {
    font-size: 100px;
    line-height: 125px;
  }
}
@media screen and (max-width: 1400px) {
  .product-template-default #howToUseBeyond .howToUseTitleBar h5 {
    font-size: 80px;
    line-height: 110px;
  }
}
@media screen and (max-width: 1200px) {
  .product-template-default #howToUseBeyond .howToUseTitleBar h5 {
    font-size: 60px;
    line-height: 60px;
  }
}
@media screen and (max-width: 992px) {
  .product-template-default #howToUseBeyond .howToUseTitleBar h5 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media screen and (max-width: 580px) {
  .product-template-default #howToUseBeyond .howToUseTitleBar h5 {
    font-size: 60px;
    line-height: 44px;
    width: 100%;
    text-align: center;
  }
  .product-template-default #howToUseBeyond .howToUseTitleBar h5 span {
    font-size: 38px;
    line-height: 44px;
    display: block;
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .product-template-default #howToUseBeyond .howToUseTitleBar h5 {
    font-size: 39px;
    line-height: 44px;
  }
}
.product-template-default #howToUseBeyond .howToUseTitleBar h5 span {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #202020;
}
.product-template-default #howToUseBeyond .howToUseTitleBar .bottomBorder {
  width: 100%;
  height: 3px;
  background: #7F7F7F;
  position: relative;
}
@media screen and (max-width: 768px) {
  .product-template-default #howToUseBeyond .howToUseTitleBar .bottomBorder {
    display: none;
  }
}
.product-template-default #howToUseBeyond .howToUseTitleBar .bottomBorder:before {
  content: "";
  width: 12px;
  height: 12px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: #7F7F7F;
  position: absolute;
  top: -5px;
  left: -1px;
}
.product-template-default #howToUseBeyond .howToUseTitleBar .bottomBorder:after {
  content: "";
  width: 12px;
  height: 12px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: #7F7F7F;
  position: absolute;
  top: -5px;
  right: -1px;
}
.product-template-default #howToUseBeyond ul.howToUseSteps {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 10px;
  row-gap: 40px;
  margin-top: 25px;
}
@media screen and (max-width: 992px) {
  .product-template-default #howToUseBeyond ul.howToUseSteps {
    grid-template-columns: 1fr 1fr;
  }
}
.product-template-default #howToUseBeyond ul.howToUseSteps img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.product-template-default #howToUseBeyond ul.howToUseSteps .infoBar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.product-template-default #howToUseBeyond ul.howToUseSteps .infoBar .singleNumber {
  color: #232323;
  font-size: 150px;
  line-height: 150px;
  font-family: "Joyride", Arial, Sans-serif;
}
@media screen and (max-width: 1400px) {
  .product-template-default #howToUseBeyond ul.howToUseSteps .infoBar .singleNumber {
    font-size: 120px;
    line-height: 120px;
  }
}
@media screen and (max-width: 580px) {
  .product-template-default #howToUseBeyond ul.howToUseSteps .infoBar .singleNumber {
    font-size: 72px;
    line-height: 72px;
  }
}
@media screen and (max-width: 370px) {
  .product-template-default #howToUseBeyond ul.howToUseSteps .infoBar .singleNumber {
    width: 100%;
    margin-top: 10px;
    text-align: center;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.product-template-default #howToUseBeyond ul.howToUseSteps .infoBar .singleStepGuide {
  flex: 1;
  padding-left: 15px;
}
@media screen and (max-width: 1400px) {
  .product-template-default #howToUseBeyond ul.howToUseSteps .infoBar .singleStepGuide p {
    font-size: 17px;
    line-height: 19px;
  }
}
@media screen and (max-width: 370px) {
  .product-template-default #howToUseBeyond ul.howToUseSteps .infoBar .singleStepGuide p {
    text-align: center;
  }
}
.product-template-default #beyondKeyPoints {
  width: 100%;
  margin: 0px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
  position: relative;
}
.product-template-default #beyondKeyPoints .keyPointsTitle {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondKeyPoints .keyPointsTitle {
    display: none;
  }
}
.product-template-default #beyondKeyPoints .keyPointsTitle h4 {
  margin: 0;
  padding: 0;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
  font-family: "Joyride", Arial, Sans-serif;
  font-size: 150px;
  line-height: 150px;
  margin: 0;
  padding: 0;
  font-weight: 200;
  text-transform: lowercase;
  margin-top: -30px;
  padding-bottom: 30px;
}
@media screen and (max-width: 1700px) {
  .product-template-default #beyondKeyPoints .keyPointsTitle h4 {
    font-size: 120px;
    line-height: 120px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 580px) {
  .product-template-default #beyondKeyPoints .keyPointsTitle {
    display: none;
  }
}
.product-template-default #beyondKeyPoints .keyPointsTitle:after {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("./assets/img/product-support-images/key-points/vortexTopClipped.png");
  position: absolute;
  width: 510px;
  height: 143px;
  z-index: 30;
  top: 0;
  right: 0;
}
@media screen and (max-width: 1700px) {
  .product-template-default #beyondKeyPoints .keyPointsTitle:after {
    top: -30px;
    width: 400px;
  }
}
@media screen and (max-width: 1400px) {
  .product-template-default #beyondKeyPoints .keyPointsTitle:after {
    display: none;
  }
}
@keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-10px);
  }
}
@-webkit-keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-10px);
  }
}
@keyframes bounceL {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounceL {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}
.product-template-default #beyondKeyPoints.tubs {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.product-template-default #beyondKeyPoints.tubs:before {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 164px;
  height: 164px;
  z-index: 80;
  top: -60px;
  right: 22%;
  animation: bounce 3s infinite alternate;
  -webkit-animation: bounce 3s infinite alternate;
}
@media screen and (max-width: 1400px) {
  .product-template-default #beyondKeyPoints.tubs:before {
    width: 100px;
    height: 100px;
    right: 10%;
    top: -30px;
  }
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondKeyPoints.tubs:before {
    display: none;
  }
}
.product-template-default #beyondKeyPoints.tubs:after {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 164px;
  height: 164px;
  z-index: 40;
  bottom: -60px;
  left: 30%;
  transform: rotate(160deg);
  animation-delay: 1.3s;
  animation: bounceL 3s infinite alternate;
  -webkit-animation: bounceL 3s infinite alternate;
}
@media screen and (max-width: 1400px) {
  .product-template-default #beyondKeyPoints.tubs:after {
    width: 100px;
    height: 100px;
    left: 14%;
    bottom: -30px;
  }
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondKeyPoints.tubs:after {
    display: none;
  }
}
.product-template-default #beyondKeyPoints.mangoPineappleOrange {
  background-image: url("./assets/img/product-support-images/key-points/MPBOtub.jpg");
  background-color: #FF4636;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondKeyPoints.mangoPineappleOrange {
    background-image: none;
  }
}
.product-template-default #beyondKeyPoints.mangoPineappleOrange:before {
  background-image: url("./assets/img/product-support-images/key-points/MPBOball.png");
}
.product-template-default #beyondKeyPoints.mangoPineappleOrange:after {
  background-image: url("./assets/img/product-support-images/key-points/MPBOball.png");
}
.product-template-default #beyondKeyPoints.blueRaspberryLemonade {
  background-image: url("./assets/img/product-support-images/key-points/BRLtub.jpg");
  background-color: #284CC3;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondKeyPoints.blueRaspberryLemonade {
    background-image: none;
  }
}
.product-template-default #beyondKeyPoints.blueRaspberryLemonade:before {
  background-image: url("./assets/img/product-support-images/key-points/BRLball.png");
}
.product-template-default #beyondKeyPoints.blueRaspberryLemonade:after {
  background-image: url("./assets/img/product-support-images/key-points/BRLball.png");
}
.product-template-default #beyondKeyPoints.cherryTwist {
  background-image: url("./assets/img/product-support-images/key-points/CTtub.jpg");
  background-color: #C1093F;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondKeyPoints.cherryTwist {
    background-image: none;
  }
}
.product-template-default #beyondKeyPoints.cherryTwist:before {
  background-image: url("./assets/img/product-support-images/key-points/CTball.png");
}
.product-template-default #beyondKeyPoints.cherryTwist:after {
  background-image: url("./assets/img/product-support-images/key-points/CTball.png");
}
.product-template-default #beyondKeyPoints.honeydewMelonGrape {
  background-image: url("./assets/img/product-support-images/key-points/HMGRtub.jpg");
  background-color: #03CFE5;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondKeyPoints.honeydewMelonGrape {
    background-image: none;
  }
}
.product-template-default #beyondKeyPoints.honeydewMelonGrape:before {
  background-image: url("./assets/img/product-support-images/key-points/HMGRball.png");
}
.product-template-default #beyondKeyPoints.honeydewMelonGrape:after {
  background-image: url("./assets/img/product-support-images/key-points/HMGRball.png");
}
.product-template-default #beyondKeyPoints.lemonSherbet {
  background-image: url("./assets/img/product-support-images/key-points/LStub.jpg");
  background-color: #FAC518;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondKeyPoints.lemonSherbet {
    background-image: none;
  }
}
.product-template-default #beyondKeyPoints.lemonSherbet:before {
  background-image: url("./assets/img/product-support-images/key-points/LSball.png");
}
.product-template-default #beyondKeyPoints.lemonSherbet:after {
  background-image: url("./assets/img/product-support-images/key-points/LSball.png");
}
.product-template-default #beyondKeyPoints.strawberryWatermelonLime {
  background-image: url("./assets/img/product-support-images/key-points/SWLtub.jpg");
  background-color: #F52759;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondKeyPoints.strawberryWatermelonLime {
    background-image: none;
  }
}
.product-template-default #beyondKeyPoints.strawberryWatermelonLime:before {
  background-image: url("./assets/img/product-support-images/key-points/SWLball.png");
}
.product-template-default #beyondKeyPoints.strawberryWatermelonLime:after {
  background-image: url("./assets/img/product-support-images/key-points/SWLball.png");
}
.product-template-default #beyondKeyPoints.wildForestFruits {
  background-image: url("./assets/img/product-support-images/key-points/WFFtub.jpg");
  background-color: #A61B5A;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondKeyPoints.wildForestFruits {
    background-image: none;
  }
}
.product-template-default #beyondKeyPoints.wildForestFruits:before {
  background-image: url("./assets/img/product-support-images/key-points/WFFball.png");
}
.product-template-default #beyondKeyPoints.wildForestFruits:after {
  background-image: url("./assets/img/product-support-images/key-points/WFFball.png");
}
.product-template-default #beyondKeyPoints.spaceRocks {
  background-image: url("./assets/img/product-support-images/key-points/SRtub.png"), linear-gradient(90deg, rgb(255, 43, 67) 0%, rgb(77, 55, 206) 100%);
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondKeyPoints.spaceRocks {
    background-image: none;
  }
}
.product-template-default #beyondKeyPoints.spaceRocks:before {
  background-image: url("./assets/img/product-support-images/key-points/SRball.png");
}
.product-template-default #beyondKeyPoints.spaceRocks:after {
  background-image: url("./assets/img/product-support-images/key-points/SRball.png");
}
.product-template-default #beyondKeyPoints.sourApple {
  background-image: url("./assets/img/product-support-images/key-points/SAtub.jpg"), linear-gradient(90deg, rgb(35, 130, 0) 0%, rgb(35, 130, 0) 100%);
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondKeyPoints.sourApple {
    background-image: none;
    background: rgb(35, 130, 0);
  }
}
.product-template-default #beyondKeyPoints.sourApple:before {
  background-image: url("./assets/img/product-support-images/key-points/SAball.png");
}
.product-template-default #beyondKeyPoints.sourApple:after {
  background-image: url("./assets/img/product-support-images/key-points/SAball.png");
}
.product-template-default #beyondKeyPoints.blackCurrant {
  background-image: url("./assets/img/product-support-images/key-points/BCTub.jpg"), linear-gradient(90deg, rgb(67, 40, 109) 0%, rgb(67, 40, 109) 100%);
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondKeyPoints.blackCurrant {
    background-image: none;
    background: rgb(67, 40, 109);
  }
}
.product-template-default #beyondKeyPoints.blackCurrant:before {
  background-image: url("./assets/img/product-support-images/key-points/BCBall.png");
}
.product-template-default #beyondKeyPoints.blackCurrant:after {
  background-image: url("./assets/img/product-support-images/key-points/BCBall.png");
}
.product-template-default #beyondKeyPoints.b4b {
  background-image: url("./assets/img/product-support-images/key-points/B4Btub.png"), linear-gradient(90deg, rgb(255, 0, 29) 0%, rgb(172, 0, 0) 100%);
  background-color: rgb(255, 43, 67);
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondKeyPoints.b4b {
    background-image: none;
  }
}
.product-template-default #beyondKeyPoints.b4b:before {
  background-image: url("./assets/img/product-support-images/key-points/B4Bball.png");
}
.product-template-default #beyondKeyPoints.b4b:after {
  background-image: url("./assets/img/product-support-images/key-points/B4Bball.png");
}
.product-template-default #beyondKeyPoints.sot {
  background-image: url("./assets/img/product-support-images/key-points/SOTtubmain.png"), linear-gradient(90deg, rgb(0, 175, 198) 0%, rgb(0, 208, 183) 100%);
  padding-top: 120px;
}
.product-template-default #beyondKeyPoints.sot:before {
  top: 0;
}
.product-template-default #beyondKeyPoints.sot .keyPointsTitle:after {
  display: none;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondKeyPoints.sot {
    background: linear-gradient(90deg, rgb(0, 175, 198) 0%, rgb(0, 208, 183) 100%);
  }
}
@media screen and (max-width: 580px) {
  .product-template-default #beyondKeyPoints.sot {
    padding-top: 20px;
    margin-top: 65px;
  }
}
.product-template-default #beyondKeyPoints.sot h4 {
  margin-top: -20px;
}
.product-template-default #beyondKeyPoints.sot:before {
  background-image: url("./assets/img/product-support-images/key-points/SOTball.png");
}
.product-template-default #beyondKeyPoints.sot:after {
  background-image: url("./assets/img/product-support-images/key-points/SOTball.png");
}
.product-template-default #beyondKeyPoints.pear {
  background-image: url("./assets/img/product-support-images/key-points/beardlyTubKeyPoint.png"), linear-gradient(90deg, rgb(232, 97, 139) 0%, rgb(232, 97, 139));
}
.product-template-default #beyondKeyPoints.pear:before {
  top: 0;
}
.product-template-default #beyondKeyPoints.pear .keyPointsTitle:after {
  display: none;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondKeyPoints.pear {
    background: linear-gradient(90deg, rgb(232, 97, 139) 0%, rgb(232, 97, 139) 100%);
  }
}
@media screen and (max-width: 580px) {
  .product-template-default #beyondKeyPoints.pear {
    padding-top: 20px;
    margin-top: 65px;
  }
}
.product-template-default #beyondKeyPoints.pear h4 {
  margin-top: -20px;
}
.product-template-default #beyondKeyPoints.pear:before {
  background-image: url("./assets/img/product-support-images/key-points/pearBall.png");
}
.product-template-default #beyondKeyPoints.pear:after {
  background-image: url("./assets/img/product-support-images/key-points/pearBall.png");
}
.product-template-default #beyondKeyPoints ul.keyPointsList {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  padding-bottom: 70px;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondKeyPoints ul.keyPointsList {
    padding-top: 70px;
  }
}
@media screen and (max-width: 768px) {
  .product-template-default #beyondKeyPoints ul.keyPointsList {
    grid-template-columns: 1fr;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.product-template-default #beyondKeyPoints ul.keyPointsList li.singlePoint {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
}
.product-template-default #beyondKeyPoints ul.keyPointsList li.singlePoint:last-of-type {
  margin-bottom: 0;
}
.product-template-default #beyondKeyPoints ul.keyPointsList li.singlePoint .pointIcon {
  margin-right: 35px;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondKeyPoints ul.keyPointsList li.singlePoint .pointIcon {
    margin-right: 16px;
  }
}
.product-template-default #beyondKeyPoints ul.keyPointsList li.singlePoint .pointIcon img {
  max-width: 90px;
  max-height: 90px;
}
@media screen and (max-width: 1400px) {
  .product-template-default #beyondKeyPoints ul.keyPointsList li.singlePoint .pointIcon img {
    max-width: 70px;
    max-height: 70px;
  }
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondKeyPoints ul.keyPointsList li.singlePoint .pointIcon img {
    max-width: 50px;
    max-height: 50px;
  }
}
.product-template-default #beyondKeyPoints ul.keyPointsList li.singlePoint .pointInfo {
  flex: 1;
}
.product-template-default #beyondKeyPoints ul.keyPointsList li.singlePoint .pointInfo h6 {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-weight: 600;
  font-family: "Work Sans", Arial, Sans-serif;
  text-transform: none;
  font-size: 27px;
  line-height: 32px;
  font-weight: 400;
}
@media screen and (max-width: 1400px) {
  .product-template-default #beyondKeyPoints ul.keyPointsList li.singlePoint .pointInfo h6 {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (max-width: 580px) {
  .product-template-default #beyondKeyPoints ul.keyPointsList li.singlePoint .pointInfo h6 {
    font-size: 18px;
    line-height: 21px;
  }
}
.product-template-default #beyondKeyPoints ul.keyPointsList li.singlePoint .pointInfo p {
  color: #ffffff;
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}
@media screen and (max-width: 1400px) {
  .product-template-default #beyondKeyPoints ul.keyPointsList li.singlePoint .pointInfo p {
    font-size: 15px;
    line-height: 17px;
  }
}
@media screen and (max-width: 580px) {
  .product-template-default #beyondKeyPoints ul.keyPointsList li.singlePoint .pointInfo p {
    font-size: 11px;
    line-height: 13px;
  }
}
.product-template-default #beyondKeyPoints ul.keyPointsList li.singlePoint:nth-child(even) {
  text-align: right;
}
@media screen and (max-width: 768px) {
  .product-template-default #beyondKeyPoints ul.keyPointsList li.singlePoint:nth-child(even) {
    text-align: left;
  }
}
.product-template-default #beyondKeyPoints ul.keyPointsList li.singlePoint:nth-child(even) .pointIcon {
  order: 2;
  margin-right: 0;
  margin-left: 35px;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondKeyPoints ul.keyPointsList li.singlePoint:nth-child(even) .pointIcon {
    margin-left: 16px;
  }
}
@media screen and (max-width: 768px) {
  .product-template-default #beyondKeyPoints ul.keyPointsList li.singlePoint:nth-child(even) .pointIcon {
    order: 1;
    margin-left: 0;
    margin-right: 16px;
  }
}
.product-template-default #beyondKeyPoints ul.keyPointsList li.singlePoint:nth-child(even) .pointInfo {
  order: 1;
}
@media screen and (max-width: 768px) {
  .product-template-default #beyondKeyPoints ul.keyPointsList li.singlePoint:nth-child(even) .pointInfo {
    order: 2;
  }
}
.product-template-default #whyBeyondNRG {
  width: 100%;
  margin: 0px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
  background: #E6E6E6;
  padding-top: 165px;
  padding-bottom: 165px;
}
@media screen and (max-width: 992px) {
  .product-template-default #whyBeyondNRG {
    padding-top: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid #707070;
  }
}
.product-template-default #whyBeyondNRG .whyBeyondHeroImage {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: none;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  flex: 1;
  margin-right: 130px;
  height: 636px;
}
@media screen and (max-width: 1200px) {
  .product-template-default #whyBeyondNRG .whyBeyondHeroImage {
    height: 500px;
    margin-right: 80px;
  }
}
@media screen and (max-width: 992px) {
  .product-template-default #whyBeyondNRG .whyBeyondHeroImage {
    flex: none;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 580px) {
  .product-template-default #whyBeyondNRG .whyBeyondHeroImage {
    max-width: 100%;
    height: 190px;
    background-position: top center;
    margin-right: 0;
  }
}
.product-template-default #whyBeyondNRG .whyBeyondFullContent {
  flex: 1;
  width: 100%;
}
@media screen and (max-width: 992px) {
  .product-template-default #whyBeyondNRG .whyBeyondFullContent {
    flex: none;
  }
}
@media screen and (max-width: 580px) {
  .product-template-default #whyBeyondNRG .whyBeyondFullContent {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
.product-template-default #whyBeyondNRG .whyBeyondFullContent .sectionDivideWrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 992px) {
  .product-template-default #whyBeyondNRG .whyBeyondFullContent .sectionDivideWrapper {
    justify-content: center;
  }
}
.product-template-default #whyBeyondNRG .whyBeyondFullContent .sectionDivideWrapper .sectionDivide {
  width: 44px;
  height: 1px;
  background: #707070;
  position: relative;
  display: inline-block;
}
.product-template-default #whyBeyondNRG .whyBeyondFullContent .whyBeyondBrandLogo {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 25px;
}
@media screen and (max-width: 992px) {
  .product-template-default #whyBeyondNRG .whyBeyondFullContent .whyBeyondBrandLogo {
    justify-content: center;
  }
}
.product-template-default #whyBeyondNRG .whyBeyondFullContent .whyBeyondBrandLogo img {
  max-height: 106px;
  max-width: 106px;
}
.product-template-default #whyBeyondNRG .whyBeyondFullContent h2.whyBeyondTitle {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 41px;
  line-height: 45px;
  max-width: 500px;
  margin-bottom: 25px;
}
@media screen and (max-width: 1200px) {
  .product-template-default #whyBeyondNRG .whyBeyondFullContent h2.whyBeyondTitle {
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 992px) {
  .product-template-default #whyBeyondNRG .whyBeyondFullContent h2.whyBeyondTitle {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 580px) {
  .product-template-default #whyBeyondNRG .whyBeyondFullContent h2.whyBeyondTitle {
    font-size: 20px;
    line-height: 23px;
    max-width: 100%;
  }
}
.product-template-default #whyBeyondNRG .whyBeyondFullContent h3.whyBeyondSubTitle {
  font-weight: 500;
  font-family: "Work Sans", Arial, Sans-serif;
  text-transform: none;
  letter-spacing: -0.1px;
  font-size: 30px;
  line-height: 35px;
}
@media screen and (max-width: 1200px) {
  .product-template-default #whyBeyondNRG .whyBeyondFullContent h3.whyBeyondSubTitle {
    font-size: 25px;
    line-height: 28px;
  }
}
@media screen and (max-width: 992px) {
  .product-template-default #whyBeyondNRG .whyBeyondFullContent h3.whyBeyondSubTitle {
    text-align: center;
  }
}
@media screen and (max-width: 580px) {
  .product-template-default #whyBeyondNRG .whyBeyondFullContent h3.whyBeyondSubTitle {
    text-align: center;
    font-size: 22px;
    line-height: 26px;
  }
}
.product-template-default #whyBeyondNRG .whyBeyondFullContent .whyBeyondContent {
  width: 100%;
}
.product-template-default #whyBeyondNRG .whyBeyondFullContent .whyBeyondContent p {
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}
@media screen and (max-width: 1200px) {
  .product-template-default #whyBeyondNRG .whyBeyondFullContent .whyBeyondContent p {
    font-size: 15px;
    line-height: 18px;
  }
}
@media screen and (max-width: 992px) {
  .product-template-default #whyBeyondNRG .whyBeyondFullContent .whyBeyondContent p {
    text-align: center;
  }
}
@media screen and (max-width: 580px) {
  .product-template-default #whyBeyondNRG .whyBeyondFullContent .whyBeyondContent p {
    font-size: 10px;
    line-height: 12px;
  }
}
.product-template-default #whyBeyondNRG .whyBeyondFullContent h5.whyBeyondClosingTitle {
  width: 100%;
  margin: 0;
  padding: 0;
  margin-top: 25px;
  max-width: 530px;
}
@media screen and (max-width: 1200px) {
  .product-template-default #whyBeyondNRG .whyBeyondFullContent h5.whyBeyondClosingTitle {
    font-size: 20px;
    line-height: 23px;
  }
}
@media screen and (max-width: 992px) {
  .product-template-default #whyBeyondNRG .whyBeyondFullContent h5.whyBeyondClosingTitle {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 580px) {
  .product-template-default #whyBeyondNRG .whyBeyondFullContent h5.whyBeyondClosingTitle {
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    font-weight: 500;
    margin-top: 15px;
    max-width: 100%;
  }
}
.product-template-default #moreBeyondFAQ {
  width: 100%;
  padding-bottom: 180px;
  margin: 0px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
  background: #E6E6E6;
}
@media screen and (max-width: 992px) {
  .product-template-default #moreBeyondFAQ {
    padding-bottom: 60px;
  }
}
.product-template-default #moreBeyondFAQ .beyondAccordianQuestion {
  cursor: pointer;
}
.product-template-default #moreBeyondFAQ .beyondAccordianQuestion:hover {
  background: none;
}
.product-template-default #moreBeyondFAQ .moreBeyondTitleBar {
  position: relative;
  width: 100%;
}
.product-template-default #moreBeyondFAQ .moreBeyondTitleBar:before {
  content: "";
  background-image: url("./assets/img/beyondOutlineDarkBG.jpg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
  position: absolute;
  top: -30px;
  right: 0;
}
@media screen and (max-width: 992px) {
  .product-template-default #moreBeyondFAQ .moreBeyondTitleBar:before {
    display: none;
  }
}
.product-template-default #moreBeyondFAQ h4 {
  width: 100%;
  font-size: 41px;
  line-height: 45px;
  padding-bottom: 25px;
  margin-bottom: 25px;
  position: relative;
  max-width: 400px;
  width: 100%;
}
.product-template-default #moreBeyondFAQ h4:after {
  content: "";
  width: 65px;
  background: #707070;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 992px) {
  .product-template-default #moreBeyondFAQ h4 {
    text-align: center;
    font-size: 20px;
    line-height: 23px;
    margin-left: auto;
    margin-right: auto;
    margni-bottom: 0;
    padding: 0;
    max-width: 80%;
  }
  .product-template-default #moreBeyondFAQ h4:after {
    display: none;
  }
}
.product-template-default #moreBeyondFAQ .moreAboutBeyondContent {
  width: 100%;
  flex: 1;
}
@media screen and (max-width: 992px) {
  .product-template-default #moreBeyondFAQ .moreAboutBeyondContent {
    flex: none;
  }
}
.product-template-default #moreBeyondFAQ .moreAboutBeyondImage {
  width: 100%;
  flex: 1;
  margin-left: 120px;
}
@media screen and (max-width: 992px) {
  .product-template-default #moreBeyondFAQ .moreAboutBeyondImage {
    display: none;
  }
}
.product-template-default #moreBeyondFAQ .moreAboutBeyondImage .moreBeyondImage {
  height: 630px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.product-template-default #beyondFormula {
  background: #1f1f1f;
  margin: 0px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
  position: relative;
  overflow: hidden;
  padding-top: 155px;
  padding-bottom: 155px;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondFormula {
    padding-top: 65px;
    padding-bottom: 65px;
  }
}
.product-template-default #beyondFormula:after {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("./assets/img/product-support-images/beyondRockMaster.jpg");
  position: absolute;
  z-index: 30;
  width: 1300px;
  height: 1300px;
  left: 20%;
  top: -60%;
  transform: rotate(-15deg);
}
@media screen and (max-width: 580px) {
  .product-template-default #beyondFormula:after {
    width: 600px;
    height: 700px;
    left: -250px;
    top: -20px;
  }
}
.product-template-default #beyondFormula ul.formulaPoints {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  z-index: 40;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  row-gap: 50px;
  column-gap: 25px;
}
@media screen and (max-width: 1024px) {
  .product-template-default #beyondFormula ul.formulaPoints {
    grid-template-columns: 1fr;
  }
}
.product-template-default #beyondFormula ul.formulaPoints li.singleFormulaPoint {
  color: #ffffff;
  border: #ffffff solid 2px;
  width: 100%;
  padding: 20px;
  min-height: 390px;
  text-align: center;
  background-color: rgba(46, 46, 46, 0.24);
  backdrop-filter: blur(10px) brightness(95%);
  -webkit-backdrop-filter: blur(10px);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  font-family: "Joyride", Arial, Sans-serif;
  text-transform: lowercase;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  line-height: 30px;
}
@media screen and (max-width: 1024px) {
  .product-template-default #beyondFormula ul.formulaPoints li.singleFormulaPoint {
    font-size: 20px;
    line-height: 23px;
    min-height: 20px;
  }
}
.product-template-default #beyondFormulaBreakdown {
  padding-top: 125px;
  padding-bottom: 125px;
  background: #F7F7F7;
  margin: 0px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
}
.product-template-default #beyondFormulaBreakdown .innerFormulaWrapper {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 70px;
  row-gap: 45px;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondFormulaBreakdown .innerFormulaWrapper {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondFormulaBreakdown {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.product-template-default #beyondFormulaBreakdown .focusFormulaBlock {
  background: #ffffff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 50px 80px;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondFormulaBreakdown .focusFormulaBlock {
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.product-template-default #beyondFormulaBreakdown .focusFormulaBlock h4 {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 41px;
  line-height: 45px;
  text-align: center;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondFormulaBreakdown .focusFormulaBlock h4 {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 5px;
    max-width: 300px;
  }
}
.product-template-default #beyondFormulaBreakdown .focusFormulaBlock .formulaBreakdownImage {
  width: 100%;
  text-align: center;
}
.product-template-default #beyondFormulaBreakdown .focusFormulaBlock h5 {
  margin: 0;
  padding: 0;
  font-family: "Work Sans";
  text-transform: none;
  font-weight: 500;
  width: 100%;
  font-size: 30px;
  line-height: 35px;
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media screen and (max-width: 580px) {
  .product-template-default #beyondFormulaBreakdown .focusFormulaBlock h5 {
    font-size: 22px;
    line-height: 25px;
    text-align: center;
    margin-top: 15px;
    max-width: 80%;
  }
}
.product-template-default #beyondFormulaBreakdown .focusFormulaBlock p {
  margin: 0;
  padding: 0;
  width: 100%;
  margin-top: 28px;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 580px) {
  .product-template-default #beyondFormulaBreakdown .focusFormulaBlock p {
    font-size: 11px;
    line-height: 13px;
    margin-top: 10px;
  }
}
.product-template-default #beyondFormulaBreakdown .focusFormulaBreakdown {
  background: #ffffff;
  padding: 50px 80px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondFormulaBreakdown .focusFormulaBreakdown {
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.product-template-default #beyondFormulaBreakdown .focusFormulaBreakdown h4 {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 41px;
  line-height: 48px;
  margin-bottom: 20px;
  max-width: 80%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 580px) {
  .product-template-default #beyondFormulaBreakdown .focusFormulaBreakdown h4 {
    text-align: center;
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 5px;
  }
}
.product-template-default #beyondFormulaBreakdown .focusFormulaBreakdown .beyondFormulaChart {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 580px) {
  .product-template-default #beyondFormulaBreakdown .focusFormulaBreakdown .beyondFormulaChart {
    margin-top: 15px;
    margin-bottom: 30px;
  }
}
.product-template-default #beyondFormulaBreakdown .focusFormulaBreakdown .beyondFormulaChart img {
  max-width: 420px;
}
@media screen and (max-width: 580px) {
  .product-template-default #beyondFormulaBreakdown .focusFormulaBreakdown .beyondFormulaChart img {
    max-width: 220px;
  }
}
.product-template-default #beyondFormulaBreakdown .focusFormulaBreakdown ul.formulaBreakdownList {
  margin: 0;
  padding: 0;
  list-style: none;
}
.product-template-default #beyondFormulaBreakdown .focusFormulaBreakdown ul.formulaBreakdownList li.singleBreakdownBar {
  width: 100%;
  margin-top: 10px;
}
.product-template-default #beyondFormulaBreakdown .focusFormulaBreakdown ul.formulaBreakdownList li.singleBreakdownBar:first-of-type {
  margin-top: 0;
}
.product-template-default #beyondFormulaBreakdown .focusFormulaBreakdown ul.formulaBreakdownList li.singleBreakdownBar .breakdownBar {
  width: 100%;
}
.product-template-default #beyondFormulaBreakdown .focusFormulaBreakdown ul.formulaBreakdownList li.singleBreakdownBar .breakdownBar .breakdownBarFill {
  height: 5px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.product-template-default #beyondFormulaBreakdown .focusFormulaBreakdown ul.formulaBreakdownList li.singleBreakdownBar .breakdownBar .breakdownBarFill.red {
  background: #F05041;
}
.product-template-default #beyondFormulaBreakdown .focusFormulaBreakdown ul.formulaBreakdownList li.singleBreakdownBar .breakdownBar .breakdownBarFill.dark-orange {
  background: #AA3A7F;
}
.product-template-default #beyondFormulaBreakdown .focusFormulaBreakdown ul.formulaBreakdownList li.singleBreakdownBar .breakdownBar .breakdownBarFill.orange {
  background: #3D407D;
}
.product-template-default #beyondFormulaBreakdown .focusFormulaBreakdown ul.formulaBreakdownList li.singleBreakdownBar .breakdownBar .breakdownBarFill.light-orange {
  background: #00314A;
}
.product-template-default #beyondFormulaBreakdown .focusFormulaBreakdown ul.formulaBreakdownList li.singleBreakdownBar .breakdownBar .breakdownBarFill.yellow {
  background: #F89000;
}
.product-template-default #beyondFormulaBreakdown .focusFormulaBreakdown ul.formulaBreakdownList li.singleBreakdownBar .breakdownContent {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  line-height: 14px;
  color: #232323;
  margin-top: 5px;
}
.product-template-default #beyondFormulaBreakdown .focusFormulaBreakdown .beyondProductAccordian {
  margin-top: 30px;
}
@media screen and (max-width: 580px) {
  .product-template-default #beyondFormulaBreakdown .focusFormulaBreakdown .beyondProductAccordian {
    margin-bottom: 30px;
  }
}
.product-template-default #beyondProductImages {
  width: 100%;
  margin: 0px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
  background: #E6E6E6;
  padding-top: 140px;
  padding-bottom: 140px;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondProductImages {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.product-template-default #beyondProductImages .beyondImageGrid {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
  row-gap: 20px;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondProductImages .beyondImageGrid {
    grid-template-columns: 1fr;
  }
}
.product-template-default #beyondProductImages .beyondImageGrid .productImage {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.product-template-default #beyondProductImages .beyondImageGrid .subImages {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
  row-gap: 20px;
}
@media screen and (max-width: 580px) {
  .product-template-default #beyondProductImages .beyondImageGrid .subImages {
    column-gap: 8px;
  }
}
.product-template-default #beyondProductImages .beyondImageGrid .subImages .imageTall {
  height: 750px;
}
@media screen and (max-width: 580px) {
  .product-template-default #beyondProductImages .beyondImageGrid .subImages .imageTall {
    height: 264px;
  }
}
.product-template-default #beyondProductImages .beyondImageGrid .subImages .squareStacked {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 20px;
  row-gap: 20px;
}
@media screen and (max-width: 580px) {
  .product-template-default #beyondProductImages .beyondImageGrid .subImages .squareStacked {
    row-gap: 8px;
  }
}
.product-template-default #beyondProductImages .beyondImageGrid .mainImage {
  width: 100%;
  height: 750px;
}
@media screen and (max-width: 580px) {
  .product-template-default #beyondProductImages .beyondImageGrid .mainImage {
    height: 190px;
    margin-top: 8px;
  }
}
.product-template-default #beyondBreakdown {
  padding-top: 70px;
  padding-bottom: 70px;
  position: relative;
  background: #F7F7F7;
  margin: 0px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondBreakdown {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.product-template-default #beyondBreakdown ul.beyondBreakdownSections {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondBreakdown ul.beyondBreakdownSections {
    grid-template-columns: 1fr;
  }
}
.product-template-default #beyondBreakdown ul.beyondBreakdownSections li.singleBeyondBreakdown {
  text-align: center;
  border-right: 1px solid #707070;
  padding: 50px 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
.product-template-default #beyondBreakdown ul.beyondBreakdownSections li.singleBeyondBreakdown:last-of-type {
  border-right: 0px;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondBreakdown ul.beyondBreakdownSections li.singleBeyondBreakdown {
    border-top: 1px solid #707070;
    border-right: 0;
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 0;
    padding-right: 0;
  }
  .product-template-default #beyondBreakdown ul.beyondBreakdownSections li.singleBeyondBreakdown:last-of-type {
    border-bottom: 1px solid #707070;
  }
}
.product-template-default #beyondBreakdown ul.beyondBreakdownSections li.singleBeyondBreakdown h4 {
  margin: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 20px;
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .product-template-default #beyondBreakdown ul.beyondBreakdownSections li.singleBeyondBreakdown h4 {
    font-size: 19px;
    line-height: 19px;
    max-width: 100%;
  }
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondBreakdown ul.beyondBreakdownSections li.singleBeyondBreakdown h4 {
    font-size: 20px;
    line-height: 23px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
.product-template-default #beyondBreakdown ul.beyondBreakdownSections li.singleBeyondBreakdown h5 {
  margin: 0;
  padding: 0;
  text-align: center;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-size: 28px;
  line-height: 30px;
  margin-bottom: 40px;
  margin-top: 30px;
}
.product-template-default #beyondBreakdown ul.beyondBreakdownSections li.singleBeyondBreakdown h5:first-of-type {
  margin-top: 0;
}
.product-template-default #beyondBreakdown ul.beyondBreakdownSections li.singleBeyondBreakdown h5:last-of-type {
  margin-bottom: 0;
}
.product-template-default #beyondBreakdown ul.beyondBreakdownSections li.singleBeyondBreakdown h5 strong {
  color: #F05041;
}
@media screen and (max-width: 1200px) {
  .product-template-default #beyondBreakdown ul.beyondBreakdownSections li.singleBeyondBreakdown h5 {
    font-size: 19px;
    line-height: 19px;
    max-width: 100%;
  }
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondBreakdown ul.beyondBreakdownSections li.singleBeyondBreakdown h5 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 30px;
    width: 100%;
  }
}
.product-template-default #beyondBreakdown ul.beyondBreakdownSections li.singleBeyondBreakdown img {
  max-width: 94%;
  margin-left: 3%;
  margin-right: 3%;
}
@media screen and (max-width: 768px) {
  .product-template-default #beyondBreakdown ul.beyondBreakdownSections li.singleBeyondBreakdown img {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}
.product-template-default #beyondBreakdown ul.beyondBreakdownSections li.singleBeyondBreakdown .britishCertification {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 220px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondBreakdown ul.beyondBreakdownSections li.singleBeyondBreakdown .britishCertification {
    width: 100%;
    max-width: 100%;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .product-template-default #beyondBreakdown ul.beyondBreakdownSections li.singleBeyondBreakdown .britishCertification img {
    margin-right: 5px;
    margin-left: 0;
  }
}
.product-template-default #beyondBreakdown ul.beyondBreakdownSections li.singleBeyondBreakdown .britishCertification p {
  margin: 0;
  padding: 0;
  font-size: 10px;
  line-height: 11px;
  margin-left: 15px;
  color: #232323;
}
.product-template-default #beyondBreakdown ul.beyondBreakdownSections li.singleBeyondBreakdown .britishCertification p a {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .product-template-default #beyondBreakdown ul.beyondBreakdownSections li.singleBeyondBreakdown .britishCertification p {
    max-width: 150px;
  }
}
.product-template-default #beyondBreakdown ul.beyondBreakdownSections li.singleBeyondBreakdown .shippingBreakdown {
  margin-top: 15px;
}
.product-template-default #beyondBreakdown ul.beyondBreakdownSections li.singleBeyondBreakdown .shippingBreakdown p {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 17px;
  font-weight: 300;
}
.product-template-default #beyondBreakdown ul.beyondBreakdownSections li.singleBeyondBreakdown .shippingBreakdown p strong {
  font-weight: 700;
}
.product-template-default #beyondBreakdown ul.beyondBreakdownSections li.singleBeyondBreakdown .shippingBreakdown p:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondBreakdown ul.beyondBreakdownSections li.singleBeyondBreakdown .shippingBreakdown p {
    text-align: center;
    font-size: 10px;
    line-height: 12px;
  }
}
@media screen and (max-width: 1200px) {
  .product-template-default #beyondBreakdown ul.beyondBreakdownSections li.singleBeyondBreakdown video {
    max-width: 220px;
  }
}
.product-template-default #bhReviewWall {
  background: #F7F7F7;
  margin: 0px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
}
.product-template-default #bhReviewWall.productReviewWall {
  width: 100%;
  margin: 0px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
}
.product-template-default #beyondTrustpilotReviews {
  width: 100%;
  margin: 0px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
  padding-top: 60px;
  padding-bottom: 150px;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondTrustpilotReviews {
    padding-top: 0px;
    padding-bottom: 70px;
  }
}
.product-template-default #beyondTrustpilotReviews .trustPilotReviewSlider {
  overflow-x: hidden;
}
.product-template-default #beyondTrustpilotReviews h6 {
  margin: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 10px;
  font-size: 41px;
  line-height: 48px;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondTrustpilotReviews h6 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    line-height: 23px;
  }
}
.product-template-default #beyondTrustpilotReviews .trustpilotContainer {
  margin-bottom: 60px;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondTrustpilotReviews .trustpilotContainer {
    margin-bottom: 25px;
  }
}
.product-template-default #beyondTrustpilotReviews .trustPilotReviewSlider {
  width: 100%;
}
.product-template-default #beyondTrustpilotReviews .trustPilotReviewSlider .swiper-container {
  width: 100%;
  height: 100%;
}
.product-template-default #beyondTrustpilotReviews .trustPilotReviewSlider .swiper-container .swiper-slide {
  height: auto;
  align-self: stretch;
}
.product-template-default #beyondTrustpilotReviews .trustPilotReviewSlider .swiper-container .swiper-slide .innerContent {
  background: #ffffff;
  padding: 40px 30px;
  box-sizing: border-box;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  height: 100%;
}
.product-template-default #beyondTrustpilotReviews .trustPilotReviewSlider .swiper-container .swiper-slide .innerContent .reviewHeader {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 25px;
  margin-bottom: 8px;
  border-bottom: 1px solid #707070;
}
.product-template-default #beyondTrustpilotReviews .trustPilotReviewSlider .swiper-container .swiper-slide .innerContent .reviewHeader .profilePic .profilePicFull {
  width: 60px;
  height: 60px;
  background: #E6E6E6;
  -webkit-border-radius: 55px;
  -moz-border-radius: 55px;
  border-radius: 55px;
}
.product-template-default #beyondTrustpilotReviews .trustPilotReviewSlider .swiper-container .swiper-slide .innerContent .reviewHeader .reviewDetails {
  flex: 1;
  padding-left: 10px;
}
.product-template-default #beyondTrustpilotReviews .trustPilotReviewSlider .swiper-container .swiper-slide .innerContent .reviewHeader .reviewDetails .userName {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 19px;
  line-height: 23px;
  letter-spacing: -0.1px;
  color: #202020;
  font-weight: 600;
  margin-bottom: 5px;
}
.product-template-default #beyondTrustpilotReviews .trustPilotReviewSlider .swiper-container .swiper-slide .innerContent .reviewHeader .reviewDetails .starRating {
  width: 100%;
}
.product-template-default #beyondTrustpilotReviews .trustPilotReviewSlider .swiper-container .swiper-slide .innerContent .reviewHeader .reviewDetails .starRating img {
  max-width: 180px;
}
.product-template-default #beyondTrustpilotReviews .trustPilotReviewSlider .swiper-container .swiper-slide .innerContent .reviewContent p.reviewTitle {
  margin: 0;
  padding: 0;
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 19px;
  line-height: 23px;
  letter-spacing: -0.1px;
  color: #202020;
  text-align: left;
}
.product-template-default #beyondTrustpilotReviews .trustPilotReviewSlider .swiper-container .swiper-slide .innerContent .reviewContent p.reviewContent {
  color: #202020;
  text-align: left;
  font-size: 12px;
  line-height: 13px;
}
.product-template-default #beyondPartners {
  margin: 0px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
  background: #E6E6E6;
  padding-top: 90px;
  padding-bottom: 90px;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondPartners {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.product-template-default #beyondPartners h4 {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 70px;
  font-size: 41px;
  line-height: 48px;
  font-weight: 600;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondPartners h4 {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 25px;
  }
}
.product-template-default #beyondPartners ul.productPartnersList {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  row-gap: 45px;
  justify-content: space-between;
}
@media screen and (max-width: 1200px) {
  .product-template-default #beyondPartners ul.productPartnersList {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondPartners ul.productPartnersList {
    grid-template-columns: 1fr 1fr;
    row-gap: 30px;
    column-gap: 10px;
  }
}
.product-template-default #beyondPartners ul.productPartnersList li.singleLogo {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-template-default #beyondPartners ul.productPartnersList li.singleLogo img {
  max-width: 220px;
}
@media screen and (max-width: 580px) {
  .product-template-default #beyondPartners ul.productPartnersList li.singleLogo img {
    max-width: 130px;
  }
}
.product-template-default #beyondRecommended {
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  margin: 0px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
  background: #ffffff;
  overflow-x: hidden;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondRecommended {
    padding-top: 50px;
    padding-bottom: 100px;
  }
}
.product-template-default #beyondRecommended h6 {
  margin: 0;
  padding: 0;
  margin-bottom: 25px;
  text-align: center;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-size: 41px;
  line-height: 45px;
}
@media screen and (max-width: 992px) {
  .product-template-default #beyondRecommended h6 {
    font-size: 20px;
    line-height: 23px;
  }
}
.product-template-default #beyondRecommended .recommendedProductSlider {
  width: 100%;
}
.product-template-default #beyondRecommended .recommendedProductSlider .swiper-slide {
  height: auto;
  align-self: stretch;
}
.product-template-default #beyondRecommended .recommendedProductSlider .swiper-slide a {
  text-decoration: none;
  height: 100%;
}
.product-template-default #beyondRecommended .recommendedProductSlider .swiper-slide .productCard {
  background: #ffffff;
  padding: 20px;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.product-template-default #beyondRecommended .recommendedProductSlider .swiper-slide .productCard h3 {
  margin: 0;
  padding: 0;
  color: #202020;
  font-family: "Work Sans";
  font-weight: 500;
  text-transform: none;
  font-size: 19px;
  line-height: 23px;
  letter-spacing: -0.1px;
}
.product-template-default #beyondRecommended .recommendedProductSlider .swiper-slide .productCard .recProductImage {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.product-template-default #beyondRecommended .recommendedProductSlider .swiper-slide .productCard .recProductImage img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.product-template-default #beyondRecommended .recommendedProductSlider .swiper-slide .productCard .recProductInfo {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-self: flex-end;
  margin-top: 20px;
}
.product-template-default #beyondRecommended .recommendedProductSlider .swiper-slide .productCard .recProductInfo .titleBar {
  flex: 4;
}
.product-template-default #beyondRecommended .recommendedProductSlider .swiper-slide .productCard .recProductInfo .productData {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-left: 15px;
}
.product-template-default #beyondRecommended .recommendedProductSlider .swiper-slide .productCard .recProductInfo .productData p.price {
  margin: 0;
  padding: 0;
  font-size: 19px;
  line-height: 23px;
  letter-spacing: -0.1px;
  font-weight: 600;
  color: #202020;
}
.product-template-default #beyondRecommended .recommendedProductSlider .swiper-slide .productCard .recProductInfo .productData p.microData {
  color: #202020;
  font-size: 11px;
  line-height: 11px;
  margin: 0;
  padding: 0;
  margin-top: 10px;
}
.product-template-default #beyondRecommended .recommendedProductSlider .swiper-slide .productCard .productButtonView {
  width: 100%;
  margin-top: 20px;
  background: #202020;
  color: #ffffff;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 19px;
  line-height: 19px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
}
.product-template-default #beyondRecommended .recommendedProductSlider .swiper-slide:hover .productButtonView {
  background: #F05041;
  color: #ffffff;
}
.product-template-default .promoFooter, .product-template-default .site-footer {
  margin-top: 0;
}

@media screen and (max-width: 480px) {
  .summary .cart {
    text-align: center;
  }
}

.single_add_to_cart_button, .custom-add-to-cart-button {
  background: #F05041;
  color: #ffffff;
  width: 100%;
  box-shadow: 0;
  border: 0;
  padding: 0;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  font-size: 18px;
  line-height: 18px;
  cursor: pointer;
  padding-top: 14px;
  padding-bottom: 14px;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  display: block;
  text-align: center;
}
.single_add_to_cart_button:visited, .custom-add-to-cart-button:visited {
  color: #ffffff;
  background: #F05041;
}
.single_add_to_cart_button:focus, .custom-add-to-cart-button:focus {
  background: #d42111;
  color: #ffffff;
}
.single_add_to_cart_button:hover, .custom-add-to-cart-button:hover {
  background: #d42111;
  color: #ffffff;
}

.custom-add-to-cart-button {
  margin-top: 25px;
}

.byob-product-summary .single_add_to_cart_button {
  display: none !important;
}
.byob-product-summary .wc-stripe-payment-request-button-separator {
  display: none !important;
  width: 80% !important;
}
@media screen and (max-width: 480px) {
  .byob-product-summary .wc-stripe-payment-request-button-separator {
    width: 100% !important;
  }
}
.byob-product-summary .wc-stripe-payment-request-wrapper {
  display: none !important;
  width: 80% !important;
}
@media screen and (max-width: 480px) {
  .byob-product-summary .wc-stripe-payment-request-wrapper {
    width: 100% !important;
  }
}

option[default] {
  display: none;
}

section#productTubSelector {
  width: 100%;
  margin: 0px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
  position: relative;
  background: #ffffff;
  padding-top: 50px;
  padding-bottom: 50px;
}
section#productTubSelector .wrapper {
  align-items: center;
  justify-content: space-between;
}
section#productTubSelector .arrow-left {
  height: 100%;
  cursor: pointer;
}
section#productTubSelector .arrow-right {
  height: 100%;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  section#productTubSelector {
    display: none;
  }
}
section#productTubSelector .swiper-flavourSelect {
  width: 96%;
  overflow: hidden;
}
section#productTubSelector .swiper-slide {
  height: auto;
  align-self: stretch;
}
section#productTubSelector .swiper-slide.blueRaspberry:hover .productCard {
  background-color: #284CC3;
  color: #ffffff;
}
section#productTubSelector .swiper-slide.lemonSherbet:hover .productCard {
  background-color: #FAC518;
  color: #ffffff;
}
section#productTubSelector .swiper-slide.cherryTwist:hover .productCard {
  background-color: #C1093F;
  color: #ffffff;
}
section#productTubSelector .swiper-slide.honeydewMelon:hover .productCard {
  background-color: #03CFE5;
  color: #ffffff;
}
section#productTubSelector .swiper-slide.mangoPineapple:hover .productCard {
  background-color: #FF4636;
  color: #ffffff;
}
section#productTubSelector .swiper-slide.wildForestFruits:hover .productCard {
  background-color: #A61B5A;
  color: #ffffff;
}
section#productTubSelector .swiper-slide.strawberryWatermelon:hover .productCard {
  background-color: #F52759;
  color: #ffffff;
}
section#productTubSelector .swiper-slide.sourApple:hover .productCard {
  background-color: #5EF641;
  color: #ffffff;
}
section#productTubSelector .swiper-slide.bloodBerry:hover .productCard {
  background-color: #b80000;
  color: #ffffff;
}
section#productTubSelector .swiper-slide.spaceRocks:hover .productCard {
  background: linear-gradient(0deg, rgb(255, 43, 67) 0%, rgb(77, 55, 206) 100%);
  color: #ffffff;
}
section#productTubSelector .swiper-slide.athenaColada:hover .productCard {
  background-color: #00FAA4;
  color: #ffffff;
}
section#productTubSelector .swiper-slide a {
  text-decoration: none;
  height: 100%;
}
section#productTubSelector .swiper-slide .productCard {
  background: #F7F7F7;
  padding: 20px;
  height: 100%;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  box-sizing: border-box;
  max-width: 193px;
  max-height: 230px;
  transition: all ease-in-out 0.2s;
  position: relative;
  cursor: pointer;
}
section#productTubSelector .swiper-slide .productCard .microFlavourText {
  opacity: 0;
  color: #ffffff;
  font-size: 13px;
  line-height: 14px;
  transition: all ease-in-out 0.3s;
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  padding-left: 20px;
  padding-right: 20px;
  top: 0;
  left: 0;
}
section#productTubSelector .swiper-slide .productCard img {
  transform: scale(0.7, 0.7);
  -ms-transform: scale(0.7, 0.7);
  -webkit-transform: scale(0.7, 0.7);
  transition: all ease-in-out 0.2s;
}
section#productTubSelector .swiper-slide .productCard:hover .microFlavourText {
  opacity: 1;
  color: #ffffff;
}
section#productTubSelector .swiper-slide .productCard:hover img {
  transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  opacity: 0.4;
}

@media screen and (max-width: 768px) {
  #single-product__product-bio-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
  }
}
@media screen and (max-width: 480px) {
  #single-product__product-bio-wrapper {
    width: 100%;
  }
}
#single-product__product-bio-wrapper h5 {
  margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
  #single-product__product-bio-wrapper h5 {
    text-align: center;
  }
}
#single-product__product-bio-wrapper .product-bio__serving-size {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
}
#single-product__product-bio-wrapper .product-bio__serving-size .product-bio__single-image-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#single-product__product-bio-wrapper .product-bio__serving-size .product-bio__single-image-label img {
  max-width: 75px;
  margin-right: 15px;
}
#single-product__product-bio-wrapper .product-bio__serving-size p {
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 16px;
  color: #202020;
}
#single-product__product-bio-wrapper .outOfStockMessage {
  background: #f8d7da;
  border: 1px solid #f5c6cb;
  color: #721c24;
  padding: 15px;
  text-align: center;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  max-width: 80%;
  margin-top: 20px;
  margin-bottom: 20px;
}
#single-product__product-bio-wrapper .product-bio__outOfStock {
  width: 100%;
  background: #F05041;
  padding: 25px 30px;
  margin-bottom: 25px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  max-width: 418px;
}
#single-product__product-bio-wrapper .product-bio__outOfStock .options {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#single-product__product-bio-wrapper .product-bio__outOfStock .choice-button {
  width: 48%;
  height: 150px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#single-product__product-bio-wrapper .product-bio__outOfStock h4 {
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 5px;
  color: #ffffff;
}
#single-product__product-bio-wrapper .product-bio__outOfStock p {
  font-size: 16px;
  line-height: 20px;
  color: #F7F7F7;
  padding: 0;
  margin: 0;
  text-align: left;
}
#single-product__product-bio-wrapper .product-bio__outOfStock .good-news {
  display: block;
  margin-top: 15px;
}
#single-product__product-bio-wrapper .product-bio__outOfStock .bad-news {
  display: block;
}
#single-product__product-bio-wrapper .product-bio__text-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
}
#single-product__product-bio-wrapper .product-bio__text-area .product-bio__single-image-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#single-product__product-bio-wrapper .product-bio__text-area .product-bio__single-image-label img {
  max-width: 75px;
  margin-right: 15px;
}
#single-product__product-bio-wrapper .product-bio__text-area .product-bio__text-output {
  flex: 1;
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 16px;
  color: #202020;
}
#single-product__product-bio-wrapper .product-bio__text-area p {
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 16px;
  color: #202020;
}
#single-product__product-bio-wrapper .product-bio__text-area p a {
  color: #202020;
  text-decoration: underline;
}
#single-product__product-bio-wrapper .product-bio__text-area p a:visited {
  color: #202020;
}
#single-product__product-bio-wrapper .product-bio__text-area p a:focus {
  color: #F05041;
}
#single-product__product-bio-wrapper .product-bio__text-area p a:hover {
  color: #F05041;
}
#single-product__product-bio-wrapper .product-bio__text-area .tooltip-sizeguide__image {
  position: absolute;
  right: 0;
  top: 25px;
  width: 400px;
  z-index: 50;
  border: 1px solid #202020;
  display: none;
}
@media screen and (max-width: 992px) {
  #single-product__product-bio-wrapper .product-bio__text-area .tooltip-sizeguide__image {
    width: 300px;
  }
}
#single-product__product-bio-wrapper .product-bio__text-area .tooltip-sizeguide {
  color: #202020;
  text-decoration: underline;
  cursor: pointer;
}
#single-product__product-bio-wrapper .product-bio__text-area .tooltip-sizeguide:hover .tooltip-sizeguide__image {
  display: inline-block;
}
#single-product__product-bio-wrapper .product-bio__text-area .tooltip-sizeguide:focus .tooltip-sizeguide__image {
  display: inline-block;
}
#single-product__product-bio-wrapper .product-bio__klarna-split {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
#single-product__product-bio-wrapper .product-bio__klarna-split .product-bio__single-image-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#single-product__product-bio-wrapper .product-bio__klarna-split .product-bio__single-image-label img {
  max-width: 75px;
  margin-right: 15px;
}
#single-product__product-bio-wrapper .product-bio__klarna-split p {
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 16px;
  color: #202020;
}
@media screen and (max-width: 480px) {
  #single-product__product-bio-wrapper .product-bio__klarna-split p {
    flex: 1;
  }
  #single-product__product-bio-wrapper .product-bio__klarna-split p br {
    display: none;
  }
}
#single-product__product-bio-wrapper .product-bio__klarna-split p a {
  text-decoration: underline;
}
#single-product__product-bio-wrapper .product-bio__klarna-split p a:visited {
  color: #202020;
}
#single-product__product-bio-wrapper .product-bio__klarna-split p a:hover {
  color: #FEB3C7;
}
#single-product__product-bio-wrapper .product-bio__delivery-sale {
  background: #E6E6E6;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  padding: 25px 30px;
  width: auto;
  display: inline-block;
  margin-top: 30px;
}
#single-product__product-bio-wrapper .product-bio__delivery-sale .delivery-sale__single {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
}
#single-product__product-bio-wrapper .product-bio__delivery-sale .delivery-sale__single:last-of-type {
  margin-bottom: 0px;
}
#single-product__product-bio-wrapper .product-bio__delivery-sale .delivery-sale__single .delivery-sale__single-icon {
  font-size: 26px;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  margin-right: 25px;
}
#single-product__product-bio-wrapper .product-bio__delivery-sale .delivery-sale__single p {
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 16px;
  color: #202020;
}
@media screen and (max-width: 992px) {
  #single-product__product-bio-wrapper .product-bio__delivery-sale .delivery-sale__single p {
    font-size: 13px;
    line-height: 15px;
  }
}
@media screen and (max-width: 480px) {
  #single-product__product-bio-wrapper .product-bio__delivery-sale .delivery-sale__single p {
    flex: 1;
  }
}
@media screen and (max-width: 480px) {
  #single-product__product-bio-wrapper .product-bio__delivery-sale {
    width: 100%;
  }
}
#single-product__product-bio-wrapper .product-bio__faq-boxes {
  max-width: 358px;
  margin-top: 30px;
}
@media screen and (max-width: 480px) {
  #single-product__product-bio-wrapper .product-bio__faq-boxes {
    max-width: 100%;
    width: 100%;
  }
}
#single-product__product-bio-wrapper .product-bio__trustpilot {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  margin-top: 30px;
}
#single-product__product-bio-wrapper .product-bio__trustpilot .trustpilot-widget {
  margin-left: -15px !important;
}
@media screen and (max-width: 480px) {
  #single-product__product-bio-wrapper .product-bio__trustpilot .trustpilot-widget {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

#beyond-single-product__similar-products {
  width: 100%;
  padding-top: 70px;
  padding-bottom: 70px;
  position: relative;
}
@media screen and (max-width: 480px) {
  #beyond-single-product__similar-products {
    padding-bottom: 25px;
  }
}
#beyond-single-product__similar-products .similar-products__title-bar h4 {
  font-family: "Work Sans", Arial, Sans-serif;
  margin: 0;
  padding: 0;
  font-size: 22px;
  line-height: 26px;
  font-weight: 500;
  text-transform: none;
  padding-bottom: 15px;
  margin-bottom: 15px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #beyond-single-product__similar-products .similar-products__title-bar h4 {
    text-align: center;
  }
}
#beyond-single-product__similar-products .similar-products__title-bar h4:after {
  content: "";
  width: 60px;
  height: 6px;
  background: #202020;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  #beyond-single-product__similar-products .similar-products__title-bar h4:after {
    display: none;
  }
}
#beyond-single-product__similar-products .similar-products__product-grid {
  width: 100%;
}
#beyond-single-product__similar-products .similar-products__product-grid .border-text-orange {
  font-size: 150px;
  line-height: 150px;
  width: 100%;
  text-align: right;
  margin-bottom: -74px;
  margin-top: -35px;
}
@media screen and (max-width: 1200px) {
  #beyond-single-product__similar-products .similar-products__product-grid .border-text-orange {
    font-size: 100px;
    line-height: 100px;
    margin-bottom: -50px;
  }
}
@media screen and (max-width: 768px) {
  #beyond-single-product__similar-products .similar-products__product-grid .border-text-orange {
    display: none;
  }
}
#beyond-single-product__similar-products .similar-products__product-grid .similar-products__list {
  margin: 0;
  padding: 0;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 50px;
  row-gap: 50px;
  list-style: none;
}
@media screen and (max-width: 1024px) {
  #beyond-single-product__similar-products .similar-products__product-grid .similar-products__list {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 480px) {
  #beyond-single-product__similar-products .similar-products__product-grid .similar-products__list {
    grid-template-columns: 1fr;
  }
}
#beyond-single-product__similar-products .similar-products__product-grid .similar-products__list .similar-product__single {
  width: 100%;
}
#beyond-single-product__similar-products .similar-products__product-grid .similar-products__list .similar-product__single a {
  text-decoration: none;
}
#beyond-single-product__similar-products .similar-products__product-grid .similar-products__list .similar-product__single .similar-single__wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#beyond-single-product__similar-products .similar-products__product-grid .similar-products__list .similar-product__single .similar-single__wrapper .similar-single__image {
  width: 100%;
}
#beyond-single-product__similar-products .similar-products__product-grid .similar-products__list .similar-product__single .similar-single__wrapper .similar-single__image img {
  border: 1px solid #707070;
}
#beyond-single-product__similar-products .similar-products__product-grid .similar-products__list .similar-product__single .similar-single__wrapper .similar-single__title {
  width: 100%;
}
@media screen and (max-width: 480px) {
  #beyond-single-product__similar-products .similar-products__product-grid .similar-products__list .similar-product__single .similar-single__wrapper .similar-single__title {
    padding-left: 10px;
    padding-right: 10px;
  }
}
#beyond-single-product__similar-products .similar-products__product-grid .similar-products__list .similar-product__single .similar-single__wrapper .similar-single__title h2 {
  font-family: "Work Sans", Arial, Sans-serif;
  margin: 0;
  padding: 0;
  font-size: 22px;
  line-height: 26px;
  font-weight: 500;
  text-transform: none;
}
@media screen and (max-width: 480px) {
  #beyond-single-product__similar-products .similar-products__product-grid .similar-products__list .similar-product__single .similar-single__wrapper .similar-single__title h2 {
    font-size: 20px;
    line-height: 24px;
    text-align: center;
  }
}
#beyond-single-product__similar-products .similar-products__product-grid .similar-products__list .similar-product__single .similar-single__wrapper .similar-single__title .sub-title {
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 16px;
  margin-top: 10px;
}
@media screen and (max-width: 480px) {
  #beyond-single-product__similar-products .similar-products__product-grid .similar-products__list .similar-product__single .similar-single__wrapper .similar-single__title .sub-title {
    text-align: center;
  }
}
#beyond-single-product__similar-products .beyond-star {
  width: 88px;
  height: 88px;
  background-image: url("assets/img/homepage/beyond-star.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 30px;
  left: 45%;
}
@media screen and (max-width: 768px) {
  #beyond-single-product__similar-products .beyond-star {
    display: none;
  }
}

#beyond-single-product__product-info {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-top: 70px;
  padding-bottom: 70px;
  border-top: 1px solid #707070;
  overflow: hidden;
  position: relative;
  padding-left: 85px;
  padding-right: 180px;
  margin-top: 70px;
}
@media screen and (max-width: 1400px) {
  #beyond-single-product__product-info {
    padding-right: 85px;
  }
}
@media screen and (max-width: 1200px) {
  #beyond-single-product__product-info {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 480px) {
  #beyond-single-product__product-info {
    padding: 25px 0px;
  }
}
#beyond-single-product__product-info .product-info__left-col {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#beyond-single-product__product-info .product-info__left-col h2 {
  margin: 0;
  padding: 0;
  margin-top: 15px;
  padding-bottom: 20px;
  position: relative;
}
#beyond-single-product__product-info .product-info__left-col h2:after {
  content: "";
  width: 40px;
  height: 1px;
  background: #202020;
  bottom: 0;
  left: 0;
  position: absolute;
}
#beyond-single-product__product-info .product-info__left-col .home-label {
  width: 100%;
}
@media screen and (max-width: 992px) {
  #beyond-single-product__product-info .product-info__left-col .home-label {
    display: none;
  }
}
#beyond-single-product__product-info .product-info__left-col .product-info-bio {
  flex: 1;
}
@media screen and (max-width: 480px) {
  #beyond-single-product__product-info .product-info__left-col .product-info-bio {
    text-align: center;
  }
}
#beyond-single-product__product-info .product-info__left-col .title-block {
  position: relative;
  margin-right: 80px;
}
@media screen and (max-width: 480px) {
  #beyond-single-product__product-info .product-info__left-col .title-block {
    margin-right: 0;
    width: 100%;
  }
}
@media screen and (max-width: 1400px) {
  #beyond-single-product__product-info .product-info__left-col .title-block .home-title {
    font-size: 31px;
    line-height: 38px;
  }
}
@media screen and (max-width: 992px) {
  #beyond-single-product__product-info .product-info__left-col .title-block .home-title {
    padding-top: 0px;
  }
}
@media screen and (max-width: 768px) {
  #beyond-single-product__product-info .product-info__left-col .title-block .home-title {
    text-align: center;
  }
  #beyond-single-product__product-info .product-info__left-col .title-block .home-title:after {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  #beyond-single-product__product-info .product-info__left-col .title-block .home-title {
    font-size: 25px;
    line-height: 30px;
  }
}
#beyond-single-product__product-info .product-info__left-col .orange-line {
  left: 0;
  bottom: -48px;
  position: absolute;
  width: 275%;
  height: 26px;
  z-index: 50;
  background: #F05041;
}
@media screen and (max-width: 1400px) {
  #beyond-single-product__product-info .product-info__left-col .orange-line {
    width: 200%;
  }
}
@media screen and (max-width: 992px) {
  #beyond-single-product__product-info .product-info__left-col .orange-line {
    display: none;
  }
}
#beyond-single-product__product-info .product-info__right-col {
  width: 100%;
  z-index: 100;
  padding-top: 26px;
}
#beyond-single-product__product-info .product-info__right-col .product-info__boxes {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  column-gap: 10px;
  row-gap: 10px;
  margin: 0;
  padding: 0;
  width: 100%;
}
@media screen and (max-width: 1400px) {
  #beyond-single-product__product-info .product-info__right-col .product-info__boxes {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 992px) {
  #beyond-single-product__product-info .product-info__right-col .product-info__boxes {
    grid-template-columns: 1fr;
  }
}
#beyond-single-product__product-info .product-info__right-col .product-info__boxes .product-info__singleBox {
  width: 100%;
  background: #ffffff;
  border: 1px solid #707070;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  padding-bottom: 30px;
}
#beyond-single-product__product-info .product-info__right-col .product-info__boxes .product-info__singleBox .singleBox__image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 230px;
  padding-bottom: 10px;
  padding-left: 25px;
  padding-right: 25px;
}
#beyond-single-product__product-info .product-info__right-col .product-info__boxes .product-info__singleBox .singleBox__image img {
  max-width: 100%;
  max-height: 200px;
}
#beyond-single-product__product-info .product-info__right-col .product-info__boxes .product-info__singleBox .singleBox__title {
  width: 100%;
}
#beyond-single-product__product-info .product-info__right-col .product-info__boxes .product-info__singleBox .singleBox__title h3 {
  font-size: 25px;
  line-height: 30px;
  text-align: center;
  color: #202020;
  margin: 0;
}
@media screen and (max-width: 480px) {
  #beyond-single-product__product-info .product-info__right-col .product-info__boxes .product-info__singleBox .singleBox__title h3 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 1700px) {
  #beyond-single-product__product-info .product-info__right-col .product-info__boxes .product-info__singleBox .singleBox__title h3 {
    font-size: 22px;
    line-height: 25px;
  }
}
#beyond-single-product__product-info .beyond-logo {
  width: 100px;
  height: 100px;
  background: url("assets/img/homepage/Beyond-VortexLogo.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  right: 0;
  top: 50px;
}
@media screen and (max-width: 1400px) {
  #beyond-single-product__product-info .beyond-logo {
    display: none;
  }
}
#beyond-single-product__product-info .numbered-label {
  position: absolute;
  top: 70px;
  left: 0px;
  font-size: 19px;
  line-height: 19px;
  color: #707070;
}
@media screen and (max-width: 1400px) {
  #beyond-single-product__product-info .numbered-label {
    display: none;
  }
}
#beyond-single-product__product-info .border-text-orange {
  position: absolute;
  bottom: -86px;
  right: 0;
  font-size: 150px;
  line-height: 150px;
}
@media screen and (max-width: 1400px) {
  #beyond-single-product__product-info .border-text-orange {
    font-size: 80px;
    line-height: 80px;
    bottom: -36px;
  }
}
@media screen and (max-width: 992px) {
  #beyond-single-product__product-info .border-text-orange {
    display: none;
  }
}

#beyond-single-product__product-ingredients {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  border-bottom: 1px solid #707070;
  padding-top: 70px;
  padding-bottom: 70px;
  overflow: hidden;
  position: relative;
  padding-left: 85px;
  padding-right: 85px;
}
@media screen and (max-width: 1200px) {
  #beyond-single-product__product-ingredients {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 480px) {
  #beyond-single-product__product-ingredients {
    padding: 25px 10px;
  }
}
@media screen and (max-width: 992px) {
  #beyond-single-product__product-ingredients .home-label {
    display: none;
  }
}
#beyond-single-product__product-ingredients .product-info-bio {
  margin-top: 10px;
}
#beyond-single-product__product-ingredients .product-ingredients__slider {
  margin-bottom: 40px;
  max-width: 637px;
  width: 80%;
  margin-top: 25px;
}
@media screen and (max-width: 480px) {
  #beyond-single-product__product-ingredients .product-ingredients__slider {
    width: 100%;
  }
}
#beyond-single-product__product-ingredients .product-ingredients__slider #ingredientsSlider {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 480px) {
  #beyond-single-product__product-ingredients .product-ingredients__slider #ingredientsSlider {
    width: 100%;
  }
}
#beyond-single-product__product-ingredients .product-ingredients__slider #ingredientsSlider li h5 {
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  font-family: "Work Sans", Arial, Sans-serif;
  font-weight: 400;
  font-size: 19px;
  line-height: 23px;
  text-transform: none;
}
@media screen and (max-width: 480px) {
  #beyond-single-product__product-ingredients .product-ingredients__slider #ingredientsSlider li h5 {
    text-align: center;
  }
}
#beyond-single-product__product-ingredients .product-ingredients__slider #ingredientsSlider li p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 16px;
}
@media screen and (max-width: 480px) {
  #beyond-single-product__product-ingredients .product-ingredients__slider #ingredientsSlider li p {
    text-align: center;
  }
}
#beyond-single-product__product-ingredients .product-ingredients__title-bar {
  width: 100%;
  margin-bottom: 25px;
}
#beyond-single-product__product-ingredients .product-ingredients__title-bar h2 {
  margin: 0;
  padding: 0;
  margin-top: 15px;
  padding-bottom: 20px;
  position: relative;
}
#beyond-single-product__product-ingredients .product-ingredients__title-bar h2:after {
  content: "";
  width: 40px;
  height: 1px;
  background: #202020;
  bottom: 0;
  left: 0;
  position: absolute;
}
@media screen and (max-width: 1400px) {
  #beyond-single-product__product-ingredients .product-ingredients__title-bar h2 {
    font-size: 31px;
    line-height: 38px;
  }
}
@media screen and (max-width: 992px) {
  #beyond-single-product__product-ingredients .product-ingredients__title-bar h2 {
    padding-top: 0px;
  }
}
@media screen and (max-width: 768px) {
  #beyond-single-product__product-ingredients .product-ingredients__title-bar h2 {
    text-align: center;
  }
  #beyond-single-product__product-ingredients .product-ingredients__title-bar h2:after {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  #beyond-single-product__product-ingredients .product-ingredients__title-bar h2 {
    font-size: 25px;
    line-height: 25px;
  }
}
#beyond-single-product__product-ingredients .product-ingredients__left-col {
  width: 33.3%;
  padding-right: 25px;
}
@media screen and (max-width: 992px) {
  #beyond-single-product__product-ingredients .product-ingredients__left-col {
    width: 100%;
    order: 1;
  }
}
@media screen and (max-width: 480px) {
  #beyond-single-product__product-ingredients .product-ingredients__left-col {
    margin-bottom: 25px;
  }
}
#beyond-single-product__product-ingredients .product-ingredients__left-col .border-text-cta {
  width: 100%;
  margin-bottom: 25px;
}
#beyond-single-product__product-ingredients .product-ingredients__left-col .border-text-cta .border-text-orange {
  max-width: 10px;
  font-size: 150px;
  line-height: 150px;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 1700px) {
  #beyond-single-product__product-ingredients .product-ingredients__left-col .border-text-cta .border-text-orange {
    font-size: 120px;
    line-height: 120px;
  }
}
@media screen and (max-width: 1200px) {
  #beyond-single-product__product-ingredients .product-ingredients__left-col .border-text-cta .border-text-orange {
    font-size: 100px;
    line-height: 100px;
  }
}
@media screen and (max-width: 768px) {
  #beyond-single-product__product-ingredients .product-ingredients__left-col .border-text-cta .border-text-orange {
    text-align: center;
    font-size: 80px;
    line-height: 80px;
    max-width: 100%;
  }
}
@media screen and (max-width: 480px) {
  #beyond-single-product__product-ingredients .product-ingredients__left-col .border-text-cta .border-text-orange {
    font-size: 30px;
    line-height: 30px;
  }
}
#beyond-single-product__product-ingredients .product-ingredients__left-col .product-ingredients__promo-image {
  margin-bottom: 30px;
}
#beyond-single-product__product-ingredients .product-ingredients__left-col .product-ingredients__sub-text {
  max-width: 670px;
}
#beyond-single-product__product-ingredients .product-ingredients__left-col .product-ingredients__sub-text p {
  margin: 0;
  padding: 0;
  font-size: 19px;
  line-height: 23px;
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  #beyond-single-product__product-ingredients .product-ingredients__left-col .product-ingredients__sub-text p {
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  #beyond-single-product__product-ingredients .product-ingredients__left-col .product-ingredients__sub-text p {
    margin-bottom: 25px;
  }
}
#beyond-single-product__product-ingredients .product-ingredients__left-col .product-ingredients__small-print {
  width: 100%;
}
#beyond-single-product__product-ingredients .product-ingredients__left-col .product-ingredients__small-print p {
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 16px;
  opacity: 0.9;
  font-weight: 200;
}
@media screen and (max-width: 768px) {
  #beyond-single-product__product-ingredients .product-ingredients__left-col .product-ingredients__small-print p {
    width: 100%;
    text-align: center;
  }
}
#beyond-single-product__product-ingredients .product-ingredients__left-col .product-ingredients__list {
  max-width: 640px;
  margin-bottom: 100px;
}
@media screen and (max-width: 1700px) {
  #beyond-single-product__product-ingredients .product-ingredients__left-col .product-ingredients__list {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 992px) {
  #beyond-single-product__product-ingredients .product-ingredients__left-col .product-ingredients__list {
    max-width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 480px) {
  #beyond-single-product__product-ingredients .product-ingredients__left-col .product-ingredients__list {
    max-width: 100%;
  }
}
#beyond-single-product__product-ingredients .product-ingredients__left-col .product-ingredients__list p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #beyond-single-product__product-ingredients .product-ingredients__left-col .product-ingredients__list p {
    text-align: center;
  }
}
#beyond-single-product__product-ingredients .product-ingredients__right-col {
  width: 33.3%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-right: 25px;
}
@media screen and (max-width: 992px) {
  #beyond-single-product__product-ingredients .product-ingredients__right-col {
    width: 100%;
    order: 2;
    justify-content: center;
    margin-bottom: 30px;
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  #beyond-single-product__product-ingredients .product-ingredients__right-col {
    justify-content: center;
  }
}
#beyond-single-product__product-ingredients .product-ingredients__right-col .product-ingredients__product-label {
  text-align: center;
}
#beyond-single-product__product-ingredients .product-ingredients__right-col .product-ingredients__product-label img {
  max-height: 100%;
  max-width: 100%;
}
@media screen and (max-width: 992px) {
  #beyond-single-product__product-ingredients .product-ingredients__right-col .product-ingredients__product-label {
    max-width: 60%;
    margin-left: 0;
    margin-bottom: 20px;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  #beyond-single-product__product-ingredients .product-ingredients__right-col .product-ingredients__product-label {
    max-width: 100%;
    margin-top: 20px;
  }
}
#beyond-single-product__product-ingredients .product-ingredients__right-col .product-ingredients__label-slider {
  max-height: 600px;
  min-width: 1px;
}
@media screen and (max-width: 1700px) {
  #beyond-single-product__product-ingredients .product-ingredients__right-col .product-ingredients__label-slider {
    max-width: 80%;
    margin-left: 20%;
  }
}
@media screen and (max-width: 992px) {
  #beyond-single-product__product-ingredients .product-ingredients__right-col .product-ingredients__label-slider {
    max-width: 60%;
    margin-left: 0;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  #beyond-single-product__product-ingredients .product-ingredients__right-col .product-ingredients__label-slider {
    max-width: 100%;
    margin-top: 20px;
  }
}
#beyond-single-product__product-ingredients .product-ingredients__right-col .product-ingredients__label-slider .labelSlider {
  list-style: none;
  margin: 0;
  padding: 0;
}
#beyond-single-product__product-ingredients .product-ingredients__vortex {
  width: 33.3%;
  padding-left: 25px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  order: 3;
}
@media screen and (max-width: 992px) {
  #beyond-single-product__product-ingredients .product-ingredients__vortex {
    width: 100%;
    padding-left: 0;
    justify-content: center;
  }
}
@media screen and (max-width: 480px) {
  #beyond-single-product__product-ingredients .product-ingredients__vortex {
    width: 100%;
  }
}
#beyond-single-product__product-ingredients .numbered-label {
  position: absolute;
  top: 70px;
  left: 0px;
  font-size: 19px;
  line-height: 19px;
  color: #707070;
}
@media screen and (max-width: 1400px) {
  #beyond-single-product__product-ingredients .numbered-label {
    display: none;
  }
}

#beyond-single-product__product-features {
  width: 100%;
  padding-top: 70px;
  padding-bottom: 50px;
  border-bottom: 1px solid #707070;
  position: relative;
}
#beyond-single-product__product-features .numbered-label {
  position: absolute;
  top: 70px;
  left: 0px;
  font-size: 19px;
  line-height: 19px;
  color: #707070;
}
@media screen and (max-width: 1400px) {
  #beyond-single-product__product-features .numbered-label {
    display: none;
  }
}
#beyond-single-product__product-features .product-features__title-bar {
  padding-left: 85px;
  padding-right: 85px;
}
@media screen and (max-width: 480px) {
  #beyond-single-product__product-features .product-features__title-bar {
    padding-left: 25px;
    padding-right: 25px;
  }
}
#beyond-single-product__product-features .product-features__title-bar h2 {
  position: relative;
  margin-top: 15px;
  padding-bottom: 20px;
}
#beyond-single-product__product-features .product-features__title-bar h2:after {
  content: "";
  width: 40px;
  height: 1px;
  background: #202020;
  bottom: 0;
  left: 0;
  position: absolute;
}
#beyond-single-product__product-features .product-features__main-box {
  background: #000000;
  padding-bottom: 115px;
  margin-top: 50px;
  margin-bottom: 50px;
}
@media screen and (max-width: 480px) {
  #beyond-single-product__product-features .product-features__main-box {
    padding-bottom: 25px;
  }
}
#beyond-single-product__product-features .product-features__main-box .main-box__wrappers {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
#beyond-single-product__product-features .product-features__main-box .main-box__wrappers .col-half {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 992px) {
  #beyond-single-product__product-features .product-features__main-box .main-box__wrappers .col-half {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  #beyond-single-product__product-features .product-features__main-box .main-box__wrappers .col-half {
    width: 100%;
  }
}
#beyond-single-product__product-features .product-features__main-box .main-box__wrappers.main-box__product-images {
  position: relative;
  z-index: 10;
}
#beyond-single-product__product-features .product-features__main-box .main-box__wrappers.main-box__product-images .col-half {
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 480px) {
  #beyond-single-product__product-features .product-features__main-box .main-box__wrappers.main-box__product-images .vortex-shaker-main {
    display: none;
  }
}
#beyond-single-product__product-features .product-features__main-box .main-box__wrappers.main-box__product-images .vortex-shaker-inner {
  position: relative;
  margin-top: 170px;
}
@media screen and (max-width: 480px) {
  #beyond-single-product__product-features .product-features__main-box .main-box__wrappers.main-box__product-images .vortex-shaker-inner {
    margin-top: 25px;
  }
}
#beyond-single-product__product-features .product-features__main-box .main-box__wrappers.main-box__product-images .vortex-shaker-inner .vortex-shaker-spin {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#beyond-single-product__product-features .product-features__main-box .main-box__wrappers.main-box__product-images:after {
  content: "";
  background-image: url("assets/img/orange-circle.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 760px;
  height: 760px;
  position: absolute;
  top: 84px;
  left: 27%;
  z-index: -1;
}
@media screen and (max-width: 1700px) {
  #beyond-single-product__product-features .product-features__main-box .main-box__wrappers.main-box__product-images:after {
    left: 24%;
  }
}
@media screen and (max-width: 1400px) {
  #beyond-single-product__product-features .product-features__main-box .main-box__wrappers.main-box__product-images:after {
    left: 20%;
  }
}
@media screen and (max-width: 1200px) {
  #beyond-single-product__product-features .product-features__main-box .main-box__wrappers.main-box__product-images:after {
    display: none;
  }
}
#beyond-single-product__product-features .product-features__main-box .main-box__wrappers.main-box__bottom-bar {
  margin-top: 150px;
  padding-top: 20px;
  padding-left: 150px;
  padding-right: 150px;
}
@media screen and (max-width: 1400px) {
  #beyond-single-product__product-features .product-features__main-box .main-box__wrappers.main-box__bottom-bar {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media screen and (max-width: 992px) {
  #beyond-single-product__product-features .product-features__main-box .main-box__wrappers.main-box__bottom-bar {
    text-align: center;
    justify-content: center;
    margin-top: 50px;
  }
}
@media screen and (max-width: 480px) {
  #beyond-single-product__product-features .product-features__main-box .main-box__wrappers.main-box__bottom-bar {
    padding-left: 25px;
    padding-right: 25px;
  }
}
#beyond-single-product__product-features .product-features__main-box .main-box__wrappers.main-box__bottom-bar .reverse-content {
  text-align: right;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
@media screen and (max-width: 992px) {
  #beyond-single-product__product-features .product-features__main-box .main-box__wrappers.main-box__bottom-bar .reverse-content {
    text-align: center;
    justify-content: center;
  }
}
#beyond-single-product__product-features .product-features__main-box .main-box__wrappers.main-box__bottom-bar h5 {
  color: #ffffff;
  font-size: 41px;
  line-height: 41px;
  margin: 0;
  padding: 0;
  max-width: 520px;
}
@media screen and (max-width: 1700px) {
  #beyond-single-product__product-features .product-features__main-box .main-box__wrappers.main-box__bottom-bar h5 {
    font-size: 35px;
    line-height: 35px;
  }
}
@media screen and (max-width: 992px) {
  #beyond-single-product__product-features .product-features__main-box .main-box__wrappers.main-box__bottom-bar h5 {
    text-align: center;
    max-width: 70%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 480px) {
  #beyond-single-product__product-features .product-features__main-box .main-box__wrappers.main-box__bottom-bar h5 {
    max-width: 100%;
    font-size: 25px;
    line-height: 25px;
  }
}
#beyond-single-product__product-features .product-features__main-box .main-box__wrappers.main-box__bottom-bar p {
  color: #ffffff;
  font-size: 15px;
  line-height: 16px;
  max-width: 380px;
}
@media screen and (max-width: 992px) {
  #beyond-single-product__product-features .product-features__main-box .main-box__wrappers.main-box__bottom-bar p {
    text-align: center;
    max-width: 70%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
#beyond-single-product__product-features .product-features__main-box .main-box__wrappers.main-box__bottom-bar p a {
  color: #ffffff;
  text-decoration: underline;
}
#beyond-single-product__product-features .product-features__main-box .main-box__wrappers.main-box__bottom-bar p a:visited {
  color: #ffffff;
  text-decoration: none;
}
#beyond-single-product__product-features .product-features__main-box .main-box__wrappers.main-box__bottom-bar p a:focus {
  color: #ffffff;
}
#beyond-single-product__product-features .product-features__main-box .main-box__wrappers.main-box__bottom-bar p a:hover {
  color: #F05041;
}
#beyond-single-product__product-features .product-features__main-box .main-box__wrappers.main-box__bottom-bar:after {
  content: "";
  background-image: url("assets/img/beyond-vortex-logo-orange.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 165px;
  height: 165px;
  position: absolute;
  top: 0;
  left: 45%;
}
@media screen and (max-width: 1200px) {
  #beyond-single-product__product-features .product-features__main-box .main-box__wrappers.main-box__bottom-bar:after {
    display: none;
  }
}
#beyond-single-product__product-features.white-mode .product-features__main-box {
  background: #ffffff;
}
#beyond-single-product__product-features.white-mode .main-box__wrappers.main-box__bottom-bar h5 {
  color: #202020;
}
#beyond-single-product__product-features.white-mode .main-box__wrappers.main-box__bottom-bar p {
  color: #202020;
}

.flavour-selector {
  width: 100%;
  margin-bottom: 10px;
  color: #202020;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  background: #F7F7F7;
  text-align: center;
  border: 0;
}
@media screen and (max-width: 480px) {
  .flavour-selector {
    width: 100%;
  }
}

.beyond__byob-builder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.beyond__byob-builder .byobWrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
@media screen and (max-width: 580px) {
  .beyond__byob-builder .byobWrapper {
    margin-top: 25px;
  }
}
.beyond__byob-builder .sachetStack {
  height: 100%;
  margin-right: 80px;
  padding-top: 50px;
}
@media screen and (max-width: 480px) {
  .beyond__byob-builder .sachetStack {
    padding-top: 40px;
  }
}
.beyond__byob-builder .sachetStack .byobSachets {
  margin-top: -90%;
}
.beyond__byob-builder .sachetStack .byobSachets img {
  transform: rotate(24deg);
  -webkit-transform: rotate(24deg);
  -moz-transform: rotate(24deg);
  max-width: 170px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 1400px) {
  .beyond__byob-builder .sachetStack .byobSachets img {
    max-width: 150px;
  }
}
@media screen and (max-width: 1200px) {
  .beyond__byob-builder .sachetStack .byobSachets img {
    max-width: 100px;
  }
}
@media screen and (max-width: 992px) {
  .beyond__byob-builder .sachetStack .byobSachets img {
    max-width: 150px;
  }
}
@media screen and (max-width: 768px) {
  .beyond__byob-builder .sachetStack .byobSachets img {
    max-width: 100px;
  }
}
@media screen and (max-width: 580px) {
  .beyond__byob-builder .sachetStack .byobSachets img {
    max-width: 80px;
  }
}
@media screen and (max-width: 480px) {
  .beyond__byob-builder .sachetStack .byobSachets img {
    max-width: 60px;
  }
}
.beyond__byob-builder .beyond-box-builder__flavour-one {
  margin-top: 0 !important;
}

.beyond__path-sachets {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 50;
  position: absolute;
  top: 0;
  left: 0;
}
.beyond__path-sachets .sachetWrapper {
  max-width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.beyond__path-sachets .sachetWrapper img {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.beyond__path-sachets .beyond-path-builder__flavour-one {
  margin-left: -40px;
}
@media screen and (max-width: 580px) {
  .beyond__path-sachets .beyond-path-builder__flavour-one {
    max-height: 150px;
  }
  .beyond__path-sachets .beyond-path-builder__flavour-one img {
    max-height: 150px;
  }
}
.beyond__path-sachets .beyond-path-builder__flavour-two {
  margin-left: -40px;
}
@media screen and (max-width: 580px) {
  .beyond__path-sachets .beyond-path-builder__flavour-two {
    max-height: 150px;
  }
  .beyond__path-sachets .beyond-path-builder__flavour-two img {
    max-height: 150px;
  }
}
.beyond__path-sachets .beyond-path-builder__flavour-three {
  margin-left: -40px;
}
@media screen and (max-width: 580px) {
  .beyond__path-sachets .beyond-path-builder__flavour-three {
    max-height: 150px;
  }
  .beyond__path-sachets .beyond-path-builder__flavour-three img {
    max-height: 150px;
  }
}
.beyond__path-sachets .beyond-path-builder__flavour-four {
  margin-left: -40px;
}
@media screen and (max-width: 580px) {
  .beyond__path-sachets .beyond-path-builder__flavour-four {
    max-height: 150px;
  }
  .beyond__path-sachets .beyond-path-builder__flavour-four img {
    max-height: 150px;
  }
}
.beyond__path-sachets .beyond-path-builder__flavour-five {
  margin-left: -40px;
}
@media screen and (max-width: 580px) {
  .beyond__path-sachets .beyond-path-builder__flavour-five {
    max-height: 150px;
  }
  .beyond__path-sachets .beyond-path-builder__flavour-five img {
    max-height: 150px;
  }
}

.beyond__box-building-tubs {
  position: absolute;
  top: 0;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  overflow: hidden;
}
.beyond__box-building-tubs.nomad {
  top: 0 !important;
  grid-template-columns: 1fr 1fr 1fr !important;
}
.beyond__box-building-tubs .beyond-nomad-builder__flavour-one {
  top: 105px;
  left: 340px;
  position: absolute;
  z-index: 70;
  max-width: 560px;
}
@media screen and (max-width: 1200px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-one {
    max-width: 510px;
  }
}
@media screen and (max-width: 992px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-one {
    max-width: 560px;
  }
}
@media screen and (max-width: 768px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-one {
    top: 35px;
  }
}
@media screen and (max-width: 480px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-one {
    top: 65px;
  }
}
.beyond__box-building-tubs .beyond-nomad-builder__flavour-one img {
  max-width: 560px;
}
@media screen and (max-width: 1200px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-one img {
    max-width: 510px;
  }
}
@media screen and (max-width: 992px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-one img {
    max-width: 560px;
  }
}
@media screen and (max-width: 580px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-one img {
    max-width: 400px;
  }
}
@media screen and (max-width: 480px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-one img {
    max-width: 300px;
  }
}
@media screen and (max-width: 480px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-one img {
    max-width: 240px;
  }
}
@media screen and (max-width: 1400px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-one {
    left: 280px;
  }
}
@media screen and (max-width: 1200px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-one {
    left: 160px;
  }
}
@media screen and (max-width: 992px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-one {
    left: 240px;
  }
}
@media screen and (max-width: 768px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-one {
    left: 160px;
  }
}
@media screen and (max-width: 580px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-one {
    left: 160px;
  }
}
@media screen and (max-width: 370px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-one {
    left: 86px;
  }
}
.beyond__box-building-tubs .beyond-nomad-builder__flavour-two {
  top: 139px;
  left: 200px;
  position: absolute;
  z-index: 60;
  max-width: 490px;
}
@media screen and (max-width: 1200px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-two {
    max-width: 440px;
  }
}
@media screen and (max-width: 992px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-two {
    max-width: 490px;
  }
}
@media screen and (max-width: 768px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-two {
    top: 69px;
  }
}
@media screen and (max-width: 480px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-two {
    top: 99px;
  }
}
.beyond__box-building-tubs .beyond-nomad-builder__flavour-two img {
  max-width: 490px;
}
@media screen and (max-width: 1200px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-two img {
    max-width: 440px;
  }
}
@media screen and (max-width: 992px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-two img {
    max-width: 490px;
  }
}
@media screen and (max-width: 580px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-two img {
    max-width: 330px;
  }
}
@media screen and (max-width: 480px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-two img {
    max-width: 230px;
  }
}
@media screen and (max-width: 370px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-two img {
    max-width: 170px;
  }
}
@media screen and (max-width: 1400px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-two {
    left: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-two {
    left: 20px;
  }
}
@media screen and (max-width: 992px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-two {
    left: 100px;
  }
}
@media screen and (max-width: 768px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-two {
    left: 20px;
  }
}
@media screen and (max-width: 580px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-two {
    left: 55px;
  }
}
@media screen and (max-width: 480px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-two {
    left: 50px;
  }
}
@media screen and (max-width: 480px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-two {
    left: 40px;
  }
}
.beyond__box-building-tubs .beyond-nomad-builder__flavour-three {
  top: 172px;
  left: 100px;
  position: absolute;
  z-index: 50;
  max-width: 420px;
}
@media screen and (max-width: 1200px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-three {
    max-width: 370px;
  }
}
@media screen and (max-width: 992px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-three {
    max-width: 420px;
  }
}
@media screen and (max-width: 768px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-three {
    top: 102px;
  }
}
@media screen and (max-width: 480px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-three {
    top: 132px;
  }
}
.beyond__box-building-tubs .beyond-nomad-builder__flavour-three img {
  max-width: 420px;
}
@media screen and (max-width: 1200px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-three img {
    max-width: 370px;
  }
}
@media screen and (max-width: 992px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-three img {
    max-width: 420px;
  }
}
@media screen and (max-width: 580px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-three img {
    max-width: 260px;
  }
}
@media screen and (max-width: 480px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-three img {
    max-width: 160px;
  }
}
@media screen and (max-width: 370px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-three img {
    max-width: 100px;
  }
}
@media screen and (max-width: 1400px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-three {
    left: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-three {
    left: -80px;
  }
}
@media screen and (max-width: 992px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-three {
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-three {
    left: -80px;
  }
}
@media screen and (max-width: 580px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-three {
    left: -30px;
  }
}
@media screen and (max-width: 480px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-three {
    left: 0px;
  }
}
@media screen and (max-width: 480px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-three {
    left: 40px;
  }
}
@media screen and (max-width: 480px) {
  .beyond__box-building-tubs .beyond-nomad-builder__flavour-three {
    left: 20px;
  }
}

.beyond__box-building-tubs {
  position: absolute;
  top: 75px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.beyond__box-building-tubs .beyond-trailblazer-builder__flavour-one {
  top: 105px;
  left: 340px;
  position: absolute;
  z-index: 70;
  max-width: 560px;
}
@media screen and (max-width: 1200px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-one {
    max-width: 510px;
  }
}
@media screen and (max-width: 992px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-one {
    max-width: 560px;
  }
}
@media screen and (max-width: 768px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-one {
    top: 35px;
  }
}
@media screen and (max-width: 480px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-one {
    top: 65px;
  }
}
.beyond__box-building-tubs .beyond-trailblazer-builder__flavour-one img {
  max-width: 560px;
}
@media screen and (max-width: 1200px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-one img {
    max-width: 510px;
  }
}
@media screen and (max-width: 992px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-one img {
    max-width: 560px;
  }
}
@media screen and (max-width: 580px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-one img {
    max-width: 400px;
  }
}
@media screen and (max-width: 480px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-one img {
    max-width: 300px;
  }
}
@media screen and (max-width: 480px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-one img {
    max-width: 240px;
  }
}
@media screen and (max-width: 1400px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-one {
    left: 280px;
  }
}
@media screen and (max-width: 1200px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-one {
    left: 160px;
  }
}
@media screen and (max-width: 992px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-one {
    left: 240px;
  }
}
@media screen and (max-width: 768px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-one {
    left: 160px;
  }
}
@media screen and (max-width: 580px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-one {
    left: 160px;
  }
}
@media screen and (max-width: 370px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-one {
    left: 86px;
  }
}
.beyond__box-building-tubs .beyond-trailblazer-builder__flavour-two {
  top: 139px;
  left: 200px;
  position: absolute;
  z-index: 60;
  max-width: 490px;
}
@media screen and (max-width: 1200px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-two {
    max-width: 440px;
  }
}
@media screen and (max-width: 992px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-two {
    max-width: 490px;
  }
}
@media screen and (max-width: 768px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-two {
    top: 69px;
  }
}
@media screen and (max-width: 480px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-two {
    top: 99px;
  }
}
.beyond__box-building-tubs .beyond-trailblazer-builder__flavour-two img {
  max-width: 490px;
}
@media screen and (max-width: 1200px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-two img {
    max-width: 440px;
  }
}
@media screen and (max-width: 992px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-two img {
    max-width: 490px;
  }
}
@media screen and (max-width: 580px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-two img {
    max-width: 330px;
  }
}
@media screen and (max-width: 480px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-two img {
    max-width: 230px;
  }
}
@media screen and (max-width: 370px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-two img {
    max-width: 170px;
  }
}
@media screen and (max-width: 1400px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-two {
    left: 140px;
  }
}
@media screen and (max-width: 1200px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-two {
    left: 20px;
  }
}
@media screen and (max-width: 992px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-two {
    left: 100px;
  }
}
@media screen and (max-width: 768px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-two {
    left: 20px;
  }
}
@media screen and (max-width: 580px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-two {
    left: 55px;
  }
}
@media screen and (max-width: 480px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-two {
    left: 50px;
  }
}
@media screen and (max-width: 480px) {
  .beyond__box-building-tubs .beyond-trailblazer-builder__flavour-two {
    left: 40px;
  }
}

.shakerSwatches {
  width: 100%;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 480px) {
  .shakerSwatches {
    justify-content: center;
  }
}
.shakerSwatches .swatch {
  width: 30px;
  height: 30px;
  display: inline-block;
  color: transparent;
  user-select: none;
  cursor: pointer;
  border: 2px solid transparent;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  margin-right: 10px;
}
.shakerSwatches .swatch:last-of-type {
  margin-right: 0;
}
.shakerSwatches .swatch.selected {
  color: #ffffff;
  border: 2px solid #202020;
}
.shakerSwatches .swatch.red {
  background: #d32c2c;
}
.shakerSwatches .swatch.black {
  background: #010102;
}
.shakerSwatches .swatch.orange {
  background: #ffab35;
}
.shakerSwatches .swatch.pink {
  background: #E94DF2;
}
.shakerSwatches .swatch.purple {
  background: #AB5FF6;
}
.shakerSwatches .swatch.green {
  background: #c2d65d;
}
.shakerSwatches .swatch.blue {
  background: #42b2dc;
}
.shakerSwatches .swatch.white {
  background: #e5e6e7;
}
.shakerSwatches .swatch.b4b {
  background: #341D1F;
}

.shakerSwatches {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.shakerSwatches .swatch {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 1200px) {
  .shakerSwatches .swatch {
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width: 580px) {
  .shakerSwatches .swatch {
    width: 30px;
    height: 30px;
  }
}

#productBuilderSummary .swatch.b4b {
  position: relative;
}
#productBuilderSummary .swatch.b4b:after {
  content: "";
  width: 33px;
  height: 36px;
  background-image: url("./assets/img/product-support-images/b4b-logo-small.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 7px;
  left: 7px;
}

.multiBundleShakers {
  margin-bottom: 20px !important;
}
.multiBundleShakers .swatch.b4b {
  position: relative;
}
.multiBundleShakers .swatch.b4b:after {
  content: "";
  width: 23px;
  height: 26px;
  background-image: url("./assets/img/product-support-images/b4b-logo-small.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 7px;
  left: 7px;
}
@media screen and (max-width: 1200px) {
  .multiBundleShakers .swatch.b4b:after {
    width: 23px;
    height: 26px;
  }
}
@media screen and (max-width: 580px) {
  .multiBundleShakers .swatch.b4b:after {
    width: 20px;
    height: 22px;
    top: 3px;
    left: 4px;
  }
}

.shaker-selector {
  display: none;
}

.beyond__discovery-builder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.beyond__discovery-builder .discoveryWrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 580px) {
  .beyond__discovery-builder .discoveryWrapper {
    margin-top: 25px;
  }
}
.beyond__discovery-builder .sachetStack {
  height: 100%;
  margin-left: 40px;
}
.beyond__discovery-builder .sachetStack .discoverySachets {
  margin-top: -90%;
}
.beyond__discovery-builder .sachetStack .discoverySachets img {
  transform: rotate(24deg);
  -webkit-transform: rotate(24deg);
  -moz-transform: rotate(24deg);
  max-width: 170px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 1400px) {
  .beyond__discovery-builder .sachetStack .discoverySachets img {
    max-width: 150px;
  }
}
@media screen and (max-width: 992px) {
  .beyond__discovery-builder .sachetStack .discoverySachets img {
    max-width: 120px;
  }
}
@media screen and (max-width: 768px) {
  .beyond__discovery-builder .sachetStack .discoverySachets img {
    max-width: 100px;
  }
}
@media screen and (max-width: 580px) {
  .beyond__discovery-builder .sachetStack .discoverySachets img {
    max-width: 80px;
  }
}
.beyond__discovery-builder .beyond-discovery-builder__flavour-one {
  margin-top: 0 !important;
}
@media screen and (max-width: 1400px) {
  .beyond__discovery-builder .beyond-discovery-builder__shaker img {
    max-height: 580px;
  }
}
@media screen and (max-width: 992px) {
  .beyond__discovery-builder .beyond-discovery-builder__shaker img {
    max-height: 480px;
  }
}
@media screen and (max-width: 768px) {
  .beyond__discovery-builder .beyond-discovery-builder__shaker img {
    max-height: 400px;
  }
}
@media screen and (max-width: 580px) {
  .beyond__discovery-builder .beyond-discovery-builder__shaker img {
    max-height: 300px;
  }
}
@media screen and (max-width: 480px) {
  .beyond__discovery-builder .beyond-discovery-builder__shaker img {
    max-height: 270px;
  }
}

.beyond__full-dual-bundle-builder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
}
.beyond__full-dual-bundle-builder .beyond-discovery-builder__flavour-one {
  max-width: 300px;
  z-index: 20;
}
@media screen and (max-width: 1200px) {
  .beyond__full-dual-bundle-builder .beyond-discovery-builder__flavour-one {
    max-width: 250px;
  }
}
@media screen and (max-width: 768px) {
  .beyond__full-dual-bundle-builder .beyond-discovery-builder__flavour-one {
    max-width: 200px;
  }
}
@media screen and (max-width: 580px) {
  .beyond__full-dual-bundle-builder .beyond-discovery-builder__flavour-one {
    max-width: 170px;
  }
}
@media screen and (max-width: 480px) {
  .beyond__full-dual-bundle-builder .beyond-discovery-builder__flavour-one {
    max-width: 120px;
  }
}
.beyond__full-dual-bundle-builder .beyond-discovery-builder__shaker {
  margin-left: -45px;
  z-index: 10;
}
@media screen and (max-width: 1200px) {
  .beyond__full-dual-bundle-builder .beyond-discovery-builder__shaker {
    max-width: 250px;
  }
}
@media screen and (max-width: 768px) {
  .beyond__full-dual-bundle-builder .beyond-discovery-builder__shaker {
    max-width: 200px;
  }
}
@media screen and (max-width: 580px) {
  .beyond__full-dual-bundle-builder .beyond-discovery-builder__shaker {
    max-width: 150px;
  }
}
@media screen and (max-width: 480px) {
  .beyond__full-dual-bundle-builder .beyond-discovery-builder__shaker {
    max-width: 120px;
  }
}

.beyond__full-dual-bundle-builder .beyond-pioneer-builder__shaker {
  max-width: 400px;
  margin-left: -40px;
}
@media screen and (max-width: 1200px) {
  .beyond__full-dual-bundle-builder .beyond-pioneer-builder__shaker {
    max-width: 370px;
  }
}
@media screen and (max-width: 992px) {
  .beyond__full-dual-bundle-builder .beyond-pioneer-builder__shaker {
    max-width: 200px;
  }
}
@media screen and (max-width: 580px) {
  .beyond__full-dual-bundle-builder .beyond-pioneer-builder__shaker {
    max-width: 140px;
  }
}
@media screen and (max-width: 480px) {
  .beyond__full-dual-bundle-builder .beyond-pioneer-builder__shaker {
    max-width: 110px;
  }
}

.beyondBundles__navigatorBundleWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 880px;
  height: 100%;
  max-height: 618px;
  z-index: 50;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
@media screen and (max-width: 1200px) {
  .beyondBundles__navigatorBundleWrapper {
    max-width: 580px;
  }
}
@media screen and (max-width: 992px) {
  .beyondBundles__navigatorBundleWrapper {
    max-height: 425px;
    max-width: 380px;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .beyondBundles__navigatorBundleWrapper {
    max-height: 825px;
  }
}
.beyondBundles__navigatorBundleWrapper .navigatorshakerWrapper {
  margin-right: 10px;
}
.beyondBundles__navigatorBundleWrapper .navigatorshakerWrapper .navigatorBundleShakerSelect img {
  max-width: 300px;
}
@media screen and (max-width: 1200px) {
  .beyondBundles__navigatorBundleWrapper .navigatorshakerWrapper .navigatorBundleShakerSelect img {
    max-width: 200px;
  }
}
@media screen and (max-width: 992px) {
  .beyondBundles__navigatorBundleWrapper .navigatorshakerWrapper .navigatorBundleShakerSelect img {
    max-width: 120px;
  }
}
@media screen and (max-width: 992px) {
  .beyondBundles__navigatorBundleWrapper .navigatorshakerWrapper {
    max-width: 50%;
    width: 100%;
  }
}
.beyondBundles__navigatorBundleWrapper .navigatorBundleSachetsList .navigatorBundleSachet.stackableSachet {
  margin-top: -150px;
}
@media screen and (max-width: 1200px) {
  .beyondBundles__navigatorBundleWrapper .navigatorBundleSachetsList .navigatorBundleSachet.stackableSachet {
    margin-top: -130px;
  }
}
@media screen and (max-width: 992px) {
  .beyondBundles__navigatorBundleWrapper .navigatorBundleSachetsList .navigatorBundleSachet.stackableSachet {
    margin-top: -60px;
  }
}
.beyondBundles__navigatorBundleWrapper .navigatorBundleSachetsList .navigatorBundleSachet img {
  max-width: 175px;
}
@media screen and (max-width: 1200px) {
  .beyondBundles__navigatorBundleWrapper .navigatorBundleSachetsList .navigatorBundleSachet img {
    max-width: 135px;
  }
}
@media screen and (max-width: 992px) {
  .beyondBundles__navigatorBundleWrapper .navigatorBundleSachetsList .navigatorBundleSachet img {
    max-width: 75px;
  }
}
@media screen and (max-width: 992px) {
  .beyondBundles__navigatorBundleWrapper .navigatorBundleSachetsList {
    max-width: 50%;
    width: 100%;
  }
}

.shakerSwatches {
  width: 100%;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 480px) {
  .shakerSwatches {
    justify-content: center;
  }
}
.shakerSwatches .swatch {
  width: 30px;
  height: 30px;
  display: inline-block;
  color: transparent;
  user-select: none;
  cursor: pointer;
  border: 2px solid transparent;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  margin-right: 10px;
}
.shakerSwatches .swatch:last-of-type {
  margin-right: 0;
}
.shakerSwatches .swatch.selected {
  color: #ffffff;
  border: 2px solid #202020;
}
.shakerSwatches .swatch.red {
  background: #d32c2c;
}
.shakerSwatches .swatch.black {
  background: #010102;
}
.shakerSwatches .swatch.orange {
  background: #ffab35;
}
.shakerSwatches .swatch.pink {
  background: #E94DF2;
}
.shakerSwatches .swatch.purple {
  background: #AB5FF6;
}
.shakerSwatches .swatch.green {
  background: #c2d65d;
}
.shakerSwatches .swatch.blue {
  background: #42b2dc;
}
.shakerSwatches .swatch.white {
  background: #e5e6e7;
}
.shakerSwatches .swatch.b4b {
  background: #341D1F;
}

.shakerSwatches {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.shakerSwatches .swatch {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 1200px) {
  .shakerSwatches .swatch {
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width: 580px) {
  .shakerSwatches .swatch {
    width: 30px;
    height: 30px;
  }
}

#productBuilderSummary .swatch.b4b {
  position: relative;
}
#productBuilderSummary .swatch.b4b:after {
  content: "";
  width: 33px;
  height: 36px;
  background-image: url("./assets/img/product-support-images/b4b-logo-small.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 7px;
  left: 7px;
}

.multiBundleShakers {
  margin-bottom: 20px !important;
}
.multiBundleShakers .swatch.b4b {
  position: relative;
}
.multiBundleShakers .swatch.b4b:after {
  content: "";
  width: 23px;
  height: 26px;
  background-image: url("./assets/img/product-support-images/b4b-logo-small.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 7px;
  left: 7px;
}
@media screen and (max-width: 1200px) {
  .multiBundleShakers .swatch.b4b:after {
    width: 23px;
    height: 26px;
  }
}
@media screen and (max-width: 580px) {
  .multiBundleShakers .swatch.b4b:after {
    width: 20px;
    height: 22px;
    top: 3px;
    left: 4px;
  }
}

.wc-store-credit-product-container .send-to-different-customer {
  font-size: 18px;
  font-family: "Work Sans", Arial, Sans-serif;
  font-weight: 500;
  text-transform: none;
}
.wc-store-credit-product-container .store-credit-receiver-fields #store_credit_receiver_email_field {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.wc-store-credit-product-container .store-credit-receiver-fields #store_credit_receiver_email_field label {
  width: 100%;
}
.wc-store-credit-product-container .store-credit-receiver-fields #store_credit_receiver_email_field .woocommerce-input-wrapper {
  width: 100%;
}
.wc-store-credit-product-container .store-credit-receiver-fields #store_credit_receiver_email_field .woocommerce-input-wrapper input {
  width: 100%;
  margin: 0 !important;
  background: #ffffff;
  color: #202020;
  border: 1px solid #202020;
  -webkit-border-radius: 50px !important;
  -moz-border-radius: 50px !important;
  border-radius: 50px !important;
  padding: 8px 15px !important;
  font-family: "Work Sans", Arial, Sans-serif;
  outline: 0;
}
.wc-store-credit-product-container .store-credit-receiver-fields #store_credit_receiver_email_field .woocommerce-input-wrapper input:focus {
  border: 1px solid #F05041;
}
.wc-store-credit-product-container .store-credit-receiver-fields textarea {
  margin: 0 !important;
  background: #ffffff;
  color: #202020;
  border: 1px solid #202020;
  -webkit-border-radius: 20px !important;
  -moz-border-radius: 20px !important;
  border-radius: 20px !important;
  padding: 8px 15px !important;
  font-family: "Work Sans", Arial, Sans-serif;
  outline: 0;
}
.wc-store-credit-product-container .store-credit-receiver-fields textarea:focus {
  border: 1px solid #F05041;
}

.jpsCampaign .productPriceWrapper {
  display: none !important;
}
.jpsCampaign .productPriceWrapperJPS {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #202020;
  border-bottom: 1px solid #202020;
  margin-bottom: 25px;
}
.jpsCampaign .productPriceWrapperJPS p.price {
  margin: 0;
  padding: 0;
  font-size: 30px;
  line-height: 35px;
  font-weight: 600;
  color: #202020;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .jpsCampaign .productPriceWrapperJPS p.price {
    text-align: center;
    justify-content: center;
  }
}
.jpsCampaign .productPriceWrapperJPS p.price del {
  font-size: 22px;
  line-height: 26px;
  font-weight: 400;
  margin-right: 10px;
}
.jpsCampaign .productPriceWrapperJPS p.price ins {
  text-decoration: none;
  color: #00a624;
  border: 3px solid #00a624;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 5px 15px;
  display: inline-block;
}

.beyondDarkMode {
  background: #10141E;
}
.beyondDarkMode .productSingleBio p {
  color: #ffffff;
}
.beyondDarkMode section#productTubSelector {
  background: #090D19 !important;
}
.beyondDarkMode section#productTubSelector .swiper-slide .productCard {
  background: #10141E;
}
.beyondDarkMode section#productTubSelector .arrow-left {
  color: #ffffff;
}
.beyondDarkMode section#productTubSelector .arrow-right {
  color: #ffffff;
}

.back4bloodProduct section#productTubSelector .swiper-slide .productCard {
  background: #000000;
}
.back4bloodProduct section#productTubSelector .arrow-left {
  color: #ffffff;
}
.back4bloodProduct section#productTubSelector .arrow-right {
  color: #ffffff;
}

section#vortexShakerIcons {
  width: 100%;
  margin: 0px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
  background: #ffffff;
  padding-top: 106px;
  padding-bottom: 106px;
}
@media screen and (max-width: 1200px) {
  section#vortexShakerIcons {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 992px) {
  section#vortexShakerIcons {
    display: none;
  }
}
section#vortexShakerIcons ul.vortexIconsProduct {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
section#vortexShakerIcons ul.vortexIconsProduct li.singleVortexIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: auto;
  flex: 1;
}
section#vortexShakerIcons ul.vortexIconsProduct li.singleVortexIcon .iconImage {
  width: 100%;
  text-align: center;
}
section#vortexShakerIcons ul.vortexIconsProduct li.singleVortexIcon .iconText {
  width: 100%;
}
section#vortexShakerIcons ul.vortexIconsProduct li.singleVortexIcon p {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 22px;
  line-height: 25px;
  font-weight: 500;
  margin-top: 10px;
}
section#vortexShakerIcons ul.vortexIconsProduct li.singleVortexIcon p span {
  font-weight: bold;
}

section#vortexBreakdown {
  width: 100%;
  margin: 0px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
  background: #191919;
  position: relative;
}
@media screen and (max-width: 992px) {
  section#vortexBreakdown {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 992px) {
  section#vortexBreakdown .vortexBreakdownDesktop {
    display: none;
  }
}
section#vortexBreakdown .vortexBreakdownMobile {
  display: none;
}
@media screen and (max-width: 992px) {
  section#vortexBreakdown .vortexBreakdownMobile {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
section#vortexBreakdown .contentBlocks {
  z-index: 10;
  position: absolute;
  bottom: 40px;
  width: 100%;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}
@media screen and (max-width: 992px) {
  section#vortexBreakdown .contentBlocks {
    position: relative;
    margin-top: 20px;
    bottom: 0;
    text-align: center;
  }
}
section#vortexBreakdown .contentBlocks .singleBlock {
  flex: 1;
}
section#vortexBreakdown .contentBlocks .singleBlock:nth-child(2) {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 992px) {
  section#vortexBreakdown .contentBlocks .singleBlock {
    flex: none;
    width: 100%;
    display: inline-block;
  }
}
section#vortexBreakdown .contentBlocks .singleBlock h4 {
  color: #ffffff;
  font-size: 41px;
  line-height: 45px;
  margin: 0;
  padding: 0;
  text-align: left;
}
@media screen and (max-width: 1400px) {
  section#vortexBreakdown .contentBlocks .singleBlock h4 {
    font-size: 32px;
    line-height: 36px;
  }
}
@media screen and (max-width: 992px) {
  section#vortexBreakdown .contentBlocks .singleBlock h4 {
    text-align: center;
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 15px;
  }
}
section#vortexBreakdown .contentBlocks .singleBlock p {
  color: #ffffff;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
}
@media screen and (max-width: 992px) {
  section#vortexBreakdown .contentBlocks .singleBlock p {
    margin-bottom: 20px;
  }
  section#vortexBreakdown .contentBlocks .singleBlock p:last-of-type {
    margin-bottom: 0;
  }
}
section#vortexBreakdown .textBlock {
  z-index: 10;
  position: absolute;
  top: 30px;
  width: 100%;
  left: 0;
}
@media screen and (max-width: 992px) {
  section#vortexBreakdown .textBlock {
    position: relative;
    top: 0;
    position: relative;
    margin-bottom: 15px;
  }
}
section#vortexBreakdown .textBlock h3 {
  margin: 0;
  padding: 0;
  font-weight: bold;
  color: #ffffff;
  font-size: 90px;
  line-height: 92px;
  text-transform: lowercase;
  font-family: "Joyride", Arial, Sans-serif;
  text-align: center;
}
section#vortexBreakdown .textBlock h3 span {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
  font-family: "Joyride", Arial, Sans-serif;
}
@media screen and (max-width: 1700px) {
  section#vortexBreakdown .textBlock h3 {
    font-size: 75px;
    line-height: 80px;
  }
}
@media screen and (max-width: 1400px) {
  section#vortexBreakdown .textBlock h3 {
    font-size: 65px;
    line-height: 70px;
  }
}
@media screen and (max-width: 1200px) {
  section#vortexBreakdown .textBlock h3 {
    font-size: 57px;
    line-height: 60px;
  }
}
@media screen and (max-width: 992px) {
  section#vortexBreakdown .textBlock h3 {
    font-size: 35px;
    line-height: 40px;
  }
}

.vortexShakerSelector {
  margin-bottom: 20px !important;
}
.vortexShakerSelector a {
  text-decoration: none;
  margin-left: 5px;
  margin-right: 5px;
}
.vortexShakerSelector .shakerSwatches {
  margin-bottom: 0 !important;
}

#productTrioImages {
  margin: 0px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
  padding-top: 120px;
  padding-bottom: 120px;
}
@media screen and (max-width: 992px) {
  #productTrioImages {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 580px) {
  #productTrioImages {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
#productTrioImages ul.imagesProductTrio {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
#productTrioImages ul.imagesProductTrio li.singleTrioImage {
  height: 680px;
  width: 32%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
@media screen and (max-width: 1700px) {
  #productTrioImages ul.imagesProductTrio li.singleTrioImage {
    height: 500px;
  }
}
@media screen and (max-width: 1200px) {
  #productTrioImages ul.imagesProductTrio li.singleTrioImage {
    height: 400px;
  }
}
@media screen and (max-width: 992px) {
  #productTrioImages ul.imagesProductTrio li.singleTrioImage {
    height: 500px;
    width: 100%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 580px) {
  #productTrioImages ul.imagesProductTrio li.singleTrioImage {
    height: 300px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.tawcvs-swatches {
  display: flex;
}
.tawcvs-swatches .swatch__tooltip {
  display: none;
}
.tawcvs-swatches .swatch-item-wrapper {
  margin-right: 15px;
}
.tawcvs-swatches .swatch-item-wrapper:last-of-type {
  margin-right: 0;
}

.swatch-shape-circle {
  width: 40px !important;
  height: 40px !important;
  cursor: pointer;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all ease-in-out 0.1s;
}
.swatch-shape-circle:hover {
  background: #F05041 !important;
  color: #ffffff;
  border-color: #F05041 !important;
}

.notifyBoxGlobal .ginput_container input {
  background: transparent;
  border: 2px solid blue !important;
  color: blue !important;
}
.notifyBoxGlobal .gform_footer .gform_button {
  background: blue !important;
  color: white !important;
  text-align: center !important;
  width: 100% !important;
}

.post-43171 .out-of-stock {
  display: none !important;
}

.vortex-list {
  list-style-image: url("assets/img/badge-check-solid-orange.svg");
}

.woocommerce {
  width: 100%;
}

.woocommerce-order {
  width: 100%;
}

.woocommerce-order-overview {
  width: 100%;
  margin: 0;
  list-style: none;
}

.woocommerce-order-details {
  width: 100%;
}
.woocommerce-order-details .woocommerce-table {
  background: #ffffff;
  border: 1px solid #707070;
}
.woocommerce-order-details .woocommerce-table thead tr th {
  padding-top: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #707070;
  font-size: 16px;
  line-height: 16px;
  color: #202020;
  font-weight: 400;
}
.woocommerce-order-details .woocommerce-table thead tr th.product-thumbnail {
  padding-left: 40px;
}
.woocommerce-order-details .woocommerce-table thead tr th.product-price {
  text-align: center;
}
.woocommerce-order-details .woocommerce-table thead tr th.product-subtotal {
  text-align: center;
}
.woocommerce-order-details .woocommerce-table thead tr th.product-quantity {
  text-align: center;
}
.woocommerce-order-details .woocommerce-table tbody tr td {
  border-bottom: 1px solid #707070;
}
@media screen and (max-width: 768px) {
  .woocommerce-order-details .woocommerce-table tbody tr td {
    border-bottom: 0px;
  }
}
.woocommerce-order-details .woocommerce-table tbody tr td.product-thumbnail {
  padding-left: 40px;
  width: 18%;
}
@media screen and (max-width: 768px) {
  .woocommerce-order-details .woocommerce-table tbody tr td.product-thumbnail {
    width: 100%;
    text-align: center;
    padding-left: 0;
  }
}
.woocommerce-order-details .woocommerce-table tbody tr td.product-thumbnail img {
  border: 1px solid #707070;
  max-width: 180px;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 992px) {
  .woocommerce-order-details .woocommerce-table tbody tr td.product-thumbnail img {
    max-width: 130px;
  }
}
@media screen and (max-width: 768px) {
  .woocommerce-order-details .woocommerce-table tbody tr td.product-thumbnail img {
    max-width: 180px;
  }
}
.woocommerce-order-details .woocommerce-table tbody tr td.product-name {
  color: #202020;
  font-size: 19px;
  padding-left: 10px;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .woocommerce-order-details .woocommerce-table tbody tr td.product-name {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .woocommerce-order-details .woocommerce-table tbody tr td.product-name {
    text-align: center;
  }
}
.woocommerce-order-details .woocommerce-table tbody tr td.product-total {
  text-align: center;
}
.woocommerce-order-details .woocommerce-table tbody tr td.product-price {
  text-align: center;
  font-size: 19px;
  color: #707070;
  border-right: 1px solid #707070;
  border-left: 1px solid #707070;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (max-width: 992px) {
  .woocommerce-order-details .woocommerce-table tbody tr td.product-price {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .woocommerce-order-details .woocommerce-table tbody tr td.product-price {
    border: 0;
    display: none;
  }
}
.woocommerce-order-details .woocommerce-table tbody tr td.product-subtotal {
  text-align: center;
  font-size: 19px;
  color: #707070;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (max-width: 992px) {
  .woocommerce-order-details .woocommerce-table tbody tr td.product-subtotal {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .woocommerce-order-details .woocommerce-table tbody tr td.product-subtotal {
    border-bottom: 1px solid #707070;
    padding-bottom: 15px;
  }
}
.woocommerce-order-details .woocommerce-table tbody tr td.product-quantity {
  text-align: center;
  border-right: 1px solid #707070;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (max-width: 768px) {
  .woocommerce-order-details .woocommerce-table tbody tr td.product-quantity {
    border: 0;
  }
}
.woocommerce-order-details .woocommerce-table tbody tr td.product-quantity .remove {
  font-size: 14px;
  line-height: 14px;
  color: #707070;
}
.woocommerce-order-details .woocommerce-table tbody tr td.product-quantity .quantity {
  display: flex;
  justify-content: center;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.woocommerce-order-details .woocommerce-table tbody tr td.product-quantity .quantity input::-webkit-outer-spin-button,
.woocommerce-order-details .woocommerce-table tbody tr td.product-quantity .quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.woocommerce-order-details .woocommerce-table tbody tr td.product-quantity .quantity input[type=number] {
  -moz-appearance: textfield;
}
.woocommerce-order-details .woocommerce-table tbody tr td.product-quantity .quantity .minus {
  order: 1;
  background: #ffffff;
  border: 0;
  color: #202020;
  border: 1px solid #707070;
  border-radius: 0;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  margin-right: -2px;
  cursor: pointer;
  z-index: 10;
  position: relative;
}
.woocommerce-order-details .woocommerce-table tbody tr td.product-quantity .quantity input.qty {
  order: 2;
  background: #ffffff;
  border: 0;
  color: #202020;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  border-radius: 0px;
  z-index: 5;
  position: relative;
  text-align: center;
}
.woocommerce-order-details .woocommerce-table tbody tr td.product-quantity .quantity .plus {
  order: 3;
  background: #ffffff;
  border: 0;
  color: #202020;
  border: 1px solid #707070;
  border-radius: 0;
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  margin-left: -2px;
  z-index: 10;
  cursor: pointer;
  position: relative;
}
.woocommerce-order-details .woocommerce-table tbody tr td a {
  text-decoration: none;
  color: #202020;
}
.woocommerce-order-details .woocommerce-table tbody tr .variation {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 10px;
  margin-bottom: 10px;
}
.woocommerce-order-details .woocommerce-table tbody tr .variation dt {
  width: 100%;
  font-weight: 500;
  color: #202020;
}
.woocommerce-order-details .woocommerce-table tbody tr .variation dd {
  margin: 0;
  padding: 0;
  width: 100%;
  margin-bottom: 10px;
  color: #707070;
}
.woocommerce-order-details .woocommerce-table tbody tr .variation dd p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 14px;
}
.woocommerce-order-details .woocommerce-table tbody tr .variation dd:last-of-type {
  margin-bottom: 0px;
}
.woocommerce-order-details .woocommerce-table tbody tr:last-of-type button {
  background: #202020;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  font-size: 19px;
  border: 0;
  border: 3px solid transparent;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  transition: all 0.2s ease-in-out;
  font-family: "Work Sans", Arial, Sans-serif;
  padding: 10px 20px;
  display: inline-block;
  float: right;
  margin: 15px;
}
.woocommerce-order-details .woocommerce-table tbody tr:last-of-type button:visited {
  background: #202020;
  color: #ffffff;
  text-decoration: none;
}
.woocommerce-order-details .woocommerce-table tbody tr:last-of-type button:hover {
  background: #F05041;
  color: #ffffff;
  border: 3px solid transparent;
}
.woocommerce-order-details .woocommerce-table tbody tr:last-of-type button:focus {
  border: 3px solid #F05041;
  color: #F05041;
  background: transparent;
}
.woocommerce-order-details .woocommerce-table tbody tr:last-of-type button:active {
  background: #F05041;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .woocommerce-order-details .woocommerce-table tbody tr:last-of-type button {
    display: block;
    width: 100%;
    text-align: center;
  }
}
.woocommerce-order-details .woocommerce-table tbody tr:last-of-type td {
  border-bottom: 0;
}
.woocommerce-order-details tfoot tr th {
  padding-top: 20px;
}
.woocommerce-order-details tfoot tr td {
  padding-top: 20px;
}

.back4bloodProduct #saving_total_price {
  color: #ffffff !important;
}
.back4bloodProduct .rank-math-breadcrumb .separator {
  background-image: url("assets/img/product-support-images/campaigns/b4b/breadcrumb-seperator-b4b.png");
}
.back4bloodProduct .page__breadcrumbs p {
  color: #ffffff;
}
.back4bloodProduct .page__breadcrumbs a {
  color: #ffffff;
}
.back4bloodProduct .page__breadcrumbs a:visited {
  color: #ffffff;
}
.back4bloodProduct h1.product_title {
  color: #ffffff;
}
.back4bloodProduct .summary p.price {
  color: #ffffff !important;
}
.back4bloodProduct .summary .product-bio__serving-size p {
  color: #ffffff !important;
}
.back4bloodProduct .summary .product-bio__klarna-split p {
  color: #ffffff !important;
}
.back4bloodProduct .summary .product-bio__klarna-split p a {
  color: #FEB3C7;
}
.back4bloodProduct .summary .product-bio__trustpilot {
  display: none !important;
}
.back4bloodProduct .summary p.single-product__product-bio {
  color: #ffffff !important;
}
@media screen and (max-width: 480px) {
  .back4bloodProduct .summary p.single-product__product-bio {
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 30px;
  }
}
.back4bloodProduct .site-main {
  background: #020109;
  position: relative;
}
.back4bloodProduct .site-main:before {
  content: "";
  width: 100%;
  height: 950px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-image: url("assets/img/product-support-images/campaigns/b4b/Beyond-B4B-BG.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 580px) {
  .back4bloodProduct .site-main:before {
    background-position: top left;
  }
}
.back4bloodProduct .productPriceWrapper {
  border-top: 1px solid #707070 !important;
  border-bottom: 1px solid #707070 !important;
}
.back4bloodProduct .single_add_to_cart_button {
  background: #b80000;
}
.back4bloodProduct .product-ingredients__left-col h2.home-title {
  color: #ffffff !important;
}
.back4bloodProduct .product-ingredients__left-col h2.home-title:after {
  background: #ffffff !important;
}
.back4bloodProduct .product-ingredients__left-col .product-ingredients__list p {
  color: #ffffff !important;
}
.back4bloodProduct #back4BloodPatches {
  width: 100%;
  position: relative;
  background-size: cover;
  background-position: left center;
  background-repeat: no-repeat;
}
.back4bloodProduct #back4BloodPatches .innerPatchWrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.back4bloodProduct #back4BloodPatches .innerPatchWrapper .leftCol {
  flex: 2;
  padding-left: 100px;
}
@media screen and (max-width: 992px) {
  .back4bloodProduct #back4BloodPatches .innerPatchWrapper .leftCol {
    flex: none;
    width: 100%;
    text-align: center;
    padding-left: 0;
  }
}
.back4bloodProduct #back4BloodPatches .innerPatchWrapper .leftCol img {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media screen and (max-width: 992px) {
  .back4bloodProduct #back4BloodPatches .innerPatchWrapper .leftCol img {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}
.back4bloodProduct #back4BloodPatches .innerPatchWrapper .rightCol {
  flex: 2;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
}
@media screen and (max-width: 992px) {
  .back4bloodProduct #back4BloodPatches .innerPatchWrapper .rightCol {
    flex: none;
    width: 100%;
    text-align: center;
  }
}
.back4bloodProduct #back4BloodPatches .innerPatchWrapper .rightCol .patchCount {
  color: #b80000;
  font-size: 300px;
  line-height: 300px;
  margin: 0;
  padding: 0;
  font-weight: bold;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .back4bloodProduct #back4BloodPatches .innerPatchWrapper .rightCol .patchCount {
    font-size: 200px;
    line-height: 200px;
  }
}
@media screen and (max-width: 1024px) {
  .back4bloodProduct #back4BloodPatches .innerPatchWrapper .rightCol .patchCount {
    font-size: 150px;
    line-height: 150px;
  }
}
@media screen and (max-width: 768px) {
  .back4bloodProduct #back4BloodPatches .innerPatchWrapper .rightCol .patchCount {
    font-size: 100px;
    line-height: 100px;
  }
}
.back4bloodProduct #back4BloodPatches .innerPatchWrapper .rightCol h3 {
  color: #ffffff;
  margin: 0;
  padding: 0;
  font-size: 41px;
  line-height: 46px;
  max-width: 450px;
  width: 100%;
  position: relative;
  padding-bottom: 25px;
}
@media screen and (max-width: 1024px) {
  .back4bloodProduct #back4BloodPatches .innerPatchWrapper .rightCol h3 {
    font-size: 30px;
    line-height: 35px;
  }
}
@media screen and (max-width: 992px) {
  .back4bloodProduct #back4BloodPatches .innerPatchWrapper .rightCol h3 {
    max-width: 100%;
  }
}
.back4bloodProduct #back4BloodPatches .innerPatchWrapper .rightCol h3:after {
  content: "";
  width: 40px;
  height: 1px;
  background: #b80000;
  position: absolute;
  bottom: 0px;
  left: 0;
}
@media screen and (max-width: 992px) {
  .back4bloodProduct #back4BloodPatches .innerPatchWrapper .rightCol h3:after {
    display: none;
  }
}
.back4bloodProduct #back4BloodPatches .innerPatchWrapper .rightCol .patchDesc {
  width: 100%;
}
.back4bloodProduct #back4BloodPatches .innerPatchWrapper .rightCol .patchDesc p {
  color: #ffffff;
  max-width: 300px;
  width: 100%;
  font-size: 13px;
  line-height: 17px;
}
@media screen and (max-width: 992px) {
  .back4bloodProduct #back4BloodPatches .innerPatchWrapper .rightCol .patchDesc p {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
.back4bloodProduct #back4BloodPatches .innerPatchWrapper .rightCol .button-default:focus {
  color: #F7F7F7;
}
@media screen and (max-width: 992px) {
  .back4bloodProduct #back4BloodPatches .innerPatchWrapper .rightCol .button-default {
    width: 100%;
    display: block;
    margin-bottom: 35px;
  }
}
.back4bloodProduct #back4BloodCompetition {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding-left: 65px;
}
@media screen and (max-width: 992px) {
  .back4bloodProduct #back4BloodCompetition {
    padding-left: 0;
  }
}
.back4bloodProduct #back4BloodCompetition .compContent {
  flex: 2;
  margin-right: -70px;
  z-index: 20;
}
@media screen and (max-width: 992px) {
  .back4bloodProduct #back4BloodCompetition .compContent {
    flex: none;
    width: 100%;
    order: 2;
    margin-right: 0;
  }
}
.back4bloodProduct #back4BloodCompetition .compContent p.featuredTextComp {
  font-size: 300px;
  line-height: 300px;
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-family: "Joyride", Arial, Sans-serif;
  text-transform: lowercase;
  color: #ffffff;
  margin-left: -10px;
}
@media screen and (max-width: 1700px) {
  .back4bloodProduct #back4BloodCompetition .compContent p.featuredTextComp {
    font-size: 200px;
    line-height: 200px;
  }
}
@media screen and (max-width: 992px) {
  .back4bloodProduct #back4BloodCompetition .compContent p.featuredTextComp {
    text-align: center;
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .back4bloodProduct #back4BloodCompetition .compContent p.featuredTextComp {
    font-size: 100px;
    line-height: 100px;
  }
}
.back4bloodProduct #back4BloodCompetition .compContent h4 {
  margin: 0;
  padding: 0;
  color: #b80000;
  font-size: 41px;
  line-height: 45px;
  width: 100%;
  max-width: 80%;
  padding-bottom: 25px;
}
@media screen and (max-width: 1700px) {
  .back4bloodProduct #back4BloodCompetition .compContent h4 {
    font-size: 30px;
    line-height: 35px;
  }
}
@media screen and (max-width: 992px) {
  .back4bloodProduct #back4BloodCompetition .compContent h4 {
    text-align: center;
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .back4bloodProduct #back4BloodCompetition .compContent h4 {
    font-size: 25px;
    line-height: 30px;
  }
}
.back4bloodProduct #back4BloodCompetition .compContent h4:after {
  content: "";
  width: 40px;
  height: 1px;
  background: #b80000;
  position: absolute;
  bottom: 0px;
  left: 0;
}
@media screen and (max-width: 992px) {
  .back4bloodProduct #back4BloodCompetition .compContent h4:after {
    display: none;
  }
}
.back4bloodProduct #back4BloodCompetition .compContent .compContentDesc {
  width: 100%;
  margin-top: 25px;
}
.back4bloodProduct #back4BloodCompetition .compContent .compContentDesc p {
  color: #ffffff;
  max-width: 300px;
  width: 100%;
  font-size: 13px;
  line-height: 17px;
}
@media screen and (max-width: 992px) {
  .back4bloodProduct #back4BloodCompetition .compContent .compContentDesc p {
    max-width: 100%;
    text-align: center;
  }
}
.back4bloodProduct #back4BloodCompetition .compContent .button-default {
  background: #F7F7F7;
  color: #000000;
  margin-top: 25px;
}
.back4bloodProduct #back4BloodCompetition .compContent .button-default:after {
  background: #b80000;
}
.back4bloodProduct #back4BloodCompetition .compContent .button-default:hover {
  background: #b80000;
  color: #F7F7F7;
}
@media screen and (max-width: 992px) {
  .back4bloodProduct #back4BloodCompetition .compContent .button-default {
    width: 100%;
    display: block;
  }
}
.back4bloodProduct #back4BloodCompetition .compImage {
  flex: 3;
  z-index: 10;
}
@media screen and (max-width: 992px) {
  .back4bloodProduct #back4BloodCompetition .compImage {
    flex: none;
    order: 1;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
.back4bloodProduct #beyond-single-product__product-info .title-block h2.home-title {
  color: #ffffff;
}
.back4bloodProduct ul.product-info__boxes li.product-info__singleBox {
  background: #0F0F0F !important;
  border-color: #b80000 !important;
}
.back4bloodProduct ul.product-info__boxes li.product-info__singleBox h3 {
  color: #b80000 !important;
}
.back4bloodProduct .product-ingredients__small-print p {
  color: #AAAAAA !important;
}
.back4bloodProduct .product-grid__bottom-title h3 {
  color: #b80000 !important;
}
.back4bloodProduct .similar-products__title-bar h4 {
  color: #ffffff;
}
.back4bloodProduct .similar-products__title-bar h4:after {
  background: #ffffff !important;
}
.back4bloodProduct .similar-products__product-grid .border-text-orange {
  -webkit-text-stroke-color: #b80000 !important;
}
.back4bloodProduct .similar-products__product-grid .similar-product__single h2 {
  color: #ffffff !important;
}
.back4bloodProduct .similar-products__product-grid .similar-product__single p {
  color: #ffffff !important;
}
.back4bloodProduct #productTubSelector {
  background: #1A0000 !important;
}
.back4bloodProduct #productTubSelector .arrow-left {
  color: #ffffff;
}
.back4bloodProduct #productTubSelector .arrow-right {
  color: #ffffff;
}
.back4bloodProduct #productInformation {
  background: #1A0000 !important;
  margin: 0px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
  position: relative;
}
.back4bloodProduct #productInformation .wrapper {
  align-items: center;
}
.back4bloodProduct .productInformationContent:after {
  background-image: url("./assets/img/product-support-images/campaigns/spacerocks/Beyond-VortexLogo.png") !important;
}
.back4bloodProduct .productInformationContent h2 {
  color: #ffffff;
}
.back4bloodProduct .productInformationContent h2:after {
  background: #ffffff !important;
}
.back4bloodProduct .productInformationContent .productDescriptionFull p {
  color: #ffffff;
}
.back4bloodProduct .productInformationContent .productDescriptionFull p a {
  padding-left: 0;
  padding-right: 0;
  color: #b80000;
}
.back4bloodProduct .productInformationContent .productDescriptionFull p a:hover {
  color: #b80000;
}
.back4bloodProduct .productInformationContent ul.beyondProductAccordian li a {
  color: #ffffff;
  padding-left: 10px;
  padding-right: 10px;
}
.back4bloodProduct .productInformationContent ul.beyondProductAccordian li a:hover {
  color: #202020;
}
.back4bloodProduct .productInformationContent ul.beyondProductAccordian li a:after {
  right: 10px;
  background-image: url("assets/img/faq-star-white.svg");
}
.back4bloodProduct .productInformationContent ul.beyondProductAccordian li .inner p {
  color: #ffffff !important;
}
.back4bloodProduct .productInformationContent ul.beyondProductAccordian li .inner p a {
  padding-left: 0;
  padding-right: 0;
  color: #b80000;
}
.back4bloodProduct .productInformationContent ul.beyondProductAccordian li .inner p a:hover {
  color: #b80000;
}
.back4bloodProduct .productInformationImageWrapper {
  height: 500px;
}
@media screen and (max-width: 992px) {
  .back4bloodProduct .productInformationImageWrapper {
    display: block !important;
    margin-left: 1px !important;
    height: 400px;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .back4bloodProduct .productInformationImageWrapper {
    height: 300px;
  }
}
.back4bloodProduct .productSingleBio p {
  color: #ffffff !important;
}

.b4bHomeDark .home-title {
  color: #F7F7F7;
}
.b4bHomeDark #homepage__hero, .b4bHomeDark #home__whatIsBeyond, .b4bHomeDark #homeFeaturedPost, .b4bHomeDark #homeFeaturedProducts, .b4bHomeDark #homeFeaturedPost, .b4bHomeDark #homepage__formula, .b4bHomeDark #homepage__who-is-beyond, .b4bHomeDark #homepage__partner-area, .b4bHomeDark #homepage__social-blocks, .b4bHomeDark #footer-cta {
  background: #020109 !important;
}
.b4bHomeDark #homepage__partner-area ul.partner-logos__list li .partner-inner-wrapper {
  background: #020109 !important;
}
.b4bHomeDark #homepage__social-blocks ul li {
  background: #020109;
}
.b4bHomeDark #homepage__social-blocks ul li p {
  color: #F7F7F7;
}
.b4bHomeDark #footer-cta h6 {
  color: #F7F7F7;
}

#checkoutCompetitionPromo {
  background-image: url("assets/img/product-support-images/campaigns/b4b/checkoutComputerPromo.jpg");
  background-size: cover;
  background-position: left center;
  background-repeat: no-repeat;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  padding: 40px 80px;
}
@media screen and (max-width: 768px) {
  #checkoutCompetitionPromo {
    padding: 40px 20px;
    background-size: auto;
    background-color: black;
    background-position: top left;
    justify-content: center;
  }
  #checkoutCompetitionPromo img {
    margin-top: 280px;
  }
}

#homeBack4BloodCompetition {
  background: #020109;
}

.back4BloodCompDropdown {
  width: 100%;
}
.back4BloodCompDropdown .dropdownButton {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.back4BloodCompDropdown .dropdownButton:after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: #b80000;
}
.back4BloodCompDropdown .dropdownButton .compDropdownCenter {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 10;
  padding-bottom: 20px;
}
.back4BloodCompDropdown .dropdownButton .compDropdownCenter span {
  width: 100%;
  color: #b80000;
  font-size: 15px;
  line-height: 15px;
  text-align: center;
  padding-bottom: 10px;
}
.back4BloodCompDropdown .dropdownButton .compDropdownCenter i {
  font-size: 30px;
  color: #b80000;
  background: #020109;
}
.back4BloodCompDropdown h5 {
  color: #F7F7F7;
}
.back4BloodCompDropdown p {
  color: #F7F7F7;
}
.back4BloodCompDropdown .button-default {
  margin-top: 25px;
}

.Back4BloodCompetition {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding-left: 65px;
}
@media screen and (max-width: 992px) {
  .Back4BloodCompetition {
    padding-left: 0;
  }
}
.Back4BloodCompetition .compContent {
  flex: 2;
  margin-right: -70px;
  z-index: 20;
}
@media screen and (max-width: 992px) {
  .Back4BloodCompetition .compContent {
    flex: none;
    width: 100%;
    order: 2;
    margin-right: 0;
  }
}
.Back4BloodCompetition .compContent p.featuredTextComp {
  font-size: 300px;
  line-height: 300px;
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-family: "Joyride", Arial, Sans-serif;
  text-transform: lowercase;
  color: #ffffff;
  margin-left: -10px;
}
@media screen and (max-width: 1700px) {
  .Back4BloodCompetition .compContent p.featuredTextComp {
    font-size: 200px;
    line-height: 200px;
  }
}
@media screen and (max-width: 992px) {
  .Back4BloodCompetition .compContent p.featuredTextComp {
    text-align: center;
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .Back4BloodCompetition .compContent p.featuredTextComp {
    font-size: 100px;
    line-height: 100px;
  }
}
.Back4BloodCompetition .compContent h4 {
  margin: 0;
  padding: 0;
  color: #b80000;
  font-size: 41px;
  line-height: 45px;
  width: 100%;
  max-width: 80%;
  padding-bottom: 25px;
}
@media screen and (max-width: 1700px) {
  .Back4BloodCompetition .compContent h4 {
    font-size: 30px;
    line-height: 35px;
  }
}
@media screen and (max-width: 992px) {
  .Back4BloodCompetition .compContent h4 {
    text-align: center;
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .Back4BloodCompetition .compContent h4 {
    font-size: 25px;
    line-height: 30px;
  }
}
.Back4BloodCompetition .compContent h4:after {
  content: "";
  width: 40px;
  height: 1px;
  background: #b80000;
  position: absolute;
  bottom: 0px;
  left: 0;
}
@media screen and (max-width: 992px) {
  .Back4BloodCompetition .compContent h4:after {
    display: none;
  }
}
.Back4BloodCompetition .compContent .compContentDesc {
  width: 100%;
  margin-top: 25px;
}
.Back4BloodCompetition .compContent .compContentDesc p {
  color: #ffffff;
  max-width: 300px;
  width: 100%;
  font-size: 13px;
  line-height: 17px;
}
@media screen and (max-width: 992px) {
  .Back4BloodCompetition .compContent .compContentDesc p {
    max-width: 100%;
    text-align: center;
  }
}
.Back4BloodCompetition .compContent .button-default {
  background: #F7F7F7;
  color: #000000;
  margin-top: 25px;
}
.Back4BloodCompetition .compContent .button-default:after {
  background: #b80000;
}
.Back4BloodCompetition .compContent .button-default:hover {
  background: #b80000;
  color: #F7F7F7;
}
@media screen and (max-width: 992px) {
  .Back4BloodCompetition .compContent .button-default {
    width: 100%;
    display: block;
  }
}
.Back4BloodCompetition .compImage {
  flex: 3;
  z-index: 10;
}
@media screen and (max-width: 992px) {
  .Back4BloodCompetition .compImage {
    flex: none;
    order: 1;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

#b4bComputerGiveaway {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  background: #000000;
  padding-top: 40px;
  padding-bottom: 40px;
  margin: 0px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
  position: relative;
}
#b4bComputerGiveaway .b4bcontent {
  flex: 1;
  max-width: 385px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#b4bComputerGiveaway .b4bcontent h3 {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 52px;
  line-height: 54px;
  margin-bottom: 15px;
}
#b4bComputerGiveaway .b4bcontent .centreredLine {
  width: 40px;
  height: 1px;
  background: #ffffff;
  margin-right: auto;
}
#b4bComputerGiveaway .b4bcontent h4 {
  color: #b80000;
  margin: 0;
  padding: 0;
  font-family: "Work Sans", Arial, Sans-serif;
  text-transform: none;
  font-size: 28px;
  line-height: 35px;
  margin-top: 30px;
}
#b4bComputerGiveaway .b4bcontent p {
  color: #ffffff;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
}
#b4bComputerGiveaway .b4bComputerImage {
  flex: 1;
  text-align: right;
}

.spaceRocksProduct {
  background: #10141E;
}
.spaceRocksProduct .rank-math-breadcrumb .separator {
  background-image: url("assets/img/product-support-images/campaigns/spacerocks/breadcrumb-seperator-projectluna.png");
}
.spaceRocksProduct .rank-math-breadcrumb p {
  color: #F7F7F7 !important;
}
.spaceRocksProduct .rank-math-breadcrumb a {
  color: #F7F7F7 !important;
}
.spaceRocksProduct .summary h1 {
  color: #F7F7F7;
}
.spaceRocksProduct .summary p.price {
  color: #F7F7F7 !important;
}
.spaceRocksProduct .summary p.single-product__product-bio {
  color: #F7F7F7 !important;
}
.spaceRocksProduct .summary .product-bio__serving-size p {
  color: #F7F7F7 !important;
}
.spaceRocksProduct .summary .product-bio__text-area p {
  color: #F7F7F7 !important;
}
.spaceRocksProduct .summary .product-bio__text-area p a {
  color: #4897FF !important;
}
.spaceRocksProduct .summary .product-bio__text-area p a:visited {
  color: #4897FF !important;
}
.spaceRocksProduct .summary .product-bio__klarna-split p {
  color: #F7F7F7 !important;
}
.spaceRocksProduct .summary .product-bio__klarna-split p a {
  color: #FEB3C7;
}
.spaceRocksProduct .summary .product-bio__klarna-split p a:visited {
  color: #FEB3C7;
}
.spaceRocksProduct .summary .product-bio__trustpilot {
  display: none !important;
}
.spaceRocksProduct #beyond-single-product__product-info .product-info__left-col .home-label {
  color: #707070 !important;
}
.spaceRocksProduct #beyond-single-product__product-info .product-info__left-col .title-block h2 {
  color: #F7F7F7 !important;
}
.spaceRocksProduct #beyond-single-product__product-info .product-info__left-col .product-info-bio {
  color: #F7F7F7;
}
.spaceRocksProduct ul.product-info__boxes li.product-info__singleBox {
  background: #10141E !important;
}
.spaceRocksProduct ul.product-info__boxes li.product-info__singleBox h3 {
  color: #4897FF !important;
}
.spaceRocksProduct .product-ingredients__left-col .home-label {
  color: #707070;
}
.spaceRocksProduct .product-ingredients__left-col h2.home-title {
  color: #F7F7F7 !important;
}
.spaceRocksProduct .product-ingredients__left-col h2.home-title:after {
  background: #F7F7F7 !important;
}
.spaceRocksProduct .product-ingredients__left-col .product-ingredients__list p {
  color: #F7F7F7;
}
.spaceRocksProduct .product-ingredients__small-print p {
  color: #707070 !important;
}
.spaceRocksProduct #beyond-single-product__similar-products h4 {
  color: #F7F7F7 !important;
}
.spaceRocksProduct #beyond-single-product__similar-products h4:after {
  background: #F7F7F7 !important;
}
.spaceRocksProduct #beyond-single-product__similar-products .similar-single__title h2 {
  color: #F7F7F7 !important;
}
.spaceRocksProduct #beyond-single-product__similar-products .similar-single__title p.sub-title {
  color: #F7F7F7 !important;
}
.spaceRocksProduct #beyondSpaceRocks__about {
  background: #10141E;
  padding-top: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .spaceRocksProduct #beyondSpaceRocks__about {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1200px) {
  .spaceRocksProduct #beyondSpaceRocks__about #projectComplete {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .spaceRocksProduct #beyondSpaceRocks__about #projectComplete {
    order: 1;
    width: 100%;
    margin-bottom: 10px;
  }
}
.spaceRocksProduct #beyondSpaceRocks__about .srContentWrapper {
  position: relative;
  padding-top: 150px;
  z-index: 100;
}
@media screen and (max-width: 1700px) {
  .spaceRocksProduct #beyondSpaceRocks__about .srContentWrapper {
    padding-top: 75px;
  }
}
@media screen and (max-width: 1400px) {
  .spaceRocksProduct #beyondSpaceRocks__about .srContentWrapper {
    padding-top: 0px;
  }
}
@media screen and (max-width: 1200px) {
  .spaceRocksProduct #beyondSpaceRocks__about .srContentWrapper {
    padding-bottom: 75px;
  }
}
@media screen and (max-width: 768px) {
  .spaceRocksProduct #beyondSpaceRocks__about .srContentWrapper {
    position: relative;
    padding-left: 0;
    order: 2;
  }
}
.spaceRocksProduct #beyondSpaceRocks__about .srContentWrapper img {
  margin-bottom: 85px;
}
@media screen and (max-width: 1200px) {
  .spaceRocksProduct #beyondSpaceRocks__about .srContentWrapper img {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 992px) {
  .spaceRocksProduct #beyondSpaceRocks__about .srContentWrapper img {
    display: none;
  }
}
.spaceRocksProduct #beyondSpaceRocks__about .srContentWrapper h4 {
  color: #ffffff;
  font-size: 52px;
  line-height: 54px;
  margin: 0;
  padding: 0;
  position: relative;
  padding-bottom: 35px;
}
.spaceRocksProduct #beyondSpaceRocks__about .srContentWrapper h4:before {
  content: "";
  width: 275px;
  height: 1px;
  background: #707070;
  bottom: 0px;
  position: absolute;
}
@media screen and (max-width: 1400px) {
  .spaceRocksProduct #beyondSpaceRocks__about .srContentWrapper h4 {
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 768px) {
  .spaceRocksProduct #beyondSpaceRocks__about .srContentWrapper h4 {
    text-align: center;
    font-size: 32px;
    line-height: 32px;
    padding-bottom: 0;
  }
  .spaceRocksProduct #beyondSpaceRocks__about .srContentWrapper h4 br {
    display: none;
  }
  .spaceRocksProduct #beyondSpaceRocks__about .srContentWrapper h4:before {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .spaceRocksProduct #beyondSpaceRocks__about .srContentWrapper h4 {
    font-size: 24px;
    line-height: 24px;
  }
}
.spaceRocksProduct #beyondSpaceRocks__about .srContentWrapper p {
  font-size: 14px;
  line-height: 17px;
  color: #ffffff;
  max-width: 310px;
}
@media screen and (max-width: 768px) {
  .spaceRocksProduct #beyondSpaceRocks__about .srContentWrapper p {
    max-width: 80%;
    width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 480px) {
  .spaceRocksProduct #beyondSpaceRocks__about .srContentWrapper p {
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .spaceRocksProduct #beyondSpaceRocks__about .srContentWrapper .button-alt {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 480px) {
  .spaceRocksProduct #beyondSpaceRocks__about .srContentWrapper .button-alt {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .spaceRocksProduct #beyondSpaceRocks__about .srContentWrapper svg {
    order: 1;
  }
}
.spaceRocksProduct #beyondSpaceRocks__about .spaceRocksFloating {
  width: 75%;
  position: relative;
}
.spaceRocksProduct #spaceRocksWatchVideo {
  width: 100%;
  margin-top: 65px;
}
.spaceRocksProduct #spaceRocksWatchVideo .spaceRocksVideoImage {
  width: 100%;
  height: 900px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #707070;
}
@media screen and (max-width: 1200px) {
  .spaceRocksProduct #spaceRocksWatchVideo .spaceRocksVideoImage {
    height: 600px;
  }
}
@media screen and (max-width: 992px) {
  .spaceRocksProduct #spaceRocksWatchVideo .spaceRocksVideoImage {
    height: 400px;
  }
}
@media screen and (max-width: 480px) {
  .spaceRocksProduct #spaceRocksWatchVideo .spaceRocksVideoImage {
    height: 250px;
  }
}
.spaceRocksProduct #spaceRocksWatchVideo ul.videoPromotionBoxes {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  width: 100%;
  margin-top: 60px;
}
.spaceRocksProduct #spaceRocksWatchVideo ul.videoPromotionBoxes li.singlePromotionBox {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 992px) {
  .spaceRocksProduct #spaceRocksWatchVideo ul.videoPromotionBoxes li.singlePromotionBox {
    flex: none;
    width: 100%;
    margin-bottom: 35px;
  }
  .spaceRocksProduct #spaceRocksWatchVideo ul.videoPromotionBoxes li.singlePromotionBox::last-of-type {
    margin-bottom: 0;
  }
}
.spaceRocksProduct #spaceRocksWatchVideo ul.videoPromotionBoxes li.singlePromotionBox h4 {
  margin: 0;
  padding: 0;
  color: #F7F7F7;
  font-size: 35px;
  line-height: 38px;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .spaceRocksProduct #spaceRocksWatchVideo ul.videoPromotionBoxes li.singlePromotionBox h4 {
    flex: none;
    width: 100%;
  }
}
.spaceRocksProduct #spaceRocksWatchVideo ul.videoPromotionBoxes li.singlePromotionBox p {
  color: #F7F7F7;
  font-size: 14px;
  line-height: 17px;
  max-width: 400px;
  width: 100%;
  flex: 1;
  padding-left: 25px;
  padding-right: 30px;
}
@media screen and (max-width: 992px) {
  .spaceRocksProduct #spaceRocksWatchVideo ul.videoPromotionBoxes li.singlePromotionBox p {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .spaceRocksProduct #spaceRocksWatchVideo ul.videoPromotionBoxes li.singlePromotionBox p {
    flex: none;
    width: 100%;
    padding: 0;
  }
}
.spaceRocksProduct #spaceRocksWatchVideo ul.videoPromotionBoxes li.singlePromotionBox .buttonContainer {
  width: 100%;
  margin-top: 25px;
}
.spaceRocksProduct #spaceRocksWatchVideo ul.videoPromotionBoxes li.singlePromotionBox .button-default {
  background: #F7F7F7;
  color: #202020;
}
.spaceRocksProduct #spaceRocksWatchVideo ul.videoPromotionBoxes li.singlePromotionBox .button-default:after {
  background: #4897FF;
}
.spaceRocksProduct #spaceRocksWatchVideo ul.videoPromotionBoxes li.singlePromotionBox .button-default:hover {
  background: #4897FF;
  color: #F7F7F7;
}
.spaceRocksProduct #spaceRocksWatchVideo ul.videoPromotionBoxes li.singlePromotionBox .button-default:focus {
  border-color: #4897FF;
  color: #F7F7F7;
}
.spaceRocksProduct .productInformationContent:after {
  background-image: url("./assets/img/product-support-images/campaigns/spacerocks/Beyond-VortexLogo.png") !important;
}
.spaceRocksProduct .productInformationContent h2 {
  color: #ffffff;
}
.spaceRocksProduct .productInformationContent h2:after {
  background: #ffffff !important;
}
.spaceRocksProduct .productInformationContent .productDescriptionFull p {
  color: #ffffff;
}
.spaceRocksProduct .productInformationContent ul.beyondProductAccordian li a {
  color: #ffffff;
  padding-left: 10px;
  padding-right: 10px;
}
.spaceRocksProduct .productInformationContent ul.beyondProductAccordian li a:hover {
  color: #202020;
}
.spaceRocksProduct .productInformationContent ul.beyondProductAccordian li a:after {
  right: 10px;
  background-image: url("assets/img/faq-star-white.svg");
}
.spaceRocksProduct .productInformationContent ul.beyondProductAccordian li .inner p {
  color: #ffffff !important;
}
.spaceRocksProduct .productInformationContent ul.beyondProductAccordian li .inner p a {
  padding-left: 0;
  padding-right: 0;
  color: #4897FF;
}
.spaceRocksProduct .productInformationContent ul.beyondProductAccordian li .inner p a:hover {
  color: #4897FF;
}
.spaceRocksProduct .productInformationImageWrapper {
  height: 100%;
  max-height: 500px;
}
@media screen and (max-width: 992px) {
  .spaceRocksProduct .productInformationImageWrapper {
    display: block !important;
    margin-left: 1px !important;
    height: 400px;
    width: 100%;
  }
}
.spaceRocksProduct .productSingleBio p {
  color: #ffffff !important;
}

#toTheMoonHero {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 870px;
  margin-top: 20px;
}
@media screen and (max-width: 992px) {
  #toTheMoonHero {
    height: 450px;
  }
}
@media screen and (max-width: 480px) {
  #toTheMoonHero {
    height: 300px;
  }
}

#toTheMoonTitle {
  width: 100%;
  margin-bottom: 55px;
  margin-top: -20px;
}
#toTheMoonTitle .projectLunaHashtag {
  margin: 0;
  padding: 0;
  font-size: 110px;
  line-height: 110px;
  width: 100%;
  text-align: right;
}
@media screen and (max-width: 1700px) {
  #toTheMoonTitle .projectLunaHashtag {
    font-size: 80px;
    line-height: 80px;
  }
}
@media screen and (max-width: 1200px) {
  #toTheMoonTitle .projectLunaHashtag {
    font-size: 60px;
    line-height: 60px;
  }
}
@media screen and (max-width: 992px) {
  #toTheMoonTitle .projectLunaHashtag {
    font-size: 50px;
    line-height: 50px;
  }
}
@media screen and (max-width: 768px) {
  #toTheMoonTitle .projectLunaHashtag {
    display: none;
  }
}

#projectLunaSteps {
  width: 100%;
  padding-bottom: 170px;
  padding-top: 40px;
}
#projectLunaSteps .projectLunaSteps {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
}
#projectLunaSteps .projectLunaSteps .singleStep {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#projectLunaSteps .projectLunaSteps .singleStep .stepContent {
  width: 50%;
  padding-top: 160px;
  padding-bottom: 160px;
  padding-left: 50px;
  padding-right: 50px;
  position: relative;
}
@media screen and (max-width: 992px) {
  #projectLunaSteps .projectLunaSteps .singleStep .stepContent {
    width: 100%;
    order: 2;
  }
}
@media screen and (max-width: 768px) {
  #projectLunaSteps .projectLunaSteps .singleStep .stepContent {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
#projectLunaSteps .projectLunaSteps .singleStep .stepContent .titleSection {
  position: relative;
  padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
  #projectLunaSteps .projectLunaSteps .singleStep .stepContent .titleSection {
    padding-bottom: 40px;
  }
}
#projectLunaSteps .projectLunaSteps .singleStep .stepContent .titleSection:after {
  content: "";
  width: 270px;
  height: 1px;
  background: #707070;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  #projectLunaSteps .projectLunaSteps .singleStep .stepContent .titleSection:after {
    display: none;
  }
}
#projectLunaSteps .projectLunaSteps .singleStep .stepContent .titleSection h2 {
  margin: 0;
  padding: 0;
  font-size: 72px;
  line-height: 80px;
  font-weight: 500;
  z-index: 10;
}
@media screen and (max-width: 1200px) {
  #projectLunaSteps .projectLunaSteps .singleStep .stepContent .titleSection h2 {
    font-size: 35px;
    line-height: 40px;
  }
}
@media screen and (max-width: 992px) {
  #projectLunaSteps .projectLunaSteps .singleStep .stepContent .titleSection h2 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media screen and (max-width: 768px) {
  #projectLunaSteps .projectLunaSteps .singleStep .stepContent .titleSection h2 {
    text-align: center;
    font-size: 30px;
    line-height: 35px;
  }
}
#projectLunaSteps .projectLunaSteps .singleStep .stepContent .titleSection .stepNumber {
  position: absolute;
  font-size: 300px;
  color: #4897FF;
  font-weight: 100;
  right: 0;
  top: -100px;
  z-index: -1;
}
@media screen and (max-width: 1200px) {
  #projectLunaSteps .projectLunaSteps .singleStep .stepContent .titleSection .stepNumber {
    font-size: 200px;
    font-weight: 300;
  }
}
@media screen and (max-width: 768px) {
  #projectLunaSteps .projectLunaSteps .singleStep .stepContent .titleSection .stepNumber {
    font-size: 50px;
    left: 0;
    font-weight: 300;
    top: -60px;
  }
}
#projectLunaSteps .projectLunaSteps .singleStep .stepContent p {
  font-size: 14px;
  line-height: 17px;
  max-width: 270px;
  margin: 0;
  padding: 0;
  margin-top: 75px;
}
@media screen and (max-width: 768px) {
  #projectLunaSteps .projectLunaSteps .singleStep .stepContent p {
    margin-top: 30px;
    text-align: center;
  }
}
#projectLunaSteps .projectLunaSteps .singleStep .stepContent .home-label {
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  color: #707070;
  top: 0;
  left: 50px;
  position: absolute;
  margin-top: 25px;
}
#projectLunaSteps .projectLunaSteps .singleStep .stepImage {
  width: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 992px) {
  #projectLunaSteps .projectLunaSteps .singleStep .stepImage {
    width: 100%;
    height: 450px;
    order: 1;
  }
}
#projectLunaSteps .projectLunaSteps .singleStep:nth-child(even) .stepContent {
  order: 2;
}
#projectLunaSteps .projectLunaSteps .singleStep:nth-child(even) .stepContent .stepNumber {
  right: auto;
  left: 0;
}
#projectLunaSteps .projectLunaSteps .singleStep:nth-child(even) .stepContent .titleSection:after {
  content: "";
  width: 270px;
  height: 1px;
  background: #707070;
  position: absolute;
  left: auto;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  #projectLunaSteps .projectLunaSteps .singleStep:nth-child(even) .stepContent .titleSection:after {
    display: none;
  }
}
#projectLunaSteps .projectLunaSteps .singleStep:nth-child(even) .stepContent h2 {
  text-align: right;
}
@media screen and (max-width: 768px) {
  #projectLunaSteps .projectLunaSteps .singleStep:nth-child(even) .stepContent h2 {
    text-align: center;
    font-size: 30px;
    line-height: 35px;
  }
}
#projectLunaSteps .projectLunaSteps .singleStep:nth-child(even) .stepImage {
  order: 1;
}
#projectLunaSteps .projectLunaSteps .singleStep:nth-child(even) .home-label {
  left: auto;
  right: 50px;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*animation element*/
.animation-element {
  opacity: 0;
  position: relative;
}

/*animation element sliding left*/
.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.blackFridayOverlay {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  display: flex;
  align-items: center !important;
}
@media screen and (max-width: 1024px) {
  .blackFridayOverlay {
    margin-bottom: 0 !important;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.blackFridayCountdownNotice {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.blackFridayCountdownNotice .blackFridayTitle {
  font-family: "Joyride", Arial, Sans-serif;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #202020;
  text-transform: lowercase;
  font-size: 25px;
}
@media screen and (max-width: 480px) {
  .blackFridayCountdownNotice .blackFridayTitle {
    font-size: 20px;
  }
}
.blackFridayCountdownNotice .clockWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: auto;
  margin-left: 15px;
  margin-right: 15px;
}
.blackFridayCountdownNotice .timer {
  font-family: "Work Sans", Arial, Sans-serif;
  color: #202020;
  display: flex;
  font-size: 34px;
  font-weight: 300;
  letter-spacing: 5px;
  min-width: 50px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .blackFridayCountdownNotice .timer {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .blackFridayCountdownNotice .timer {
    font-size: 26px;
    min-width: 30px;
  }
}
@media screen and (max-width: 480px) {
  .blackFridayCountdownNotice .timer {
    font-size: 24px;
    letter-spacing: 2px;
  }
}

.beyondDarkHeader .blackFridayTitle {
  -webkit-text-stroke-color: #ffffff;
}
.beyondDarkHeader .timer {
  color: #ffffff;
}

.beyondBlackHeader .blackFridayTitle {
  -webkit-text-stroke-color: #ffffff;
}
.beyondBlackHeader .timer {
  color: #ffffff;
}

@media screen and (max-width: 992px) {
  .sotProductPage .single-product__main-image {
    margin-bottom: 0;
  }
}
.sotProductPage .beyondAccordianQuestion {
  color: white !important;
}
.sotProductPage .singlePointProduct p {
  color: #ffffff;
}
.sotProductPage .trustpilotWidgetBio {
  color: #ffffff !important;
  color: #ffffff !important;
}
.sotProductPage .trustpilotWidgetBio iframe {
  color: #ffffff !important;
}
.sotProductPage .trustpilotWidgetBio .tp-widget-trustscore {
  color: #ffffff !important;
}
.sotProductPage .rank-math-breadcrumb .separator {
  background-image: url("assets/img/product-support-images/campaigns/sot/sotBeyondSeperator.png");
}
@media screen and (max-width: 992px) {
  .sotProductPage .page__breadcrumbs {
    display: none;
  }
}
.sotProductPage .page__breadcrumbs p {
  color: #ffffff;
}
.sotProductPage .page__breadcrumbs a {
  color: #ffffff;
}
.sotProductPage .page__breadcrumbs a:visited {
  color: #ffffff;
}
.sotProductPage h1.product_title {
  color: #ffffff;
  font-family: "Windlass";
  text-transform: none;
}
.sotProductPage .summary p.price {
  color: #ffffff !important;
}
.sotProductPage .summary .product-bio__serving-size p {
  color: #ffffff !important;
}
.sotProductPage .summary .product-bio__klarna-split p {
  color: #ffffff !important;
}
.sotProductPage .summary .product-bio__klarna-split p a {
  color: #FEB3C7;
}
.sotProductPage .summary .product-bio__trustpilot {
  display: none !important;
}
.sotProductPage .summary p.single-product__product-bio {
  color: #ffffff !important;
}
.sotProductPage .summary .productSingleBio p {
  color: #ffffff;
}
.sotProductPage .summary .productPriceWrapper {
  border-color: #00FAA4;
}
.sotProductPage .site-main {
  background: #071412;
  position: relative;
}
.sotProductPage .site-main:before {
  content: "";
  width: 100%;
  height: 950px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-image: url("assets/img/product-support-images/campaigns/sot/SoTBackground.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 992px) {
  .sotProductPage .site-main:before {
    background-position: 20% 10%;
  }
}
.sotProductPage .site-main:after {
  content: "";
  width: 100%;
  height: 900px;
  position: absolute;
  top: 300px;
  left: 0;
  right: 0;
  display: none;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
  background-image: url("assets/img/product-support-images/campaigns/sot/heroImageArea.png");
}
@media screen and (max-width: 992px) {
  .sotProductPage .site-main:after {
    display: block;
  }
}
@media screen and (max-width: 580px) {
  .sotProductPage .site-main:after {
    top: 230px;
  }
}
.sotProductPage #productInformation {
  margin: 0px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw !important;
  background: #071412;
  position: relative;
}
@media screen and (max-width: 992px) {
  .sotProductPage #productInformation {
    z-index: 120;
  }
}
.sotProductPage #productInformation.sotProductinfoSection {
  margin-top: 40px;
  padding-bottom: 80px;
}
@media screen and (max-width: 992px) {
  .sotProductPage #productInformation.sotProductinfoSection {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 580px) {
  .sotProductPage #productInformation.sotProductinfoSection {
    margin-top: 0;
  }
}
.sotProductPage #productInformation.sotProductinfoSection:before {
  content: "";
  width: 100%;
  height: 75px;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  background-image: url("./assets/img/marketing/sothome/sotInfo.svg");
  position: absolute;
  top: -74px;
  left: 0;
}
.sotProductPage #productInformation.sotProductinfoSection .productInformationContent h2 {
  color: #00FAA4;
}
.sotProductPage #productInformation.sotProductinfoSection .productInformationContent h2:after {
  background: #ffffff;
}
.sotProductPage #productInformation.sotProductinfoSection .productInformationContent:after {
  background-image: url("./assets/img/product-support-images/campaigns/spacerocks/Beyond-VortexLogo.png") !important;
}
.sotProductPage #productInformation.sotProductinfoSection .productDescriptionFull p {
  color: #ffffff;
}
.sotProductPage #productInformation.sotProductinfoSection .beyondProductAccordian li {
  color: #ffffff;
  border-color: #00FAA4;
}
.sotProductPage #productInformation.sotProductinfoSection .beyondProductAccordian li a {
  color: #ffffff;
  padding-left: 10px;
  padding-right: 10px;
}
.sotProductPage #productInformation.sotProductinfoSection .beyondProductAccordian li a:after {
  content: "";
  background-image: url("assets/img/faq-star-white.png");
  right: 10px;
}
.sotProductPage #productInformation.sotProductinfoSection .beyondProductAccordian li a:focus {
  background: #00FAA4;
}
.sotProductPage #productInformation.sotProductinfoSection .beyondProductAccordian li a:hover {
  background: #00FAA4;
}
.sotProductPage #productInformation.sotProductinfoSection .beyondProductAccordian li p {
  color: #ffffff;
}
.sotProductPage #productInformation.sotProductinfoSection .beyondProductAccordian li p a {
  color: #00FAA4;
}
.sotProductPage #productInformation.sotProductinfoSection .beyondProductAccordian .inner {
  color: #ffffff;
}

section#sotPatches {
  width: 100%;
  background: #071412;
  position: relative;
  padding-bottom: 50px;
}
@media screen and (max-width: 768px) {
  section#sotPatches .wrapper {
    display: block;
  }
}
section#sotPatches .patchCol {
  max-width: 50%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 992px) {
  section#sotPatches .patchCol {
    max-width: 100%;
    width: 100%;
    flex: none;
  }
}
section#sotPatches .patchCol .patchImage {
  width: 100%;
  text-align: center;
}
section#sotPatches .patchCol .patchImage .desktopSoldOut {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  section#sotPatches .patchCol .patchImage .desktopSoldOut {
    display: none;
  }
}
section#sotPatches .patchCol .patchImage .mobileSoldOut {
  display: none;
}
@media screen and (max-width: 768px) {
  section#sotPatches .patchCol .patchImage .mobileSoldOut {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  section#sotPatches .patchCol .patchEnded {
    margin-bottom: 30px;
  }
}
section#sotPatches .patchCol:first-of-type {
  border-right: 2px solid #00FAA4;
  padding-right: 80px;
}
@media screen and (max-width: 992px) {
  section#sotPatches .patchCol:first-of-type {
    padding-right: 0;
    border-right: 0px;
  }
}
section#sotPatches .patchCol:last-of-type {
  padding-left: 80px;
}
@media screen and (max-width: 992px) {
  section#sotPatches .patchCol:last-of-type {
    padding-left: 0px;
  }
}
section#sotPatches .patchCol:last-of-type .patchContentInner {
  z-index: 30;
}
@media screen and (max-width: 992px) {
  section#sotPatches .patchCol .patchContent .patchIcon {
    max-width: 70px;
    margin-left: auto;
    margin-right: auto;
  }
}
section#sotPatches .patchCol .patchContent .goldenPatch {
  text-align: center;
  margin-top: -10px;
}
section#sotPatches .patchCol .patchContent .goldenPatchTitle {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media screen and (max-width: 1700px) {
  section#sotPatches .patchCol .patchContent .goldenPatchTitle img {
    max-width: 140px;
  }
}
@media screen and (max-width: 1024px) {
  section#sotPatches .patchCol .patchContent .goldenPatchTitle img {
    max-width: 100px;
  }
}
@media screen and (max-width: 992px) {
  section#sotPatches .patchCol .patchContent .goldenPatchTitle img {
    display: none;
  }
}
@media screen and (max-width: 580px) {
  section#sotPatches .patchCol .patchContent .goldenPatchTitle img {
    max-width: 85px;
  }
}
section#sotPatches .patchCol .patchContent .goldenPatchTitle h4 {
  margin: 0;
  padding: 0;
  color: #F2CC0E;
  font-size: 88px;
  line-height: 120px;
  text-align: center;
  font-family: "Windlass";
  text-transform: uppercase;
  position: relative;
  z-index: 10;
  flex: 1;
}
@media screen and (max-width: 1400px) {
  section#sotPatches .patchCol .patchContent .goldenPatchTitle h4 {
    font-size: 68px;
    line-height: 75px;
  }
}
@media screen and (max-width: 1200px) {
  section#sotPatches .patchCol .patchContent .goldenPatchTitle h4 {
    font-size: 55px;
    line-height: 65px;
  }
}
@media screen and (max-width: 580px) {
  section#sotPatches .patchCol .patchContent .goldenPatchTitle h4 {
    font-size: 40px;
    line-height: 60px;
  }
}
section#sotPatches .patchCol .patchContent .goldenPatchTitle h4 span {
  font-size: 140px;
  width: 100%;
}
@media screen and (max-width: 1400px) {
  section#sotPatches .patchCol .patchContent .goldenPatchTitle h4 span {
    font-size: 90px;
  }
}
@media screen and (max-width: 580px) {
  section#sotPatches .patchCol .patchContent .goldenPatchTitle h4 span {
    font-size: 60px;
    line-height: 60px;
  }
}
section#sotPatches .patchCol .patchContent .goldenPatchTitle h4:after {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("./assets/img/product-support-images/campaigns/sot/sotX.png");
  position: absolute;
  top: -30px;
  left: 15px;
  width: 360px;
  height: 366px;
  display: block;
  z-index: -1;
}
@media screen and (max-width: 580px) {
  section#sotPatches .patchCol .patchContent .goldenPatchTitle h4:after {
    left: 0px;
    width: 241px;
    height: 245px;
  }
}
section#sotPatches .patchCol .patchContent .patchContentInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
section#sotPatches .patchCol .patchContent .patchContentInner p.numberRemain {
  color: #ffffff;
  font-family: "Windlass";
  font-size: 200px;
  line-height: 200px;
  margin: 0;
  padding: 0;
  position: relative;
}
@media screen and (max-width: 1700px) {
  section#sotPatches .patchCol .patchContent .patchContentInner p.numberRemain {
    font-size: 170px;
    line-height: 170px;
  }
}
@media screen and (max-width: 1400px) {
  section#sotPatches .patchCol .patchContent .patchContentInner p.numberRemain {
    font-size: 150px;
    line-height: 150px;
  }
}
@media screen and (max-width: 1200px) {
  section#sotPatches .patchCol .patchContent .patchContentInner p.numberRemain {
    font-size: 130px;
    line-height: 130px;
  }
}
@media screen and (max-width: 992px) {
  section#sotPatches .patchCol .patchContent .patchContentInner p.numberRemain {
    font-size: 100px;
    line-height: 100px;
  }
}
section#sotPatches .patchCol .patchContent .patchContentInner p.numberRemain:after {
  content: "";
  background-image: url("./assets/img/marketing/sothome/Beyond-SoT-PatchesGone.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 307px;
  width: 232px;
  position: absolute;
  right: -180px;
  top: -150px;
}
@media screen and (max-width: 1400px) {
  section#sotPatches .patchCol .patchContent .patchContentInner p.numberRemain:after {
    height: 238px;
    width: 180px;
    right: -140px;
    top: -140px;
  }
}
@media screen and (max-width: 992px) {
  section#sotPatches .patchCol .patchContent .patchContentInner p.numberRemain:after {
    display: none;
  }
}
section#sotPatches .patchCol .patchContent .patchContentInner p.subTitle {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-family: "Windlass";
  font-size: 50px;
  line-height: 45px;
}
@media screen and (max-width: 992px) {
  section#sotPatches .patchCol .patchContent .patchContentInner p.subTitle {
    font-size: 30px;
    line-height: 40px;
    width: 100%;
  }
}
@media screen and (max-width: 580px) {
  section#sotPatches .patchCol .patchContent .patchContentInner p.subTitle {
    font-size: 25px;
    line-height: 30px;
  }
}
section#sotPatches .patchCol .patchContent .patchContentInner p.content {
  font-size: 18px;
  line-height: 22px;
  color: #ffffff;
  font-family: "Manuskript";
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media screen and (max-width: 580px) {
  section#sotPatches .patchCol .patchContent .patchContentInner p.content {
    font-size: 15px;
    line-height: 22px;
  }
}
section#sotPatches .patchCol .patchContent .patchContentInner p.contentGold {
  font-size: 18px;
  line-height: 22px;
  color: #ffffff;
  font-family: "Manuskript";
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media screen and (max-width: 580px) {
  section#sotPatches .patchCol .patchContent .patchContentInner p.contentGold {
    font-size: 15px;
    line-height: 22px;
  }
}
section#sotPatches .patchCol .patchContent .patchContentInner p.patchFound {
  color: #F2CC0E;
  font-size: 28px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  font-family: "Windlass";
  text-align: center;
  width: 100%;
  margin-bottom: 25px;
}
@media screen and (max-width: 580px) {
  section#sotPatches .patchCol .patchContent .patchContentInner p.patchFound {
    font-size: 18px;
    line-height: 30px;
  }
}
section#sotPatches .patchCol .patchContent.completePatch .numberRemain, section#sotPatches .patchCol .patchContent.completePatch .subTitle, section#sotPatches .patchCol .patchContent.completePatch .content {
  opacity: 0.5;
}

#sotQuests {
  width: 100%;
  position: relative;
  margin: 0px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw !important;
  margin-top: 60px;
  margin-bottom: 60px;
}
@media screen and (max-width: 580px) {
  #sotQuests {
    margin-bottom: 0;
  }
}
#sotQuests ul.sotQuestList {
  margin: 0;
  padding: 0;
}
#sotQuests ul.sotQuestList li.singleQuest {
  width: 100%;
  background: #13302D;
  position: relative;
  margin-bottom: 125px;
}
#sotQuests ul.sotQuestList li.singleQuest p.comingSoonText {
  font-size: 108px;
  line-height: 157px;
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-family: "Windlass";
  text-transform: uppercase;
}
@media screen and (max-width: 1700px) {
  #sotQuests ul.sotQuestList li.singleQuest p.comingSoonText {
    font-size: 70px;
    line-height: 80px;
  }
}
@media screen and (max-width: 1400px) {
  #sotQuests ul.sotQuestList li.singleQuest p.comingSoonText {
    text-align: center;
  }
}
@media screen and (max-width: 580px) {
  #sotQuests ul.sotQuestList li.singleQuest p.comingSoonText {
    font-size: 30px;
    line-height: 35px;
    margin-top: 10px;
  }
}
#sotQuests ul.sotQuestList li.singleQuest h4 {
  color: #ffffff;
  font-size: 78px;
  line-height: 78px;
  text-align: center;
  font-family: "Windlass";
  text-transform: uppercase;
  width: 100%;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  #sotQuests ul.sotQuestList li.singleQuest h4 {
    font-size: 40px;
    line-height: 45px;
  }
}
#sotQuests ul.sotQuestList li.singleQuest .wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#sotQuests ul.sotQuestList li.singleQuest .wrapper .questImage {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media screen and (max-width: 992px) {
  #sotQuests ul.sotQuestList li.singleQuest .wrapper .questImage {
    flex: none;
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
  }
}
#sotQuests ul.sotQuestList li.singleQuest .wrapper .questContentSingle {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  padding-left: 140px;
}
@media screen and (max-width: 1200px) {
  #sotQuests ul.sotQuestList li.singleQuest .wrapper .questContentSingle {
    padding-left: 40px;
  }
}
@media screen and (max-width: 992px) {
  #sotQuests ul.sotQuestList li.singleQuest .wrapper .questContentSingle {
    flex: none;
    width: 100%;
    text-align: center;
    padding-left: 0;
  }
}
#sotQuests ul.sotQuestList li.singleQuest .wrapper .questContentSingle .questTitleBar {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 992px) {
  #sotQuests ul.sotQuestList li.singleQuest .wrapper .questContentSingle .questTitleBar .titleSingle {
    width: 100%;
  }
}
#sotQuests ul.sotQuestList li.singleQuest .wrapper .questContentSingle .questTitleBar .titleSingle h3 {
  color: #ffffff;
  font-size: 60px;
  line-height: 65px;
  margin: 0;
  padding: 0;
  font-family: "Windlass";
  text-transform: none;
}
@media screen and (max-width: 992px) {
  #sotQuests ul.sotQuestList li.singleQuest .wrapper .questContentSingle .questTitleBar .titleSingle h3 {
    font-size: 50px;
    line-height: 58px;
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 580px) {
  #sotQuests ul.sotQuestList li.singleQuest .wrapper .questContentSingle .questTitleBar .titleSingle h3 {
    font-size: 40px;
    line-height: 45px;
  }
}
#sotQuests ul.sotQuestList li.singleQuest .wrapper .questContentSingle .questTitleBar .titledate {
  color: #00FAA4;
  font-size: 30px;
  line-height: 32px;
  font-family: "Windlass";
}
@media screen and (max-width: 992px) {
  #sotQuests ul.sotQuestList li.singleQuest .wrapper .questContentSingle .questTitleBar .titledate {
    font-size: 25px;
    line-height: 27px;
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 580px) {
  #sotQuests ul.sotQuestList li.singleQuest .wrapper .questContentSingle .questTitleBar .titledate {
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    width: 100%;
  }
}
#sotQuests ul.sotQuestList li.singleQuest .wrapper .questContentSingle .questContent p {
  color: #ffffff;
  font-family: "Manuskript";
}
@media screen and (max-width: 580px) {
  #sotQuests ul.sotQuestList li.singleQuest .wrapper .questContentSingle .questContent p {
    font-size: 14px;
    line-height: 17px;
  }
}
#sotQuests ul.sotQuestList li.singleQuest .wrapper .questContentSingle .questContent .sotGreenButtonWide {
  font-size: 20px;
}
@media screen and (max-width: 580px) {
  #sotQuests ul.sotQuestList li.singleQuest .wrapper .questContentSingle .questContent .sotGreenButtonWide {
    font-size: 17px;
  }
}
#sotQuests ul.sotQuestList li.singleQuest:before {
  content: "";
  background-image: url("./assets/img/marketing/sothome/questTop.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  position: absolute;
  top: -50px;
  left: 0;
  width: 100%;
  height: 50px;
}
@media screen and (max-width: 992px) {
  #sotQuests ul.sotQuestList li.singleQuest:before {
    background-position: top left;
  }
}
#sotQuests ul.sotQuestList li.singleQuest:after {
  content: "";
  background-image: url("./assets/img/marketing/sothome/questBottom.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 100%;
  height: 50px;
}
@media screen and (max-width: 992px) {
  #sotQuests ul.sotQuestList li.singleQuest:after {
    background-position: bottom left;
  }
}
#sotQuests ul.sotQuestList li.singleQuest.questComplete {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (max-width: 580px) {
  #sotQuests ul.sotQuestList li.singleQuest.questComplete {
    padding-bottom: 45px;
    padding-top: 45px;
  }
}
#sotQuests ul.sotQuestList li.singleQuest.questComplete .titleSingle {
  width: 100%;
}
#sotQuests ul.sotQuestList li.singleQuest.questComplete .titleSingle h3 {
  margin: 0;
  margin-bottom: 20px;
  color: #ffffff;
  text-align: center;
  width: 100%;
  font-size: 40px;
  font-family: "Windlass";
  text-transform: uppercase;
}
#sotQuests ul.sotQuestList li.singleQuest.comingSoon {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (max-width: 580px) {
  #sotQuests ul.sotQuestList li.singleQuest.comingSoon {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}
#sotQuests ul.sotQuestList li.singleQuest.comingSoon .titleSingle {
  width: 100%;
}
#sotQuests ul.sotQuestList li.singleQuest.comingSoon .titleSingle h3 {
  margin: 0;
  margin-bottom: 20px;
  color: #ffffff;
  text-align: center;
  width: 100%;
  font-size: 40px;
  font-family: "Windlass";
  text-transform: uppercase;
}
#sotQuests ul.sotQuestList li.singleQuest.comingSoon .titledate {
  color: #00FAA4;
  text-align: center;
  width: 100%;
  font-size: 40px;
  font-family: "Windlass";
}
@media screen and (max-width: 768px) {
  #sotQuests ul.sotQuestList li.singleQuest.comingSoon .titledate {
    font-size: 20px;
    line-height: 20px;
  }
}

@media screen and (max-width: 580px) {
  #productInformation.sotProductinfoSection .productInformationImageWrapper {
    display: block !important;
    margin-left: 1px;
    width: 100%;
  }
}
section#sotChest {
  width: 100%;
  position: relative;
  margin: 0px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw !important;
  background: #071412;
}
section#sotChest:after {
  content: "";
  width: 100%;
  height: 95px;
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-image: url("./assets/img/product-support-images/campaigns/sot/chestEnding.svg");
  position: absolute;
  bottom: -95px;
  left: 0;
  right: 0;
  z-index: 50;
}
section#sotChest .sotChestTitle {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
section#sotChest .sotChestTitle .mainTitle {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-right: 1px solid #00FAA4;
  margin-right: 70px;
}
@media screen and (max-width: 992px) {
  section#sotChest .sotChestTitle .mainTitle {
    margin-right: 0;
    border-right: 0;
    flex-wrap: wrap;
  }
}
section#sotChest .sotChestTitle .mainTitle h4 {
  margin: 0;
  padding: 0;
  font-family: "Windlass";
  color: #ffffff;
  font-size: 130px;
  line-height: 148px;
  text-transform: uppercase;
}
@media screen and (max-width: 1700px) {
  section#sotChest .sotChestTitle .mainTitle h4 {
    font-size: 110px;
    line-height: 130px;
  }
}
@media screen and (max-width: 1400px) {
  section#sotChest .sotChestTitle .mainTitle h4 {
    font-size: 80px;
    line-height: 90px;
  }
}
@media screen and (max-width: 992px) {
  section#sotChest .sotChestTitle .mainTitle h4 {
    font-size: 55px;
    line-height: 68px;
    text-align: center;
    width: 100%;
  }
}
@media screen and (max-width: 580px) {
  section#sotChest .sotChestTitle .mainTitle h4 {
    font-size: 40px;
    line-height: 58px;
  }
}
section#sotChest .sotChestTitle .mainContent {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media screen and (max-width: 992px) {
  section#sotChest .sotChestTitle .mainContent {
    flex: none;
    width: 100%;
  }
}
section#sotChest .sotChestTitle .mainContent p {
  color: #ffffff;
  font-family: "Manuskript";
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -1px;
}
@media screen and (max-width: 1700px) {
  section#sotChest .sotChestTitle .mainContent p {
    font-size: 25px;
    line-height: 35px;
  }
}
@media screen and (max-width: 1400px) {
  section#sotChest .sotChestTitle .mainContent p {
    font-size: 22px;
    line-height: 37px;
  }
}
@media screen and (max-width: 992px) {
  section#sotChest .sotChestTitle .mainContent p {
    font-size: 20px;
    line-height: 34px;
    text-align: center;
    letter-spacing: 0;
  }
}
section#sotChest .sotChestSection {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
section#sotChest .sotChestSection .chestImage {
  flex: 3;
}
@media screen and (max-width: 992px) {
  section#sotChest .sotChestSection .chestImage {
    flex: none;
    width: 100%;
  }
}
section#sotChest .sotChestSection .chestContents {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 416px;
  width: 100%;
}
@media screen and (max-width: 992px) {
  section#sotChest .sotChestSection .chestContents {
    flex: none;
    margin-left: auto;
    margin-right: auto;
  }
}
section#sotChest .sotChestSection .chestContents img {
  margin-bottom: 15px;
}
@media screen and (max-width: 992px) {
  section#sotChest .sotChestSection .chestContents img {
    max-width: 50px;
  }
}
section#sotChest .sotChestSection .chestContents h2 {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-family: "Windlass";
  text-transform: uppercase;
  font-size: 65px;
  line-height: 76px;
  text-align: center;
  margin-bottom: 15px;
}
@media screen and (max-width: 992px) {
  section#sotChest .sotChestSection .chestContents h2 {
    font-size: 45px;
    line-height: 55px;
  }
}
@media screen and (max-width: 580px) {
  section#sotChest .sotChestSection .chestContents h2 {
    font-size: 30px;
    line-height: 40px;
    width: 100%;
  }
}
section#sotChest .sotChestSection .chestContents ul.contentsList {
  margin: 0;
  padding: 0;
  list-style: none;
}
section#sotChest .sotChestSection .chestContents ul.contentsList li.singleList .seperator {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
section#sotChest .sotChestSection .chestContents ul.contentsList li.singleList .seperator span {
  width: 80%;
  height: 1px;
  background: #00FAA4;
}
section#sotChest .sotChestSection .chestContents ul.contentsList li.singleList p {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-family: "Manuskript";
  text-align: center;
  font-size: 27px;
  line-height: 38px;
  margin-bottom: 20px;
}
@media screen and (max-width: 992px) {
  section#sotChest .sotChestSection .chestContents ul.contentsList li.singleList p {
    font-size: 18px;
    line-height: 27px;
  }
}
@media screen and (max-width: 580px) {
  section#sotChest .sotChestSection .chestContents ul.contentsList li.singleList p {
    font-size: 17px;
    line-height: 25px;
  }
}
section#sotChest .logoFooter {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 120px;
  padding-top: 80px;
}
@media screen and (max-width: 580px) {
  section#sotChest .logoFooter {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
section#sotChest #trust-score {
  color: #ffffff !important;
}

.sotSellout .gform_validation_errors {
  display: none !important;
}
.sotSellout h4 {
  text-transform: none;
  font-family: "Manuskript";
  color: #ffffff;
  font-size: 20px;
  text-align: center;
}
.sotSellout input {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.sotSellout input.gform_button {
  width: 100%;
  background: #00FAA4;
  color: #000000;
  margin-top: 0;
}
.sotSellout .gform_footer {
  padding-top: 0 !important;
}

#beardlyHeroImage {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 50px;
  padding-top: 150px;
  padding-bottom: 40px;
  min-height: 880px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media screen and (max-width: 1200px) {
  #beardlyHeroImage {
    min-height: 700px;
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 992px) {
  #beardlyHeroImage {
    min-height: 640px;
  }
}
@media screen and (max-width: 580px) {
  #beardlyHeroImage {
    min-height: 600px;
    background-size: cover;
    background-position: 78% 100%;
    background-position: center;
    padding-bottom: 30px;
    margin-bottom: 20px;
    padding-top: 50px;
  }
}
#beardlyHeroImage .mobileLogoSupport {
  display: none;
  width: 100%;
}
#beardlyHeroImage .mobileLogoSupport img {
  max-width: 400px;
}
@media screen and (max-width: 992px) {
  #beardlyHeroImage .mobileLogoSupport {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}
#beardlyHeroImage .mobileGradient {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 144px;
  z-index: 10;
}
@media screen and (max-width: 992px) {
  #beardlyHeroImage .mobileGradient {
    display: block;
  }
}
#beardlyHeroImage .heroWelcomeBar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  max-height: 140px;
  z-index: 20;
}
#beardlyHeroImage .heroWelcomeBar .welcomeSubText {
  font-size: 24px;
  line-height: 56px;
  letter-spacing: -0.1px;
  font-weight: 500;
  color: #ffffff;
  text-transform: lowercase;
  width: 100%;
}
@media screen and (max-width: 992px) {
  #beardlyHeroImage .heroWelcomeBar .welcomeSubText {
    font-size: 18px;
    line-height: 20px;
  }
}
@media screen and (max-width: 580px) {
  #beardlyHeroImage .heroWelcomeBar .welcomeSubText {
    font-size: 14px;
    line-height: 16px;
  }
}
#beardlyHeroImage .heroWelcomeBar img {
  max-width: 307px;
  margin-top: 40px;
}
@media screen and (max-width: 580px) {
  #beardlyHeroImage .heroWelcomeBar img {
    display: none;
  }
}
#beardlyHeroImage .heroTitleBar {
  align-self: flex-end;
  width: 100%;
  z-index: 20;
}
@media screen and (max-width: 992px) {
  #beardlyHeroImage .heroTitleBar .titleBarFull {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
#beardlyHeroImage .heroTitleBar h1 {
  width: 100%;
  color: #ffffff;
  font-size: 50px;
  line-height: 45px;
  max-width: 500px;
  padding-bottom: 20px;
  margin-bottom: 25px;
  position: relative;
}
@media screen and (max-width: 992px) {
  #beardlyHeroImage .heroTitleBar h1 {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  #beardlyHeroImage .heroTitleBar h1 {
    text-align: left;
  }
}
@media screen and (max-width: 580px) {
  #beardlyHeroImage .heroTitleBar h1 {
    font-size: 30px;
    line-height: 33px;
    margin-bottom: 20px;
    padding-bottom: 0;
  }
}
#beardlyHeroImage .heroTitleBar h1:after {
  content: "";
  width: 60px;
  background: #ffffff;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 992px) {
  #beardlyHeroImage .heroTitleBar h1:after {
    display: none;
  }
}
#beardlyHeroImage .heroContent {
  width: 100%;
  position: relative;
  margin-bottom: 60px;
}
@media screen and (max-width: 992px) {
  #beardlyHeroImage .heroContent {
    display: none;
  }
}
#beardlyHeroImage .heroContent p {
  font-size: 30px;
  line-height: 35px;
  letter-spacing: -1px;
  margin: 0;
  padding: 0;
  color: #ffffff;
  width: 100%;
  max-width: 485px;
}
#beardlyHeroImage .heroContentArea {
  flex: 1;
  padding-top: 250px;
}
@media screen and (max-width: 1200px) {
  #beardlyHeroImage .heroContentArea {
    padding-top: 200px;
  }
}
@media screen and (max-width: 992px) {
  #beardlyHeroImage .heroContentArea {
    order: 2;
    padding-top: 50px;
  }
}
#beardlyHeroImage .heroContentArea a.button-default {
  z-index: 20;
  position: relative;
}
@media screen and (max-width: 992px) {
  #beardlyHeroImage .heroContentArea a.button-default {
    display: block;
    width: 100%;
  }
}
#beardlyHeroImage .heroTubArea {
  padding-right: 100px;
  animation: bounce 1s infinite alternate;
  -webkit-animation: bounce 1s infinite alternate;
}
#beardlyHeroImage .heroTubArea img {
  width: 100%;
}
@media screen and (max-width: 1400px) {
  #beardlyHeroImage .heroTubArea img {
    max-width: 500px;
  }
}
@media screen and (max-width: 1200px) {
  #beardlyHeroImage .heroTubArea {
    padding-right: 0px;
  }
}
@media screen and (max-width: 992px) {
  #beardlyHeroImage .heroTubArea {
    order: 1;
    margin-left: auto;
    margin-right: auto;
  }
}

@keyframes slide {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-1692px, 0, 0);
  }
}
@keyframes slideLeft {
  0% {
    transform: translate3d(-1692px, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.pearProductPage {
  overflow: hidden;
}
.pearProductPage .site-main {
  position: relative;
}
.pearProductPage .site-main:before {
  content: "";
  width: 5000px;
  height: 1200px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-image: url("assets/img/product-support-images/campaigns/pearDrops/pearBackground.jpg");
  background-size: auto;
  background-position: top center;
  background-repeat: repeat;
  animation: slide 60s linear infinite;
}
@media screen and (max-width: 992px) {
  .pearProductPage .site-main:before {
    background-position: 20% 10%;
  }
}

#beardlyAbout {
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  background: #FFF6B8;
  margin: 0px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw !important;
  position: relative;
}
#beardlyAbout .aboutRow {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
#beardlyAbout .aboutBeardlyContent {
  width: 49%;
}
@media screen and (max-width: 992px) {
  #beardlyAbout .aboutBeardlyContent {
    width: 100%;
    order: 2;
  }
}
#beardlyAbout .aboutBeardlyContent p {
  font-weight: bold;
  font-size: 33px;
  line-height: 37px;
  color: #202020;
  max-width: 740px;
  width: 100%;
}
@media screen and (max-width: 992px) {
  #beardlyAbout .aboutBeardlyContent p {
    font-size: 24px;
    line-height: 28px;
    text-align: center;
  }
}
#beardlyAbout .aboutBeardlyImage {
  width: 49%;
}
@media screen and (max-width: 992px) {
  #beardlyAbout .aboutBeardlyImage {
    width: 100%;
    order: 1;
  }
}
#beardlyAbout .aboutBeardlyImage img {
  margin-top: -40px;
}
@media screen and (max-width: 992px) {
  #beardlyAbout .aboutBeardlyImage img {
    margin-top: 0;
  }
}
#beardlyAbout .aboutBeardlySocials {
  width: 49%;
}
@media screen and (max-width: 992px) {
  #beardlyAbout .aboutBeardlySocials {
    width: 100%;
  }
}
#beardlyAbout .aboutBeardlySocials .titleSection h4 {
  margin: 0;
  padding: 0;
  color: #202020;
  font-size: 40px;
  line-height: 45px;
}
@media screen and (max-width: 992px) {
  #beardlyAbout .aboutBeardlySocials .titleSection h4 {
    font-size: 30px;
    line-height: 35px;
    text-align: center;
  }
}
#beardlyAbout .aboutBeardlySocials .titleSection h4 span {
  font-size: 70px;
  line-height: 45px;
}
@media screen and (max-width: 992px) {
  #beardlyAbout .aboutBeardlySocials .titleSection h4 span {
    font-size: 40px;
    line-height: 35px;
    text-align: center;
  }
}
#beardlyAbout .aboutBeardlySocials ul.socialList {
  margin: 0;
  padding: 0;
  margin-top: 65px;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 10px;
}
@media screen and (max-width: 992px) {
  #beardlyAbout .aboutBeardlySocials ul.socialList {
    grid-template-columns: 1fr 1fr;
    row-gap: 25px;
    column-gap: 25px;
  }
}
#beardlyAbout .aboutBeardlySocials ul.socialList li .singleIcon {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  background: #E8618B;
  max-width: 178px;
  max-height: 178px;
  width: 100%;
  height: 168px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
  transition: background-color ease-in-out 0.25s;
}
#beardlyAbout .aboutBeardlySocials ul.socialList li .singleIcon:active {
  background: #C72F5E;
}
#beardlyAbout .aboutBeardlySocials ul.socialList li .singleIcon:hover {
  background: #C72F5E;
}
#beardlyAbout .aboutBeardlySocials ul.socialList li .singleIcon svg {
  fill: #FFF297;
  max-width: 120px;
  max-height: 100px;
  height: 100%;
  width: 100%;
}
#beardlyAbout .aboutBeardlySocials ul.socialList li .microSocialText p {
  color: #202020;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  line-height: 22px;
  margin: 0;
  padding: 0;
}
#beardlyAbout .beardlyBio {
  width: 49%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-wrap: wrap;
}
@media screen and (max-width: 992px) {
  #beardlyAbout .beardlyBio {
    width: 100%;
    justify-content: center;
  }
}
#beardlyAbout .beardlyBio .titleSection {
  padding-top: 40px;
}
#beardlyAbout .beardlyBio .titleSection h4 {
  margin: 0;
  padding: 0;
  color: #202020;
  font-size: 70px;
  line-height: 45px;
  text-align: right;
}
@media screen and (max-width: 992px) {
  #beardlyAbout .beardlyBio .titleSection h4 {
    font-size: 50px;
    line-height: 35px;
    text-align: center;
  }
}
#beardlyAbout .beardlyBio .titleSection h4 span {
  font-size: 40px;
  line-height: 45px;
}
@media screen and (max-width: 992px) {
  #beardlyAbout .beardlyBio .titleSection h4 span {
    font-size: 30px;
    line-height: 35px;
  }
}
#beardlyAbout .beardlyBio p {
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  color: #202020;
  max-width: 740px;
  width: 100%;
  text-align: right;
}
@media screen and (max-width: 992px) {
  #beardlyAbout .beardlyBio p {
    font-size: 19px;
    line-height: 24px;
    text-align: center;
  }
}

#beardlyVideoThanks {
  width: 100%;
  position: relative;
  margin-bottom: 40px;
}
#beardlyVideoThanks .videoWrapper {
  width: 1280px;
  height: 720px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1400px) {
  #beardlyVideoThanks .videoWrapper {
    width: 1000px;
    height: 563px;
  }
}
@media screen and (max-width: 992px) {
  #beardlyVideoThanks .videoWrapper {
    width: 700px;
    height: 394px;
  }
}
@media screen and (max-width: 768px) {
  #beardlyVideoThanks .videoWrapper {
    width: 80%;
    height: 300px;
  }
}
@media screen and (max-width: 480px) {
  #beardlyVideoThanks .videoWrapper {
    height: 200px;
  }
}
#beardlyVideoThanks iframe {
  margin-left: auto;
  margin-right: auto;
}

.beardlyPears {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
  overflow: hidden;
}
.beardlyPears:before {
  content: "";
  width: 5000px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-image: url("assets/img/product-support-images/campaigns/pearDrops/pearBackground.jpg");
  background-size: auto;
  background-position: top center;
  background-repeat: repeat;
  animation: slide 60s linear infinite;
}
@media screen and (max-width: 992px) {
  .beardlyPears:before {
    background-position: 20% 10%;
  }
}

#beardlyMovement {
  position: relative;
}
#beardlyMovement .beardlyBranding {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 80px;
}
#beardlyMovement h2 {
  margin: 0;
  padding: 0;
  font-size: 75px;
  line-height: 65px;
  color: #492445;
}
@media screen and (max-width: 580px) {
  #beardlyMovement h2 {
    font-size: 30px;
    line-height: 35px;
    text-align: center;
  }
}
@media screen and (max-width: 580px) {
  #beardlyMovement p {
    text-align: center;
  }
}

#beardlyDownloads {
  width: 100%;
}
#beardlyDownloads h2 {
  color: #E8618B;
  text-transform: lowercase;
  font-size: 80px;
  line-height: 70px;
  margin: 0;
  padding: 0;
  margin-bottom: 65px;
  margin-top: 65px;
}
@media screen and (max-width: 580px) {
  #beardlyDownloads h2 {
    font-size: 25px;
    line-height: 25px;
    text-align: center;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    width: 100%;
  }
}
#beardlyDownloads .singleDownload {
  width: 100%;
}
#beardlyDownloads .singleDownload .downloadImage {
  width: 100%;
}
#beardlyDownloads .singleDownload .downloadImage img {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
#beardlyDownloads .singleDownload .downloadDetails {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 30px;
}
#beardlyDownloads .singleDownload .downloadDetails .col {
  width: 50%;
}
@media screen and (max-width: 768px) {
  #beardlyDownloads .singleDownload .downloadDetails .col {
    width: 100%;
  }
}
#beardlyDownloads .singleDownload .downloadDetails .col h3 {
  margin: 0;
  padding: 0;
  color: #202020;
  font-size: 41px;
  line-height: 48px;
  text-transform: lowercase;
}
@media screen and (max-width: 580px) {
  #beardlyDownloads .singleDownload .downloadDetails .col h3 {
    font-size: 25px;
    line-height: 28px;
    text-align: center;
  }
}
#beardlyDownloads .singleDownload .downloadDetails .col p {
  color: #202020;
  font-size: 17px;
  line-height: 23px;
}
@media screen and (max-width: 580px) {
  #beardlyDownloads .singleDownload .downloadDetails .col p {
    text-align: center;
  }
}
#beardlyDownloads .singleDownload .downloadDetails .col ul.sizeDownload {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 580px) {
  #beardlyDownloads .singleDownload .downloadDetails .col ul.sizeDownload {
    margin-bottom: 50px;
  }
}
#beardlyDownloads .singleDownload .downloadDetails .col ul.sizeDownload li.singleDownload {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
}
#beardlyDownloads .singleDownload .downloadDetails .col ul.sizeDownload li.singleDownload:last-of-type {
  margin-bottom: 0;
}
#beardlyDownloads .singleDownload .downloadDetails .col ul.sizeDownload li.singleDownload .downloadSize {
  width: 50%;
}
#beardlyDownloads .singleDownload .downloadDetails .col ul.sizeDownload li.singleDownload .downloadSize h5 {
  color: #202020;
  margin: 0;
  padding: 0;
  font-size: 37px;
  line-height: 40px;
}
@media screen and (max-width: 1200px) {
  #beardlyDownloads .singleDownload .downloadDetails .col ul.sizeDownload li.singleDownload .downloadSize h5 {
    font-size: 25px;
    line-height: 30px;
  }
}
@media screen and (max-width: 580px) {
  #beardlyDownloads .singleDownload .downloadDetails .col ul.sizeDownload li.singleDownload .downloadSize h5 {
    font-size: 19px;
    line-height: 24px;
  }
}
#beardlyDownloads .singleDownload .downloadDetails .col ul.sizeDownload li.singleDownload .downloadButton {
  width: 50%;
}
#beardlyDownloads .singleDownload .downloadDetails .col ul.sizeDownload li.singleDownload .downloadButton a.beardlyDownloadButton {
  width: 100%;
  display: block;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #E8618B;
  text-decoration: none;
  color: #ffffff;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
#beardlyDownloads .singleDownload .downloadDetails .col ul.sizeDownload li.singleDownload .downloadButton a.beardlyDownloadButton:visited {
  color: #ffffff;
}
#beardlyDownloads .singleDownload .downloadDetails .col ul.sizeDownload li.singleDownload .downloadButton a.beardlyDownloadButton:hover {
  color: #ffffff;
  background: #C72F5E;
}
@media screen and (max-width: 580px) {
  #beardlyDownloads .singleDownload .downloadDetails .col ul.sizeDownload li.singleDownload .downloadButton a.beardlyDownloadButton {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

#morePearDrops {
  width: 100%;
  background: #FFF6B8;
  padding-top: 50px;
  padding-bottom: 50px;
}
#morePearDrops .contentBar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 580px) {
  #morePearDrops .contentBar {
    justify-content: center;
  }
}
#morePearDrops .contentBar h4 {
  margin: 0;
  padding: 0;
  color: #E8618B;
  font-size: 80px;
  line-height: 70px;
}
@media screen and (max-width: 580px) {
  #morePearDrops .contentBar h4 {
    font-size: 32px;
    line-height: 35px;
    margin-bottom: 20px;
  }
}
#morePearDrops .contentBar a {
  color: #ffffff;
  background: #E8618B;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  width: 100%;
  max-width: 250px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-decoration: none;
}
#morePearDrops .contentBar a:visited {
  color: #ffffff;
}
#morePearDrops .contentBar a:hover {
  color: #ffffff;
  background: #C72F5E;
}

.overwriteDownloads .pear {
  margin-top: 0 !important;
}

#aboutBeardly {
  width: 100%;
  background: #FFF6B8;
  padding-top: 50px;
  padding-bottom: 50px;
}
#aboutBeardly .topContent {
  width: 100%;
  margin-bottom: 40px;
}
@media screen and (max-width: 580px) {
  #aboutBeardly .topContent {
    margin-bottom: 15px;
  }
}
#aboutBeardly .topContent h5, #aboutBeardly .topContent h6 {
  margin: 0;
  padding: 0;
  color: #ffffff;
}
@media screen and (max-width: 1200px) {
  #aboutBeardly .topContent h5, #aboutBeardly .topContent h6 {
    text-align: center;
  }
}
#aboutBeardly .topContent h5 {
  color: #ffffff;
  font-size: 30px;
  line-height: 50px;
}
@media screen and (max-width: 1700px) {
  #aboutBeardly .topContent h5 {
    line-height: 35px;
  }
}
@media screen and (max-width: 1200px) {
  #aboutBeardly .topContent h5 {
    font-size: 25px;
  }
}
@media screen and (max-width: 992px) {
  #aboutBeardly .topContent h5 {
    font-size: 22px;
  }
}
@media screen and (max-width: 580px) {
  #aboutBeardly .topContent h5 {
    text-align: center;
    font-size: 20px;
    line-height: 30px;
  }
}
#aboutBeardly .topContent h6 {
  font-size: 80px;
  line-height: 70px;
}
@media screen and (max-width: 580px) {
  #aboutBeardly .topContent h6 {
    font-size: 35px;
    line-height: 40px;
    text-align: center;
  }
}
#aboutBeardly .bottomContent {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}
#aboutBeardly .bottomContent .aboutBeardlyMicro {
  flex: 1;
  width: 100%;
  max-width: 700px;
}
@media screen and (max-width: 1200px) {
  #aboutBeardly .bottomContent .aboutBeardlyMicro {
    max-width: 100%;
    flex: none;
    width: 100%;
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
  }
}
@media screen and (max-width: 992px) {
  #aboutBeardly .bottomContent .aboutBeardlyMicro {
    flex: none;
    width: 100%;
    margin-top: 20px;
  }
}
@media screen and (max-width: 580px) {
  #aboutBeardly .bottomContent .aboutBeardlyMicro {
    max-width: 100%;
  }
}
#aboutBeardly .bottomContent .aboutBeardlyMicro h2 {
  margin: 0;
  padding: 0;
  font-size: 75px;
  line-height: 80px;
  color: #202020;
  text-align: right;
}
@media screen and (max-width: 1200px) {
  #aboutBeardly .bottomContent .aboutBeardlyMicro h2 {
    text-align: center;
  }
}
@media screen and (max-width: 580px) {
  #aboutBeardly .bottomContent .aboutBeardlyMicro h2 {
    font-size: 50px;
    line-height: 55px;
    text-align: center;
  }
}
#aboutBeardly .bottomContent .aboutBeardlyMicro h3 {
  margin: 0;
  padding: 0;
  font-size: 38px;
  line-height: 45px;
  color: #202020;
  text-align: right;
}
@media screen and (max-width: 1200px) {
  #aboutBeardly .bottomContent .aboutBeardlyMicro h3 {
    text-align: center;
  }
}
@media screen and (max-width: 580px) {
  #aboutBeardly .bottomContent .aboutBeardlyMicro h3 {
    font-size: 25px;
    line-height: 30px;
    text-align: center;
  }
}
#aboutBeardly .bottomContent .aboutBeardlyMicro p {
  text-align: right;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
}
@media screen and (max-width: 1200px) {
  #aboutBeardly .bottomContent .aboutBeardlyMicro p {
    text-align: center;
  }
}
@media screen and (max-width: 580px) {
  #aboutBeardly .bottomContent .aboutBeardlyMicro p {
    font-size: 17px;
    line-height: 22px;
    text-align: center;
  }
}
@media screen and (max-width: 1200px) {
  #aboutBeardly .bottomContent .socialsBox {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 992px) {
  #aboutBeardly .bottomContent .socialsBox {
    flex: none;
    width: 100%;
  }
}
#aboutBeardly ul.socialList {
  margin: 0;
  padding: 0;
  margin-top: 65px;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 10px;
}
@media screen and (max-width: 992px) {
  #aboutBeardly ul.socialList {
    grid-template-columns: 1fr 1fr;
    row-gap: 25px;
    column-gap: 25px;
  }
}
#aboutBeardly ul.socialList li .singleIcon {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  background: #E8618B;
  width: 100%;
  min-width: 191px;
  height: 191px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
  transition: background-color ease-in-out 0.25s;
}
#aboutBeardly ul.socialList li .singleIcon:active {
  background: #C72F5E;
}
#aboutBeardly ul.socialList li .singleIcon:hover {
  background: #C72F5E;
}
#aboutBeardly ul.socialList li .singleIcon svg {
  fill: #FFF297;
  max-width: 120px;
  max-height: 100px;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 580px) {
  #aboutBeardly ul.socialList li .singleIcon {
    min-width: 0;
    height: 130px;
  }
}
#aboutBeardly ul.socialList li .microSocialText p {
  color: #202020;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  line-height: 22px;
  margin: 0;
  padding: 0;
}

.beardlyKeyPoints #beyondKeyPoints {
  width: 100%;
  margin: 0px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
  position: relative;
}
.beardlyKeyPoints #beyondKeyPoints .keyPointsTitle {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  .beardlyKeyPoints #beyondKeyPoints .keyPointsTitle {
    display: none;
  }
}
.beardlyKeyPoints #beyondKeyPoints .keyPointsTitle h4 {
  margin: 0;
  padding: 0;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
  font-family: "Joyride", Arial, Sans-serif;
  font-size: 150px;
  line-height: 150px;
  margin: 0;
  padding: 0;
  font-weight: 200;
  text-transform: lowercase;
  margin-top: -30px;
  padding-bottom: 30px;
}
@media screen and (max-width: 1700px) {
  .beardlyKeyPoints #beyondKeyPoints .keyPointsTitle h4 {
    font-size: 120px;
    line-height: 120px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 580px) {
  .beardlyKeyPoints #beyondKeyPoints .keyPointsTitle {
    display: none;
  }
}
.beardlyKeyPoints #beyondKeyPoints .keyPointsTitle:after {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("./assets/img/product-support-images/key-points/vortexTopClipped.png");
  position: absolute;
  width: 510px;
  height: 143px;
  z-index: 30;
  top: 0;
  right: 0;
}
@media screen and (max-width: 1700px) {
  .beardlyKeyPoints #beyondKeyPoints .keyPointsTitle:after {
    top: -30px;
    width: 400px;
  }
}
@media screen and (max-width: 1400px) {
  .beardlyKeyPoints #beyondKeyPoints .keyPointsTitle:after {
    display: none;
  }
}
@keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-10px);
  }
}
@-webkit-keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-10px);
  }
}
@keyframes bounceL {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounceL {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}
.beardlyKeyPoints #beyondKeyPoints.tubs {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.beardlyKeyPoints #beyondKeyPoints.tubs:before {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 164px;
  height: 164px;
  z-index: 80;
  top: -60px;
  right: 22%;
  animation: bounce 3s infinite alternate;
  -webkit-animation: bounce 3s infinite alternate;
}
@media screen and (max-width: 1400px) {
  .beardlyKeyPoints #beyondKeyPoints.tubs:before {
    width: 100px;
    height: 100px;
    right: 10%;
    top: -30px;
  }
}
@media screen and (max-width: 992px) {
  .beardlyKeyPoints #beyondKeyPoints.tubs:before {
    display: none;
  }
}
.beardlyKeyPoints #beyondKeyPoints.tubs:after {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 164px;
  height: 164px;
  z-index: 40;
  bottom: -60px;
  left: 30%;
  transform: rotate(160deg);
  animation-delay: 1.3s;
  animation: bounceL 3s infinite alternate;
  -webkit-animation: bounceL 3s infinite alternate;
}
@media screen and (max-width: 1400px) {
  .beardlyKeyPoints #beyondKeyPoints.tubs:after {
    width: 100px;
    height: 100px;
    left: 14%;
    bottom: -30px;
  }
}
@media screen and (max-width: 992px) {
  .beardlyKeyPoints #beyondKeyPoints.tubs:after {
    display: none;
  }
}
.beardlyKeyPoints #beyondKeyPoints.pear {
  background-image: url("./assets/img/product-support-images/key-points/beardlyTubKeyPoint.png"), linear-gradient(90deg, rgb(232, 97, 139) 0%, rgb(232, 97, 139));
}
.beardlyKeyPoints #beyondKeyPoints.pear:before {
  top: 0;
}
.beardlyKeyPoints #beyondKeyPoints.pear .keyPointsTitle:after {
  display: none;
}
@media screen and (max-width: 992px) {
  .beardlyKeyPoints #beyondKeyPoints.pear {
    background: linear-gradient(90deg, rgb(232, 97, 139) 0%, rgb(232, 97, 139) 100%);
  }
}
@media screen and (max-width: 580px) {
  .beardlyKeyPoints #beyondKeyPoints.pear {
    padding-top: 20px;
    margin-top: 65px;
  }
}
.beardlyKeyPoints #beyondKeyPoints.pear h4 {
  margin-top: -20px;
}
.beardlyKeyPoints #beyondKeyPoints.pear:before {
  background-image: url("./assets/img/product-support-images/key-points/pearBall.png");
}
.beardlyKeyPoints #beyondKeyPoints.pear:after {
  background-image: url("./assets/img/product-support-images/key-points/pearBall.png");
}
.beardlyKeyPoints #beyondKeyPoints ul.keyPointsList {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  padding-bottom: 70px;
}
@media screen and (max-width: 992px) {
  .beardlyKeyPoints #beyondKeyPoints ul.keyPointsList {
    padding-top: 70px;
  }
}
@media screen and (max-width: 768px) {
  .beardlyKeyPoints #beyondKeyPoints ul.keyPointsList {
    grid-template-columns: 1fr;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.beardlyKeyPoints #beyondKeyPoints ul.keyPointsList li.singlePoint {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
}
.beardlyKeyPoints #beyondKeyPoints ul.keyPointsList li.singlePoint:last-of-type {
  margin-bottom: 0;
}
.beardlyKeyPoints #beyondKeyPoints ul.keyPointsList li.singlePoint .pointIcon {
  margin-right: 35px;
}
@media screen and (max-width: 992px) {
  .beardlyKeyPoints #beyondKeyPoints ul.keyPointsList li.singlePoint .pointIcon {
    margin-right: 16px;
  }
}
.beardlyKeyPoints #beyondKeyPoints ul.keyPointsList li.singlePoint .pointIcon img {
  max-width: 90px;
  max-height: 90px;
}
@media screen and (max-width: 1400px) {
  .beardlyKeyPoints #beyondKeyPoints ul.keyPointsList li.singlePoint .pointIcon img {
    max-width: 70px;
    max-height: 70px;
  }
}
@media screen and (max-width: 992px) {
  .beardlyKeyPoints #beyondKeyPoints ul.keyPointsList li.singlePoint .pointIcon img {
    max-width: 50px;
    max-height: 50px;
  }
}
.beardlyKeyPoints #beyondKeyPoints ul.keyPointsList li.singlePoint .pointInfo {
  flex: 1;
}
.beardlyKeyPoints #beyondKeyPoints ul.keyPointsList li.singlePoint .pointInfo h6 {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-weight: 600;
  font-family: "Work Sans", Arial, Sans-serif;
  text-transform: none;
  font-size: 27px;
  line-height: 32px;
  font-weight: 400;
}
@media screen and (max-width: 1400px) {
  .beardlyKeyPoints #beyondKeyPoints ul.keyPointsList li.singlePoint .pointInfo h6 {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (max-width: 580px) {
  .beardlyKeyPoints #beyondKeyPoints ul.keyPointsList li.singlePoint .pointInfo h6 {
    font-size: 18px;
    line-height: 21px;
  }
}
.beardlyKeyPoints #beyondKeyPoints ul.keyPointsList li.singlePoint .pointInfo p {
  color: #ffffff;
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
}
@media screen and (max-width: 1400px) {
  .beardlyKeyPoints #beyondKeyPoints ul.keyPointsList li.singlePoint .pointInfo p {
    font-size: 15px;
    line-height: 17px;
  }
}
@media screen and (max-width: 580px) {
  .beardlyKeyPoints #beyondKeyPoints ul.keyPointsList li.singlePoint .pointInfo p {
    font-size: 11px;
    line-height: 13px;
  }
}
.beardlyKeyPoints #beyondKeyPoints ul.keyPointsList li.singlePoint:nth-child(even) {
  text-align: right;
}
@media screen and (max-width: 768px) {
  .beardlyKeyPoints #beyondKeyPoints ul.keyPointsList li.singlePoint:nth-child(even) {
    text-align: left;
  }
}
.beardlyKeyPoints #beyondKeyPoints ul.keyPointsList li.singlePoint:nth-child(even) .pointIcon {
  order: 2;
  margin-right: 0;
  margin-left: 35px;
}
@media screen and (max-width: 992px) {
  .beardlyKeyPoints #beyondKeyPoints ul.keyPointsList li.singlePoint:nth-child(even) .pointIcon {
    margin-left: 16px;
  }
}
@media screen and (max-width: 768px) {
  .beardlyKeyPoints #beyondKeyPoints ul.keyPointsList li.singlePoint:nth-child(even) .pointIcon {
    order: 1;
    margin-left: 0;
    margin-right: 16px;
  }
}
.beardlyKeyPoints #beyondKeyPoints ul.keyPointsList li.singlePoint:nth-child(even) .pointInfo {
  order: 1;
}
@media screen and (max-width: 768px) {
  .beardlyKeyPoints #beyondKeyPoints ul.keyPointsList li.singlePoint:nth-child(even) .pointInfo {
    order: 2;
  }
}

.pearHero {
  overflow: hidden;
  position: relative;
  padding-top: 80px !important;
}
.pearHero:after {
  content: "";
  background-image: url("assets/img/product-support-images/campaigns/pearDrops/heroStickers.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom right;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  width: 715px;
  height: 950px;
}
@media screen and (max-width: 992px) {
  .pearHero:after {
    display: none;
  }
}
.pearHero:before {
  content: "";
  width: 5000px;
  height: 950px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-image: url("assets/img/product-support-images/campaigns/pearDrops/pearBackground.jpg");
  background-size: auto;
  background-position: top center;
  background-repeat: repeat;
  animation: slide 60s linear infinite;
}
@media screen and (max-width: 992px) {
  .pearHero:before {
    background-position: 20% 10%;
  }
}
.pearHero .heroContentArea {
  flex: 1;
  z-index: 20;
}
@media screen and (max-width: 992px) {
  .pearHero .heroContentArea {
    order: 2;
    padding-top: 50px;
  }
}
.pearHero .heroContentArea a.button-default {
  z-index: 20;
  position: relative;
}
@media screen and (max-width: 992px) {
  .pearHero .heroContentArea a.button-default {
    display: block;
    width: 100%;
  }
}
.pearHero .heroWelcomeBar {
  margin-bottom: 200px;
}
@media screen and (max-width: 1200px) {
  .pearHero .heroWelcomeBar {
    display: none !important;
  }
}
.pearHero .heroTubArea {
  padding-right: 100px;
  z-index: 20;
  animation: bounce 1s infinite alternate;
  -webkit-animation: bounce 1s infinite alternate;
}
.pearHero .heroTubArea img {
  width: 100%;
}
@media screen and (max-width: 1400px) {
  .pearHero .heroTubArea img {
    max-width: 500px;
  }
}
@media screen and (max-width: 1200px) {
  .pearHero .heroTubArea {
    padding-right: 0px;
  }
  .pearHero .heroTubArea img {
    max-width: 300px;
  }
}
@media screen and (max-width: 992px) {
  .pearHero .heroTubArea {
    order: 1;
    margin-left: auto;
    margin-right: auto;
  }
}

.beyondAccountPortalHeader {
  width: 100%;
  background: #202020;
  padding-top: 20px;
  padding-bottom: 20px;
}
.beyondAccountPortalHeader h1 {
  margin: 0;
  padding: 0;
  font-size: 42px;
  line-height: 42px;
  color: #ffffff;
  text-align: center;
}

nav.navigationAccountArea {
  width: 100%;
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
}
nav.navigationAccountArea ul.navigationMain {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 580px) {
  nav.navigationAccountArea ul.navigationMain {
    flex-wrap: wrap;
  }
}
nav.navigationAccountArea ul.navigationMain li {
  list-style: none;
}
@media screen and (max-width: 580px) {
  nav.navigationAccountArea ul.navigationMain li {
    width: 100%;
    margin-bottom: 10px;
  }
}
nav.navigationAccountArea ul.navigationMain li a {
  color: #606060;
  text-decoration: none;
  font-size: 18px;
  line-height: 22px;
  padding: 5px 10px;
  border: 1px solid #606060;
  display: inline-block;
  min-width: 207px;
  text-align: center;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 580px) {
  nav.navigationAccountArea ul.navigationMain li a {
    width: 100%;
  }
}
nav.navigationAccountArea ul.navigationMain li a:visited {
  color: #606060;
}
nav.navigationAccountArea ul.navigationMain li a:hover {
  background: #202020;
  color: #ffffff;
}
nav.navigationAccountArea ul.navigationMain li.is-active a {
  background: #202020;
  color: #ffffff;
}

.titleBarOrders {
  width: 100%;
}
.titleBarOrders h1 {
  margin: 0;
  padding: 0;
}

@keyframes animateIn {
  0% {
    opacity: 0;
    transform: scale(0.6) translateY(-8px);
  }
  100% {
    opacity: 1;
  }
}
ul.beyondOrderList {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.beyondOrderList li {
  width: 100%;
  background: #ffffff;
  margin-bottom: 16px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  transition: all 0.3s ease-in-out;
  animation-name: animateIn;
  animation-duration: 350ms;
  animation-delay: calc(var(--animation-order) * 100ms);
  animation-fill-mode: both;
  animation-timing-function: ease-in-out;
}
ul.beyondOrderList li:hover {
  background: #E6E6E6;
}
ul.beyondOrderList li a {
  display: block;
}
ul.beyondOrderList li .innerOrderWrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 80px;
  padding-right: 80px;
}
@media screen and (max-width: 992px) {
  ul.beyondOrderList li .innerOrderWrapper {
    flex-wrap: wrap;
    justify-content: center;
  }
}
ul.beyondOrderList li .innerOrderWrapper .orderCol {
  flex: 1;
}
@media screen and (max-width: 992px) {
  ul.beyondOrderList li .innerOrderWrapper .orderCol {
    flex: none;
    width: 100%;
    margin-bottom: 15px;
  }
}
ul.beyondOrderList li .innerOrderWrapper .orderCol .colLabel {
  font-size: 14px;
  color: #707070;
  font-weight: 300;
  margin-bottom: 5px;
}
@media screen and (max-width: 992px) {
  ul.beyondOrderList li .innerOrderWrapper .orderCol .colLabel {
    text-align: center;
  }
}
ul.beyondOrderList li .innerOrderWrapper .orderCol .colContent {
  color: #202020;
  font-weight: 600;
}
@media screen and (max-width: 992px) {
  ul.beyondOrderList li .innerOrderWrapper .orderCol .colContent {
    text-align: center;
  }
}
ul.beyondOrderList li .innerOrderWrapper .orderCol.orderStatus .colContent {
  text-transform: uppercase;
}
ul.beyondOrderList li .innerOrderWrapper .orderCol.orderStatus .colContent.Completed {
  color: #00a624;
}
ul.beyondOrderList li .innerOrderWrapper .orderCol.orderStatus .colContent.Cancelled {
  color: #d32c2c;
}
ul.beyondOrderList li .innerOrderWrapper .viewOrderButton {
  background: #202020;
  padding-left: 60px;
  padding-right: 60px;
  color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

section.orderDetailsView {
  width: 100%;
  height: auto;
  background: #ffffff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding-left: 80px;
  padding-right: 80px;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 60px;
}
@media screen and (max-width: 580px) {
  section.orderDetailsView {
    padding-left: 20px;
    padding-right: 20px;
  }
}
section.orderDetailsView .order-again {
  display: none;
}
section.orderDetailsView .orderTopBar {
  width: 100%;
  border-bottom: 1px solid #707070;
  padding-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 992px) {
  section.orderDetailsView .orderTopBar {
    flex-wrap: wrap;
  }
}
section.orderDetailsView .orderTopBar .orderSections {
  display: flex;
  align-items: center;
}
section.orderDetailsView .orderTopBar .orderSections .topBarSection {
  margin-right: 80px;
}
@media screen and (max-width: 580px) {
  section.orderDetailsView .orderTopBar .orderSections .topBarSection {
    margin-right: 20px;
  }
}
section.orderDetailsView .orderTopBar .orderSections .topBarSection .title {
  color: #707070;
  font-weight: 300;
  font-size: 14px;
}
section.orderDetailsView .orderTopBar .orderSections .topBarSection .content {
  margin-top: 14px;
}
section.orderDetailsView .orderTopBar .orderSections .topBarSection .content p {
  color: #202020;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
section.orderDetailsView .orderTopBar .orderStatus {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 580px) {
  section.orderDetailsView .orderTopBar .orderStatus {
    margin-top: 10px;
  }
}
section.orderDetailsView .orderTopBar .orderStatus .statusBar {
  padding-left: 80px;
  padding-right: 80px;
  padding-top: 14px;
  padding-bottom: 14px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: bold;
}
@media screen and (max-width: 580px) {
  section.orderDetailsView .orderTopBar .orderStatus .statusBar {
    padding-left: 30px;
    padding-right: 30px;
    display: block;
    width: 100%;
  }
}
section.orderDetailsView .orderTopBar .orderStatus .statusBar.Completed {
  background: #009611;
}
section.orderDetailsView .orderTopBar .orderStatus .statusBar.Cancelled {
  background: #F60D0D;
}
section.orderDetailsView .orderDetailsTable {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #D3D3D3;
}
section.orderDetailsView .orderDetailsTable .singleOrderItem {
  width: 100%;
  transition: all 0.3s ease-in-out;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
section.orderDetailsView .orderDetailsTable .singleOrderItem:hover {
  background: #F7F7F7;
}
section.orderDetailsView .orderDetailsTable .singleOrderItem .lineWrapper {
  width: 100%;
  display: flex;
  justify-items: flex-start;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 90px;
  padding-right: 90px;
}
@media screen and (max-width: 580px) {
  section.orderDetailsView .orderDetailsTable .singleOrderItem .lineWrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
section.orderDetailsView .orderDetailsTable .singleOrderItem .singleOrderLine {
  padding-top: 15px;
  padding-bottom: 15px;
  flex: 1;
}
@media screen and (max-width: 580px) {
  section.orderDetailsView .orderDetailsTable .singleOrderItem .singleOrderLine {
    flex: none;
    width: 100%;
  }
}
section.orderDetailsView .orderDetailsTable .singleOrderItem .singleOrderLine.productImage {
  max-width: 160px;
  margin-right: 90px;
}
section.orderDetailsView .orderDetailsTable .singleOrderItem .singleOrderLine.priceBreakdown {
  text-align: right;
}
@media screen and (max-width: 580px) {
  section.orderDetailsView .orderDetailsTable .singleOrderItem .singleOrderLine.priceBreakdown {
    text-align: left;
  }
}
section.orderDetailsView .orderDetailsTable .singleOrderItem .singleOrderLine.productName {
  flex: 2;
}
section.orderDetailsView .orderDetailsTable .singleOrderItem .singleOrderLine .lineLabel {
  font-size: 15px;
  color: #707070;
  font-weight: 500;
  margin-bottom: 10px;
}
section.orderDetailsView .orderDetailsTable .singleOrderItem .singleOrderLine .lineOutput p {
  margin: 0;
  padding: 0;
  font-size: 17px;
  font-weight: 500;
}
section.orderDetailsView .orderTotalBreakdown {
  width: 100%;
  border-bottom: 1px solid #D3D3D3;
  padding-top: 35px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
section.orderDetailsView .orderTotalBreakdown .breakdownRows {
  width: 100%;
  max-width: 500px;
  padding-bottom: 30px;
  padding-right: 90px;
}
section.orderDetailsView .orderTotalBreakdown .breakdownRows .breakdownLine {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
section.orderDetailsView .orderTotalBreakdown .breakdownRows .breakdownLine .label {
  font-size: 17px;
  color: #202020;
  font-weight: 300;
}
section.orderDetailsView .orderTotalBreakdown .breakdownRows .breakdownLine .price {
  font-weight: 500;
  color: #202020;
  font-size: 16px;
}
section.orderDetailsView .totalLine {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #D3D3D3;
}
section.orderDetailsView .totalLine .totalRow {
  width: 100%;
  max-width: 500px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
section.orderDetailsView .totalLine .totalRow .label {
  font-size: 22px;
  font-weight: 300;
}
section.orderDetailsView .totalLine .totalRow .price {
  font-size: 21px;
  font-weight: 500;
  padding-right: 90px;
}
section.orderDetailsView .customerDetails {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  padding-top: 65px;
  padding-bottom: 65px;
}
section.orderDetailsView .customerDetails h4 {
  font-family: "Work Sans";
  text-transform: none;
  margin: 0;
  padding: 0;
  color: #707070;
  font-size: 18px;
  font-weight: 300;
}
section.orderDetailsView .customerDetails p {
  color: #202020;
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
}
section.orderDetailsView .customerDetails .customerAddresses {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 580px) {
  section.orderDetailsView .customerDetails .customerAddresses {
    width: 100%;
  }
}
section.orderDetailsView .customerDetails .customerAddresses .shippingAddres {
  width: 48%;
}
section.orderDetailsView .customerDetails .customerAddresses .billingAddress {
  width: 48%;
}
section.orderDetailsView .customerDetails .orderSubInfo {
  width: 50%;
}
@media screen and (max-width: 580px) {
  section.orderDetailsView .customerDetails .orderSubInfo {
    width: 100%;
  }
}

.accountSection {
  background: #ffffff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 30px;
  margin-bottom: 30px;
}
.accountSection h3 {
  color: #202020;
  font-size: 18px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  width: 100%;
  font-weight: 600 !important;
  margin-bottom: 15px !important;
}
.accountSection h4 {
  font-size: 16px;
  color: #707070;
  font-family: "Work Sans";
  margin: 0;
  padding: 0;
  text-transform: none;
}
.accountSection .nameForms, .accountSection .internalFields, .accountSection .passwordCurrent, .accountSection .passwordChange {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.accountSection .nameForms .singleField, .accountSection .internalFields .singleField, .accountSection .passwordCurrent .singleField, .accountSection .passwordChange .singleField {
  position: relative;
  min-width: 300px;
  margin-right: 10px;
  margin-bottom: 20px;
}
.accountSection .nameForms .singleField :nth-child(even), .accountSection .internalFields .singleField :nth-child(even), .accountSection .passwordCurrent .singleField :nth-child(even), .accountSection .passwordChange .singleField :nth-child(even) {
  margin-right: 0;
}
.accountSection .nameForms .singleField input, .accountSection .internalFields .singleField input, .accountSection .passwordCurrent .singleField input, .accountSection .passwordChange .singleField input {
  padding: 10px 20px;
  border: 1px solid #707070;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 100%;
}
.accountSection .nameForms label, .accountSection .internalFields label, .accountSection .passwordCurrent label, .accountSection .passwordChange label {
  position: absolute;
  left: 15px;
  top: -4px;
  font-size: 10px;
  background: #ffffff;
  padding-left: 5px;
  padding-right: 5px;
}
.accountSection .button-default {
  font-size: 15px !important;
}

.addressEditScreen {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.addressEditScreen .singleAddressSection {
  margin-right: 80px;
}
.addressEditScreen .singleAddressSection .headerBarAddress {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.addressEditScreen .singleAddressSection .headerBarAddress h4 {
  margin-right: 20px;
}
.addressEditScreen .singleAddressSection .headerBarAddress .titleEdit {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-items: center;
}
.addressEditScreen .singleAddressSection .headerBarAddress a {
  color: #ffffff !important;
  background: #202020;
  padding: 5px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  transition: all 0.3s ease-in-out;
}
.addressEditScreen .singleAddressSection .headerBarAddress a:visited {
  color: #ffffff !important;
}
.addressEditScreen .singleAddressSection .headerBarAddress a:hover {
  color: #ffffff !important;
  background: #F05041;
}
.addressEditScreen .singleAddressSection:last-of-type {
  margin-right: 0;
}
.addressEditScreen .singleAddressSection address {
  font-size: 15px !important;
  line-height: 18px !important;
  text-transform: non !important;
}

ul.paymentMethods {
  width: 100%;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
ul.paymentMethods li.singleCard {
  list-style: none;
  position: relative;
  width: auto;
  display: inline-block;
  margin-right: 15px;
}
ul.paymentMethods li.singleCard:last-of-type {
  margin-right: 0;
}
ul.paymentMethods li.singleCard .cardInfo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
ul.paymentMethods li.singleCard img {
  max-width: 200px;
}
ul.paymentMethods li.singleCard .ccLastFour {
  font-size: 14px;
  color: #ffffff;
  right: 25px;
  bottom: 50px;
  position: absolute;
}
ul.paymentMethods li.singleCard .ccExpire {
  font-size: 14px;
  color: #ffffff;
  right: 25px;
  bottom: 70px;
  position: absolute;
}
ul.paymentMethods li.singleCard .ccBrand {
  position: absolute;
  top: 10px;
  left: 12px;
}
ul.paymentMethods li.singleCard .ccBrand img {
  max-width: 30px;
}
ul.paymentMethods li.singleCard .button {
  font-size: 14px;
  color: #ffffff;
  position: absolute;
}
ul.paymentMethods li.singleCard .button.default {
  left: 15px;
  bottom: 12px;
}
ul.paymentMethods li.singleCard .button.delete {
  right: 15px;
  bottom: 12px;
}

.paymentButton {
  color: #ffffff !important;
}
.paymentButton:hover {
  color: #ffffff !important;
}

.beyondCart {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-top: 40px;
  flex: 1;
}
.beyondCart .mainCart {
  width: 100%;
}
.beyondCart .mainCart h1 {
  width: 100%;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}
.beyondCart .mainCart #freeShippingCalc {
  width: 100%;
  margin-bottom: 40px;
}
.beyondCart .mainCart #freeShippingCalc .shippingNoticeCart {
  width: 100%;
  background: #EFEFEF;
  padding: 22px 46px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.beyondCart .mainCart #freeShippingCalc .shippingNoticeCart h5 {
  margin: 0;
  padding: 0;
  font-family: "Work Sans";
  text-transform: uppercase;
  font-size: 26px;
  line-height: 30px;
  font-weight: 600;
}
.beyondCart .mainCart #freeShippingCalc .shippingNoticeCart p {
  margin: 0;
  padding: 0;
  margin-top: 5px;
  color: #707070;
  font-size: 17px;
  line-height: 19px;
  font-weight: 300;
}
.beyondCart .mainCart #freeShippingCalc .shippingNoticeCart p span {
  font-weight: 500;
}
.beyondCart .mainCart #freeShippingCalc .shippingNoticeCart.freeShipping {
  background: #28a745;
  color: #ffffff;
}
.beyondCart .mainCart #freeShippingCalc .shippingNoticeCart.freeShipping h5 {
  color: #ffffff;
}
.beyondCart .mainCart #freeShippingCalc .shippingNoticeCart.freeShipping p {
  color: #F0F0F0;
}
.beyondCart .cartSide {
  width: 100%;
  max-width: 485px;
}
@media screen and (max-width: 1400px) {
  .beyondCart .cartSide {
    max-width: 100%;
    margin-left: 0;
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .beyondCart .cartSide {
    min-width: 0px;
  }
}
.beyondCart ul.mainBeyondCart {
  margin: 0;
  padding: 0;
  list-style: none;
}
.beyondCart ul.mainBeyondCart li.singleCartItem {
  width: 100%;
  margin-bottom: 24px;
}
.beyondCart ul.mainBeyondCart li.singleCartItem h4 {
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 17px;
  color: #707070;
  font-family: "Work Sans";
  text-transform: none;
  font-weight: 300;
}
.beyondCart ul.mainBeyondCart li.singleCartItem .innerWrapperProduct {
  width: 100%;
  background: #ffffff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 20px 50px;
}
@media screen and (max-width: 768px) {
  .beyondCart ul.mainBeyondCart li.singleCartItem .innerWrapperProduct {
    justify-content: center;
  }
}
.beyondCart ul.mainBeyondCart li.singleCartItem:last-of-type {
  margin-bottom: 0;
}
.beyondCart ul.mainBeyondCart li.singleCartItem .singleProductCartImage {
  margin-right: 30px;
}
.beyondCart ul.mainBeyondCart li.singleCartItem .singleProductCartImage a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.beyondCart ul.mainBeyondCart li.singleCartItem .singleProductCartImage img {
  max-width: 100px;
}
.beyondCart ul.mainBeyondCart li.singleCartItem .singleProductCartTitle {
  flex: 1;
  padding-right: 40px;
}
@media screen and (max-width: 768px) {
  .beyondCart ul.mainBeyondCart li.singleCartItem .singleProductCartTitle {
    flex: none;
    width: 100%;
  }
  .beyondCart ul.mainBeyondCart li.singleCartItem .singleProductCartTitle h4 {
    display: none;
  }
}
.beyondCart ul.mainBeyondCart li.singleCartItem .singleProductCartTitle h2 {
  margin: 0;
  padding: 0;
  font-size: 17px;
  line-height: 21px;
  color: #000000;
  font-family: "Work Sans";
  text-transform: none;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .beyondCart ul.mainBeyondCart li.singleCartItem .singleProductCartTitle h2 {
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 15px;
  }
}
.beyondCart ul.mainBeyondCart li.singleCartItem .singleProductCartTitle h2 a {
  color: #000000;
  text-decoration: none;
}
.beyondCart ul.mainBeyondCart li.singleCartItem .singleProductCartTitle h2 a:visited {
  color: #000000;
}
.beyondCart ul.mainBeyondCart li.singleCartItem .singleProductCartTitle h2 a:focus {
  color: #F05041;
}
.beyondCart ul.mainBeyondCart li.singleCartItem .singleProductCartTitle h2 a:hover {
  color: #F05041;
}
.beyondCart ul.mainBeyondCart li.singleCartItem .singleProductCartQty {
  padding-right: 90px;
}
@media screen and (max-width: 480px) {
  .beyondCart ul.mainBeyondCart li.singleCartItem .singleProductCartQty {
    padding-right: 45px;
  }
}
.beyondCart ul.mainBeyondCart li.singleCartItem .singleProductCartPrice {
  padding-right: 60px;
}
@media screen and (max-width: 480px) {
  .beyondCart ul.mainBeyondCart li.singleCartItem .singleProductCartPrice {
    padding-right: 45px;
  }
}
.beyondCart ul.mainBeyondCart li.singleCartItem .singleProductCartDelete a {
  height: 100%;
  padding: 20px 10px;
  color: #000000;
}
.beyondCart ul.mainBeyondCart li.singleCartItem .singleProductCartDelete a:visited {
  color: #000000;
}
.beyondCart ul.mainBeyondCart li.singleCartItem .singleProductCartDelete a:focus {
  color: #F05041;
}
.beyondCart ul.mainBeyondCart li.singleCartItem .singleProductCartDelete a:hover {
  color: #F05041;
}
.beyondCart .beyondCheckout__sectionHeader, .beyondCart .beyondCheckout__sectionContents {
  display: none;
}
.beyondCart ul#shipping_method {
  display: none;
}
.beyondCart .woocommerce-shipping-destination {
  display: none;
}
.beyondCart a.shipping-calculator-button {
  display: none;
}
.beyondCart .cartSummary {
  background: #ffffff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 30px;
}
@media screen and (max-width: 1400px) {
  .beyondCart .cartSummary {
    max-width: 530px;
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
  .beyondCart .cartSummary {
    max-width: 100%;
  }
}
.beyondCart .cartSummary h2 {
  font-size: 22px;
  line-height: 22px;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}
.beyondCart .cartSummary .rowCart {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
.beyondCart .cartSummary .rowCart .rowLabel {
  font-size: 17px;
  color: #202020;
}
.beyondCart .cartSummary .rowCart .rowValue {
  font-size: 17px;
  color: #202020;
  font-weight: bold;
}
.beyondCart .cartSummary .rowTotal {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
}
.beyondCart .cartSummary .rowTotal .rowLabel {
  font-size: 20px;
  font-weight: bold;
}
.beyondCart .cartSummary .rowTotal .rowValue {
  font-size: 20px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.beyondCart .cartSummary .rowTotal .rowValue bdi {
  width: 100%;
  text-align: right;
  display: block;
}
.beyondCart .cartSummary .rowTotal .rowValue .includes_tax {
  width: 100%;
  position: relative;
  display: block;
  font-weight: normal;
  font-size: 12px;
  width: 100%;
  padding-left: 10px;
}
.beyondCart .cartSummary .cartCheckoutButton a {
  width: 100%;
  background: #F05041;
  color: #ffffff;
  text-align: center;
  font-weight: normal;
  font-size: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  border: 0;
  box-shadow: none;
  margin-top: 30px;
  text-decoration: none;
  display: inline-block;
}
.beyondCart .cartSummary .cartCheckoutButton a:visited {
  color: #ffffff;
}
.beyondCart .cartSummary .cartCheckoutButton a:hover {
  color: #ffffff;
  background: #eb2513;
}

.fgf_gift_products_wrapper {
  max-width: 1272px;
  width: 100%;
}
@media screen and (max-width: 1700px) {
  .fgf_gift_products_wrapper {
    max-width: 1100px;
  }
}
@media screen and (max-width: 1400px) {
  .fgf_gift_products_wrapper {
    max-width: 1000px;
  }
}
@media screen and (max-width: 1024px) {
  .fgf_gift_products_wrapper {
    max-width: 800px;
  }
}
@media screen and (max-width: 992px) {
  .fgf_gift_products_wrapper {
    max-width: 800px;
  }
}
@media screen and (max-width: 768px) {
  .fgf_gift_products_wrapper {
    max-width: 400px;
  }
}
@media screen and (max-width: 580px) {
  .fgf_gift_products_wrapper {
    max-width: 100%;
  }
}
.fgf_gift_products_wrapper h3 {
  width: 100%;
  text-align: center;
  padding-top: 25px;
  padding-bottom: 25px;
}

.fgf-owl-carousel-items .owl-nav button.owl-prev:hover, .fgf-owl-carousel-items .owl-nav button.owl-next:hover {
  background: #F05041 !important;
  color: #ffffff !important;
  transition: all ease-in-out 0.1s;
}

.fgf-owl-carousel-item {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.fgf-owl-carousel-item h5 {
  font-size: 16px;
  line-height: 21px;
  font-family: "Work Sans";
  text-transform: capitalize;
  padding-left: 10px;
  padding-right: 10px;
  min-height: 42px;
}
.fgf-owl-carousel-item .fgf_add_to_cart_link {
  margin: 0 !important;
}
.fgf-owl-carousel-item .fgf_add_to_cart_link a {
  background: #202020;
  color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
}
.fgf-owl-carousel-item .fgf_add_to_cart_link a:visited {
  color: #ffffff !important;
}
.fgf-owl-carousel-item .fgf_add_to_cart_link a:focus {
  color: #ffffff;
}

.wp-block-lazyblock-black-pill-link {
  width: 100%;
  margin-bottom: 50px;
}
.wp-block-lazyblock-black-pill-link .black-pill-block__container {
  width: 100%;
  position: relative;
}
.wp-block-lazyblock-black-pill-link .black-pill-block__container .black-pill-block__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  width: 100%;
  column-gap: 10px;
  row-gap: 10px;
}
.wp-block-lazyblock-black-pill-link .black-pill-block__container .black-pill-block__list.grid-size-1fr1fr1fr1fr1fr {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
@media screen and (max-width: 992px) {
  .wp-block-lazyblock-black-pill-link .black-pill-block__container .black-pill-block__list.grid-size-1fr1fr1fr1fr1fr {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 768px) {
  .wp-block-lazyblock-black-pill-link .black-pill-block__container .black-pill-block__list.grid-size-1fr1fr1fr1fr1fr {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 480px) {
  .wp-block-lazyblock-black-pill-link .black-pill-block__container .black-pill-block__list.grid-size-1fr1fr1fr1fr1fr {
    grid-template-columns: 1fr;
  }
}
.wp-block-lazyblock-black-pill-link .black-pill-block__container .black-pill-block__list.grid-size-1fr1fr1fr1fr {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media screen and (max-width: 992px) {
  .wp-block-lazyblock-black-pill-link .black-pill-block__container .black-pill-block__list.grid-size-1fr1fr1fr1fr {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 768px) {
  .wp-block-lazyblock-black-pill-link .black-pill-block__container .black-pill-block__list.grid-size-1fr1fr1fr1fr {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 480px) {
  .wp-block-lazyblock-black-pill-link .black-pill-block__container .black-pill-block__list.grid-size-1fr1fr1fr1fr {
    grid-template-columns: 1fr;
  }
}
.wp-block-lazyblock-black-pill-link .black-pill-block__container .black-pill-block__list.grid-size-1fr1fr1fr {
  grid-template-columns: 1fr 1fr 1fr;
}
@media screen and (max-width: 768px) {
  .wp-block-lazyblock-black-pill-link .black-pill-block__container .black-pill-block__list.grid-size-1fr1fr1fr {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 480px) {
  .wp-block-lazyblock-black-pill-link .black-pill-block__container .black-pill-block__list.grid-size-1fr1fr1fr {
    grid-template-columns: 1fr;
  }
}
.wp-block-lazyblock-black-pill-link .black-pill-block__container .black-pill-block__list.grid-size-1fr1fr {
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 480px) {
  .wp-block-lazyblock-black-pill-link .black-pill-block__container .black-pill-block__list.grid-size-1fr1fr {
    grid-template-columns: 1fr;
  }
}
.wp-block-lazyblock-black-pill-link .black-pill-block__container .black-pill-block__list.grid-size-1fr {
  grid-template-columns: 1fr;
}
.wp-block-lazyblock-black-pill-link .black-pill-block__container .black-pill-block__list .black-pill-block__single a {
  background: #202020;
  color: #ffffff;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  font-size: 19px;
  line-height: 23px;
  width: 100%;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  transition: all 0.4s ease-in-out;
}
.wp-block-lazyblock-black-pill-link .black-pill-block__container .black-pill-block__list .black-pill-block__single a.active {
  background: #F05041;
}
.wp-block-lazyblock-black-pill-link .black-pill-block__container .black-pill-block__list .black-pill-block__single a:visited {
  color: #ffffff;
  text-decoration: none;
}
.wp-block-lazyblock-black-pill-link .black-pill-block__container .black-pill-block__list .black-pill-block__single a:focus {
  color: #ffffff;
  background: #F05041;
}
.wp-block-lazyblock-black-pill-link .black-pill-block__container .black-pill-block__list .black-pill-block__single a:hover {
  background: #F05041;
  color: #ffffff;
}

.wp-block-lazyblock-contact-ctas {
  width: 100%;
  position: relative;
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #707070;
}
.wp-block-lazyblock-contact-ctas .beyond-contact-blocks__wrapper .beyond-contact-blocks__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 35px;
  row-gap: 35px;
}
@media screen and (max-width: 1024px) {
  .wp-block-lazyblock-contact-ctas .beyond-contact-blocks__wrapper .beyond-contact-blocks__grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 768px) {
  .wp-block-lazyblock-contact-ctas .beyond-contact-blocks__wrapper .beyond-contact-blocks__grid {
    grid-template-columns: 1fr;
  }
}
.wp-block-lazyblock-contact-ctas .beyond-contact-blocks__wrapper .beyond-contact-blocks__grid .beyond-contact-block__single {
  background: #ffffff;
  border: 1px solid #707070;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 50px;
}
@media screen and (max-width: 1400px) {
  .wp-block-lazyblock-contact-ctas .beyond-contact-blocks__wrapper .beyond-contact-blocks__grid .beyond-contact-block__single {
    padding: 20px;
  }
}
.wp-block-lazyblock-contact-ctas .beyond-contact-blocks__wrapper .beyond-contact-blocks__grid .beyond-contact-block__single .single-block__icon {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  height: 140px;
}
.wp-block-lazyblock-contact-ctas .beyond-contact-blocks__wrapper .beyond-contact-blocks__grid .beyond-contact-block__single .single-block__icon svg {
  max-width: 140px;
  width: 100%;
  height: 140px;
}
.wp-block-lazyblock-contact-ctas .beyond-contact-blocks__wrapper .beyond-contact-blocks__grid .beyond-contact-block__single .single-block__icon i {
  font-size: 140px;
  color: #F05041;
}
@media screen and (max-width: 768px) {
  .wp-block-lazyblock-contact-ctas .beyond-contact-blocks__wrapper .beyond-contact-blocks__grid .beyond-contact-block__single .single-block__icon i.fa-phone {
    padding-top: 5px;
  }
}
@media screen and (max-width: 768px) {
  .wp-block-lazyblock-contact-ctas .beyond-contact-blocks__wrapper .beyond-contact-blocks__grid .beyond-contact-block__single .single-block__icon {
    margin-bottom: 20px;
  }
}
.wp-block-lazyblock-contact-ctas .beyond-contact-blocks__wrapper .beyond-contact-blocks__grid .beyond-contact-block__single .single-block__title {
  width: 100%;
  font-size: 22px;
  line-height: 26px;
  text-align: center;
  color: #202020;
}
.wp-block-lazyblock-contact-ctas .beyond-contact-blocks__wrapper .beyond-contact-blocks__grid .beyond-contact-block__single .single-block__link {
  margin-top: 20px;
  width: 100%;
  text-align: center;
}
.wp-block-lazyblock-contact-ctas .beyond-contact-blocks__wrapper .beyond-contact-blocks__grid .beyond-contact-block__single a {
  width: 100%;
  font-size: 19px;
  line-height: 23px;
  color: #202020;
  text-decoration: none;
  transition: all 0.4s ease-in-out;
}
.wp-block-lazyblock-contact-ctas .beyond-contact-blocks__wrapper .beyond-contact-blocks__grid .beyond-contact-block__single a:visited {
  color: #202020;
  text-decoration: none;
}
.wp-block-lazyblock-contact-ctas .beyond-contact-blocks__wrapper .beyond-contact-blocks__grid .beyond-contact-block__single a:focus {
  color: #F05041;
}
.wp-block-lazyblock-contact-ctas .beyond-contact-blocks__wrapper .beyond-contact-blocks__grid .beyond-contact-block__single a:hover {
  color: #F05041;
}
.wp-block-lazyblock-contact-ctas .beyond-contact-blocks__wrapper .beyond-contact-blocks__grid .beyond-contact-block__single a.contact-button {
  background: #202020;
  color: #ffffff;
  display: block;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.wp-block-lazyblock-contact-ctas .beyond-contact-blocks__wrapper .beyond-contact-blocks__grid .beyond-contact-block__single a.contact-button:hover {
  background: #F05041;
}

.wp-block-lazyblock-partners-box {
  width: 100%;
  position: relative;
}
.wp-block-lazyblock-partners-box .beyond-partner__list {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 100px;
  row-gap: 100px;
  position: relative;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 1200px) {
  .wp-block-lazyblock-partners-box .beyond-partner__list {
    column-gap: 50px;
    row-gap: 50px;
  }
}
@media screen and (max-width: 992px) {
  .wp-block-lazyblock-partners-box .beyond-partner__list {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 768px) {
  .wp-block-lazyblock-partners-box .beyond-partner__list {
    grid-template-columns: 1fr;
  }
}
.wp-block-lazyblock-partners-box .beyond-partner__list .beyond-partner__single {
  background: #ffffff;
  border: 1px solid #707070;
  list-style: none;
  padding-top: 75px;
  padding-bottom: 75px;
}
.wp-block-lazyblock-partners-box .beyond-partner__list .beyond-partner__single .beyond-partner-single__wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.wp-block-lazyblock-partners-box .beyond-partner__list .beyond-partner__single .beyond-partner-single__wrapper .beyond-partner-logo {
  max-width: 300px;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wp-block-lazyblock-partners-box .beyond-partner__list .beyond-partner__single .beyond-partner-single__wrapper .beyond-partner-logo img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
@media screen and (max-width: 1400px) {
  .wp-block-lazyblock-partners-box .beyond-partner__list .beyond-partner__single .beyond-partner-single__wrapper .beyond-partner-logo {
    max-width: 200px;
  }
}
@media screen and (max-width: 992px) {
  .wp-block-lazyblock-partners-box .beyond-partner__list .beyond-partner__single .beyond-partner-single__wrapper .beyond-partner-logo {
    max-width: 150px;
  }
}

.wp-block-lazyblock-custom-text-box {
  width: 100%;
  position: relative;
  margin-top: -50px;
}
.wp-block-lazyblock-custom-text-box .beyond-custom-text-box__wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.wp-block-lazyblock-custom-text-box .beyond-custom-text-box__wrapper.block-orange-text-input {
  overflow: hidden;
  position: relative;
}
.wp-block-lazyblock-custom-text-box .beyond-custom-text-box__wrapper .beyond-custom-text-area__col {
  flex: 1;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 90px;
  position: relative;
}
@media screen and (max-width: 992px) {
  .wp-block-lazyblock-custom-text-box .beyond-custom-text-box__wrapper .beyond-custom-text-area__col {
    padding-left: 0px;
    flex: none;
    width: 100%;
    order: 2;
  }
}
.wp-block-lazyblock-custom-text-box .beyond-custom-text-box__wrapper .beyond-custom-text-area__col .beyond-custom-text-box__label {
  position: absolute;
  left: 0;
  top: 55px;
  color: #707070;
  font-size: 19px;
  line-height: 23px;
}
@media screen and (max-width: 992px) {
  .wp-block-lazyblock-custom-text-box .beyond-custom-text-box__wrapper .beyond-custom-text-area__col .beyond-custom-text-box__label {
    display: none;
  }
}
.wp-block-lazyblock-custom-text-box .beyond-custom-text-box__wrapper .beyond-custom-text-area__col .beyond-custom-text-box__meta-label {
  font-size: 9px;
  line-height: 10px;
  margin-bottom: 30px;
  color: #707070;
}
@media screen and (max-width: 992px) {
  .wp-block-lazyblock-custom-text-box .beyond-custom-text-box__wrapper .beyond-custom-text-area__col .beyond-custom-text-box__meta-label {
    display: none;
  }
}
.wp-block-lazyblock-custom-text-box .beyond-custom-text-box__wrapper .beyond-custom-text-area__col .beyond-custom-text-box__title h2 {
  font-size: 41px;
  line-height: 41px;
  margin: 0;
  padding: 0;
  position: relative;
  margin-bottom: 40px;
}
.wp-block-lazyblock-custom-text-box .beyond-custom-text-box__wrapper .beyond-custom-text-area__col .beyond-custom-text-box__title h2:after {
  content: "";
  width: 40px;
  height: 1px;
  background: #707070;
  position: absolute;
  left: 0;
  bottom: -20px;
}
@media screen and (max-width: 768px) {
  .wp-block-lazyblock-custom-text-box .beyond-custom-text-box__wrapper .beyond-custom-text-area__col .beyond-custom-text-box__title h2:after {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .wp-block-lazyblock-custom-text-box .beyond-custom-text-box__wrapper .beyond-custom-text-area__col .beyond-custom-text-box__title h2 {
    font-size: 30px;
    line-height: 30px;
  }
}
@media screen and (max-width: 768px) {
  .wp-block-lazyblock-custom-text-box .beyond-custom-text-box__wrapper .beyond-custom-text-area__col .beyond-custom-text-box__title h2 {
    font-size: 25px;
    line-height: 25px;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .wp-block-lazyblock-custom-text-box .beyond-custom-text-box__wrapper .beyond-custom-text-area__col .beyond-custom-text-box__title h2 {
    font-size: 20px;
    line-height: 20px;
  }
}
.wp-block-lazyblock-custom-text-box .beyond-custom-text-box__wrapper .beyond-custom-text-area__col .beyond-custom-text-box__text-area {
  font-size: 15px;
  line-height: 16px;
  color: #707070;
  max-width: 480px;
}
.wp-block-lazyblock-custom-text-box .beyond-custom-text-box__wrapper .beyond-custom-text-area__col .beyond-custom-text-box__text-area a {
  color: #F05041;
  text-decoration: none;
}
.wp-block-lazyblock-custom-text-box .beyond-custom-text-box__wrapper .beyond-custom-text-area__col .beyond-custom-text-box__text-area a:visited {
  color: #F05041;
}
.wp-block-lazyblock-custom-text-box .beyond-custom-text-box__wrapper .beyond-custom-text-area__col .beyond-custom-text-box__text-area a:hover {
  color: #F05041;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .wp-block-lazyblock-custom-text-box .beyond-custom-text-box__wrapper .beyond-custom-text-area__col .beyond-custom-text-box__text-area {
    text-align: center;
  }
}
.wp-block-lazyblock-custom-text-box .beyond-custom-text-box__wrapper .beyond-custom-text-box__image-col {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: -10px;
}
@media screen and (max-width: 992px) {
  .wp-block-lazyblock-custom-text-box .beyond-custom-text-box__wrapper .beyond-custom-text-box__image-col {
    flex: none;
    width: 100%;
    margin-bottom: 0;
    order: 1;
  }
}
.wp-block-lazyblock-custom-text-box .beyond-custom-text-box__wrapper .border-text-orange {
  font-size: 150px;
  line-height: 150px;
  position: absolute;
  bottom: -75px;
  right: 0;
}
@media screen and (max-width: 1400px) {
  .wp-block-lazyblock-custom-text-box .beyond-custom-text-box__wrapper .border-text-orange {
    font-size: 100px;
    line-height: 100px;
    bottom: -50px;
  }
}
@media screen and (max-width: 1200px) {
  .wp-block-lazyblock-custom-text-box .beyond-custom-text-box__wrapper .border-text-orange {
    font-size: 70px;
    line-height: 70px;
    bottom: -34px;
  }
}
@media screen and (max-width: 992px) {
  .wp-block-lazyblock-custom-text-box .beyond-custom-text-box__wrapper .border-text-orange {
    display: none;
  }
}

.wp-block-lazyblock-team-block {
  width: 100%;
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper {
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
}
@media screen and (max-width: 768px) {
  .wp-block-lazyblock-team-block .beyond-team-block__wrapper {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__border-title {
  font-size: 150px;
  line-height: 150px;
  text-align: right;
}
@media screen and (max-width: 1200px) {
  .wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__border-title {
    font-size: 120px;
    line-height: 120px;
  }
}
@media screen and (max-width: 992px) {
  .wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__border-title {
    font-size: 100px;
    line-height: 100px;
  }
}
@media screen and (max-width: 768px) {
  .wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__border-title {
    display: none;
  }
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member .beyond-team-member-info {
  background: #ffffff;
  padding: 80px;
  border: 1px solid #707070;
  max-width: 570px;
  width: 100%;
  z-index: 50;
}
@media screen and (max-width: 768px) {
  .wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member .beyond-team-member-info {
    flex: none;
    width: 100%;
    padding: 40px;
    order: 2;
  }
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member .beyond-team-member-info h2 {
  font-size: 72px;
  line-height: 72px;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 480px) {
  .wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member .beyond-team-member-info h2 {
    font-size: 25px;
    line-height: 25px;
    text-align: center;
  }
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member .beyond-team-member-info .job-title {
  font-size: 22px;
  line-height: 26px;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  margin-bottom: 40px;
  margin-top: 20px;
}
@media screen and (max-width: 480px) {
  .wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member .beyond-team-member-info .job-title {
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    margin-top: 10px;
  }
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member .beyond-team-member-info .job-title:after {
  content: "";
  width: 40px;
  height: 1px;
  background: #707070;
  position: absolute;
  left: 0;
  bottom: -20px;
}
@media screen and (max-width: 480px) {
  .wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member .beyond-team-member-info .job-title:after {
    display: none;
  }
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member .beyond-team-member-info .beyond-team-bio {
  font-size: 15px;
  line-height: 16px;
  color: #707070;
  max-width: 360px;
}
@media screen and (max-width: 480px) {
  .wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member .beyond-team-member-info .beyond-team-bio {
    text-align: center;
  }
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member .beyond-team-member-info .beyond-team-question-list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 10px;
  width: 100%;
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member .beyond-team-member-info .beyond-team-question-list .beyond-team-question-answer {
  margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member .beyond-team-member-info .beyond-team-question-list .beyond-team-question-answer {
    text-align: center;
  }
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member .beyond-team-member-info .beyond-team-question-list .beyond-team-question-answer:last-of-type {
  margin-bottom: 0px;
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member .beyond-team-member-info .beyond-team-question-list .beyond-team-question-answer .question {
  padding-bottom: 5px;
}
@media screen and (max-width: 480px) {
  .wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member .beyond-team-member-info .beyond-team-question-list .beyond-team-question-answer .question {
    text-align: center;
  }
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member .beyond-team-member-info .beyond-team-question-list .beyond-team-question-answer .question p {
  font-size: 19px;
  line-height: 23px;
  color: #202020;
  margin: 0;
  padding: 0;
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member .beyond-team-member-info .beyond-team-question-list .beyond-team-question-answer .answer p {
  font-size: 15px;
  line-height: 16px;
  margin: 0;
  padding: 0;
  color: #707070;
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member .beyond-team-image {
  flex: 1;
  margin-left: -100px;
  margin-right: -100px;
  z-index: 60;
}
@media screen and (max-width: 768px) {
  .wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member .beyond-team-image {
    flex: none;
    width: 100%;
    margin: 0;
    order: 1;
  }
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member .beyond-team-label {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: right;
  z-index: 50;
}
@media screen and (max-width: 1200px) {
  .wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member .beyond-team-label {
    display: none;
  }
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member .beyond-team-label .label-wrapper {
  color: #000000;
  font-size: 72px;
  font-weight: bold;
  font-family: "Joyride", Arial, Sans-serif;
  line-height: 72px;
  position: relative;
  width: 80%;
  text-align: right;
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member .beyond-team-label .label-wrapper:after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -5px;
  right: 0;
  background: #000000;
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member .beyond-team-divider {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: center;
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member .beyond-team-divider span {
  height: 80px;
  width: 1px;
  background: #F05041;
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member:nth-child(even) .beyond-team-member-info {
  order: 3;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member:nth-child(even) .beyond-team-member-info h2 {
  text-align: right;
}
@media screen and (max-width: 480px) {
  .wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member:nth-child(even) .beyond-team-member-info h2 {
    text-align: center;
  }
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member:nth-child(even) .beyond-team-member-info .job-title {
  text-align: right;
  width: 100%;
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member:nth-child(even) .beyond-team-member-info .job-title:after {
  right: 0;
  left: auto;
}
@media screen and (max-width: 480px) {
  .wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member:nth-child(even) .beyond-team-member-info .job-title {
    text-align: center;
  }
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member:nth-child(even) .beyond-team-member-info .beyond-team-bio {
  text-align: right;
}
@media screen and (max-width: 480px) {
  .wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member:nth-child(even) .beyond-team-member-info .beyond-team-bio {
    text-align: center;
  }
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member:nth-child(even) .beyond-team-member-info .beyond-team-question-list {
  text-align: right;
}
@media screen and (max-width: 480px) {
  .wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member:nth-child(even) .beyond-team-member-info .beyond-team-question-list {
    text-align: center;
  }
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member:nth-child(even) .beyond-team-image {
  order: 2;
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member:nth-child(even) .beyond-team-label {
  order: 1;
  justify-content: left;
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member:nth-child(even) .beyond-team-label .label-wrapper {
  text-align: left;
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member:nth-child(even) .beyond-team-divider {
  order: 4;
}
@media screen and (max-width: 768px) {
  .wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member:nth-child(even) .beyond-team-divider {
    order: inherit;
  }
}
.wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member.disable-line .beyond-team-divider {
  display: none;
}
@media screen and (max-width: 768px) {
  .wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member.disable-line .beyond-team-divider {
    display: inherit;
  }
}
@media screen and (max-width: 768px) {
  .wp-block-lazyblock-team-block .beyond-team-block__wrapper .beyond-team-block__list .beyond-team-list .beyond-single-team-member:first-of-type .beyond-team-divider {
    display: none;
  }
}

.wp-block-lazyblock-comparison-block {
  width: 100%;
  height: auto;
  padding-top: 70px;
  padding-bottom: 70px;
  border-top: 1px solid #707070;
}
.wp-block-lazyblock-comparison-block:first-of-type {
  border-top: 0px;
}
.wp-block-lazyblock-comparison-block:last-of-type {
  border-bottom: 0px;
}
.wp-block-lazyblock-comparison-block #beyond-compare__wrapper {
  width: 100%;
}
.wp-block-lazyblock-comparison-block #beyond-compare__wrapper .beyond-compare__desktop-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 992px) {
  .wp-block-lazyblock-comparison-block #beyond-compare__wrapper .beyond-compare__desktop-content {
    display: none;
  }
}
.wp-block-lazyblock-comparison-block #beyond-compare__wrapper .beyond-compare__desktop-content .beyond-compare__comparison {
  width: 100%;
  max-width: 1200px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-bottom: 90px;
}
.wp-block-lazyblock-comparison-block #beyond-compare__wrapper .beyond-compare__desktop-content .beyond-compare__comparison .beyond-compare__title {
  height: 100%;
  max-height: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  line-height: 26px;
  color: #202020;
}
.wp-block-lazyblock-comparison-block #beyond-compare__wrapper .beyond-compare__desktop-content .beyond-compare__comparison .beyond-compare__title img {
  max-height: 100%;
}
.wp-block-lazyblock-comparison-block #beyond-compare__wrapper .beyond-compare__desktop-content .beyond-compare__comparison .beyond-compare__image {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.wp-block-lazyblock-comparison-block #beyond-compare__wrapper .beyond-compare__desktop-content .beyond-compare__comparison .beyond-compare__beyond {
  flex: 1;
}
.wp-block-lazyblock-comparison-block #beyond-compare__wrapper .beyond-compare__desktop-content .beyond-compare__comparison .beyond-compare__competition {
  flex: 1;
}
.wp-block-lazyblock-comparison-block #beyond-compare__wrapper .beyond-compare__desktop-content .beyond-compare__comparison .beyond-compare__versus {
  flex: 1;
}
.wp-block-lazyblock-comparison-block #beyond-compare__wrapper .beyond-compare__desktop-content .beyond-compare__comparison .beyond-compare__versus .beyond-compare__title {
  font-size: 41px;
  line-height: 41px;
  font-weight: bold;
  font-family: "Joyride", Arial, Sans-serif;
  text-transform: lowercase;
  color: #202020;
}
.wp-block-lazyblock-comparison-block #beyond-compare__wrapper .beyond-compare__mobile-content {
  display: none;
}
@media screen and (max-width: 992px) {
  .wp-block-lazyblock-comparison-block #beyond-compare__wrapper .beyond-compare__mobile-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
.wp-block-lazyblock-comparison-block #beyond-compare__wrapper .beyond-compare__mobile-content .beyond-compare__comparison {
  margin-bottom: 25px;
  font-size: 20px;
  line-height: 24px;
  color: #202020;
}
.wp-block-lazyblock-comparison-block #beyond-compare__wrapper .beyond-compare__mobile-content .beyond-compare__comparison img {
  min-height: 50px;
  max-height: 50px;
  height: 100%;
}
.wp-block-lazyblock-comparison-block #beyond-compare__wrapper .beyond-compare__mobile-content .beyond-compare__comparison-table {
  margin-bottom: 25px;
}

#beyond-marketing__beyond-chip {
  width: 100%;
  background: #000000;
}
#beyond-marketing__beyond-chip .beyond-chip__top-bar {
  width: 100%;
  background: #000000;
  border-bottom: 1px solid #F7F7F7;
  padding-bottom: 15px;
  padding-top: 15px;
}
#beyond-marketing__beyond-chip .beyond-chip__top-bar .beyond-chip__top-bar-text {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
#beyond-marketing__beyond-chip .beyond-chip__top-bar .beyond-chip__top-bar-text .beyond-vortex-logo {
  margin-left: 15px;
  margin-right: 15px;
}
#beyond-marketing__beyond-chip .beyond-chip__top-bar .beyond-chip__top-bar-text .beyond-vortex-logo img {
  min-width: 64px;
  max-width: 64px;
}
@media screen and (max-width: 480px) {
  #beyond-marketing__beyond-chip .beyond-chip__top-bar .beyond-chip__top-bar-text .beyond-vortex-logo {
    width: 100%;
    text-align: center;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
#beyond-marketing__beyond-chip .beyond-chip__top-bar .beyond-chip__top-bar-text .border-text {
  -webkit-text-stroke-color: #F7F7F7;
  -webkit-text-stroke-width: 2px;
  font-size: 24px;
}
#beyond-marketing__beyond-chip .beyond-chip__hero {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #F7F7F7;
}
#beyond-marketing__beyond-chip .beyond-chip__hero .bc-hero__left-panel {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-right: 50px;
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .beyond-chip__hero .bc-hero__left-panel {
    padding-right: 0px;
  }
}
#beyond-marketing__beyond-chip .beyond-chip__hero .bc-hero__left-panel .bc-hero__content h1 {
  color: #F7F7F7;
  font-size: 100px;
  line-height: 90px;
  max-width: 10px;
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .beyond-chip__hero .bc-hero__left-panel .bc-hero__content h1 {
    max-width: 100%;
    font-size: 60px;
    text-align: center;
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  #beyond-marketing__beyond-chip .beyond-chip__hero .bc-hero__left-panel .bc-hero__content h1 {
    line-height: 40px;
    font-size: 50px;
  }
}
@media screen and (max-width: 480px) {
  #beyond-marketing__beyond-chip .beyond-chip__hero .bc-hero__left-panel .bc-hero__content h1 {
    font-size: 24px;
    line-height: 28px;
  }
}
#beyond-marketing__beyond-chip .beyond-chip__hero .bc-hero__left-panel .bc-hero__content h1 span {
  font-weight: normal;
}
#beyond-marketing__beyond-chip .beyond-chip__hero .bc-hero__left-panel .bc-hero__content p {
  color: #F7F7F7;
  font-size: 22px;
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .beyond-chip__hero .bc-hero__left-panel .bc-hero__content p {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  #beyond-marketing__beyond-chip .beyond-chip__hero .bc-hero__left-panel .bc-hero__content p {
    font-size: 19px;
    line-height: 26px;
  }
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .beyond-chip__hero .bc-hero__left-panel {
    flex: none;
    width: 100%;
    order: 2;
  }
}
#beyond-marketing__beyond-chip .beyond-chip__hero .bc-hero__right-panel {
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .beyond-chip__hero .bc-hero__right-panel {
    flex: none;
    width: 100%;
    justify-content: center;
  }
}
#beyond-marketing__beyond-chip .beyond-chip__hero .bc-hero__right-panel .bc-hero__large-text {
  color: #ffffff;
  font-size: 230px;
  font-weight: bold;
  font-family: "Joyride", Arial, Sans-serif;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .beyond-chip__hero .bc-hero__right-panel .bc-hero__large-text {
    display: none;
  }
}
#beyond-marketing__beyond-chip .beyond-chip__gameplay {
  width: 100%;
  margin-bottom: 85px;
  margin-top: 125px;
}
@media screen and (max-width: 480px) {
  #beyond-marketing__beyond-chip .beyond-chip__gameplay {
    margin-bottom: 30px;
    margin-top: 30px;
  }
}
#beyond-marketing__beyond-chip .beyond-chip__gameplay .bc-chip__hero-image img {
  z-index: 100;
  position: relative;
}
#beyond-marketing__beyond-chip .beyond-chip__gameplay .border-text {
  -webkit-text-stroke-color: #4897FF;
  font-size: 120px;
  line-height: 120px;
  margin: 0;
  width: 100%;
}
#beyond-marketing__beyond-chip .beyond-chip__gameplay .border-text.top-border-text {
  text-align: left;
  margin-bottom: -50px;
  z-index: 50;
}
@media screen and (max-width: 992px) {
  #beyond-marketing__beyond-chip .beyond-chip__gameplay .border-text.top-border-text {
    margin-bottom: -20px;
  }
}
@media screen and (max-width: 480px) {
  #beyond-marketing__beyond-chip .beyond-chip__gameplay .border-text.top-border-text {
    margin-bottom: -10px;
  }
}
#beyond-marketing__beyond-chip .beyond-chip__gameplay .border-text.bottom-border-text {
  text-align: right;
  margin-top: -50px;
  z-index: 50;
}
@media screen and (max-width: 992px) {
  #beyond-marketing__beyond-chip .beyond-chip__gameplay .border-text.bottom-border-text {
    margin-top: -20px;
  }
}
@media screen and (max-width: 480px) {
  #beyond-marketing__beyond-chip .beyond-chip__gameplay .border-text.bottom-border-text {
    margin-top: -10px;
  }
}
@media screen and (max-width: 992px) {
  #beyond-marketing__beyond-chip .beyond-chip__gameplay .border-text {
    font-size: 54px;
    line-height: 54px;
  }
}
@media screen and (max-width: 480px) {
  #beyond-marketing__beyond-chip .beyond-chip__gameplay .border-text {
    font-size: 35px;
    line-height: 35px;
  }
}
#beyond-marketing__beyond-chip .beyond-chip__how-it-works {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  border-bottom: 1px solid #F7F7F7;
  border-top: 1px solid #F7F7F7;
  padding-bottom: 85px;
  padding-top: 40px;
}
#beyond-marketing__beyond-chip .beyond-chip__how-it-works h2 {
  color: #F7F7F7;
  font-size: 170px;
  line-height: 210px;
  text-align: center;
  width: 100%;
  margin: 0;
  margin-bottom: 50px;
}
@media screen and (max-width: 1700px) {
  #beyond-marketing__beyond-chip .beyond-chip__how-it-works h2 {
    font-size: 100px;
    line-height: 120px;
  }
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .beyond-chip__how-it-works h2 {
    font-size: 70px;
    line-height: 90px;
  }
}
@media screen and (max-width: 480px) {
  #beyond-marketing__beyond-chip .beyond-chip__how-it-works h2 {
    font-size: 40px;
    line-height: 50px;
  }
}
#beyond-marketing__beyond-chip .beyond-chip__how-it-works .bc-chip__how-image {
  width: 50%;
  padding-right: 50px;
  -webkit-animation: bounceInfinite 1s infinite alternate;
  animation: bounceInfinite 1s infinite alternate;
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .beyond-chip__how-it-works .bc-chip__how-image {
    width: 100%;
    padding-right: 0;
    margin-bottom: 45px;
  }
}
#beyond-marketing__beyond-chip .beyond-chip__how-it-works .bc-chip__how-content {
  width: 50%;
  border: 1px solid #F7F7F7;
  padding: 70px 100px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .beyond-chip__how-it-works .bc-chip__how-content {
    padding: 20px;
    width: 100%;
  }
}
#beyond-marketing__beyond-chip .beyond-chip__how-it-works .bc-chip__how-content .home-label {
  color: #F7F7F7;
  font-size: 12px;
  margin-bottom: 50px;
  display: inline-block;
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .beyond-chip__how-it-works .bc-chip__how-content .home-label {
    display: none;
  }
}
#beyond-marketing__beyond-chip .beyond-chip__how-it-works .bc-chip__how-content p {
  color: #F7F7F7;
  font-size: 22px;
  position: relative;
}
#beyond-marketing__beyond-chip .beyond-chip__how-it-works .bc-chip__how-content p:last-of-type {
  padding-bottom: 50px;
}
#beyond-marketing__beyond-chip .beyond-chip__how-it-works .bc-chip__how-content p:last-of-type:after {
  content: "";
  width: 80px;
  height: 1px;
  background: #F7F7F7;
  position: absolute;
  bottom: -35px;
  left: 0;
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .beyond-chip__how-it-works .bc-chip__how-content p:last-of-type:after {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .beyond-chip__how-it-works .bc-chip__how-content p {
    text-align: center;
    font-size: 20px;
  }
}
#beyond-marketing__beyond-chip .bc-chip__how-it-fitted {
  width: 100%;
  padding-top: 100px;
  padding-bottom: 80px;
}
#beyond-marketing__beyond-chip .bc-chip__how-it-fitted h2 {
  margin: 0;
  color: #ffffff;
  font-size: 160px;
  line-height: 160px;
  margin-bottom: -220px;
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .bc-chip__how-it-fitted h2 {
    font-size: 72px;
    line-height: 72px;
    margin-bottom: 20px;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  #beyond-marketing__beyond-chip .bc-chip__how-it-fitted h2 {
    font-size: 42px;
    line-height: 42px;
  }
}
#beyond-marketing__beyond-chip .bc-chip__trials {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#beyond-marketing__beyond-chip .bc-chip__trials .bc-chip__trials-left {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  color: #ffffff;
  flex: 1;
  padding-right: 25px;
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .bc-chip__trials .bc-chip__trials-left {
    width: 100%;
    flex: none;
    padding-right: 0px;
  }
}
#beyond-marketing__beyond-chip .bc-chip__trials .bc-chip__trials-left .bc-chip-trials-description {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
#beyond-marketing__beyond-chip .bc-chip__trials .bc-chip__trials-left .bc-chip-trials-description .border-text {
  -webkit-text-stroke-color: #F7F7F7;
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .bc-chip__trials .bc-chip__trials-left .bc-chip-trials-description .border-text {
    display: none;
  }
}
#beyond-marketing__beyond-chip .bc-chip__trials .bc-chip__trials-left .bc-chip-trials-description p {
  max-width: 470px;
  color: #ffffff;
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .bc-chip__trials .bc-chip__trials-left .bc-chip-trials-description p {
    max-width: 100%;
    text-align: center;
  }
}
#beyond-marketing__beyond-chip .bc-chip__trials .bc-chip__trials-left .bc-chip__arrows {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#beyond-marketing__beyond-chip .bc-chip__trials .bc-chip__trials-left .bc-chip__arrows i {
  font-size: 140px;
  margin-right: 30px;
  -webkit-animation: action 1s infinite alternate;
  animation: action 1s infinite alternate;
}
#beyond-marketing__beyond-chip .bc-chip__trials .bc-chip__trials-left .bc-chip__arrows .border-text {
  -webkit-text-stroke-color: #F7F7F7;
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .bc-chip__trials .bc-chip__trials-left .bc-chip__arrows {
    display: none;
  }
}
#beyond-marketing__beyond-chip .bc-chip__trials .bc-chip__trials-right {
  flex: 1;
  padding-left: 25px;
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .bc-chip__trials .bc-chip__trials-right {
    width: 100%;
    flex: none;
    padding-left: 0px;
  }
}
#beyond-marketing__beyond-chip .bc-chip__trials .bc-chip__trials-right .bc-chip__trial-info {
  position: relative;
}
#beyond-marketing__beyond-chip .bc-chip__trials .bc-chip__trials-right .bc-chip__trial-info h3 {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 72px;
  line-height: 60px;
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .bc-chip__trials .bc-chip__trials-right .bc-chip__trial-info h3 {
    text-align: center;
    line-height: 75px;
  }
}
@media screen and (max-width: 480px) {
  #beyond-marketing__beyond-chip .bc-chip__trials .bc-chip__trials-right .bc-chip__trial-info h3 {
    font-size: 32px;
    line-height: 35px;
  }
}
#beyond-marketing__beyond-chip .bc-chip__trials .bc-chip__trials-right .bc-chip__trial-info p {
  color: #ffffff;
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .bc-chip__trials .bc-chip__trials-right .bc-chip__trial-info p {
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  #beyond-marketing__beyond-chip .bc-chip__trials .bc-chip__trials-right .bc-chip__trial-info p {
    font-size: 18px;
    line-height: 29px;
  }
}
#beyond-marketing__beyond-chip .bc-chip__trials .bc-chip__trials-right .bc-chip__trial-info .beyond-diamond {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-size: contain;
  background: url("./assets/img/marketing/beyond-chip/beyond-diamond.jpg");
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .bc-chip__trials .bc-chip__trials-right .bc-chip__trial-info .beyond-diamond {
    display: none;
  }
}
#beyond-marketing__beyond-chip .bc-chip__features {
  border: 1px solid #F7F7F7;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  margin-top: 50px;
  margin-bottom: 50px;
  width: 100%;
}
#beyond-marketing__beyond-chip .bc-chip__features .bc-chip__feature-image {
  flex: 1;
  min-width: 50%;
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .bc-chip__features .bc-chip__feature-image {
    width: 100%;
    flex: none;
  }
  #beyond-marketing__beyond-chip .bc-chip__features .bc-chip__feature-image img {
    border-bottom: 1px solid #F7F7F7;
  }
}
#beyond-marketing__beyond-chip .bc-chip__features .bc-chip__feature-list {
  flex: 1;
  padding: 50px;
  border-left: 1px solid #F7F7F7;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .bc-chip__features .bc-chip__feature-list {
    width: 100%;
    flex: none;
    height: auto;
    justify-content: center;
  }
}
#beyond-marketing__beyond-chip .bc-chip__features .bc-chip__feature-list h4 {
  color: #ffffff;
  font-size: 72px;
  margin: 0;
  padding: 0;
  line-height: 72px;
  margin-bottom: 45px;
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .bc-chip__features .bc-chip__feature-list h4 {
    font-size: 42px;
    line-height: 42px;
    text-align: center;
  }
}
#beyond-marketing__beyond-chip .bc-chip__features .bc-chip__feature-list ul {
  margin: 0;
  padding: 0;
}
#beyond-marketing__beyond-chip .bc-chip__features .bc-chip__feature-list ul li {
  list-style: none;
  margin-bottom: 15px;
  max-width: 500px;
  width: 100%;
}
#beyond-marketing__beyond-chip .bc-chip__features .bc-chip__feature-list ul li p {
  margin: 0;
  padding: 0;
  color: #F7F7F7;
  font-weight: 300;
  font-size: 19px;
  line-height: 24px;
  display: flex;
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .bc-chip__features .bc-chip__feature-list ul li p {
    font-size: 18px;
    line-height: 22px;
  }
}
#beyond-marketing__beyond-chip .bc-chip__features .bc-chip__feature-list ul li p:before {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  background: url("./assets/img/marketing/beyond-chip/blue-bullet.jpg");
  width: 19px;
  min-width: 19px;
  height: 19px;
  position: relative;
  display: inline-block;
  margin-right: 10px;
  margin-top: 5px;
}
#beyond-marketing__beyond-chip .bc-chip__features .bc-chip__feature-list .border-text {
  position: absolute;
  top: 90px;
  right: 50px;
  -webkit-text-stroke-color: #F7F7F7;
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .bc-chip__features .bc-chip__feature-list .border-text {
    display: none;
  }
}
#beyond-marketing__beyond-chip .bc-chip__application-info {
  margin-left: auto;
  margin-right: auto;
  background: url("./assets/img/marketing/beyond-chip/blue-vortex-outline.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding-top: 140px;
  padding-bottom: 40px;
  margin-bottom: 40px;
  margin-top: 40px;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .bc-chip__application-info {
    padding-top: 40px;
  }
}
@media screen and (max-width: 480px) {
  #beyond-marketing__beyond-chip .bc-chip__application-info {
    margin-top: 0;
    margin-bottom: 0;
  }
}
#beyond-marketing__beyond-chip .bc-chip__application-info .apply-label {
  color: #F7F7F7;
  font-size: 12px;
  font-weight: 300;
  position: absolute;
  top: 0;
  left: 0;
  top: 180px;
}
#beyond-marketing__beyond-chip .bc-chip__application-info .apply-label:after {
  content: "";
  width: 80px;
  background: #F7F7F7;
  height: 1px;
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .bc-chip__application-info .apply-label {
    display: none;
  }
}
#beyond-marketing__beyond-chip .bc-chip__application-info .apply-number {
  color: #F7F7F7;
  font-size: 72px;
  line-height: 72px;
  font-weight: bold;
  font-family: "Joyride", Arial, Sans-serif;
  position: absolute;
  top: 170px;
  right: 0;
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .bc-chip__application-info .apply-number {
    display: none;
  }
}
#beyond-marketing__beyond-chip .bc-chip__application-info .apply {
  font-size: 185px;
  color: #F7F7F7;
  line-height: 185px;
  text-align: center;
  width: 100%;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 1200px) {
  #beyond-marketing__beyond-chip .bc-chip__application-info .apply {
    font-size: 120px;
    line-height: 120px;
  }
}
@media screen and (max-width: 480px) {
  #beyond-marketing__beyond-chip .bc-chip__application-info .apply {
    font-size: 60px;
    line-height: 60px;
  }
}
#beyond-marketing__beyond-chip .bc-chip__application-info p {
  color: #F7F7F7;
  text-align: center;
  font-weight: 300;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
#beyond-marketing__beyond-chip .bc-chip__application-info p strong {
  font-weight: bold;
}
#beyond-marketing__beyond-chip .bc-chip__application-form {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 100px;
}
#beyond-marketing__beyond-chip .bc-chip__application-form .gform_confirmation_wrapper {
  color: #ffffff !important;
}
#beyond-marketing__beyond-chip .bc-chip__application-form label {
  color: #F7F7F7;
}
#beyond-marketing__beyond-chip .bc-chip__application-form .gform_footer {
  text-align: center;
}
#beyond-marketing__beyond-chip .bc-chip__application-form .gform_footer input {
  background: #F05041;
  color: #F7F7F7;
  padding: 10px 50px !important;
}
#beyond-marketing__beyond-chip .bc-chip__legal {
  width: 100%;
}
#beyond-marketing__beyond-chip .bc-chip__legal p {
  text-align: center;
  color: #F7F7F7;
  width: 100%;
  font-size: 12px;
}

@-webkit-keyframes action {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-25px);
  }
}
@keyframes action {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-25px);
  }
}
@-webkit-keyframes bounceInfinite {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-15px);
  }
}
@keyframes bounceInfinite {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-15px);
  }
}
.page-template-sotQuizHolding #promoFooter, .page-template-sotQuiz #promoFooter {
  display: none;
}

#sotQuizWrapper {
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  background: url("./assets/img/marketing/sotquiz/beyondSoTQuizBG.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: none;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  min-height: 1100px;
}
@media screen and (max-width: 580px) {
  #sotQuizWrapper {
    padding: 50px 30px;
    min-height: 700px;
  }
}
#sotQuizWrapper .soundButton {
  position: absolute;
  top: 25px;
  left: 25px;
  background: none;
  border: none;
  color: #00FAA4;
  cursor: pointer;
  transition: all ease-in-out 0.3s;
  text-align: center;
}
#sotQuizWrapper .soundButton img {
  width: 30px;
}
#sotQuizWrapper .questionBox {
  overflow: hidden;
}
#sotQuizWrapper .startScreen {
  padding-bottom: 100px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (max-width: 580px) {
  #sotQuizWrapper .startScreen {
    padding-bottom: 0;
  }
}
#sotQuizWrapper .startScreen .sotLogos {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
#sotQuizWrapper .startScreen .sotLogos .quizStepMain {
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 992px) {
  #sotQuizWrapper .startScreen .sotLogos .quizStepMain {
    margin-bottom: 30px;
  }
}
#sotQuizWrapper .startScreen .sotLogos .quizStepMain img {
  max-width: 120px;
}
#sotQuizWrapper .startScreen .sotLogos .quizMainLogo {
  max-width: 855px;
}
#sotQuizWrapper .startScreen .sotIntroContent {
  width: 100%;
  margin-top: 25px;
  margin-bottom: 50px;
}
#sotQuizWrapper .startScreen .sotIntroContent h3 {
  margin: 0;
  padding: 0;
  color: #F2CC0E;
  font-size: 16.8pt;
  text-align: center;
  width: 100%;
  font-family: "Manuskript";
  font-weight: 500;
  text-transform: none;
}
#sotQuizWrapper .startScreen .sotHoldingContent {
  width: 100%;
  margin-top: 25px;
  margin-bottom: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
#sotQuizWrapper .startScreen .sotHoldingContent h3 {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 20pt;
  text-align: center;
  width: 100%;
  text-transform: none;
  font-family: "Manuskript";
  font-weight: 300;
  max-width: 580px;
  width: 100%;
}
@media screen and (max-width: 580px) {
  #sotQuizWrapper .startScreen .sotHoldingContent h3 {
    font-size: 13pt;
  }
}
#sotQuizWrapper .questionContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
#sotQuizWrapper .questionContainer header {
  width: 100%;
}
#sotQuizWrapper .questionContainer header .sotQuestLogo {
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  #sotQuizWrapper .questionContainer header .sotQuestLogo {
    max-width: 65%;
  }
}
#sotQuizWrapper .questionContainer header .sotQuestLogo img {
  max-width: 100%;
}
#sotQuizWrapper .questionContainer .questionBarMain {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 75px;
}
@media screen and (max-width: 580px) {
  #sotQuizWrapper .questionContainer .questionBarMain {
    margin-top: 30px;
  }
}
#sotQuizWrapper .questionContainer .questionBarMain .questionCounter {
  font-size: 65pt;
  font-family: "Manuskript";
  color: #F2CC0E;
}
@media screen and (max-width: 992px) {
  #sotQuizWrapper .questionContainer .questionBarMain .questionCounter {
    font-size: 30pt;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
}
#sotQuizWrapper .questionContainer .questionBarMain .singleQuestion {
  flex: 1;
  font-family: "Manuskript";
  color: #F2CC0E;
  font-size: 27pt;
  max-width: 660px;
  padding-left: 25px;
}
@media screen and (max-width: 992px) {
  #sotQuizWrapper .questionContainer .questionBarMain .singleQuestion {
    font-size: 20pt;
    line-height: 25pt;
    padding-left: 0;
    text-align: center;
  }
}
#sotQuizWrapper .questionContainer .optionContainer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  #sotQuizWrapper .questionContainer .optionContainer .optionsList {
    width: 100%;
  }
}
#sotQuizWrapper .questionContainer .optionContainer .optionsList .option {
  font-family: "Manuskript";
  color: #F2CC0E;
  font-size: 16.8pt;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 5px;
  cursor: pointer;
  text-transform: none;
  position: relative;
}
@media screen and (max-width: 580px) {
  #sotQuizWrapper .questionContainer .optionContainer .optionsList .option {
    font-size: 14pt;
    align-items: flex-start;
    margin-top: 15px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
  }
}
#sotQuizWrapper .questionContainer .optionContainer .optionsList .option .questionIndex {
  font-size: 35pt;
  line-height: 35pt;
  margin-right: 25px;
}
@media screen and (max-width: 580px) {
  #sotQuizWrapper .questionContainer .optionContainer .optionsList .option .questionIndex {
    font-size: 18pt;
    line-height: 18pt;
    margin-right: 15px;
    position: absolute;
    left: -10px;
    top: -4px;
  }
}
#sotQuizWrapper .questionContainer .optionContainer .optionsList .option.is-selected {
  text-shadow: 2px 2px 30px rgb(0, 0, 0);
  color: #00FAA4;
}
#sotQuizWrapper .quizCompleted {
  text-align: center;
  width: 100%;
  color: #F2CC0E;
  font-size: 16.8pt;
}
#sotQuizWrapper .quizCompleted .quizStepMain img {
  max-width: 290px;
  width: 100%;
}

.quizStepMain img {
  max-width: 120px;
  width: 100%;
}

.questOneFailed img {
  max-width: 120px !important;
  width: 100%;
}

.quizStepMainContent {
  margin-top: 40px;
}
.quizStepMainContent p {
  font-family: "Manuskript";
  color: #F2CC0E;
  font-size: 16pt;
  margin: 0;
  padding: 0;
  line-height: 22pt;
  margin-bottom: 25px;
  margin-top: 15px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .quizStepMainContent p {
    font-size: 15pt;
    line-height: 18pt;
  }
}
.quizStepMainContent h4 {
  font-family: "Windlass";
  color: #F2CC0E;
  font-size: 56pt;
  margin: 0;
  padding: 0;
  line-height: 56pt;
  text-transform: none;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .quizStepMainContent h4 {
    font-size: 36pt;
    line-height: 36pt;
  }
}
.quizStepMainContent .sotLineBreak {
  width: 100%;
  background-image: url("./assets/img/marketing/sotquiz/sotLineBreak.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 40px;
}
.quizStepMainContent .totalScore h5 {
  margin: 0;
  padding: 0;
  font-size: 36pt;
  font-family: "Windlass";
  line-height: 36pt;
  text-transform: none;
  color: #F2CC0E;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .quizStepMainContent .totalScore h5 {
    font-size: 26pt;
    line-height: 28pt;
  }
}
.quizStepMainContent .totalScore p {
  font-family: "Manuskript";
  color: #F2CC0E;
  font-size: 20pt;
  margin: 0;
  padding: 0;
  line-height: 22pt;
  margin-bottom: 25px;
}

p.enterInfo {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.quizSignupForm {
  width: 100%;
  margin-top: 25px;
  margin-bottom: 25px;
}
.quizSignupForm .gform_body {
  max-width: 580px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.quizSignupForm .gform_body input {
  background: none;
  border: 1px solid #ffffff;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  color: #ffffff;
  text-align: center;
  font-family: "Manuskript";
  font-size: 18pt;
  opacity: 1;
}
@media screen and (max-width: 580px) {
  .quizSignupForm .gform_body input {
    font-size: 13pt;
  }
}
.quizSignupForm .gform_footer {
  text-align: center;
}
.quizSignupForm .gform_button {
  padding: 26px 55px !important;
  background: url("./assets/img/marketing/sotquiz/bannerbutton.svg");
  color: #ffffff;
  background-repeat: no-repeat;
  font-family: "Windlass";
  font-size: 25px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  color: #ffffff;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  border: 0;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}
.quizSignupForm .gform_button:visited {
  color: #ffffff;
  padding: 26px 55px !important;
  background: url("./assets/img/marketing/sotquiz/bannerbutton.svg");
  color: #ffffff;
  background-repeat: no-repeat;
  font-family: "Windlass";
  font-size: 25px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  color: #ffffff;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  border: 0;
}
.quizSignupForm .gform_button:hover {
  color: #ffffff;
  padding: 26px 55px !important;
  background: url("./assets/img/marketing/sotquiz/bannerbutton.svg");
  color: #ffffff;
  background-repeat: no-repeat;
  font-family: "Windlass";
  font-size: 25px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  color: #ffffff;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  border: 0;
}
.quizSignupForm .gform_button i {
  margin-left: 10px;
}
.quizSignupForm .gform_button.is-active {
  display: flex !important;
}
.quizSignupForm .gform_confirmation_message {
  text-align: center;
  color: #ffffff;
  font-family: "Manuskript";
  font-size: 15pt;
  line-height: 19pt;
  margin-top: 20px;
}
.quizSignupForm .gform_validation_errors {
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  background: none;
  margin-bottom: 35px;
}
.quizSignupForm .gform_validation_errors .gform-icon {
  display: none;
}
.quizSignupForm .gfield_validation_message {
  background: none;
  text-align: center;
}
.quizSignupForm .gform_submission_error {
  font-size: 12pt;
  line-height: 15pt;
  font-family: "Manuskript";
}
.quizSignupForm .gfield_consent_description {
  border: 0 !important;
  font-size: 12px !important;
  color: #ffffff !important;
  overflow: hidden !important;
}
.quizSignupForm .gfield_consent_description a {
  color: #ffffff;
}
.quizSignupForm .gfield_consent_description a:visited {
  color: #ffffff;
}
.quizSignupForm .gfield_consent_description a:hover {
  color: #F05041;
}

#hiddenSixheader {
  background: #211505;
  padding-bottom: 400px;
}
#hiddenSixheader .mapBackground {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("./assets/img/marketing/sotquestthree/mapBackground.jpg");
  padding-top: 120px;
  padding-bottom: 120px;
}
#hiddenSixheader .mapBackground .hiddenSixLogos {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
#hiddenSixheader .mapBackground .hiddenSixLogos .mainLogo {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 20px;
}
@media screen and (max-width: 580px) {
  #hiddenSixheader .mapBackground .hiddenSixLogos .mainLogo {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}
#hiddenSixheader .mapBackground h3 {
  color: #FBB03B;
  font-family: "Windlass";
  font-weight: 500;
  text-transform: uppercase;
  font-size: 80px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
  margin-top: 40px;
}
@media screen and (max-width: 1200px) {
  #hiddenSixheader .mapBackground h3 {
    font-size: 60px;
    line-height: 65px;
  }
}
@media screen and (max-width: 580px) {
  #hiddenSixheader .mapBackground h3 {
    font-size: 35px;
    line-height: 45px;
  }
}
#hiddenSixheader .hiddenSixLogos {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}
#hiddenSixheader ul.hiddenSixIcons {
  width: 100%;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-bottom: 70px;
}
@media screen and (max-width: 1700px) {
  #hiddenSixheader ul.hiddenSixIcons {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
#hiddenSixheader ul.hiddenSixIcons li.singleIcon {
  list-style: none;
  text-align: center;
}
#hiddenSixheader .textContentMain {
  width: 100%;
}
#hiddenSixheader .textContentMain p {
  color: #FBB03B;
  font-family: "Manuskript";
  font-weight: 500;
  font-size: 35px;
  line-height: 35px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 580px) {
  #hiddenSixheader .textContentMain p {
    font-size: 20px;
    line-height: 25px;
  }
}
#hiddenSixheader .textContentMain h1 {
  color: #ffffff;
  font-size: 95px;
  line-height: 95px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-family: "Windlass";
  text-align: center;
  margin-bottom: 25px;
  margin-top: 20px;
}
@media screen and (max-width: 1200px) {
  #hiddenSixheader .textContentMain h1 {
    font-size: 70px;
    lien-height: 80px;
  }
}
@media screen and (max-width: 580px) {
  #hiddenSixheader .textContentMain h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
#hiddenSixheader .textContentMain .signupForm {
  max-width: 868px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-top: 65px;
}
#hiddenSixheader .textContentMain .signupForm #ginput_container_name {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#hiddenSixheader .textContentMain .signupForm #ginput_container_name span {
  width: 100%;
}
#hiddenSixheader .textContentMain .signupForm input.large {
  background: none;
  border: 1px solid #FBB03B;
  color: #FBB03B;
  text-align: center;
  font-family: "Manuskript";
  font-size: 30px;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
@media screen and (max-width: 580px) {
  #hiddenSixheader .textContentMain .signupForm input.large {
    font-size: 20px;
  }
}
#hiddenSixheader .textContentMain .signupForm .gform_footer {
  text-align: center;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#hiddenSixheader .textContentMain .signupForm input.gform_button {
  border: 0;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  padding: 20px 26px !important;
  background: url("./assets/img/marketing/sotquiz/bannerbutton.svg");
  color: #ffffff;
  background-repeat: no-repeat;
  background-size: contain;
  font-family: "Windlass";
  font-size: 32px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  cursor: pointer;
}
#hiddenSixheader .textContentMain .signupForm input.gform_button:visited {
  color: #ffffff;
}
#hiddenSixheader .textContentMain .signupForm input.gform_button:focus {
  color: #ffffff;
}
#hiddenSixheader .textContentMain .signupForm input.gform_button:hover {
  color: #ffffff;
}
#hiddenSixheader .textContentMain .signupForm input.gform_button i {
  margin-left: 10px;
}
#hiddenSixheader .textContentMain .signupForm input.gform_button.is-active {
  display: flex !important;
}

#hiddenSixContent {
  width: 100%;
  background: #FBB03B;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
  margin-top: -160px;
  margin-bottom: -160px;
}
#hiddenSixContent:before {
  content: "";
  background-image: url("./assets/img/marketing/sotquestthree/sotLine.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  position: absolute;
  top: -260px;
  left: 0;
  width: 100%;
  height: 260px;
}
#hiddenSixContent:after {
  content: "";
  background-image: url("./assets/img/marketing/sotquestthree/sotLineBottom.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  position: absolute;
  bottom: -260px;
  left: 0;
  width: 100%;
  height: 260px;
}
#hiddenSixContent .contentTop {
  width: 100%;
}
#hiddenSixContent .contentTop h2 {
  width: 100%;
  margin: 0;
  padding: 0;
  color: #211505;
  font-size: 92px;
  line-height: 100px;
  letter-spacing: -1px;
  font-family: "Windlass";
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  #hiddenSixContent .contentTop h2 {
    font-size: 60px;
    line-height: 70px;
  }
}
@media screen and (max-width: 580px) {
  #hiddenSixContent .contentTop h2 {
    font-size: 42px;
    line-height: 50px;
  }
}
#hiddenSixContent .contentTop h3 {
  width: 100%;
  margin: 0;
  padding: 0;
  color: #211505;
  font-size: 74px;
  line-height: 100px;
  letter-spacing: -1px;
  font-family: "Manuskript";
  text-transform: none;
  font-weight: 500;
  text-align: center;
  text-transform: none;
  margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
  #hiddenSixContent .contentTop h3 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media screen and (max-width: 580px) {
  #hiddenSixContent .contentTop h3 {
    font-size: 35px;
    line-height: 40px;
  }
}
#hiddenSixContent .contentTop p {
  color: #211505;
  text-align: center;
  font-family: "Manuskript";
  font-size: 29px;
  line-height: 32px;
}
@media screen and (max-width: 580px) {
  #hiddenSixContent .contentTop p {
    font-size: 20px;
    line-height: 25px;
  }
}
#hiddenSixContent .imageGrid {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 992px) {
  #hiddenSixContent .imageGrid {
    flex-wrap: wrap;
  }
}
#hiddenSixContent .imageGrid .singleImage {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 992px) {
  #hiddenSixContent .imageGrid .singleImage {
    width: 100%;
    margin-top: 20px;
  }
}
#hiddenSixContent .chestContentBottom {
  width: 100%;
}
#hiddenSixContent .chestContentBottom h4 {
  margin: 0;
  padding: 0;
  font-size: 125px;
  line-height: 190px;
  font-family: "Windlass";
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  color: #211505;
}
@media screen and (max-width: 1700px) {
  #hiddenSixContent .chestContentBottom h4 {
    font-size: 90px;
    line-height: 120px;
  }
}
@media screen and (max-width: 1200px) {
  #hiddenSixContent .chestContentBottom h4 {
    font-size: 60px;
    line-height: 70px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 580px) {
  #hiddenSixContent .chestContentBottom h4 {
    font-size: 42px;
    line-height: 48px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
#hiddenSixContent .chestContentBottom ul.chestContents {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#hiddenSixContent .chestContentBottom ul.chestContents li {
  text-align: center;
  width: 100%;
  font-size: 33px;
  line-height: 40px;
  font-family: "Manuskript";
  color: #211505;
  margin-bottom: 3px;
}
@media screen and (max-width: 580px) {
  #hiddenSixContent .chestContentBottom ul.chestContents li {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 10px;
  }
}

#hiddenSixFooter {
  width: 100%;
  background: #211505;
  padding-top: 800px;
  background-image: url("./assets/img/marketing/sothome/sotBeyondSailBanner.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 580px) {
  #hiddenSixFooter {
    padding-top: 400px;
  }
}
#hiddenSixFooter h4 {
  margin: 0;
  padding: 0;
  font-family: "Windlass";
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
  font-size: 87px;
  line-height: 90px;
  max-width: 890px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
@media screen and (max-width: 992px) {
  #hiddenSixFooter h4 {
    font-size: 60px;
    line-height: 70px;
  }
}
@media screen and (max-width: 580px) {
  #hiddenSixFooter h4 {
    font-size: 42px;
    line-height: 48px;
  }
}
#hiddenSixFooter .coBrandingLogos {
  width: 100%;
  text-align: center;
  padding-bottom: 40px;
}

#beyondFooter {
  width: 100%;
  background: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media screen and (max-width: 580px) {
  #beyondFooter {
    padding-left: 20px;
    padding-right: 20px;
  }
}

#hiddenSixheaderFull {
  background: #211505;
  position: relative;
  padding-bottom: 200px;
  z-index: 40;
}
#hiddenSixheaderFull:after {
  content: "";
  bottom: 0px;
  width: 100%;
  height: 250px;
  left: 0;
  background-image: url("./assets/img/marketing/sotquestthree/sotLine.svg");
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 10;
}
#hiddenSixheaderFull .mapBackground {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("./assets/img/marketing/sotquestthree/mapBackground.jpg");
  padding-top: 120px;
  padding-bottom: 120px;
}
@media screen and (max-width: 992px) {
  #hiddenSixheaderFull .mapBackground {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 580px) {
  #hiddenSixheaderFull .mapBackground {
    padding-bottom: 0;
  }
}
#hiddenSixheaderFull .mapBackground .hiddenSixLogos {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
#hiddenSixheaderFull .mapBackground .hiddenSixLogos .mainLogo {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 20px;
}
@media screen and (max-width: 580px) {
  #hiddenSixheaderFull .mapBackground .hiddenSixLogos .mainLogo img {
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
  }
}
#hiddenSixheaderFull .mapBackground h3 {
  color: #FBB03B;
  font-family: "Manuskript";
  text-transform: none;
  font-weight: 500;
  font-size: 40px;
  line-height: 45px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
  margin-top: 40px;
  max-width: 1380px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-weight: 500;
}
@media screen and (max-width: 1200px) {
  #hiddenSixheaderFull .mapBackground h3 {
    font-size: 60px;
    line-height: 65px;
  }
}
@media screen and (max-width: 580px) {
  #hiddenSixheaderFull .mapBackground h3 {
    font-size: 21px;
    line-height: 32px;
  }
}

#theHiddenSixContents {
  padding-top: 100px;
  padding-bottom: 100px;
  background: #FBB03B;
  z-index: 20;
  position: relative;
}
@media screen and (max-width: 580px) {
  #theHiddenSixContents {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
#theHiddenSixContents:after {
  content: "";
  bottom: -200px;
  width: 100%;
  height: 200px;
  left: 0;
  background-image: url("./assets/img/marketing/sotquestthree/sotLineBottom.svg");
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
}
#theHiddenSixContents .chestContentsTitle {
  width: 100%;
  height: auto;
}
#theHiddenSixContents .chestContentsTitle h1, #theHiddenSixContents .chestContentsTitle h2 {
  margin: 0;
  padding: 0;
  font-family: "Windlass";
  text-transform: uppercase;
  text-align: center;
  color: #211505;
  letter-spacing: -1px;
}
#theHiddenSixContents .chestContentsTitle h2 {
  font-size: 58px;
  line-height: 60px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
  #theHiddenSixContents .chestContentsTitle h2 {
    font-size: 50px;
    line-height: 55px;
  }
}
@media screen and (max-width: 992px) {
  #theHiddenSixContents .chestContentsTitle h2 {
    font-size: 40px;
    line-height: 45px;
  }
}
@media screen and (max-width: 580px) {
  #theHiddenSixContents .chestContentsTitle h2 {
    font-size: 25px;
    line-height: 30px;
  }
}
#theHiddenSixContents .chestContentsTitle h1 {
  font-size: 125px;
  line-height: 180px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1700px) {
  #theHiddenSixContents .chestContentsTitle h1 {
    font-size: 110px;
    line-height: 130px;
  }
}
@media screen and (max-width: 1200px) {
  #theHiddenSixContents .chestContentsTitle h1 {
    font-size: 100px;
    line-height: 110px;
  }
}
@media screen and (max-width: 992px) {
  #theHiddenSixContents .chestContentsTitle h1 {
    font-size: 60px;
    line-height: 70px;
  }
}
@media screen and (max-width: 580px) {
  #theHiddenSixContents .chestContentsTitle h1 {
    font-size: 55px;
    line-height: 60px;
  }
}
#theHiddenSixContents .chestContentsTitle p {
  font-family: "Manuskript";
  text-transform: none;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 580px) {
  #theHiddenSixContents .chestContentsTitle p {
    margin-bottom: 0;
  }
}
#theHiddenSixContents .chestContentsFull h3, #theHiddenSixContents .chestContentsFull h4 {
  margin: 0;
  padding: 0;
  letter-spacing: -1px;
  color: #071412;
  font-family: "Windlass";
  text-align: center;
}
#theHiddenSixContents .chestContentsFull h3 {
  font-size: 95px;
  line-height: 120px;
  margin-top: 25px;
  text-transform: none;
  margin-bottom: 30px;
}
@media screen and (max-width: 1700px) {
  #theHiddenSixContents .chestContentsFull h3 {
    font-size: 70px;
    line-height: 80px;
  }
}
@media screen and (max-width: 1200px) {
  #theHiddenSixContents .chestContentsFull h3 {
    font-size: 60px;
    line-height: 75px;
  }
}
@media screen and (max-width: 992px) {
  #theHiddenSixContents .chestContentsFull h3 {
    font-size: 45px;
    line-height: 55px;
  }
}
@media screen and (max-width: 480px) {
  #theHiddenSixContents .chestContentsFull h3 {
    font-size: 30px;
    line-height: 40px;
  }
}
#theHiddenSixContents .chestContentsFull h4 {
  text-transform: uppercase;
  font-size: 125px;
  line-height: 135px;
  margin-top: 40px;
  margin-bottom: 25px;
}
@media screen and (max-width: 1700px) {
  #theHiddenSixContents .chestContentsFull h4 {
    font-size: 110px;
    line-height: 125px;
  }
}
@media screen and (max-width: 1200px) {
  #theHiddenSixContents .chestContentsFull h4 {
    font-size: 90px;
    line-height: 110px;
  }
}
@media screen and (max-width: 992px) {
  #theHiddenSixContents .chestContentsFull h4 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media screen and (max-width: 580px) {
  #theHiddenSixContents .chestContentsFull h4 {
    font-size: 35px;
    line-height: 40px;
  }
}
#theHiddenSixContents .chestContentsFull .chestImageBlock {
  width: 100%;
}
#theHiddenSixContents .chestContentsFull .chestImageBlock .imageGrid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 15px;
  row-gap: 15px;
}
@media screen and (max-width: 580px) {
  #theHiddenSixContents .chestContentsFull .chestImageBlock .imageGrid {
    grid-template-columns: 1fr;
  }
}
#theHiddenSixContents .chestContentsFull .chestImageBlock .imageGrid .singleImage {
  width: 100%;
}
#theHiddenSixContents .chestContentsFull ul.chestContentList {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  margin-top: 20px;
}
#theHiddenSixContents .chestContentsFull ul.chestContentList li {
  font-family: "Manuskript";
  text-transform: none;
  text-align: center;
  width: 100%;
  margin-bottom: 10px;
  font-size: 35px;
  line-height: 40px;
  color: #071412;
}
@media screen and (max-width: 580px) {
  #theHiddenSixContents .chestContentsFull ul.chestContentList li {
    font-size: 17px;
    line-height: 23px;
  }
}
#theHiddenSixContents .chestContentsFull ul.chestContentList li:last-of-type {
  margin-bottom: 0;
}

#hiddenSixSteps {
  width: 100%;
  padding-top: 200px;
  padding-bottom: 150px;
  position: relative;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  background-color: #211505;
  z-index: 10;
  background-image: url("./assets/img/marketing/sotquestthree/stepBackground.jpg");
}
#hiddenSixSteps:before {
  content: "";
  bottom: 0px;
  width: 100%;
  height: 250px;
  left: 0;
  background-image: url("./assets/img/marketing/sotquestthree/sotLine.svg");
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 10;
}
#hiddenSixSteps .titleSection {
  width: 100%;
}
#hiddenSixSteps .titleSection h3 {
  color: #ffffff;
  text-transform: uppercase;
  font-family: "Windlass";
  font-size: 170px;
  line-height: 180px;
  margin: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 1700px) {
  #hiddenSixSteps .titleSection h3 {
    font-size: 140px;
    line-height: 160px;
  }
}
@media screen and (max-width: 1200px) {
  #hiddenSixSteps .titleSection h3 {
    font-size: 100px;
    line-height: 120px;
  }
}
@media screen and (max-width: 992px) {
  #hiddenSixSteps .titleSection h3 {
    font-size: 80px;
    line-height: 100px;
  }
}
@media screen and (max-width: 580px) {
  #hiddenSixSteps .titleSection h3 {
    font-size: 50px;
    line-height: 60px;
  }
}
#hiddenSixSteps .titleSection p {
  color: #FBB03B;
  font-family: "Manuskript";
  font-size: 30px;
  line-height: 35px;
  text-align: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 580px) {
  #hiddenSixSteps .titleSection p {
    font-size: 18px;
    line-height: 26px;
  }
}
#hiddenSixSteps .stepDividerLine {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#hiddenSixSteps .singleStep {
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#hiddenSixSteps .singleStep .stepTitle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 45px;
  line-height: 55px;
  color: #FBB03B;
  font-family: "Windlass";
  margin-top: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 580px) {
  #hiddenSixSteps .singleStep .stepTitle {
    font-size: 22px;
    line-height: 30px;
  }
}
#hiddenSixSteps .singleStep .stepTitle img {
  margin-right: 25px;
}
@media screen and (max-width: 580px) {
  #hiddenSixSteps .singleStep .stepTitle img {
    width: 120px;
  }
}
#hiddenSixSteps .singleStep .stepIcons {
  width: 100%;
}
#hiddenSixSteps .singleStep .stepIcons .hiddenSixIcons {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  row-gap: 25px;
  column-gap: 25px;
}
@media screen and (max-width: 580px) {
  #hiddenSixSteps .singleStep .stepIcons .hiddenSixIcons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
#hiddenSixSteps .singleStep .stepIcons .hiddenSixIcons li.singleIcon {
  width: 100%;
}
@media screen and (max-width: 580px) {
  #hiddenSixSteps .singleStep .stepIcons .hiddenSixIcons li.singleIcon {
    max-width: 25%;
  }
}
#hiddenSixSteps .singleStep .contentBlock p {
  font-size: 30px;
  line-height: 45px;
  color: #FBB03B;
  font-family: "Manuskript";
  text-align: center;
}
@media screen and (max-width: 580px) {
  #hiddenSixSteps .singleStep .contentBlock p {
    font-size: 18px;
    line-height: 26px;
  }
}
#hiddenSixSteps .singleStep h4 {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #FBB03B;
  font-family: "Windlass";
  text-transform: uppercase;
  font-size: 55px;
  line-height: 70px;
  letter-spacing: -1px;
  margin-bottom: 40px;
}
@media screen and (max-width: 580px) {
  #hiddenSixSteps .singleStep h4 {
    font-size: 24px;
    line-height: 32px;
  }
}
#hiddenSixSteps .socialCards {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -150px;
  z-index: 40;
  position: relative;
  background-image: url("./assets/img/marketing/sotquestthree/socialBGFinal.svg");
  width: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 485px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  column-gap: 25px;
  padding-left: 140px;
  padding-right: 140px;
}
@media screen and (max-width: 1700px) {
  #hiddenSixSteps .socialCards {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media screen and (max-width: 768px) {
  #hiddenSixSteps .socialCards {
    height: 200px;
  }
}
@media screen and (max-width: 580px) {
  #hiddenSixSteps .socialCards {
    padding-left: 25px;
    padding-right: 25px;
  }
}
#hiddenSixSteps .socialCards li {
  list-style: none;
  text-align: center;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 140px;
}
@media screen and (max-width: 992px) {
  #hiddenSixSteps .socialCards li {
    padding-bottom: 180px;
  }
}
@media screen and (max-width: 768px) {
  #hiddenSixSteps .socialCards li {
    padding-bottom: 55px;
  }
}
@media screen and (max-width: 580px) {
  #hiddenSixSteps .socialCards li {
    padding-bottom: 65px;
  }
}
#hiddenSixSteps .socialCards li a {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 992px) {
  #hiddenSixSteps .socialCards li a img {
    max-width: 90px;
  }
}
@media screen and (max-width: 768px) {
  #hiddenSixSteps .socialCards li a img {
    max-width: 60px;
  }
}
@media screen and (max-width: 580px) {
  #hiddenSixSteps .socialCards li a img {
    max-width: 40px;
  }
}

#theHiddenCompetition {
  width: 100%;
  background: #FBB03B;
  padding-top: 50px;
  padding-bottom: 200px;
  position: relative;
  margin-bottom: -100px;
}
@media screen and (max-width: 992px) {
  #theHiddenCompetition {
    padding-bottom: 100px;
    padding-top: 100px;
  }
}
@media screen and (max-width: 580px) {
  #theHiddenCompetition {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
#theHiddenCompetition:after {
  content: "";
  bottom: -200px;
  width: 100%;
  height: 250px;
  left: 0;
  background-image: url("./assets/img/marketing/sotquestthree/sotLine.svg");
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 10;
  transform: rotate(180deg);
}
#theHiddenCompetition .signupForm {
  width: 100%;
  margin-bottom: 50px;
}
#theHiddenCompetition .signupForm .signupFormMailing {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
#theHiddenCompetition .signupForm #ginput_container_name {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#theHiddenCompetition .signupForm #ginput_container_name span {
  width: 100%;
}
#theHiddenCompetition .signupForm input.large {
  background: none;
  border: 1px solid #211505;
  color: #211505;
  text-align: center;
  font-family: "Manuskript";
  font-size: 30px;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
@media screen and (max-width: 580px) {
  #theHiddenCompetition .signupForm input.large {
    font-size: 20px;
  }
}
#theHiddenCompetition .signupForm .gform_confirmation_wrapper {
  color: #211505;
  font-family: "Manuskript";
  font-size: 30px;
  line-height: 35px;
  text-align: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 580px) {
  #theHiddenCompetition .signupForm .gform_confirmation_wrapper {
    font-size: 18px;
    line-height: 26px;
  }
}
#theHiddenCompetition .signupForm .gform_footer {
  text-align: center;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#theHiddenCompetition .signupForm input.gform_button {
  border: 0;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  padding: 20px 26px !important;
  background: url("./assets/img/marketing/sotquiz/bannerbutton.svg");
  color: #ffffff;
  background-repeat: no-repeat;
  background-size: contain;
  font-family: "Windlass";
  font-size: 32px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  cursor: pointer;
}
#theHiddenCompetition .signupForm input.gform_button:visited {
  color: #ffffff;
}
#theHiddenCompetition .signupForm input.gform_button:focus {
  color: #ffffff;
}
#theHiddenCompetition .signupForm input.gform_button:hover {
  color: #ffffff;
}
#theHiddenCompetition .signupForm input.gform_button i {
  margin-left: 10px;
}
#theHiddenCompetition .signupForm input.gform_button.is-active {
  display: flex !important;
}
#theHiddenCompetition .signupForm h4 {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 125px;
  line-height: 135px;
  margin-top: 40px;
  margin-bottom: 25px;
  color: #211505;
  font-family: "Windlass";
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 1700px) {
  #theHiddenCompetition .signupForm h4 {
    font-size: 110px;
    line-height: 125px;
  }
}
@media screen and (max-width: 1200px) {
  #theHiddenCompetition .signupForm h4 {
    font-size: 90px;
    line-height: 110px;
  }
}
@media screen and (max-width: 992px) {
  #theHiddenCompetition .signupForm h4 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media screen and (max-width: 580px) {
  #theHiddenCompetition .signupForm h4 {
    font-size: 35px;
    line-height: 40px;
  }
}
#theHiddenCompetition .signupForm p {
  color: #211505;
  font-family: "Manuskript";
  font-size: 30px;
  line-height: 35px;
  text-align: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 580px) {
  #theHiddenCompetition .signupForm p {
    font-size: 18px;
    line-height: 26px;
  }
}
#theHiddenCompetition .innerWrapper {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
#theHiddenCompetition .mainCol {
  width: 38%;
}
@media screen and (max-width: 992px) {
  #theHiddenCompetition .mainCol {
    display: none;
  }
}
#theHiddenCompetition .gleamWrapper {
  width: 60%;
}
@media screen and (max-width: 992px) {
  #theHiddenCompetition .gleamWrapper {
    width: 100%;
    text-align: center;
  }
}

.page-template-sotHome #bhHeroImage {
  margin-bottom: 0;
}
.page-template-sotHome #bhCTAPromotions {
  background: #ffffff;
}

section#sotHeroImage {
  width: 100%;
  height: 900px;
  position: relative;
  overflow: hidden;
  background: #071412;
}
@media screen and (max-width: 768px) {
  section#sotHeroImage {
    height: 600px;
  }
}
@media screen and (max-width: 480px) {
  section#sotHeroImage {
    height: 450px;
  }
}
section#sotHeroImage:after {
  content: "";
  background-image: url("./assets/img/marketing/sothome/heroBorder.svg");
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 120px;
  background-position: center top;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  section#sotHeroImage:after {
    display: none;
  }
}
section#sotHeroImage video {
  height: 100%;
  width: 900px;
  min-width: 100%;
  min-height: 41.25vw;
  object-fit: cover;
  object-position: bottom;
}
@media screen and (max-width: 768px) {
  section#sotHeroImage video {
    object-position: bottom right;
  }
}
@media screen and (max-width: 768px) {
  section#sotHeroImage video {
    width: 700px;
  }
}
@media screen and (max-width: 480px) {
  section#sotHeroImage video {
    width: 500px;
  }
}
section#sotHeroImage .lightsOn {
  z-index: 40;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
section#sotHeroImage .lightsOff {
  z-index: 30;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
section#sotHeroImage #lightsOn {
  opacity: 1;
  transition: all ease-in-out 1s;
}
section#sotHeroImage #lightsOn.fade {
  opacity: 0;
}
section#sotHeroImage .wrapper {
  align-items: flex-start;
}
section#sotHeroImage .interactionButton {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 80px;
  right: 0;
  font-size: 20px;
  line-height: 20px;
}
section#sotHeroImage .interactionButton img {
  margin-right: 10px;
}
@media screen and (max-width: 1200px) {
  section#sotHeroImage .interactionButton {
    font-size: 20px;
    padding: 25px 80px;
  }
  section#sotHeroImage .interactionButton img {
    max-height: 35px;
  }
}
@media screen and (max-width: 1024px) {
  section#sotHeroImage .interactionButton {
    padding: 25px 60px;
  }
}
@media screen and (max-width: 768px) {
  section#sotHeroImage .interactionButton {
    top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    position: relative;
  }
}
@media screen and (max-width: 580px) {
  section#sotHeroImage .interactionButton {
    font-size: 16px;
    padding: 10px 10px !important;
    min-width: 0px;
    display: inline-block;
    border: 1px solid #00FAA4;
    background: #13302D;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-left: 0;
  }
  section#sotHeroImage .interactionButton span {
    display: none;
  }
  section#sotHeroImage .interactionButton img {
    max-height: 24px;
    margin-right: 0;
    padding-right: 0;
  }
}
section#sotHeroImage .heroContent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 70;
}
section#sotHeroImage .heroContent button {
  position: relative;
  border: 0;
  outline: 0;
  box-shadow: none;
}
section#sotHeroImage .heroContent .heroContentSoT {
  margin-top: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  max-width: 530px;
  width: 100%;
}
@media screen and (max-width: 992px) {
  section#sotHeroImage .heroContent .heroContentSoT {
    justify-content: flex-start;
    margin-top: 150px;
  }
}
@media screen and (max-width: 768px) {
  section#sotHeroImage .heroContent .heroContentSoT {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  section#sotHeroImage .heroContent .heroContentSoT .athenaColadaLogo {
    max-width: 300px;
  }
}
section#sotHeroImage .heroContent .heroContentSoT h2 {
  margin: 0;
  padding: 0;
  font-family: "Windlass";
  color: #ffffff;
  text-transform: none;
  width: 100%;
  text-align: center;
  font-size: 60px;
  line-height: 64px;
}
@media screen and (max-width: 992px) {
  section#sotHeroImage .heroContent .heroContentSoT h2 {
    text-align: left;
    font-size: 40px;
    line-height: 48px;
  }
}
section#sotHeroImage .heroContent .heroContentSoT p {
  color: #ffffff;
  font-size: 18px;
  line-height: 25px;
  font-family: "Manuskript";
  text-align: center;
  width: 100%;
  max-width: 430px;
}
@media screen and (max-width: 992px) {
  section#sotHeroImage .heroContent .heroContentSoT p {
    text-align: left;
    max-width: 380px;
  }
}
section#sotHeroImage .sotHeroImage .wrapper {
  position: relative;
}

section#sotHeroMobileContent {
  width: 100%;
  display: none;
}
@media screen and (max-width: 768px) {
  section#sotHeroMobileContent {
    display: block;
    background: #071412;
    z-index: 100;
    position: relative;
    margin-top: -20px;
  }
}
section#sotHeroMobileContent:after {
  content: "";
  width: 100%;
  height: 154px;
  position: absolute;
  top: -154px;
  left: 0;
  background: rgb(249, 249, 249);
  background: linear-gradient(180deg, rgba(249, 249, 249, 0) 0%, rgb(7, 20, 18) 100%);
  z-index: 30;
}
section#sotHeroMobileContent .heroContentSoT {
  margin-top: -65px;
  position: relative;
  z-index: 50;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;
}
section#sotHeroMobileContent .heroContentSoT h2 {
  margin: 0;
  padding: 0;
  font-family: "Windlass";
  color: #ffffff;
  text-transform: none;
  width: 100%;
  text-align: center;
  font-size: 40px;
  line-height: 48px;
}
@media screen and (max-width: 480px) {
  section#sotHeroMobileContent .heroContentSoT h2 {
    font-size: 30px;
    line-height: 36px;
  }
}
section#sotHeroMobileContent .heroContentSoT p {
  color: #ffffff;
  font-size: 18px;
  line-height: 25px;
  font-family: "Manuskript";
  text-align: center;
  width: 100%;
  max-width: 430px;
}
@media screen and (max-width: 480px) {
  section#sotHeroMobileContent .heroContentSoT p {
    font-size: 16px;
    line-height: 22px;
  }
}

section#athenaChestComp {
  width: 100%;
  background: #071412;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (max-width: 580px) {
  section#athenaChestComp {
    padding-bottom: 0px;
  }
}
section#athenaChestComp .chestImage {
  margin-left: -10%;
  flex: 4;
  margin-right: 70px;
}
@media screen and (max-width: 1700px) {
  section#athenaChestComp .chestImage {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 992px) {
  section#athenaChestComp .chestImage {
    flex: none;
    width: 100%;
    text-align: center;
    justify-content: center;
    margin: 0;
  }
  section#athenaChestComp .chestImage img {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  section#athenaChestComp .chestImage .desktopImage {
    display: none;
  }
}
section#athenaChestComp .chestImage .mobileImage {
  display: none;
}
@media screen and (max-width: 768px) {
  section#athenaChestComp .chestImage .mobileImage {
    display: block;
  }
}
section#athenaChestComp .chestContent {
  flex: 1;
}
@media screen and (max-width: 992px) {
  section#athenaChestComp .chestContent {
    width: 100%;
    margin-top: 30px;
  }
}
@media screen and (max-width: 992px) {
  section#athenaChestComp .chestContent .chestIcon {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  section#athenaChestComp .chestContent .chestIcon {
    max-width: 82px;
    margin-left: auto;
    margin-right: auto;
  }
}
section#athenaChestComp .chestContent .chestTitleBar {
  position: relative;
  padding-bottom: 20px;
}
section#athenaChestComp .chestContent .chestTitleBar h3 {
  margin: 0;
  padding: 0;
  color: #ffffff;
  width: 100%;
  font-family: "Windlass";
  font-weight: 500;
  text-transform: uppercase;
  font-size: 140px;
  line-height: 140px;
}
@media screen and (max-width: 992px) {
  section#athenaChestComp .chestContent .chestTitleBar h3 {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  section#athenaChestComp .chestContent .chestTitleBar h3 {
    font-size: 120px;
    line-height: 120px;
  }
}
@media screen and (max-width: 580px) {
  section#athenaChestComp .chestContent .chestTitleBar h3 {
    font-size: 100px;
    line-height: 100px;
  }
}
section#athenaChestComp .chestContent .chestTitleBar p.subTitle {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 38px;
  width: 100%;
  font-family: "Windlass";
  font-weight: 500;
}
@media screen and (max-width: 992px) {
  section#athenaChestComp .chestContent .chestTitleBar p.subTitle {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  section#athenaChestComp .chestContent .chestTitleBar p.subTitle {
    font-size: 34px;
    line-height: 36px;
  }
}
@media screen and (max-width: 580px) {
  section#athenaChestComp .chestContent .chestTitleBar p.subTitle {
    font-size: 27px;
    line-height: 35px;
  }
}
section#athenaChestComp .chestContent .chestTitleBar .dividerLine {
  width: 100%;
  margin-top: 35px;
}
@media screen and (max-width: 580px) {
  section#athenaChestComp .chestContent .chestTitleBar .dividerLine {
    margin-top: 20px;
  }
}
section#athenaChestComp .chestContent .chestTitleBar .dividerLine span {
  width: 65px;
  height: 2px;
  background: #00FAA4;
  display: inline-block;
}
@media screen and (max-width: 992px) {
  section#athenaChestComp .chestContent .chestTitleBar .dividerLine span {
    margin-left: auto;
    margin-right: auto;
  }
}
section#athenaChestComp .chestContent .chestContentInner {
  min-width: 350px;
  width: 100%;
}
@media screen and (max-width: 992px) {
  section#athenaChestComp .chestContent .chestContentInner {
    text-align: center;
    min-width: auto;
  }
}
section#athenaChestComp .chestContent .chestContentInner p {
  color: #ffffff;
  font-size: 18px;
  font-family: "Manuskript";
  font-weight: 500;
  line-height: 25px;
}
@media screen and (max-width: 992px) {
  section#athenaChestComp .chestContent .chestContentInner p {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  section#athenaChestComp .chestContent .chestContentInner p {
    font-size: 16px;
    line-height: 23px;
  }
}
@media screen and (max-width: 580px) {
  section#athenaChestComp .chestContent .chestContentInner p {
    font-size: 15px;
    line-height: 22px;
  }
}

.sotGreenButton {
  padding: 26px 55px;
  background: url("./assets/img/marketing/sotquiz/bannerbutton.svg");
  color: #ffffff;
  background-repeat: no-repeat;
  font-family: "Windlass";
  font-size: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  color: #ffffff;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  text-transform: uppercase;
}
.sotGreenButton:visited {
  color: #ffffff;
}
.sotGreenButton:focus {
  color: #ffffff;
}
.sotGreenButton:hover {
  color: #ffffff;
}
.sotGreenButton i {
  margin-left: 10px;
}
.sotGreenButton.is-active {
  display: flex !important;
}
@media screen and (max-width: 580px) {
  .sotGreenButton {
    font-size: 20px;
    line-height: 20px;
  }
}

.sotGreenButtonWide {
  padding: 27px 26px;
  background: url("./assets/img/marketing/sothome/sotWide.svg");
  color: #ffffff;
  background-repeat: no-repeat;
  background-size: contain;
  font-family: "Windlass";
  font-size: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  cursor: pointer;
}
.sotGreenButtonWide:visited {
  color: #ffffff;
}
.sotGreenButtonWide:focus {
  color: #ffffff;
}
.sotGreenButtonWide:hover {
  color: #ffffff;
}
.sotGreenButtonWide i {
  margin-left: 10px;
}
.sotGreenButtonWide.is-active {
  display: flex !important;
}

section#sotWhatIsBeyond {
  width: 100%;
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
  background: #071412;
}
@media screen and (max-width: 1400px) {
  section#sotWhatIsBeyond {
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 992px) {
  section#sotWhatIsBeyond {
    padding-bottom: 100px;
  }
}
section#sotWhatIsBeyond .wrapper {
  justify-content: center;
}
@media screen and (max-width: 992px) {
  section#sotWhatIsBeyond .sotGreenButton {
    font-size: 18px;
    margin-left: auto;
    margin-right: auto;
  }
}
section#sotWhatIsBeyond .whatIsBeyondWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
}
section#sotWhatIsBeyond .whatIsBeyondWrapper:after {
  content: "_03";
  font-size: 19px;
  line-height: 23px;
  position: absolute;
  right: 0;
  top: 0;
  font-family: "Work Sans";
  font-weight: 300;
  color: #E6E6E6;
}
@media screen and (max-width: 992px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper:after {
    display: none;
  }
}
section#sotWhatIsBeyond .whatIsBeyondWrapper:before {
  content: "";
  background-image: url("./assets/img/product-support-images/campaigns/spacerocks/Beyond-VortexLogo.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 40px;
  right: 0;
  width: 111px;
  height: 111px;
}
@media screen and (max-width: 992px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper:before {
    display: none;
  }
}
section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsContent {
  max-width: 435px;
  width: 100%;
}
@media screen and (max-width: 1700px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsContent {
    max-width: 360px;
  }
}
@media screen and (max-width: 992px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsContent {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
  }
}
section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsContent img {
  max-width: 75px;
  margin-left: 40px;
}
@media screen and (max-width: 992px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsContent img {
    display: none;
  }
}
section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsContent h2 {
  color: #00FAA4;
  font-size: 48px;
  line-height: 50px;
  position: relative;
  margin-top: 10px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1400px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsContent h2 {
    font-size: 40px;
    line-height: 48px;
  }
}
@media screen and (max-width: 992px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsContent h2 {
    font-size: 32px;
    line-height: 35px;
  }
}
@media screen and (max-width: 992px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsContent h2 {
    text-align: center;
  }
}
@media screen and (max-width: 580px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsContent h2 {
    font-size: 24px;
    line-height: 26px;
    max-width: 170px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsContent h2:after {
  content: "";
  height: 115px;
  width: 1px;
  background: #00FAA4;
  position: absolute;
  left: 5px;
  top: -115px;
}
@media screen and (max-width: 992px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsContent h2:after {
    height: 214px;
    right: 0px;
    top: 10px;
    left: auto;
  }
}
@media screen and (max-width: 992px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsContent h2:after {
    display: none;
  }
}
section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsContent h2:before {
  content: "";
  width: 430px;
  height: 1px;
  background: #00FAA4;
  position: absolute;
  left: 5px;
  top: -115px;
}
@media screen and (max-width: 1700px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsContent h2:before {
    width: 448px;
  }
}
@media screen and (max-width: 1400px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsContent h2:before {
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsContent h2:before {
    display: none;
  }
}
section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsContent h2 span:before {
  content: "";
  position: absolute;
  top: -119px;
  right: 0px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #00FAA4;
  width: 12px;
  height: 12px;
}
@media screen and (max-width: 1400px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsContent h2 span:before {
    right: -15px;
  }
}
@media screen and (max-width: 992px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsContent h2 span:before {
    display: none;
  }
}
section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsContent p {
  color: #ffffff;
  font-family: "Manuskript";
  font-weight: 500;
}
@media screen and (max-width: 1400px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsContent p {
    font-size: 17px;
    line-height: 19px;
  }
}
@media screen and (max-width: 992px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsContent p {
    font-size: 15px;
    line-height: 18px;
    text-align: center;
  }
}
@media screen and (max-width: 992px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsContent a {
    display: none;
  }
}
section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsTub {
  flex: 1;
  margin-right: -50px;
}
@media screen and (max-width: 992px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsTub {
    flex: none;
    display: block;
    text-align: center;
    width: 100%;
    margin-right: 0;
  }
}
section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle {
  max-width: 435px;
  margin-left: -50px;
}
@media screen and (max-width: 1400px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle {
    max-width: 350px;
    margin-left: 0;
  }
}
@media screen and (max-width: 992px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle {
    width: 100%;
    max-width: 100%;
  }
}
section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3 {
  margin: 0;
  padding: 0;
  color: #00FAA4;
  font-size: 50px;
  line-height: 55px;
  position: relative;
}
@media screen and (max-width: 1400px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3 {
    font-size: 42px;
    line-height: 50px;
  }
}
@media screen and (max-width: 992px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3 {
    text-align: center;
    font-size: 32px;
    line-height: 35px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 580px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3 {
    font-size: 24px;
    line-height: 26px;
    max-width: 230px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3:before {
  content: "";
  width: 105px;
  height: 1px;
  background: #00FAA4;
  position: absolute;
  right: 10px;
  top: 80px;
}
@media screen and (max-width: 1400px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3:before {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3:before {
    width: 80px;
  }
}
@media screen and (max-width: 992px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3:before {
    display: none;
  }
}
section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3:after {
  content: "";
  width: 1px;
  height: 200px;
  background: #00FAA4;
  position: absolute;
  right: 10px;
  top: 80px;
}
@media screen and (max-width: 992px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3:after {
    right: auto;
    left: 0;
    height: 144px;
    bottom: 30px;
    top: auto;
  }
}
@media screen and (max-width: 992px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3:after {
    display: none;
  }
}
section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3 span:before {
  content: "";
  width: 485px;
  height: 1px;
  background: #00FAA4;
  position: absolute;
  right: 10px;
  top: 280px;
}
@media screen and (max-width: 1700px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3 span:before {
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3 span:before {
    display: none;
  }
}
section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3 span:after {
  content: "";
  position: absolute;
  top: 275px;
  right: 485px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #00FAA4;
  width: 12px;
  height: 12px;
}
@media screen and (max-width: 1700px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3 span:after {
    right: auto;
    left: -15px;
  }
}
@media screen and (max-width: 992px) {
  section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle h3 span:after {
    display: none;
  }
}
section#sotWhatIsBeyond .whatIsBeyondWrapper .whatIsTitle .mobileShow {
  text-align: center;
  margin-top: 30px;
}

section#sotBanner {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("./assets/img/marketing/sothome/sotBeyondSailBanner.png");
  height: 920px;
  margin-top: -150px;
  z-index: 10;
  position: relative;
  padding-bottom: 50px;
}
@media screen and (max-width: 1700px) {
  section#sotBanner {
    margin-top: -140px;
  }
}
@media screen and (max-width: 768px) {
  section#sotBanner {
    margin-top: -100px;
    height: 500px;
    padding-bottom: 100px;
    background-position: top center;
  }
}
section#sotBanner .wrapper {
  height: 100%;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 580px) {
  section#sotBanner .wrapper {
    padding-top: 250px;
  }
}
section#sotBanner h5 {
  margin: 0;
  padding: 0;
  font-size: 85px;
  line-height: 90px;
  text-align: center;
  color: #ffffff;
  font-family: "Windlass";
  width: 100%;
  max-width: 890px;
  text-transform: uppercase;
}
@media screen and (max-width: 1200px) {
  section#sotBanner h5 {
    font-size: 60px;
    line-height: 70px;
  }
}
@media screen and (max-width: 768px) {
  section#sotBanner h5 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media screen and (max-width: 580px) {
  section#sotBanner h5 {
    font-size: 40px;
    line-height: 50px;
  }
}
section#sotBanner .sotCollabBranding {
  margin-top: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 580px) {
  section#sotBanner .sotCollabBranding {
    margin-top: 20px;
  }
}

section#sotFooter {
  background: #ffffff;
  padding-top: 100px;
  padding-bottom: 170px;
  background-image: url("./assets/img/marketing/sothome/beyondBGMain.svg");
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
}
section#sotFooter .wrapper {
  justify-content: center;
  align-items: center;
}

#aitumTopBar {
  width: 100%;
  background: #202020;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
#aitumTopBar img {
  max-height: 80px;
}

.page-template-aitumPartnership .wrapper.aitum {
  justify-content: space-between;
}
.page-template-aitumPartnership .ytPlayer {
  margin-top: 90px;
  width: 100%;
  height: 450px;
}
@media screen and (max-width: 992px) {
  .page-template-aitumPartnership .ytPlayer {
    margin-top: 25px;
  }
}
@media screen and (max-width: 992px) {
  .page-template-aitumPartnership .ytPlayer {
    height: 300px;
  }
}
.page-template-aitumPartnership h1, .page-template-aitumPartnership h2 {
  font-family: "Work Sans", Arial, Sans-serif;
  text-transform: none;
}
.page-template-aitumPartnership h2 {
  margin-bottom: 10px;
}
@media screen and (max-width: 992px) {
  .page-template-aitumPartnership h1 {
    font-size: 28px;
    line-height: 32px;
  }
  .page-template-aitumPartnership h2 {
    font-size: 23px;
    line-height: 28px;
  }
}
.page-template-aitumPartnership p {
  font-size: 16px;
  line-height: 22px;
}
.page-template-aitumPartnership .w-50 {
  width: 48%;
}
@media screen and (max-width: 992px) {
  .page-template-aitumPartnership .w-50 {
    width: 100%;
  }
  .page-template-aitumPartnership .w-50.videoMain {
    order: 1;
    margin-bottom: 30px;
  }
  .page-template-aitumPartnership .w-50.contentMain {
    order: 2;
  }
}
.page-template-aitumPartnership .aitumCode {
  width: 100%;
  height: auto;
}
.page-template-aitumPartnership .aitumCode .microText {
  font-size: 12px;
  line-height: 12px;
  margin: 0;
  padding: 0;
  color: #707070;
  margin-top: 10px;
}
.page-template-aitumPartnership .aitumCode .singleCode {
  background: #202020;
  color: #ffffff;
  display: inline-block;
  text-transform: uppercase;
  font-size: 28px;
  line-height: 28px;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  border: 5px dotted #000000;
}

#gravityBannerDisplay {
  width: 100%;
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  -webkit-border-bottom-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  margin-bottom: 20px;
}
@media screen and (max-width: 992px) {
  #gravityBannerDisplay {
    display: none;
  }
}
#gravityBannerDisplay .mainBrandingSection {
  flex: 75%;
  background: rgb(45, 15, 51);
  background: linear-gradient(90deg, rgb(45, 15, 51) 34%, rgb(94, 35, 105) 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-left: 90px;
  padding-right: 45px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-bottom-left-radius: 15px;
}
@media screen and (max-width: 1700px) {
  #gravityBannerDisplay .mainBrandingSection {
    flex: 1;
    width: 100%;
  }
}
#gravityBannerDisplay .ornageSubSection {
  width: 25%;
  background: #E23832;
  padding-left: 22px;
  padding-right: 22px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  -webkit-border-bottom-right-radius: 15px;
  -moz-border-radius-bottomright: 15px;
  border-bottom-right-radius: 15px;
}
@media screen and (max-width: 1700px) {
  #gravityBannerDisplay .ornageSubSection {
    width: 30%;
  }
}
#gravityBannerDisplay .ornageSubSection h4 {
  color: #ffffff;
  margin: 0;
  padding: 0;
  font-size: 20px;
  line-height: 20px;
}
#gravityBannerDisplay .ornageSubSection p {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 13px;
  line-height: 15px;
}

.sourAppleForm .gfield_label {
  color: #B1FF94;
  font-size: 20px !important;
  display: flex !important;
  align-items: center;
  justify-content: start;
}
@media screen and (max-width: 992px) {
  .sourAppleForm .gfield_label {
    font-size: 18px !important;
    width: 100% !important;
    justify-content: center;
  }
}
@media screen and (max-width: 992px) {
  .sourAppleForm .ginput_container {
    width: 100% !important;
  }
}
.sourAppleForm .gfield_required {
  color: #B1FF94 !important;
}
.sourAppleForm input {
  background: none;
  border: 5px solid #B1FF94;
  color: #B1FF94;
}
.sourAppleForm input:focus {
  background: #B1FF94;
  border: 5px solid #B1FF94;
}
.sourAppleForm input.gform-button {
  background: #B1FF94;
  color: #238200;
  cursor: pointer;
  width: 100%;
}
.sourAppleForm input.gform-button:hover {
  background: #238200;
  color: #B1FF94;
  border-color: #B1FF94;
}

.trackRight {
  width: 5000px;
  height: 158px;
  background-image: url("assets/img/marketing/sourapple/sourAppleBgScroll.jpg");
  background-size: auto;
  background-position: top center;
  background-repeat: repeat-x;
  animation: slide 60s linear infinite;
}

.trackLeft {
  width: 5000px;
  height: 158px;
  background-image: url("assets/img/marketing/sourapple/sourAppleBgScrollLeft.jpg");
  background-size: auto;
  background-position: top center;
  background-repeat: repeat-x;
  animation: slideLeft 60s linear infinite;
}

.page-template-tpl-sourapple-downloads header {
  z-index: 10;
}

.sourFont {
  font-family: dharma-gothic-m, sans-serif;
  font-weight: 900;
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.updated:not(.published) {
  display: none;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

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

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
.woocommerce-notices-wrapper .woocommerce-error {
  margin: 0;
  padding: 0;
  width: 100%;
  margin-bottom: 20px;
  list-style-type: none;
}
.woocommerce-notices-wrapper .woocommerce-error li {
  padding: 15px 25px;
  background: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}

.woocommerce-checkout-review-order-table {
  border-spacing: 0px;
}
.woocommerce-checkout-review-order-table thead {
  background: #ffffff;
}
.woocommerce-checkout-review-order-table thead tr th {
  text-align: left;
  padding: 10px;
  font-weight: 600;
  border-bottom: 1px solid #707070;
}
.woocommerce-checkout-review-order-table tbody tr td {
  padding: 15px 20px;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
}
.woocommerce-checkout-review-order-table tbody tr.coupon-form td {
  padding: 0;
}
.woocommerce-checkout-review-order-table tbody tr:nth-child(odd) {
  background: #ffffff;
}
.woocommerce-checkout-review-order-table tbody .product-total {
  max-width: 150px;
  width: 150px;
  min-width: 150px;
}
.woocommerce-checkout-review-order-table tbody dt {
  font-size: 14px;
  font-weight: 500;
  color: #707070;
}
.woocommerce-checkout-review-order-table tbody dd {
  margin: 0;
  padding: 0;
}
.woocommerce-checkout-review-order-table tbody dd p {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #707070;
}
.woocommerce-checkout-review-order-table .empty-row {
  height: 15px;
}
.woocommerce-checkout-review-order-table tfoot {
  margin-top: 20px;
  text-align: left;
}
.woocommerce-checkout-review-order-table tfoot th {
  font-weight: 600;
}
.woocommerce-checkout-review-order-table tfoot td strong {
  font-weight: 600;
}
.woocommerce-checkout-review-order-table tfoot td .woocommerce-Price-amount {
  font-size: 18px;
}
.woocommerce-checkout-review-order-table tfoot .includes_tax {
  display: block;
  width: 100%;
}
.woocommerce-checkout-review-order-table tfoot tr td:last-of-type {
  text-align: right;
}

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

.mailchimp-newsletter {
  display: flex;
  width: 100% !important;
  font-size: 14px;
  margin: 0;
}
.mailchimp-newsletter input {
  margin-right: 5px;
}

.woocommerce-form-login-toggle {
  margin-top: 25px;
  margin-bottom: 25px;
  background: #F7F7F7;
  padding: 15px 20px;
  font-weight: 700;
}
.woocommerce-form-login-toggle .woocommerce-info {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.woocommerce-form-login-toggle .woocommerce-info .showlogin {
  padding: 10px 25px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
@media screen and (max-width: 480px) {
  .woocommerce-form-login-toggle .showlogin {
    display: block;
    margin-top: 10px;
    text-align: center;
  }
}

.woocommerce-terms-and-conditions-wrapper p {
  font-size: 14px;
  line-height: 14px;
}
.woocommerce-terms-and-conditions-wrapper p a {
  color: #202020;
}
.woocommerce-terms-and-conditions-wrapper p a:visited {
  color: #202020;
}
.woocommerce-terms-and-conditions-wrapper p a:hover {
  color: #202020;
  text-decoration: underline;
}
.woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p {
  font-size: 11px;
}

.woocommerce-checkout-payment {
  width: 100%;
}

#place_order {
  width: 100%;
  background: #F05041;
  color: #ffffff;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 19px;
  font-weight: 700;
  cursor: pointer;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: inset 0 0 0 0 #0F1923;
  -webkit-transition: ease-out 0.2s;
  -moz-transition: ease-out 0.2s;
  transition: ease-out 0.2s;
  border: 0;
}
#place_order:hover {
  box-shadow: inset 1000px 0 0 0 #202020;
}

.coupon-form td {
  border: 0 !important;
}
.coupon-form .woocommerce-form-coupon {
  margin: 0;
  padding: 0;
}

.coupon-box {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
}
.coupon-box .coupon-input {
  flex: 4;
}
.coupon-box .coupon-input input {
  color: #8d8d8d;
  border: 1px solid #ccc;
  min-height: 48px;
  background: #ffffff;
  padding: 0px 16px;
  width: 100%;
}
.coupon-box .coupon-button {
  flex: 1;
}
.coupon-box .coupon-button button {
  cursor: pointer;
  width: 100%;
  text-align: center;
  height: 100%;
  background: #1f1f1f;
  color: #ffffff;
  font-weight: 600;
  font-family: "Work Sans", Arial, Sans-serif;
}
.coupon-box .coupon-button button:hover {
  background: #202020;
}

.page-template-tpl-checkout {
  background: #ffffff;
}
.page-template-tpl-checkout .woocommerce {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1400px) {
  .page-template-tpl-checkout .woocommerce {
    width: 100%;
  }
}

.beyond-checkout__page-hero {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.beyond-checkout__page-hero .beyond-checkout__logo {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
  background: #F7F7F7;
}
@media screen and (max-width: 480px) {
  .beyond-checkout__page-hero .beyond-checkout__logo {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.beyond-checkout__page-hero .beyond-checkout__logo img {
  max-height: 66px;
}
@media screen and (max-width: 480px) {
  .beyond-checkout__page-hero .beyond-checkout__logo img {
    max-height: 40px;
  }
}

.beyondCheckout__sectionWrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.beyondCheckout__sectionWrapper.woocommerce-personal-fields__field-wrapper {
  margin-top: 25px;
}
.beyondCheckout__sectionWrapper.woocommerce-billing-fields__field-wrapper {
  margin-top: 45px;
}

.beyondCheckout__sectionHeader {
  flex: 1;
  min-width: 340px;
  margin-right: 55px;
}
@media screen and (max-width: 1200px) {
  .beyondCheckout__sectionHeader {
    min-width: 200px;
  }
}
@media screen and (max-width: 992px) {
  .beyondCheckout__sectionHeader {
    flex: none;
    width: 100%;
    margin-bottom: 10px;
  }
}
.beyondCheckout__sectionHeader .sectionHeaderLabel {
  font-size: 16px;
  line-height: 18px;
  margin: 0;
  padding: 0;
  color: #707070;
  margin-bottom: 10px;
}
.beyondCheckout__sectionHeader .sectionHeaderTitle {
  margin: 0;
  padding: 0;
  font-family: "Work Sans", Arial, Sans-serif;
  text-transform: none;
  font-weight: 300;
}

.beyondCheckout__sectionContentsOrder {
  flex: 3;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.beyondCheckout__sectionContentsOrder table {
  order: 1;
}
.beyondCheckout__sectionContentsOrder .b4bMessage {
  order: 2;
  width: 100%;
  background: black;
  padding: 15px;
  margin-bottom: 20px;
  color: #ffffff;
}
.beyondCheckout__sectionContentsOrder .mailchimp-newsletter {
  order: 3;
}
.beyondCheckout__sectionContentsOrder #mailchimp-gdpr-fields {
  order: 4;
}
.beyondCheckout__sectionContentsOrder #payment {
  order: 5;
}

#checkoutCompetitionPromo {
  width: 100%;
}

.create-account {
  color: #707070;
}

.beyondCheckout__sectionContents {
  flex: 3;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.beyondCheckout__sectionContents p {
  margin: 0;
  padding: 0;
  position: relative;
  margin-top: 20px;
}
.beyondCheckout__sectionContents p label {
  position: absolute;
  top: -15px;
  left: 15px;
  font-size: 14px;
  color: #707070;
  background: #ffffff;
  padding-left: 5px;
  padding-right: 5px;
  z-index: 50;
}
.beyondCheckout__sectionContents p label .required {
  text-decoration: none;
  color: #F05041;
}
.beyondCheckout__sectionContents p input {
  width: 100%;
  padding: 15px 20px;
  color: #202020;
  font-family: "Work Sans", Arial, Sans-serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.beyondCheckout__sectionContents p .selection {
  width: 100%;
}
.beyondCheckout__sectionContents p .selection .select2-selection {
  padding: 15px 20px;
  height: auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
}
.beyondCheckout__sectionContents p .selection .select2-selection__arrow {
  height: 100%;
}
.beyondCheckout__sectionContents p .selection .select2-selection__arrow b {
  border-width: 10px 7px 0 7px;
  color: #202020;
  left: 0;
  margin-left: -10px;
}
.beyondCheckout__sectionContents p .select2-container--open .select2-selection__arrow b {
  color: #202020 !important;
  border-width: 0 7px 10px 7px !important;
}
.beyondCheckout__sectionContents .form-row {
  width: 48%;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .beyondCheckout__sectionContents .form-row {
    width: 100%;
  }
}

#ship-to-different-address {
  position: relative;
  width: 100%;
  cursor: pointer;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  color: #707070;
}
#ship-to-different-address i {
  color: #707070;
  font-size: 16px;
}
#ship-to-different-address input {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
}

.woocommerce-shipping-selection__field-wrapper {
  margin-top: 55px;
}

.woocommerce-payment-fields__field-wrapper {
  margin-top: 55px;
}
.woocommerce-payment-fields__field-wrapper .wc_payment_methods {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
.woocommerce-payment-fields__field-wrapper .wc_payment_methods .wc_payment_method {
  color: #202020;
  font-family: "Work Sans", Arial, Sans-serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  position: relative;
  cursor: pointer;
  padding: 15px 20px;
}
.woocommerce-payment-fields__field-wrapper .wc_payment_methods .wc_payment_method label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.woocommerce-payment-fields__field-wrapper .wc_payment_methods .wc_payment_method label img {
  margin-left: 15px;
  max-height: 35px !important;
  max-width: 35px !important;
}
.woocommerce-payment-fields__field-wrapper .wc_payment_methods .wc_payment_method input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.woocommerce-payment-fields__field-wrapper .wc_payment_methods .wc_payment_method:hover {
  border: 1px solid #cfe2ff;
  background: #eff6ff;
}
.woocommerce-payment-fields__field-wrapper .wc_payment_methods .wc_payment_method.checked {
  border: 1px solid #cfe2ff;
  background: #eff6ff;
}
.woocommerce-payment-fields__field-wrapper .wc_payment_methods .payment_box {
  margin-top: 15px;
  z-index: 50;
  position: relative;
  padding: 25px;
  border: 1px solid #ccc;
  margin-bottom: 25px;
}
.woocommerce-payment-fields__field-wrapper .wc_payment_methods .payment_box ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.woocommerce-payment-fields__field-wrapper .wc_payment_methods .payment_box .wc-saved-payment-methods li {
  padding: 10px 15px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  position: relative;
}
.woocommerce-payment-fields__field-wrapper .wc_payment_methods .payment_box .wc-saved-payment-methods li input {
  position: absolute;
  width: 100% !important;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.woocommerce-payment-fields__field-wrapper .wc_payment_methods .payment_box .wc-saved-payment-methods li.checked {
  border: 1px solid #cfe2ff;
  background: #eff6ff;
}
.woocommerce-payment-fields__field-wrapper .wc_payment_methods .payment_box fieldset {
  border: none;
  box-shadow: none;
  padding: 0;
}
.woocommerce-payment-fields__field-wrapper .wc_payment_methods .payment_box .form-row {
  width: 100%;
  padding: 0;
  margin: 0;
  color: #202020;
}
.woocommerce-payment-fields__field-wrapper .wc_payment_methods .payment_box .form-row label {
  position: relative;
  top: auto;
  left: auto;
}
.woocommerce-payment-fields__field-wrapper .wc_payment_methods .payment_box .form-row input {
  position: relative;
}

.woocommerce-order-review__field-wrapper {
  margin-top: 55px;
}

.germanStockNotification {
  background: #cce5ff;
  border: 1px solid #b8daff;
  color: #004085;
  padding: 15px 25px;
  text-align: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  max-width: 100%;
  margin-top: 20px;
  margin-bottom: 40px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1400px) {
  .germanStockNotification {
    width: 100%;
  }
}

.woocommerce-order-received .woocommerce {
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 992px) {
  .woocommerce-order-received .woocommerce {
    max-width: 90%;
  }
}
.woocommerce-order-received .woocommerce .thankYouMessage {
  text-align: center;
  width: 100%;
  font-size: 19px;
}
.woocommerce-order-received .woocommerce .thankYouMessage h6 {
  margin: 0;
  width: 100%;
  font-size: 24px;
  line-height: 24px;
  text-align: center;
}
.woocommerce-order-received .woocommerce .thankYouMessage p {
  text-align: center;
  width: 100%;
}
.woocommerce-order-received .woocommerce #beyond__checkout-celebration {
  text-align: center;
  margin-bottom: 45px;
}
.woocommerce-order-received .woocommerce #beyond__checkout-celebration .beyondConfettiCannon {
  background: #F05041;
  color: #ffffff;
  border: 0;
  box-shadow: none;
  padding: 15px 35px;
  font-weight: bold;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 5px 0px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  cursor: pointer;
}
.woocommerce-order-received .woocommerce #beyond__checkout-celebration .beyondConfettiCannon:hover {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  animation-iteration-count: infinite;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
@media screen and (max-width: 480px) {
  .woocommerce-order-received .woocommerce #beyond__checkout-celebration .beyondConfettiCannon {
    display: block;
    width: 100%;
  }
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-4px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(4px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.woocommerce-order-received .woocommerce #beyond__competition {
  width: 100%;
  text-align: center;
  font-size: 24px;
  margin-bottom: 50px;
}
.woocommerce-order-received .woocommerce #beyond__shareImage {
  width: 100%;
  text-align: center;
  margin-bottom: 25px;
  margin-top: 25px;
}
.woocommerce-order-received .woocommerce #beyond__shareImage h4 {
  text-align: center;
}
.woocommerce-order-received .woocommerce .woocommerce-order-overview {
  width: 100%;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 30px;
  row-gap: 20px;
  margin-bottom: 45px;
}
@media screen and (max-width: 1200px) {
  .woocommerce-order-received .woocommerce .woocommerce-order-overview {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 992px) {
  .woocommerce-order-received .woocommerce .woocommerce-order-overview {
    grid-template-columns: 1fr;
  }
}
.woocommerce-order-received .woocommerce .woocommerce-order-overview li {
  background: #ffffff;
  border: 1px solid #707070;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-weight: 600;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 5px 0px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.woocommerce-order-received .woocommerce .woocommerce-order-overview li strong {
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  margin-top: 5px;
}
.woocommerce-order-received .woocommerce .woocommerce-order-details .order_item .woocommerce-table__product-name {
  padding-top: 10px;
  padding-bottom: 10px;
}
.woocommerce-order-received .woocommerce .woocommerce-order-details tfoot {
  display: table-caption;
  margin-bottom: 30px;
}
.woocommerce-order-received .woocommerce .woocommerce-order-details tfoot th {
  text-align: left;
  padding-right: 15px;
}
.woocommerce-order-received .woocommerce .woocommerce-order-details .woocommerce-table__product-name {
  padding-left: 10px;
}
.woocommerce-order-received .woocommerce .woocommerce-order-details .woocommerce-table__product-name {
  text-align: left;
}
.woocommerce-order-received .order-again .button {
  background: #202020;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  font-size: 16px;
  border: 0;
  border: 3px solid transparent;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  transition: all 0.2s ease-in-out;
  font-family: "Work Sans", Arial, Sans-serif;
  padding: 3px 25px;
  display: inline-block;
}
.woocommerce-order-received .order-again .button:visited {
  background: #202020;
  color: #ffffff;
  text-decoration: none;
}
.woocommerce-order-received .order-again .button:hover {
  background: #F05041;
  color: #ffffff;
  border: 3px solid transparent;
}
.woocommerce-order-received .order-again .button:focus {
  border: 3px solid #F05041;
  color: #F05041;
  background: transparent;
}
.woocommerce-order-received .order-again .button:active {
  background: #F05041;
  color: #ffffff;
}
.woocommerce-order-received .woocommerce-columns--2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 30px;
  row-gap: 30px;
}
@media screen and (max-width: 992px) {
  .woocommerce-order-received .woocommerce-columns--2 {
    grid-template-columns: 1fr;
  }
}

#mailchimp-gdpr-fields {
  display: none !important;
}

.woocommerce-NoticeGroup-checkout ul.woocommerce-error {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 15px 25px;
  background: #f8d7da;
  border: 1px solid #f5c6cb;
  color: #721c24;
}

#ppc-button {
  width: 100%;
}

.customer-shipping-selection .woocommerce-shipping-methods {
  margin: 0;
  padding: 0;
  padding-top: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 40px;
  row-gap: 40px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .customer-shipping-selection .woocommerce-shipping-methods {
    grid-template-columns: 1fr;
  }
}
.customer-shipping-selection .woocommerce-shipping-methods li {
  list-style: none;
  position: relative;
}
.customer-shipping-selection .woocommerce-shipping-methods li .shipping-card {
  border: 1px solid #ccc;
  background: #ffffff;
}
.customer-shipping-selection .woocommerce-shipping-methods li.checked .shipping-card {
  border: 1px solid #cfe2ff;
  background: #eff6ff;
}
.customer-shipping-selection .woocommerce-shipping-methods li:hover .shipping-card {
  border: 1px solid #cfe2ff;
  background: #eff6ff;
}
.customer-shipping-selection .woocommerce-shipping-methods li input {
  width: 100%;
  height: 100%;
  position: absolute;
  cursor: pointer;
  opacity: 0;
}
.customer-shipping-selection .woocommerce-shipping-methods li .shipping-card {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.customer-shipping-selection .woocommerce-shipping-methods li .shipping-card .left-half {
  flex: 1;
  max-width: 100px;
  min-height: 74px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.customer-shipping-selection .woocommerce-shipping-methods li .shipping-card .left-half .logo {
  width: 70px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.customer-shipping-selection .woocommerce-shipping-methods li .shipping-card .right-half {
  flex: 2;
  padding-left: 10px;
}
.customer-shipping-selection .woocommerce-shipping-methods li .shipping-card .right-half .delivery-estimate:before {
  font-size: 12px;
  color: #202020;
}
.customer-shipping-selection .woocommerce-shipping-methods li .shipping-card .right-half .woocommerce-Price-amount {
  display: block;
  font-weight: normal;
  color: #000000;
  font-size: 22px;
}
.customer-shipping-selection .woocommerce-shipping-methods li#shipping_method_0_flat_rate3 .logo {
  background-image: url("./assets/img/Royal-Mail.png");
  height: 74px;
}
.customer-shipping-selection .woocommerce-shipping-methods li#shipping_method_0_free_shipping4 .logo {
  background-image: url("./assets/img/Royal-Mail.png");
  height: 74px;
}
.customer-shipping-selection .woocommerce-shipping-methods li#shipping_method_0_flat_rate5 .logo {
  background-image: url("./assets/img/DPD-logo.png");
  height: 46px;
}
.customer-shipping-selection .woocommerce-shipping-methods li#shipping_method_0_flat_rate6 .logo {
  background-image: url("./assets/img/DPD-logo.png");
  height: 46px;
}
.customer-shipping-selection .woocommerce-shipping-methods li#shipping_method_0_flat_rate84 .logo {
  background-image: url("./assets/img/DHL-logo.png");
  height: 46px;
}
.customer-shipping-selection .woocommerce-shipping-methods li#shipping_method_0_free_shipping85 .logo {
  background-image: url("./assets/img/DHL-logo.png");
  height: 46px;
}
.customer-shipping-selection .woocommerce-shipping-methods li#shipping_method_0_flat_rate82 .logo {
  background-image: url("./assets/img/DHL-logo.png");
  height: 46px;
}
.customer-shipping-selection .woocommerce-shipping-methods li#shipping_method_0_free_shipping83 .logo {
  background-image: url("./assets/img/DHL-logo.png");
  height: 46px;
}
.customer-shipping-selection .woocommerce-shipping-methods li#shipping_method_0_flat_rate80 .logo {
  background-image: url("./assets/img/DHL-logo.png");
  height: 46px;
}
.customer-shipping-selection .woocommerce-shipping-methods li#shipping_method_0_free_shipping81 .logo {
  background-image: url("./assets/img/DHL-logo.png");
  height: 46px;
}
.customer-shipping-selection .woocommerce-shipping-methods li#shipping_method_0_flat_rate70 .logo {
  background-image: url("./assets/img/DHL-logo.png");
  height: 46px;
}
.customer-shipping-selection .woocommerce-shipping-methods li#shipping_method_0_free_shipping71 .logo {
  background-image: url("./assets/img/DHL-logo.png");
  height: 46px;
}
.customer-shipping-selection .woocommerce-shipping-methods li#shipping_method_0_flat_rate8 .logo {
  background-image: url("./assets/img/DHL-logo.png");
  height: 46px;
}
.customer-shipping-selection .woocommerce-shipping-methods li#shipping_method_0_free_shipping36 .logo {
  background-image: url("./assets/img/DHL-logo.png");
  height: 46px;
}
.customer-shipping-selection .woocommerce-shipping-methods li#shipping_method_0_flat_rate72 .logo {
  background-image: url("./assets/img/DHL-logo.png");
  height: 46px;
}
.customer-shipping-selection .woocommerce-shipping-methods li#shipping_method_0_free_shipping73 .logo {
  background-image: url("./assets/img/DHL-logo.png");
  height: 46px;
}
.customer-shipping-selection .woocommerce-shipping-methods li#shipping_method_0_flat_rate74 .logo {
  background-image: url("./assets/img/DHL-logo.png");
  height: 46px;
}
.customer-shipping-selection .woocommerce-shipping-methods li#shipping_method_0_free_shipping75 .logo {
  background-image: url("./assets/img/DHL-logo.png");
  height: 46px;
}
.customer-shipping-selection .woocommerce-shipping-methods li#shipping_method_0_flat_rate76 .logo {
  background-image: url("./assets/img/DHL-logo.png");
  height: 46px;
}
.customer-shipping-selection .woocommerce-shipping-methods li#shipping_method_0_free_shipping77 .logo {
  background-image: url("./assets/img/DHL-logo.png");
  height: 46px;
}
.customer-shipping-selection .woocommerce-shipping-methods li#shipping_method_0_flat_rate78 .logo {
  background-image: url("./assets/img/DHL-logo.png");
  height: 46px;
}
.customer-shipping-selection .woocommerce-shipping-methods li#shipping_method_0_free_shipping79 .logo {
  background-image: url("./assets/img/DHL-logo.png");
  height: 46px;
}
.customer-shipping-selection .woocommerce-shipping-methods li#shipping_method_0_free_shipping5 .logo {
  background-image: url("./assets/img/DPD-logo.png");
  height: 46px;
}
.customer-shipping-selection .delivery-estimate.shipping_method_0_flat_rate3:before {
  content: "Expected Delivery: 10-14 Days";
}
.customer-shipping-selection .delivery-estimate.shipping_method_0_flat_rate6:before {
  content: "Expected Delivery: Next Working Day";
}
.customer-shipping-selection .delivery-estimate.shipping_method_0_free_shipping4:before {
  content: "Expected Delivery: 10-14 Days";
}
.customer-shipping-selection .delivery-estimate.shipping_method_0_free_shipping5:before {
  content: "Expected Delivery: Next Working Day";
}
.customer-shipping-selection .delivery-estimate.shipping_method_0_flat_rate84:before {
  content: "Expected Delivery: 2-4 Days";
}
.customer-shipping-selection .delivery-estimate.shipping_method_0_free_shipping85:before {
  content: "Expected Delivery: 2-4 Days";
}
.customer-shipping-selection .delivery-estimate.shipping_method_0_flat_rate82:before {
  content: "Expected Delivery: 2-4 Days";
}
.customer-shipping-selection .delivery-estimate.shipping_method_0_free_shipping83:before {
  content: "Expected Delivery: 2-4 Days";
}
.customer-shipping-selection .delivery-estimate.shipping_method_0_flat_rate80:before {
  content: "Expected Delivery: 3-4 Days";
}
.customer-shipping-selection .delivery-estimate.shipping_method_0_free_shipping81:before {
  content: "Expected Delivery: 3-4 Days";
}
.customer-shipping-selection .delivery-estimate.shipping_method_0_flat_rate70:before {
  content: "Expected Delivery: 4-5 Days";
}
.customer-shipping-selection .delivery-estimate.shipping_method_0_free_shipping71:before {
  content: "Expected Delivery: 4-5 Days";
}
.customer-shipping-selection .delivery-estimate.shipping_method_0_flat_rate8:before {
  content: "Expected Delivery: 3-7 Days";
}
.customer-shipping-selection .delivery-estimate.shipping_method_0_free_shipping36:before {
  content: "Expected Delivery: 3-7 Days";
}
.customer-shipping-selection .delivery-estimate.shipping_method_0_flat_rate72:before {
  content: "Expected Delivery: 4-5 Days";
}
.customer-shipping-selection .delivery-estimate.shipping_method_0_free_shipping73:before {
  content: "Expected Delivery: 4-5 Days";
}
.customer-shipping-selection .delivery-estimate.shipping_method_0_flat_rate74:before {
  content: "Expected Delivery: 4-5 Days";
}
.customer-shipping-selection .delivery-estimate.shipping_method_0_free_shipping75:before {
  content: "Expected Delivery: 4-5 Days";
}
.customer-shipping-selection .delivery-estimate.shipping_method_0_flat_rate76:before {
  content: "Expected Delivery: 4-5 Days";
}
.customer-shipping-selection .delivery-estimate.shipping_method_0_free_shipping77:before {
  content: "Expected Delivery: 4-5 Days";
}
.customer-shipping-selection .delivery-estimate.shipping_method_0_flat_rate78:before {
  content: "Expected Delivery: 5-7 Days";
}
.customer-shipping-selection .delivery-estimate.shipping_method_0_free_shipping79:before {
  content: "Expected Delivery: 5-7 Days";
}

.dispatchNoticeCheckout {
  width: 100%;
  height: auto;
  padding: 10px 20px;
  background: #cce5ff;
  border: 2px solid #b8daff;
}
.dispatchNoticeCheckout p {
  color: #004085;
  margin: 0;
  padding: 0;
  font-size: 14px;
}

#fusions-mini-cart {
  box-sizing: border-box;
  bottom: 0;
  position: fixed;
  top: 0;
  right: 0;
  transform: translateX(105%);
  width: 630px;
  transition: all 0.5s ease;
  transition: box-shadow 500ms cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: 3001;
  background: #ffffff;
}
@media screen and (max-width: 768px) {
  #fusions-mini-cart {
    width: 440px;
  }
}
@media screen and (max-width: 480px) {
  #fusions-mini-cart {
    width: 400px;
  }
}
#fusions-mini-cart .mini-cart-header {
  width: 100%;
  padding: 35px;
  height: 10%;
}
#fusions-mini-cart .mini-cart-header h4 {
  color: #F05041;
  font-family: "Work Sans", Arial, Sans-serif;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  text-transform: none;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: left;
}
#fusions-mini-cart .mini-cart-header h4:after {
  content: "";
  width: 50px;
  height: 4px;
  bottom: -10px;
  left: 0;
  position: absolute;
  background: #F05041;
}
#fusions-mini-cart .mini-cart-header .close-cart {
  position: absolute;
  right: 35px;
  top: 35px;
  font-size: 25px;
}
#fusions-mini-cart .mini-cart-header .close-cart a {
  color: #1f1f1f;
  text-decoration: none;
}
#fusions-mini-cart .mini-cart-header .close-cart a:visited {
  color: #1f1f1f;
}
#fusions-mini-cart .mini-cart-header .close-cart a:hover {
  color: #202020;
}
#fusions-mini-cart .minicart-content-area {
  padding-left: 35px;
  padding-right: 35px;
  overflow-y: auto;
  height: 90%;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart {
  margin: 0;
  padding: 0;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart .woocommerce-mini-cart-item {
  border-bottom: 1px solid #707070;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-top: 15px;
  padding-bottom: 15px;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart .woocommerce-mini-cart-item:first-of-type {
  border-top: 1px solid #707070;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-removal {
  display: block;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-removal a {
  text-decoration: none;
  font-size: 14px;
  line-height: 16px;
  color: #202020;
  font-weight: 300;
  transition: all 0.4s ease-in-out;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-removal a:visited {
  color: #202020;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-removal a:hover {
  color: #F05041;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-single-product {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-single-product a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  flex: 1;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-single-product a .mini-cart-image {
  flex: 1;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-single-product a .mini-cart-image img {
  min-width: 120px;
  max-width: 120px;
  border: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-single-product .mini-cart-image {
  flex: 1;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-single-product .mini-cart-image img {
  min-width: 120px;
  max-width: 120px;
  border: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-single-product .mini-cart-data {
  flex: 3;
  margin-left: 25px;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-single-product .mini-cart-data .product-name {
  color: #1f1f1f;
  font-size: 16px;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-single-product .mini-cart-data .quantity {
  color: #8d8d8d;
  font-size: 14px;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-single-product .mini-cart-data .quantity .plus {
  display: none !important;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-single-product .mini-cart-data .quantity .minus {
  display: none !important;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-single-product .mini-cart-data .variation {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 10px;
  margin-bottom: 10px;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-single-product .mini-cart-data .variation dt {
  width: 100%;
  font-weight: 500;
  color: #202020;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-single-product .mini-cart-data .variation dd {
  margin: 0;
  padding: 0;
  width: 100%;
  margin-bottom: 10px;
  color: #707070;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-single-product .mini-cart-data .variation dd p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 14px;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-single-product .mini-cart-data .variation dd:last-of-type {
  margin-bottom: 0px;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-single-product .qty {
  display: none !important;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart__total {
  width: 100%;
  border-bottom: 1px solid #707070;
  margin: 0;
  padding: 0;
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 22px;
  line-height: 26px;
  color: #202020;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart__total strong {
  font-weight: 500;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart__total .amount {
  float: right;
  color: #707070;
  font-size: 19px;
  font-weight: 400;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart__buttons {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 15px;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart__buttons .button {
  width: 48%;
  text-align: center;
  text-decoration: none;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #202020;
  color: #ffffff;
  margin-bottom: 10px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  transition: all 0.4s ease-in-out;
  font-size: 19px;
  position: relative;
  overflow: hidden;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart__buttons .button:after {
  background: #F05041;
  content: "";
  height: 155px;
  left: -75px;
  opacity: 0.2;
  position: absolute;
  top: -50px;
  transform: rotate(35deg);
  transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
  z-index: 10;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart__buttons .button.checkout {
  color: #ffffff;
  background: #F05041;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart__buttons .button:visited {
  color: #ffffff;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart__buttons .button:hover {
  background: #F05041;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart__buttons .button:hover.checkout {
  background: #202020;
}
#fusions-mini-cart .minicart-content-area .woocommerce-mini-cart__buttons .button:hover:after {
  left: 120%;
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
#fusions-mini-cart .minicartCreatorCode {
  background: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 30px;
}
#fusions-mini-cart .minicartCreatorCode .miniCartCreatorImage {
  flex: 2;
  margin-right: -75px;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  #fusions-mini-cart .minicartCreatorCode .miniCartCreatorImage {
    display: none;
  }
}
#fusions-mini-cart .minicartCreatorCode .miniCartCreatorContent {
  flex: 4;
  background: #6430A0;
  width: 100%;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  position: relative;
  padding: 25px 25px 25px 80px;
}
@media screen and (max-width: 768px) {
  #fusions-mini-cart .minicartCreatorCode .miniCartCreatorContent {
    padding: 25px;
  }
}
#fusions-mini-cart .minicartCreatorCode .miniCartCreatorContent:after {
  content: "";
  width: 100%;
  position: absolute;
  right: -10px;
  bottom: -10px;
  height: 100%;
  z-index: -1;
  background: #32155B;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
#fusions-mini-cart .minicartCreatorCode h4 {
  margin: 0;
  padding: 0;
  color: #F7F7F7;
  font-size: 23px;
  line-height: 26px;
  margin-bottom: 10px;
  position: relative;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  #fusions-mini-cart .minicartCreatorCode h4 {
    font-size: 20px;
    line-height: 24px;
  }
}
#fusions-mini-cart .minicartCreatorCode h4:after {
  content: "";
  width: 50px;
  background: #F7F7F7;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
}
#fusions-mini-cart .minicartCreatorCode p {
  margin: 0;
  padding: 0;
  color: #F7F7F7;
  font-size: 16px;
  line-height: 17px;
  margin-bottom: 10px;
}
#fusions-mini-cart .minicartCreatorCode .checkout_coupon {
  padding: 0;
}
#fusions-mini-cart .minicartCreatorCode .codeBox {
  width: 100%;
  margin-bottom: 10px;
}
#fusions-mini-cart .minicartCreatorCode .codeBox input {
  width: 100%;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 10px;
}
#fusions-mini-cart .minicartCreatorCode .codeButton button {
  padding: 5px 15px;
  font-size: 14px;
  background: #F05041;
}

.fusion-open-button {
  cursor: pointer;
}

#fusions-mini-cart-overlay {
  bottom: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 3000;
}

body.fusions-minicart-open {
  transition: all 0.4s ease-in-out;
  position: fixed;
  left: 0;
  right: 18px;
}

body.fusions-minicart-open #fusions-mini-cart-overlay {
  background: #1f1f1f;
}

body.fusions-minicart-open #fusions-mini-cart {
  transform: translateX(0%);
}

body:not(.fusions-minicart-open) #fusions-mini-cart-overlay {
  left: 100%;
  opacity: 0;
  transition: opacity 500ms cubic-bezier(0.785, 0.135, 0.15, 0.86), visibility 0s 600ms, left 0s 600ms;
}

body.fusions-minicart-open #fusions-mini-cart-overlay {
  left: 0;
  opacity: 0.8;
  visibility: visible;
  transition: opacity 500ms cubic-bezier(0.785, 0.135, 0.15, 0.86), visibility 0s 0s, left 0s 0s;
}

/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/
.lSSlideOuter {
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lightSlider:before,
.lightSlider:after {
  content: " ";
  display: table;
}

.lightSlider {
  overflow: hidden;
  margin: 0;
}

.lSSlideWrapper {
  max-width: 100%;
  overflow: hidden;
  position: relative;
}

.lSSlideWrapper > .lightSlider:after {
  clear: both;
}

.lSSlideWrapper .lSSlide {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition: all 1s;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform, height;
  transition-property: transform, height;
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}

.lSSlideWrapper .lSFade {
  position: relative;
}

.lSSlideWrapper .lSFade > * {
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 9;
  margin-right: 0;
  width: 100%;
}

.lSSlideWrapper.usingCss .lSFade > * {
  opacity: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}

.lSSlideWrapper .lSFade > *.active {
  z-index: 10;
}

.lSSlideWrapper.usingCss .lSFade > *.active {
  opacity: 1;
}

/** /!!! End of core css Should not edit !!!/**/
/* Pager */
.lSSlideOuter .lSPager.lSpg {
  margin: 10px 0 0;
  padding: 0;
  text-align: center;
}

.lSSlideOuter .lSPager.lSpg > li {
  cursor: pointer;
  display: inline-block;
  padding: 0 5px;
}

.lSSlideOuter .lSPager.lSpg > li a {
  background-color: #222222;
  border-radius: 15px;
  display: inline-block;
  height: 8px;
  overflow: hidden;
  text-indent: -999em;
  width: 8px;
  position: relative;
  z-index: 99;
  -webkit-transition: all 0.5s linear 0s;
  transition: all 0.5s linear 0s;
}

.lSSlideOuter .lSPager.lSpg > li:hover a,
.lSSlideOuter .lSPager.lSpg > li.active a {
  background-color: #428bca;
}

.lSSlideOuter .media {
  opacity: 0.8;
}

.lSSlideOuter .media.active {
  opacity: 1;
}

/* End of pager */
/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
  list-style: none outside none;
  padding-left: 0;
  margin: 0;
  overflow: hidden;
  transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lSSlideOuter .lSPager.lSGallery li {
  overflow: hidden;
  -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
  transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}

.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
  border-radius: 5px;
}

.lSSlideOuter .lSPager.lSGallery img {
  display: block;
  height: auto;
  max-width: 100%;
}

.lSSlideOuter .lSPager.lSGallery:before,
.lSSlideOuter .lSPager.lSGallery:after {
  content: " ";
  display: table;
}

.lSSlideOuter .lSPager.lSGallery:after {
  clear: both;
}

/* End of Gallery*/
/* slider actions */
.lSAction > a {
  width: 32px;
  display: block;
  top: 50%;
  height: 32px;
  cursor: pointer;
  position: absolute;
  z-index: 99;
  margin-top: -16px;
  opacity: 0.5;
  -webkit-transition: opacity 0.35s linear 0s;
  transition: opacity 0.35s linear 0s;
}

.lSAction > a:hover {
  opacity: 1;
}

.lSAction > .lSPrev {
  background-position: 0 0;
  left: 10px;
}

.lSAction > .lSNext {
  background-position: -32px 0;
  right: 10px;
}

.lSAction > a.disabled {
  pointer-events: none;
}

.cS-hidden {
  height: 1px;
  opacity: 0;
  filter: alpha(opacity=0);
  overflow: hidden;
}

/* vertical */
.lSSlideOuter.vertical {
  position: relative;
}

.lSSlideOuter.vertical.noPager {
  padding-right: 0px !important;
}

.lSSlideOuter.vertical .lSGallery {
  position: absolute !important;
  right: 0;
  top: 0;
}

.lSSlideOuter.vertical .lightSlider > * {
  width: 100% !important;
  max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
  left: 50%;
  margin-left: -14px;
  margin-top: 0;
}

.lSSlideOuter.vertical .lSAction > .lSNext {
  background-position: 31px -31px;
  bottom: 10px;
  top: auto;
}

.lSSlideOuter.vertical .lSAction > .lSPrev {
  background-position: 0 -31px;
  bottom: auto;
  top: 10px;
}

/* vertical */
/* Rtl */
.lSSlideOuter.lSrtl {
  direction: rtl;
}

.lSSlideOuter .lightSlider,
.lSSlideOuter .lSPager {
  padding-left: 0;
  list-style: none outside none;
}

.lSSlideOuter.lSrtl .lightSlider,
.lSSlideOuter.lSrtl .lSPager {
  padding-right: 0;
}

.lSSlideOuter .lightSlider > *,
.lSSlideOuter .lSGallery li {
  float: left;
}

.lSSlideOuter.lSrtl .lightSlider > *,
.lSSlideOuter.lSrtl .lSGallery li {
  float: right !important;
}

/* Rtl */
@-webkit-keyframes rightEnd {
  0% {
    left: 0;
  }
  50% {
    left: -15px;
  }
  100% {
    left: 0;
  }
}
@keyframes rightEnd {
  0% {
    left: 0;
  }
  50% {
    left: -15px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes topEnd {
  0% {
    top: 0;
  }
  50% {
    top: -15px;
  }
  100% {
    top: 0;
  }
}
@keyframes topEnd {
  0% {
    top: 0;
  }
  50% {
    top: -15px;
  }
  100% {
    top: 0;
  }
}
@-webkit-keyframes leftEnd {
  0% {
    left: 0;
  }
  50% {
    left: 15px;
  }
  100% {
    left: 0;
  }
}
@keyframes leftEnd {
  0% {
    left: 0;
  }
  50% {
    left: 15px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes bottomEnd {
  0% {
    bottom: 0;
  }
  50% {
    bottom: -15px;
  }
  100% {
    bottom: 0;
  }
}
@keyframes bottomEnd {
  0% {
    bottom: 0;
  }
  50% {
    bottom: -15px;
  }
  100% {
    bottom: 0;
  }
}
.lSSlideOuter .rightEnd {
  -webkit-animation: rightEnd 0.3s;
  animation: rightEnd 0.3s;
  position: relative;
}

.lSSlideOuter .leftEnd {
  -webkit-animation: leftEnd 0.3s;
  animation: leftEnd 0.3s;
  position: relative;
}

.lSSlideOuter.vertical .rightEnd {
  -webkit-animation: topEnd 0.3s;
  animation: topEnd 0.3s;
  position: relative;
}

.lSSlideOuter.vertical .leftEnd {
  -webkit-animation: bottomEnd 0.3s;
  animation: bottomEnd 0.3s;
  position: relative;
}

.lSSlideOuter.lSrtl .rightEnd {
  -webkit-animation: leftEnd 0.3s;
  animation: leftEnd 0.3s;
  position: relative;
}

.lSSlideOuter.lSrtl .leftEnd {
  -webkit-animation: rightEnd 0.3s;
  animation: rightEnd 0.3s;
  position: relative;
}

/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}