@import url(https://fast.fonts.net/lt/1.css?apiType=css&c=6419fb5c-04de-4bd4-8aae-49339ffa3527&fontids=2985999,5664093,5664103);
/**
 * Swiper 5.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 8, 2020
 */

@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") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-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-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}: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(-1 * 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:.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}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:null}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:null}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.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(.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(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(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-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-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,.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-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-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-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
@charset "UTF-8";
/*
    XL = 1920
    L = 1440
    M = 768
    SM = 375
    XS = 320
*/
/*! 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;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* 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 {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 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;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* 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;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}
/**
 * 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;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * 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;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  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 `div` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `div` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * 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"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * 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;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * 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;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* 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;
}
.center-block {
  margin: 0 auto;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.clearfix:after {
  display: block;
  clear: both;
  content: " ";
}
*,
::after,
::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.container {
  margin-right: 30px;
  margin-left: 30px;
}
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.row.flex-middle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.row.space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.row .debug {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 0, 0, 0.5);
  position: relative;
  text-align: center;
  color: #666;
}
.row.flex .col,
.row.flex .col-1,
.row.flex .col-10,
.row.flex .col-11,
.row.flex .col-12,
.row.flex .col-2,
.row.flex .col-3,
.row.flex .col-4,
.row.flex .col-5,
.row.flex .col-6,
.row.flex .col-7,
.row.flex .col-8,
.row.flex .col-9,
.row.flex .col-auto,
.row.flex .col-lg,
.row.flex .col-lg-1,
.row.flex .col-lg-10,
.row.flex .col-lg-11,
.row.flex .col-lg-12,
.row.flex .col-lg-2,
.row.flex .col-lg-3,
.row.flex .col-lg-4,
.row.flex .col-lg-5,
.row.flex .col-lg-6,
.row.flex .col-lg-7,
.row.flex .col-lg-8,
.row.flex .col-lg-9,
.row.flex .col-lg-auto,
.row.flex .col-md,
.row.flex .col-md-1,
.row.flex .col-md-10,
.row.flex .col-md-11,
.row.flex .col-md-12,
.row.flex .col-md-2,
.row.flex .col-md-3,
.row.flex .col-md-4,
.row.flex .col-md-5,
.row.flex .col-md-6,
.row.flex .col-md-7,
.row.flex .col-md-8,
.row.flex .col-md-9,
.row.flex .col-md-auto,
.row.flex .col-sm,
.row.flex .col-sm-1,
.row.flex .col-sm-10,
.row.flex .col-sm-11,
.row.flex .col-sm-12,
.row.flex .col-sm-2,
.row.flex .col-sm-3,
.row.flex .col-sm-4,
.row.flex .col-sm-5,
.row.flex .col-sm-6,
.row.flex .col-sm-7,
.row.flex .col-sm-8,
.row.flex .col-sm-9,
.row.flex .col-sm-auto,
.row.flex .col-xl,
.row.flex .col-xl-1,
.row.flex .col-xl-10,
.row.flex .col-xl-11,
.row.flex .col-xl-12,
.row.flex .col-xl-2,
.row.flex .col-xl-3,
.row.flex .col-xl-4,
.row.flex .col-xl-5,
.row.flex .col-xl-6,
.row.flex .col-xl-7,
.row.flex .col-xl-8,
.row.flex .col-xl-9,
.row.flex .col-xl-auto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
}
.col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.col-offset-12 {
  margin-left: 100%;
}
.col-offset-11 {
  margin-left: 91.66666667%;
}
.col-offset-10 {
  margin-left: 83.33333333%;
}
.col-offset-9 {
  margin-left: 75%;
}
.col-offset-8 {
  margin-left: 66.66666667%;
}
.col-offset-7 {
  margin-left: 58.33333333%;
}
.col-offset-6 {
  margin-left: 50%;
}
.col-offset-5 {
  margin-left: 41.66666667%;
}
.col-offset-4 {
  margin-left: 33.33333333%;
}
.col-offset-3 {
  margin-left: 25%;
}
.col-offset-2 {
  margin-left: 16.66666667%;
}
.col-offset-1 {
  margin-left: 8.33333333%;
}
.col-offset-0 {
  margin-left: 0;
}
@media (max-width: 767px) {
  .col-xs-offset-12 {
    margin-left: 100%;
  }
  .col-xs-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xs-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xs-offset-9 {
    margin-left: 75%;
  }
  .col-xs-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xs-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xs-offset-6 {
    margin-left: 50%;
  }
  .col-xs-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xs-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xs-offset-3 {
    margin-left: 25%;
  }
  .col-xs-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xs-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xs-offset-0 {
    margin-left: 0;
  }
  .hidden-xs {
    display: none !important;
  }
}
@media all and (min-width: 481px) {
  .container {
    margin-right: 30px;
    margin-left: 30px;
  }
  .row {
    margin-right: -10.5px;
    margin-left: -10.5px;
  }
  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12 {
    padding-left: 10.5px;
    padding-right: 10.5px;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
  .hidden-sm {
    display: none !important;
  }
}
@media all and (min-width: 769px) {
  .container {
    margin-right: 45px;
    margin-left: 45px;
  }
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
  .hidden-md {
    display: none !important;
  }
}
@media all and (min-width: 1441px) {
  .container {
    margin-right: 80px;
    margin-left: 80px;
  }
  .row {
    margin-right: -20px;
    margin-left: -20px;
  }
  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .hidden-lg {
    display: none !important;
  }
}
@media all and (min-width: 1920px) {
  .container {
    margin-right: 100px;
    margin-left: 100px;
  }
  .row {
    margin-right: -25px;
    margin-left: -25px;
  }
  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12 {
    padding-left: 25px;
    padding-right: 25px;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .hidden-xl {
    display: none !important;
  }
}
/**THESE AREG GRID EXCEPTIONS*/
@media all and (max-width: 769px) {
  .col-sm-full img {
    width: -webkit-calc(100% + 60px);
    width: calc(100% + 60px);
    margin-left: -30px;
  }
  .hidden-sm {
    display: none !important;
  }
}
.hidden-sm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media all and (min-width: 481px) {
  .hidden-sm {
    display: block;
  }
}
@media all and (max-width: 481px) {
  .no-margin-sm {
    margin-top: 0 !important;
  }
}
@media all and (max-width: 769px) {
  .reverse-grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
/*@font-face {
    font-family: 'united-heavy';
    font-weight: normal;
    src: url("/fonts/UnitedSansReg-Heavy.woff");
}
@font-face {
    font-family: 'united-light';
    font-weight: normal;
    src: url("/fonts/UnitedSansReg-Medium.otf");
}
@font-face {
    font-family: 'united';
    font-weight: bold;
    src: url("/fonts/UnitedSansReg-Bold.otf");
}
@font-face {
    font-family: 'united';
    font-weight: normal;
    src: url("/fonts/UnitedSansReg-Medium.otf");
}


@font-face {
    font-family: 'gatorade-black';
    font-weight: bold;
    src: url("/fonts/gatorade-black-italic-webfont.woff");
}




@font-face {
    font-family: 'proximanova';
    font-weight: normal;
    src: url("/fonts/proxima_nova_reg-webfont.woff");
}

@font-face {
    font-family: 'proximanova';
    font-weight: bold;
    src: url('/fonts/348F0A_4_0.eot');
    src: url('/fonts/348F0A_4_0.eot?#iefix') format('embedded-opentype'), url('/fonts/348F0A_4_0.woff2') format('woff2'), url('/fonts/348F0A_4_0.woff') format('woff'), url('/fonts/348F0A_4_0.ttf') format('truetype');
}

@font-face {
    font-family: 'ProximaNova-Semibold';
    src: url('/fonts/348F0A_5_0.eot');
    src: url('/fonts/348F0A_5_0.eot?#iefix') format('embedded-opentype'), url('/fonts/348F0A_5_0.woff2') format('woff2'), url('/fonts/348F0A_5_0.woff') format('woff'), url('/fonts/348F0A_5_0.ttf') format('truetype');
}

@font-face {
    font-family: 'ProximaNova-Light';
    src: url('/fonts/3482C5_4_0.eot');
    src: url('/fonts/3482C5_4_0.eot?#iefix') format('embedded-opentype'), url('/fonts/3482C5_4_0.woff2') format('woff2'), url('/fonts/3482C5_4_0.woff') format('woff'), url('/fonts/3482C5_4_0.ttf') format('truetype'), url('/fonts/3482C5_4_0.svg#wf') format('svg');
}*/
@font-face {
  font-family: 'HelveticaNeueLTStd';
  font-weight: normal;
  src: url("/Fonts/5664093/08b57253-2e0d-4c12-9c57-107f6c67bc49.woff2") format("woff2"), url("/Fonts/5664093/08edde9d-c27b-4731-a27f-d6cd9b01cd06.woff") format("woff");
}
@font-face {
  font-family: 'HelveticaNeueLTStd';
  font-weight: bold;
  src: url("/Fonts/5664103/240c57a0-fdce-440d-9ce3-85e0cb56f470.woff2") format("woff2"), url("/Fonts/5664103/7802e576-2ffa-4f22-a409-534355fbea79.woff") format("woff");
}
@font-face {
  font-family: 'KairosSans';
  font-weight: normal;
  src: url("/Fonts/2985999/592a3396-a875-4053-98d6-902f76ec85c2.woff2") format("woff2"), url("/Fonts/2985999/2582f61b-fd4d-4270-a3a4-6d386f893676.woff") format("woff");
}
@font-face {
  font-family: "KairosSans";
  font-weight: bold;
  src: url("/Fonts/5348527/12525846-78d3-46b8-9b6e-29d114140c84.woff2") format("woff2"), url("/Fonts/5348527/1f8a2a41-7ff3-4f5d-a967-73e16f0008ae.woff") format("woff");
}
/*This less is for tag based styles only!*/
h1 {
  font-size: 40px;
  letter-spacing: -0.8px;
  font-family: 'HelveticaNeueLTStd';
  line-height: 48px;
  margin: 0;
}
@media all and (min-width: 769px) {
  h1 {
    font-size: 52px;
    letter-spacing: -1px;
    line-height: 60px;
  }
}
@media all and (min-width: 1441px) {
  h1 {
    font-size: 68px;
    letter-spacing: -1.5px;
    line-height: 76px;
  }
}
h2 {
  font-size: 28px;
  letter-spacing: -0.5px;
  font-family: 'HelveticaNeueLTStd';
  line-height: 34px;
  margin: 0;
}
h2 + p {
  margin-top: 40px;
}
@media all and (min-width: 769px) {
  h2 {
    font-size: 36px;
    letter-spacing: -1px;
    line-height: 42px;
  }
}
@media all and (min-width: 1441px) {
  h2 {
    font-size: 48px;
    letter-spacing: -1px;
    line-height: 1em;
    line-height: 54px;
  }
}
h3 {
  font-size: 24px;
  letter-spacing: -0.25px;
  font-family: 'HelveticaNeueLTStd';
  line-height: 32px;
  margin: 0;
  margin-bottom: 30px;
}
@media all and (min-width: 769px) {
  h3 {
    font-size: 28px;
    letter-spacing: -0.5px;
    line-height: 34px;
  }
}
@media all and (min-width: 1441px) {
  h3 {
    font-size: 36px;
    letter-spacing: -1px;
    line-height: 42px;
  }
}
div.h4,
h4 {
  font-size: 18px;
  letter-spacing: -0.25px;
  font-family: 'HelveticaNeueLTStd';
  line-height: 26px;
  margin: 0;
}
@media all and (min-width: 769px) {
  div.h4,
  h4 {
    font-size: 20px;
    letter-spacing: -0.25px;
    line-height: 28px;
  }
}
@media all and (min-width: 1441px) {
  div.h4,
  h4 {
    font-size: 24px;
    letter-spacing: -0.25px;
    line-height: 32px;
  }
}
body {
  font-size: 16px;
  letter-spacing: -0.15px;
  line-height: 24px;
  font-family: 'HelveticaNeueLTStd';
  background-color: #fff;
  color: #000;
}
body a {
  color: #000;
  background-color: transparent;
}
body a:link {
  background: transparent;
  color: #000;
}
body a:visited {
  background: transparent;
  color: #000;
}
body.lock {
  overflow-y: hidden;
}
body *::-moz-selection {
  background-color: transparent;
  /*color: #000;*/
}
body *::selection {
  background-color: transparent;
  /*color: #000;*/
}
body .text-black {
  color: #000;
}
body .text-orange {
  color: #ff3C00 !important;
}
p {
  margin: 0;
}
@media all and (min-width: 1441px) {
  body {
    font-size: 18px;
    letter-spacing: -0.15px;
    line-height: 26px;
  }
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  color: #000;
}
.body2 {
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 22px;
  font-family: 'HelveticaNeueLTStd';
}
@media all and (min-width: 1441px) {
  .body2 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.15px;
  }
}
.eyebrow {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  font-family: 'KairosSans';
  font-weight: normal;
  text-transform: uppercase;
}
.subLg {
  font-family: 'HelveticaNeueLTStd';
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}
.subMd {
  font-family: 'HelveticaNeueLTStd';
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}
.subSm {
  font-family: 'HelveticaNeueLTStd';
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
}
@media all and (min-width: 769px) {
  .subLg {
    font-family: 'HelveticaNeueLTStd';
    font-size: 20px;
    letter-spacing: -0.25px;
    line-height: 28px;
  }
  .subMd {
    font-family: 'HelveticaNeueLTStd';
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
  }
  .subSm {
    font-family: 'HelveticaNeueLTStd';
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
  }
}
@media all and (min-width: 1441px) {
  .subLg {
    font-size: 24px;
    letter-spacing: -0.25px;
    line-height: 36px;
  }
  .subMd {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 26px;
  }
  .subSm {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
  }
}
/*FONTS FOR ARTICLES*/
.article-callout {
  font-family: 'HelveticaNeueLTStd';
  font-size: 28px;
  letter-spacing: -0.5px;
  line-height: 40px;
  color: #000;
}
.article-callout-desktop {
  font-size: 48px;
  letter-spacing: -1px;
  line-height: 62px;
}
.article-callout-tablet {
  font-size: 36px;
  line-height: 50px;
}
.article-body {
  font-family: 'HelveticaNeueLTStd';
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0;
  color: #666;
}
.article-body-desktop {
  font-size: 18px;
  line-height: 32px;
}
.article-body-tablet {
  font-size: 16px;
  line-height: 30px;
}
.article-title {
  font-family: 'KairosSans';
  text-transform: uppercase;
  font-size: 55px;
  line-height: 55px;
  color: #000;
}
.article-title-tablet {
  font-size: 80px;
  line-height: 80px;
}
.article-title-desktop {
  font-size: 100px;
  line-height: 100px;
}
.article-title-desktop-xl {
  font-size: 120px;
  letter-spacing: -0.5px;
  line-height: 120px;
}
@media all and (min-width: 769px) {
  .article-callout {
    font-size: 36px;
    line-height: 50px;
  }
  .article-body {
    font-size: 16px;
    line-height: 30px;
  }
  .article-title {
    font-size: 80px;
    line-height: 80px;
  }
}
@media all and (min-width: 1441px) {
  .article-callout {
    font-size: 48px;
    letter-spacing: -1px;
    line-height: 62px;
  }
  .article-body {
    font-size: 18px;
    line-height: 32px;
  }
  .article-title {
    font-size: 100px;
    line-height: 100px;
  }
}
@media all and (min-width: 1601px) {
  .article-title {
    font-size: 120px;
    line-height: 120px;
  }
}
/*FONTS FOR ARTICLES*/
a {
  text-decoration: none;
}
img {
  width: 100%;
  height: auto;
  display: block;
}
img.bolt {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-left: 10px;
  display: inline-block;
}
img[width="0"],
img[width="1"] {
  visibility: hidden;
  position: absolute;
  left: -1000px;
  display: none;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.center-block {
  display: block;
  margin: 0 auto;
}
.text-full {
  width: 100%;
}
.text-center {
  text-align: center;
}
.text-grey {
  color: #666;
}
.text-lt-grey {
  color: #8f8e8e;
}
.text-orange {
  color: #ff3C00;
}
.text-green {
  color: #00632e;
}
.text-white {
  color: #fff;
}
.bg-black {
  background-color: #000;
  color: #fff;
}
.reg {
  vertical-align: baseline;
  position: relative;
  top: -1.2em;
  font-size: 0.4em;
  line-height: 1;
}
@media all and (max-width: 769px) {
  .reg {
    vertical-align: baseline;
    position: relative;
    top: -0.9em;
    font-size: 0.5em;
  }
}
.bg-debug {
  background-color: rgba(255, 0, 0, 0.5);
}
.bg-light {
  background-color: #f3f1f0 !important;
}
.buffer {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.hide {
  display: none !important;
}
.hidden {
  display: none !important;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.center-block {
  display: block;
  margin: 0 auto;
}
.border-bottom {
  border-bottom: 1px solid #cccccc;
}
a.external {
  text-decoration: underline;
}
a.external .svgExternal {
  fill: #000000;
}
body a.cta,
body button.cta {
  font-family: 'KairosSans';
  background-color: #ff3C00;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  font-size: 16px;
  line-height: 64px;
  display: block;
  width: 100%;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  letter-spacing: 1px;
  /*&:hover {
        background-color: @color-black;
    }*/
}
body a.cta.disabled,
body button.cta.disabled {
  color: #fff;
  background-color: #bbb;
  cursor: default;
  color: #000;
}
body a.cta.disabled:hover,
body button.cta.disabled:hover {
  background-color: #bbb;
}
body a.cta.outline,
body button.cta.outline {
  font-family: 'KairosSans';
  color: #000;
  border: 1px solid #000;
  background-color: transparent;
  text-transform: uppercase;
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  line-height: 40px;
  display: block;
  height: 40px;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  letter-spacing: 1px;
  text-decoration: none;
}
body a.cta.outline.inline,
body button.cta.outline.inline {
  padding: 0 40px;
  display: inline-block;
  width: auto;
  width: unset;
  height: auto;
  line-height: 40px;
}
body a.cta.outline:hover,
body button.cta.outline:hover {
  background-color: #000;
  color: #fff;
}
body a.cta.outline.disabled,
body button.cta.outline.disabled {
  color: #000;
  background-color: #bbb;
  cursor: default;
  border: 0;
}
body a.cta.outline.disabled:hover,
body button.cta.outline.disabled:hover {
  background-color: #bbb;
}
body a.cta.solid,
body button.cta.solid {
  font-family: 'KairosSans';
  color: #fff;
  background-color: #000;
  font-size: 16px;
  font-weight: normal;
  line-height: 40px;
  height: 40px;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  display: block;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
}
body a.cta.solid:hover,
body button.cta.solid:hover {
  background-color: #ff3C00;
}
body a.cta.solid.disabled,
body button.cta.solid.disabled {
  color: #000;
  background-color: #bbb;
  cursor: default;
  border: 0;
}
body a.cta.solid.disabled:hover,
body button.cta.solid.disabled:hover {
  background-color: #bbb;
}
body a.cta.inline,
body button.cta.inline {
  padding: 0 40px;
  display: inline-block;
  width: auto;
  width: unset;
  height: auto;
  line-height: 40px;
}
body a.cta.builder,
body button.cta.builder {
  background-color: #fff;
  color: #000;
  width: 163px;
  line-height: 62px;
  border-radius: 30px;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  text-transform: none;
  text-align: center;
  display: block;
  font-family: 'HelveticaNeueLTStd';
  font-size: 16px;
  letter-spacing: 0;
  font-weight: bold;
}
body a.cta.builder.expand,
body button.cta.builder.expand {
  width: 62px;
  height: 64px;
  -webkit-transition: width 250ms ease-in-out;
  transition: width 250ms ease-in-out;
  position: relative;
  background-color: transparent;
  border: 1px solid #ff3C00;
  color: #ff3C00;
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}
body a.cta.builder.expand svg,
body button.cta.builder.expand svg {
  position: absolute;
  top: 23px;
  left: 21.5px;
  margin-left: 0;
}
body a.cta.builder.expand span,
body button.cta.builder.expand span {
  opacity: 0;
  -webkit-transition: opacity 250ms ease-in-out;
  transition: opacity 250ms ease-in-out;
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  position: absolute;
  width: 150px;
  color: #ff3C00;
  left: 30px;
}
body a.cta.builder.expand:hover,
body button.cta.builder.expand:hover {
  width: 190px;
  background-color: transparent;
  border: 1px solid #ff3C00;
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}
body a.cta.builder.expand:hover span,
body button.cta.builder.expand:hover span {
  opacity: 1;
  left: 30px;
  -webkit-transition-delay: 250ms;
          transition-delay: 250ms;
}
body a.cta.builder.remove,
body button.cta.builder.remove {
  background-color: transparent;
  border: 1px solid #ff3C00;
  color: #ff3C00;
}
body a.cta.builder.remove svg,
body button.cta.builder.remove svg {
  margin-left: 0px;
  margin-right: 10px;
}
body a.cta.builder.remove .btnRemoveSvg path,
body button.cta.builder.remove .btnRemoveSvg path {
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
body a.cta.builder.remove:hover,
body button.cta.builder.remove:hover {
  background-color: #ff3C00;
  color: #fff;
}
body a.cta.builder.remove:hover .btnRemoveSvg path,
body button.cta.builder.remove:hover .btnRemoveSvg path {
  stroke: #fff;
}
body a.cta.builder svg,
body button.cta.builder svg {
  margin-left: 10px;
  margin-bottom: -0.15em;
}
body a.cta.builder .st1,
body button.cta.builder .st1 {
  stroke: #000;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
body a.cta.builder:hover,
body button.cta.builder:hover {
  background-color: #000;
  color: #fff;
}
body a.cta.builder:hover .st1,
body button.cta.builder:hover .st1 {
  stroke: #fff;
}
body a.cta.builder.disabled,
body button.cta.builder.disabled {
  color: #000;
  background-color: #bbb;
  cursor: default;
  border: 0;
}
body a.cta.builder.disabled .btnRemoveSvg path,
body button.cta.builder.disabled .btnRemoveSvg path {
  stroke: #000;
}
body a.cta.builder.disabled:hover,
body button.cta.builder.disabled:hover {
  background-color: #bbb;
  color: #000;
}
body a.cta.builder.disabled:hover .btnRemoveSvg path,
body button.cta.builder.disabled:hover .btnRemoveSvg path {
  stroke: #000;
}
body a.cta.white,
body button.cta.white {
  border: 0;
  background-color: #fff;
  color: #000;
}
body #prodBuyBtn {
  font-size: 19px;
  font-weight: bold;
}
body #prodBuyBtn.disabled {
  font-size: 16px;
  font-weight: normal;
}
.bg-dark a.cta.outline,
.bg-black a.cta.outline {
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
}
.bg-dark a.cta.outline:hover,
.bg-black a.cta.outline:hover {
  background-color: #fff;
  color: #000;
}
.bg-dark a.cta.outline.disabled,
.bg-black a.cta.outline.disabled {
  color: #000;
  background-color: #bbb;
  cursor: default;
  border: 0;
}
.bg-dark a.cta.outline.disabled:hover,
.bg-black a.cta.outline.disabled:hover {
  background-color: #bbb;
}
.bg-dark a.cta.solid,
.bg-black a.cta.solid {
  color: #000;
  background-color: #fff;
  padding: 0;
  width: 180px;
}
.bg-dark a.cta.solid:hover,
.bg-black a.cta.solid:hover {
  background-color: #ff3C00;
  color: #fff;
}
.bg-dark a.cta.solid.disabled,
.bg-black a.cta.solid.disabled {
  color: #000;
  background-color: #bbb;
  cursor: default;
  border: 0;
}
.bg-dark a.cta.solid.disabled:hover,
.bg-black a.cta.solid.disabled:hover {
  background-color: #bbb;
}
.lgl {
  font-size: 12px;
  line-height: 16px;
  width: 100%;
  color: #666;
  margin-top: -20px;
  margin-bottom: 60px;
  padding-left: 34.2%;
}
@media all and (max-width: 769px) {
  .lgl {
    padding-left: 0;
    width: 100%;
  }
}
.padding-top-lg {
  padding-top: 90px;
}
.padding-top-md {
  padding-top: 50px;
}
.padding-top-sm {
  padding-top: 30px;
}
.padding-bottom-lg {
  padding-bottom: 90px;
}
.padding-bottom-md {
  padding-bottom: 60px;
}
.padding-bottom-sm {
  padding-bottom: 30px;
}
.padding-right-md {
  padding-right: 60px;
}
.padding-top-xs {
  padding-top: 30px;
}
@media all and (min-width: 481px) {
  .padding-top-lg {
    padding-top: 120px;
  }
  .padding-top-md {
    padding-top: 60px;
  }
  .padding-top-sm {
    padding-top: 40px;
  }
  .padding-bottom-lg {
    padding-bottom: 120px;
  }
  .padding-bottom-md {
    /*padding-bottom: @vert-padding-bl1-Small;*/
    padding-bottom: 60px;
  }
  .padding-bottom-sm {
    padding-bottom: 40px;
  }
  .padding-right-md {
    padding-right: 60px;
  }
}
@media all and (min-width: 769px) {
  .padding-top-lg {
    padding-top: 120px;
  }
  .padding-top-md {
    padding-top: 60px;
  }
  .padding-top-sm {
    padding-top: 40px;
  }
  .padding-bottom-lg {
    padding-bottom: 120px;
  }
  .padding-bottom-md {
    padding-bottom: 60px;
  }
  .padding-bottom-sm {
    padding-bottom: 40px;
  }
  .padding-right-md {
    padding-right: 60px;
  }
}
@media all and (min-width: 1441px) {
  .padding-top-lg {
    padding-top: 160px;
  }
  .padding-top-md {
    padding-top: 80px;
  }
  .padding-top-sm {
    padding-top: 40px;
  }
  .padding-bottom-lg {
    padding-bottom: 160px;
  }
  .padding-bottom-md {
    padding-bottom: 80px;
  }
  .padding-bottom-sm {
    padding-bottom: 40px;
  }
  .padding-right-md {
    padding-right: 60px;
  }
}
@media all and (min-width: 1920px) {
  .padding-top-lg {
    padding-top: 180px;
  }
  /*.padding-top-md {
        padding-top: @vert-padding-bl0-XL;
    }*/
  .padding-top-sm {
    padding-top: 60px;
  }
  .padding-bottom-lg {
    padding-bottom: 180px;
  }
  /*.padding-bottom-md {
        padding-bottom: @vert-padding-bl1-XL;
    }*/
  .padding-bottom-sm {
    padding-bottom: 60px;
  }
  .padding-right-md {
    padding-right: 60px;
  }
}
.no-margin-top {
  margin-top: 0 !important;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.sub-margin-top {
  margin-top: 15px !important;
}
@media all and (max-width: 481px) {
  .sub-margin-top {
    margin-top: 10px !important;
  }
}
.border-top {
  border-top: 1px solid #ccc;
}
.widget.border-top {
  border-color: #666666;
}
.margin-top-lg {
  margin-top: 90px;
}
.margin-top-md {
  margin-top: 60px;
}
.margin-top-sm {
  margin-top: 30px;
}
.margin-bottom-lg {
  margin-bottom: 90px;
}
.margin-bottom-md {
  margin-bottom: 60px;
}
.margin-bottom-sm {
  margin-bottom: 30px;
}
.padding-top-80 {
  padding-top: 80px;
}
@media all and (min-width: 481px) {
  .margin-top-lg {
    margin-top: 120px;
  }
  .margin-top-md {
    margin-top: 60px;
  }
  .margin-top-sm {
    margin-top: 40px;
  }
  .margin-bottom-lg {
    margin-bottom: 120px;
  }
  .margin-bottom-md {
    margin-bottom: 60px;
  }
  .margin-bottom-sm {
    margin-bottom: 40px;
  }
}
@media all and (min-width: 769px) {
  .margin-top-lg {
    margin-top: 120px;
  }
  .margin-top-md {
    margin-top: 60px;
  }
  .margin-top-sm {
    margin-top: 40px;
  }
  .margin-bottom-lg {
    margin-bottom: 120px;
  }
  .margin-bottom-md {
    margin-bottom: 60px;
  }
  .margin-bottom-sm {
    margin-bottom: 40px;
  }
}
@media all and (min-width: 1441px) {
  .margin-top-lg {
    margin-top: 160px;
  }
  .margin-top-md {
    margin-top: 80px;
  }
  .margin-top-sm {
    margin-top: 40px;
  }
  .margin-bottom-lg {
    margin-bottom: 160px;
  }
  .margin-bottom-md {
    margin-bottom: 80px;
  }
  .margin-bottom-sm {
    margin-bottom: 40px;
  }
}
/*@media all and (min-width: @width-XL) {
    .margin-top-lg {
        margin-top: @vert-padding-bl2-XL;
    }

    .margin-top-md {
        margin-top: @vert-padding-bl1-XL;
    }

    .margin-top-sm {
        margin-top: @vert-padding-bl0-XL;
    }

    .margin-bottom-lg {
        margin-bottom: @vert-padding-bl2-XL;
    }

    .margin-bottom-md {
        margin-bottom: @vert-padding-bl1-XL;
    }

    .margin-bottom-sm {
        margin-bottom: @vert-padding-bl0-XL;
    }
}*/
.no-padding-left {
  padding-left: 0 !important;
}
.no-padding-right {
  padding-right: 0 !important;
}
.no-wrap {
  white-space: nowrap;
}
/*IE fix*/
@media all and (-ms-high-contrast: none) {
  img {
    max-width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
/*PLUGINS*/
/*GENERAL COMPONENTS / FRAMEWORK LEVEL*/
header {
  position: absolute;
  width: 100%;
  z-index: 5;
  top: 0;
}
header nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 25px;
  margin-top: 40px;
  z-index: 950;
  position: relative;
}
@media all and (max-width: 769px) {
  header nav {
    margin-top: 25px;
  }
}
header nav .external svg {
  margin-left: 5px;
}
header nav .svgExternal {
  fill: #000;
}
header nav.light .eyebrow {
  color: #fff;
}
header nav.light .eyebrow::after {
  background-color: #fff;
}
header nav.light .mobile-profile rect.edge {
  stroke: #fff;
}
header nav.light .svgExternal {
  fill: #fff;
}
header nav.light #right_nav .eyebrow {
  height: 20px;
}
header nav.light #right_nav .profile .edge,
header nav.light #right_nav .search .edge {
  stroke: #fff;
}
header nav.light #right_nav .profile .edgeHandle,
header nav.light #right_nav .search .edgeHandle {
  fill: #fff;
}
header nav.light #right_nav .edge {
  stroke: #fff;
}
header nav.light .closed .Right {
  fill: #fff;
}
header nav #right_nav,
header nav #desktop_container {
  display: none !important;
}
header nav .logo img {
  height: 43px;
  width: auto;
}
header nav .cartCount {
  width: 25px;
  height: 25px;
  background-color: #eb0028;
  color: #fff;
  border-radius: 50%;
  line-height: 28.5px;
  margin: 0;
  margin-left: 40px;
  margin-top: -3px;
  position: relative;
  display: none;
}
header nav .cartCount.mobile {
  display: none;
}
@media (max-width: 769px) {
  header nav .cartCount.mobile {
    margin-left: 0;
    margin-right: 10px;
    margin-top: -5px;
  }
}
header nav .cartCount span {
  position: absolute;
  top: -1px;
  left: 0;
  font-size: 12px;
  width: 25px;
  text-align: center;
}
@media all and (min-width: 481px) {
  header nav {
    margin: 0 30px;
    margin-top: 40px;
  }
}
@media all and (min-width: 769px) {
  header nav {
    margin: 0 45px;
    margin-top: 40px;
  }
  header nav #desktop_container {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    margin-top: -5px;
  }
  header nav #right_nav {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  header nav .logo img {
    height: 48px;
  }
}
@media all and (min-width: 1441px) {
  header nav {
    margin: 0 80px;
    margin-top: 40px;
  }
}
@media all and (min-width: 1920px) {
  header nav {
    margin: 0 100px;
    margin-top: 40px;
  }
}
header nav a.eyebrow {
  color: #000;
  text-decoration: none;
  margin: 0 20px;
  position: relative;
  height: 20px;
}
@media all and (max-width: 990px) {
  header nav a.eyebrow {
    margin: 0 10px;
  }
}
@media all and (max-width: 850px) {
  header nav a.eyebrow {
    margin: 0 3px;
  }
}
header nav a.eyebrow::after {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  background-color: #000;
  bottom: -4px;
  left: 0;
  -webkit-transition: width 200ms ease-in-out;
  transition: width 200ms ease-in-out;
}
header nav a.eyebrow:hover::after {
  width: 100%;
}
header nav a.eyebrow.active {
  cursor: default;
}
header nav a.eyebrow.active::after {
  -webkit-transition: none;
  transition: none;
  width: 100%;
}
header nav #right_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
header nav #right_nav .svg {
  margin: 0 20px;
}
header nav #right_nav .profile {
  margin-right: 0;
  width: 18px;
  height: 20px;
  overflow: hidden;
}
header nav #right_nav .edge {
  stroke: #fff;
}
header nav #right_nav .search .edgeHandle,
header nav #right_nav .search .edge {
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
header nav #right_nav .search .edgeHandle {
  fill: #000;
}
header nav #right_nav .search .edge {
  stroke: #000;
}
header nav #right_nav .search:hover .edge {
  stroke: #ff3C00;
}
header nav #right_nav .search:hover .edgeHandle {
  fill: #ff3C00;
}
header nav #right_nav .profile .edgeHandle,
header nav #right_nav .profile .edge {
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
header nav #right_nav .profile .edgeHandle {
  fill: #000;
}
header nav #right_nav .profile .edge {
  stroke: #000;
}
header nav #right_nav .profile:hover .edge {
  stroke: #ff3C00;
}
header nav #right_nav .profile:hover .edgeHandle {
  fill: #ff3C00;
}
header nav .mobile-profile {
  margin-right: 10px;
  width: 18px;
  height: 20px;
  overflow: hidden;
  margin-top: -2px;
}
@media all and (min-width: 769px) {
  header nav .mobile-profile {
    display: none;
  }
}
header nav .nav__hamburger {
  background: transparent;
  border: none;
  cursor: pointer;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  position: relative;
  outline: transparent;
}
header nav .nav__hamburger:active,
header nav .nav__hamburger:focus {
  outline: transparent;
}
header nav .nav__hamburger .open {
  display: none;
}
header nav .nav__hamburger.is-open .closed {
  display: none;
}
header nav .nav__hamburger.is-open .open {
  display: block;
}
@media all and (min-width: 769px) {
  header nav .nav__hamburger {
    display: none !important;
  }
}
header .mobile-nav_container {
  background-color: #f3f1f0;
  position: fixed;
  top: -100vh;
  width: 100%;
  z-index: 945;
  height: 100%;
  -webkit-transition: 500ms top ease-in-out;
  transition: 500ms top ease-in-out;
  /*LANDSCAPE MOBILE FIX*/
}
@media all and (min-width: 769px) {
  header .mobile-nav_container {
    display: none !important;
  }
}
header .mobile-nav_container.open {
  top: 0;
}
header .mobile-nav_container .container {
  position: relative;
  top: 100px;
  height: -webkit-calc(100% - 130px);
  height: calc(100% - 130px);
}
header .mobile-nav_container .container .top-nav a.m-nav {
  display: block;
  color: #000;
  font-size: 10vw;
  line-height: 1.3em;
  font-weight: bold;
  position: relative;
}
header .mobile-nav_container .container .top-nav a.m-nav.active {
  color: #ff3C00;
}
header .mobile-nav_container .container .bottom-nav {
  position: absolute;
  bottom: 0;
  width: 100%;
}
header .mobile-nav_container .container .bottom-nav a.sm-nav {
  width: 100%;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
header .mobile-nav_container .container .bottom-nav a.sm-nav img {
  text-align: right;
  width: auto;
}
header .mobile-nav_container .container .bottom-nav a.sm-nav + a.sm-nav {
  border-top: 1px solid #919090;
  padding-top: 30px;
  margin-top: 30px;
}
@media all and (max-width: 767px) and (max-height: 650px) {
  header .mobile-nav_container {
    top: -750px;
  }
  header .mobile-nav_container .container .top-nav a.m-nav {
    font-size: 4vh !important;
  }
}
header .mobile-nav_container .mobile-nav_container .container {
  position: relative;
  top: 100px;
}
header .profile.mobile-profile.hidden {
  visibility: hidden;
}
footer {
  background-color: #000;
  color: #fff;
  width: 100%;
}
footer .ftr-top {
  padding-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /*a:not([href*='gatorade.aws']):not([href^='#']):not([href^='/']):not([href*='pepsico.com']):not([href*='policy.gatorade.com']):after,
        a:not([href*='gatorade.loc']):not([href^='#']):not([href^='/']):not([href*='pepsico.com']):not([href*='policy.gatorade.com']):after,
        a:not([href*='pepext.com']):not([href^='#']):not([href^='/']):not([href*='pepsico.com']):not([href*='policy.gatorade.com']):after,
        a:not([href*='gatorade.com']):not([href^='#']):not([href^='/']):not([href*='pepsico.com']):not([href*='policy.gatorade.com']):after {
            content: ' ';
            background-image: url('/images/svgExternal.svg');
            background-size: 10px 10px;
            height: 10px;
            width: 10px;
            display: inline-block;
            margin-left: 10px;
            vertical-align: middle;
        }*/
}
footer .ftr-top a.cta.inline {
  padding: 0;
  width: 180px;
}
footer .ftr-top a.cta.inline .ext {
  line-height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
}
footer .ftr-top a.cta.inline .svgExternal {
  fill: #fff;
  -webkit-transition: fill 250ms ease-in-out;
  transition: fill 250ms ease-in-out;
}
footer .ftr-top a.cta.inline:hover .svgExternal {
  fill: #000;
}
footer .ftr-top .nav .eyebrow {
  border-bottom: 1px solid #363636;
  display: block;
  font-weight: normal;
}
footer .ftr-top .nav a {
  color: #8b8b8b;
  display: block;
  -webkit-transition: color 250ms ease-in-out;
  transition: color 250ms ease-in-out;
}
footer .ftr-top .nav a .svgExternal {
  -webkit-transition: fill 250ms ease-in-out;
  transition: fill 250ms ease-in-out;
}
footer .ftr-top .nav a + a {
  margin: 11px 0;
}
footer .ftr-top .nav a span {
  position: relative;
}
footer .ftr-top .nav a:hover {
  color: #fff;
}
footer .ftr-top .nav a:hover .svgExternal {
  fill: #fff;
}
@media all and (max-width: 480px) {
  footer .ftr-top a.cta.inline {
    display: block;
    width: 100%;
  }
}
footer .ftr-btm {
  padding: 50px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 1px solid #363636;
}
footer .ftr-btm .social {
  max-width: 250px;
}
footer .ftr-btm .social a {
  display: inline-block;
}
footer .ftr-btm .copyright {
  color: #8b8b8b;
  font-size: 0.8em;
}
footer .ftr-btm a + a {
  margin-left: 30px;
}
footer .ftr-btm a svg {
  width: auto;
  height: 20px;
}
footer .ftr-btm a #youtube_icon path,
footer .ftr-btm a #twitter_icon path,
footer .ftr-btm a #instagram_icon path,
footer .ftr-btm a #facebook_icon path {
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
footer .ftr-btm a.twitter:hover #twitter_icon path {
  fill: #ff3C00;
}
footer .ftr-btm a.facebook:hover #facebook_icon {
  fill: #ff3C00;
}
footer .ftr-btm a.instagram:hover #instagram_icon path {
  fill: #ff3C00;
}
footer .ftr-btm a.youtube:hover #youtube_icon path {
  fill: #ff3C00;
}
@media all and (max-width: 550px) {
  footer .ftr-btm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  footer .ftr-btm .buffer {
    display: none;
  }
  footer .ftr-btm .copyright,
  footer .ftr-btm .social {
    width: 100%;
  }
  footer .ftr-btm .social {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 100%;
  }
}
.global .imgFrame {
  background-color: #f3f1f0;
}
.global .modal__content {
  margin-top: 100px;
}
.global div.textInput.search label {
  font-size: 40px;
  pointer-events: none;
  line-height: 40px;
}
@media all and (max-width: 481px) {
  .global div.textInput.search label {
    font-size: 7vw;
    line-height: 7vw;
  }
}
.global__suggestions {
  margin-top: 30px;
  font-size: 3vw;
  line-height: 3.5vw;
  font-weight: bold;
  cursor: pointer;
  position: absolute;
  color: #8d8d8d;
  z-index: 10;
  background-color: #fff;
  width: 100%;
  padding-bottom: 80px;
}
.global__suggestions div {
  margin-bottom: 24px;
  line-height: 50px;
}
@media all and (max-width: 769px) {
  .global__suggestions div {
    line-height: 32px;
  }
}
.global__suggestions div strong {
  font-weight: bold;
  color: #000;
}
@media all and (max-width: 481px) {
  .global__suggestions {
    font-size: 7vw;
    line-height: 6.5vw;
  }
  .global__suggestions div {
    margin-bottom: 15px;
  }
}
.global div.textInput.search input,
.global div.textInput.search label {
  color: #000;
}
.global .searchArrow {
  width: 56px;
  height: 56px;
  background: #ff3C00;
  border-radius: 50%;
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.global .searchArrow:hover {
  background: #000;
}
.global .searchArrow svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media all and (max-width: 481px) {
  .global .searchArrow {
    width: 46px;
    height: 46px;
    z-index: 10;
  }
  .global .searchArrow svg {
    width: 15px;
    height: auto;
  }
}
.global .fade {
  width: 170px;
  height: 60px;
  background-color: #ff0000;
  position: absolute;
  right: 0;
  bottom: 1px;
  z-index: 5;
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 55%, #ffffff 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(55%, #ffffff), color-stop(99%, #ffffff));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 55%, #ffffff 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}
/*GRID SPACING UPDATES*/
.wtb-padding {
  margin: 70px 0;
}
@media all and (min-width: 481px) {
  .wtb-padding {
    margin: 80px 0 100px 0;
  }
}
/*GRID SPACING UPDATES*/
/*MOBILE LANDSCAPE FIXES*/
@media all and (min-width: 768px) and (max-height: 700px) {
  header nav #desktop_container .resources-nav {
    margin: 0 6px;
  }
  header nav .logo img {
    height: 35px;
  }
  header nav .cartCount {
    margin-left: 10px;
  }
  header nav #right_nav .svg,
  header nav #right_nav .profile {
    margin: 0 10px;
  }
}
.profileLinks {
  position: absolute;
  bottom: -185%;
  right: 60px;
  background-color: #000;
  color: #fff;
  padding: 10px 17px;
  visibility: hidden;
}
.profileLinks a {
  color: #8b8b8b !important;
  display: block;
  font-size: 14px;
  -webkit-transition: color 250ms ease-in-out;
  transition: color 250ms ease-in-out;
}
.profileLinks a:hover {
  color: #fff !important;
}
.mobileAccount .header {
  width: 100%;
  margin-left: -30px;
  width: -webkit-calc(100% + 60px);
  width: calc(100% + 60px);
  padding-left: 30px;
  margin-top: 30px;
}
.mobileAccount .flx a {
  display: block;
  font-size: 3.5vh;
  font-weight: bold;
  line-height: 1.2em;
}
.mobileAccount .flx.unlogged {
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
}
.mobileAccount .flx.unlogged a + a {
  padding-left: 10px;
}
.mobileAccount .flx.unlogged,
.mobileAccount .flx.logged {
  display: none;
}
.mobileAccount a {
  margin-top: 00px;
}
body.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
}
.modal.open {
  z-index: 999;
  visibility: visible;
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
  -webkit-animation-name: modalOpen;
          animation-name: modalOpen;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.modal.open .modal__content {
  opacity: 0;
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
  -webkit-animation-name: modalContent;
          animation-name: modalContent;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}
.modal.close {
  opacity: 1;
  -webkit-animation-name: modalClose;
          animation-name: modalClose;
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  visibility: visible;
}
.modal__close {
  position: absolute;
  right: 80px;
  top: 60px;
  cursor: pointer;
  z-index: 999;
}
@media all and (max-width: 769px) {
  .modal__close {
    right: 50px;
    top: 50px;
  }
}
@media all and (max-width: 481px) {
  .modal__close {
    right: 25px;
    top: 25px;
  }
}
.modal__close .btnRemoveSvg {
  stroke: #777;
}
.modal__content {
  margin-top: 80px;
}
.overlayModal {
  display: none;
}
body.modal-open .overlayModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(255, 255, 255, 0.7);
  opacity: 1;
  visibility: visible;
}
@-webkit-keyframes modalOpen {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modalOpen {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes modalClose {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes modalClose {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes modalContent {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modalContent {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.col-header {
  overflow: hidden;
  -webkit-transition: padding, height 500ms ease-in-out;
  transition: padding, height 500ms ease-in-out;
  height: 92px;
  padding-top: 30px;
  border-top: 1px solid #cccccc;
  position: absolute;
  top: 75vh;
  width: 100%;
}
.col-header:first-child {
  border-top: 0;
  padding-top: 0;
}
.col-header .subheadline {
  opacity: 0;
  -webkit-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
}
.col-header div.h4,
.col-header h4 {
  margin: 0;
}
.col-header div.h4.headline,
.col-header h4.headline {
  color: #666;
  cursor: pointer;
}
.col-header div.h4 + .subSm,
.col-header h4 + .subSm {
  margin-top: 10px;
  margin-bottom: 30px;
}
.col-header .prodAttr {
  max-width: 300px;
}
.col-header.open {
  height: auto;
}
.col-header.open .subheadline {
  opacity: 1;
}
.col-header.open div.h4.headline,
.col-header.open h4.headline {
  color: #ff3C00;
}
.col-header__subNav {
  margin-top: 30px;
}
.col-header__subNav a {
  position: relative;
  width: auto;
  float: left;
  clear: left;
}
.col-header__subNav a + a {
  margin-top: 15px;
}
.col-header__subNav a::after {
  content: "";
  position: absolute;
  height: 2px;
  background-color: #000;
  bottom: -4px;
  left: 0;
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
  opacity: 0;
  height: 1px;
  bottom: 0;
  width: 100%;
}
@media all and (min-width: 769px) {
  .col-header__subNav a:hover::after {
    opacity: 1;
  }
}
#headers .col-header.closed:first-child div.h4,
#headers .col-header.closed:first-child h4 {
  padding-top: 30px;
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  width: 100%;
  height: 100vh;
}
.sticky:before,
.sticky:after {
  content: '';
  display: table;
}
.widget-border-top {
  border-top: 1px solid #666;
  padding-top: 40px;
}
@media all and (max-width: 769px) {
  .widget.mobile-portrait {
    overflow: hidden;
  }
  .widget.mobile-portrait img {
    width: 210% !important;
    margin-left: -50%;
  }
}
@media all and (max-width: 769px) {
  .widget.border-top {
    border: none;
  }
}
@media all and (max-width: 769px) {
  .widget.two-full.reverse-mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .widget.two-full.reverse-mobile > div:first-child {
    margin-bottom: 0;
    margin-top: 60px;
  }
  .widget.two-full.reverse-mobile > div:last-child {
    margin-bottom: 0px;
  }
}
.imgFrame {
  width: 100%;
  height: auto;
  overflow: hidden;
  max-height: 750px;
}
.imgFrame img {
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  display: block;
}
.imgFrame img:hover {
  -webkit-transform: scale(1.03);
      -ms-transform: scale(1.03);
          transform: scale(1.03);
}
.imgFrame.static img {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.imgFrame.static img:hover {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.tout div.h4,
.tout h4 {
  margin-top: 20px;
}
.widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.widget .border-top {
  border-color: #666;
}
.widget.two-col .imgFrame img {
  width: 142%;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media all and (max-width: 769px) {
  .widget.two-col .imgFrame img {
    width: auto;
    height: 500px;
  }
}
@media all and (max-width: 481px) {
  .widget.two-col .imgFrame img {
    height: 450px;
  }
}
.widget.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.widget a {
  position: relative;
  width: 100%;
}
.widget h2,
.widget div.h4,
.widget h4 {
  margin-bottom: 0;
  margin-top: 20px;
  min-height: 57px;
}
@media all and (max-width: 769px) {
  .widget h2,
  .widget div.h4,
  .widget h4 {
    min-height: 0;
  }
}
.widget .event {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding-top: 40px;
}
.widget .event__date {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  font-family: 'KairosSans';
  font-weight: normal;
  text-transform: uppercase;
}
.widget .event__date__day {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  font-family: 'KairosSans';
  font-weight: normal;
  text-transform: uppercase;
  font-size: 120px;
  line-height: 1;
}
@media all and (max-width: 1200px) {
  .widget .event__date__day {
    font-size: 70px;
  }
}
.widget .product {
  border-top: 1px solid #000;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 100%;
  position: relative;
}
.widget .product img {
  width: auto;
  height: auto;
  display: block;
  margin: 0 auto;
  width: 25%;
  -webkit-filter: drop-shadow(0px 0px 0px #ff3C00);
          filter: drop-shadow(0px 0px 0px #ff3C00);
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
}
.widget .product img:hover {
  -webkit-filter: drop-shadow(2px 2px 5px #ff3C00);
          filter: drop-shadow(2px 2px 5px #ff3C00);
}
.widget .product + .product {
  border: none;
}
.widget.two-full > a,
.widget.two-full > div {
  width: 48%;
  /*flex: 1 0 50%;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 481px) {
  .widget.two-full > a,
  .widget.two-full > div {
    width: 100%;
  }
  .widget.two-full > a:first-child,
  .widget.two-full > div:first-child {
    margin-bottom: 60px;
  }
}
.widget.two-full .event {
  padding-top: 0;
}
.widget.auto-full > a,
.widget.auto-full > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 481px) {
  .widget.auto-full > a,
  .widget.auto-full > div {
    width: 100%;
  }
  .widget.auto-full > a:first-child,
  .widget.auto-full > div:first-child {
    margin-bottom: 30px;
  }
}
.pill {
  font-size: 10px;
  vertical-align: baseline;
  position: relative;
  top: -2.2em;
  border-radius: 19px;
  padding: 5px 10px;
  padding-top: 7px;
  display: inline;
  height: 20px;
  letter-spacing: 1px;
  padding-top: 9px;
}
.pill.bg-orange {
  background-color: #ff7829;
  color: #000;
}
.pill.bg-white {
  background-color: #fff;
  color: #000;
}
.last-item {
  margin-bottom: 120px;
}
.last-item.widget div.h4,
.last-item.widget h4 {
  min-height: 0px !important;
}
.stepper-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.stepper-header button {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  font-family: 'KairosSans';
  font-weight: normal;
  text-transform: uppercase;
  margin: 0 10px;
  background: transparent;
  padding: 0;
  border: 0;
  outline: 0;
  cursor: pointer;
  display: none;
}
.stepper-header button.active {
  display: block;
  border-bottom: 2px solid black;
}
@media (min-width: 769px) {
  .stepper-header button {
    display: block;
  }
}
.stepper-header .stepper-back {
  position: absolute;
  top: 0;
  left: 20px;
  display: block;
  text-indent: -9999px;
  background-image: url("data:image/svg+xml,%3Csvg style='width: 9px; height: auto;' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 9 14' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfilter:url(%23filter-2);%7D .st1%7Bfill:none;stroke:%23000000;stroke-width:2;%7D%0A%3C/style%3E%3Cfilter filterUnits='objectBoundingBox' height='380.5%25' id='filter-2' width='240.2%25' x='-70.1%25' y='-106.9%25'%3E%3CfeMorphology in='SourceAlpha' operator='dilate' radius='1' result='shadowSpreadOuter1'%3E%3C/feMorphology%3E%3CfeOffset dx='0' dy='2' in='shadowSpreadOuter1' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeMorphology in='SourceAlpha' operator='erode' radius='1' result='shadowInner'%3E%3C/feMorphology%3E%3CfeOffset dx='0' dy='2' in='shadowInner' result='shadowInner'%3E%3C/feOffset%3E%3CfeComposite in='shadowOffsetOuter1' in2='shadowInner' operator='out' result='shadowOffsetOuter1'%3E%3C/feComposite%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='2'%3E%3C/feGaussianBlur%3E%3CfeColorMatrix in='shadowBlurOuter1' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0'%3E%3C/feColorMatrix%3E%3C/filter%3E%3Ctitle%3EArrow%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Symbols'%3E%3Cg id='Button-_x2F_-Builder-_x2F_-Primary-CTA' transform='translate(-116.000000, -27.000000)'%3E%3Cg id='CTA'%3E%3Cg id='Label-_x26_-Arrow' transform='translate(40.000000, 20.000000)'%3E%3Cg id='btnArrow' transform='translate(80.000000, 14.000000) rotate(-90.000000) translate(-80.000000, -14.000000) '%3E%3Cg class='st0'%3E%3Cpolyline id='path-1_2_' points='86,11 80,17 74,11'%3E%3C/polyline%3E%3C/g%3E%3Cg%3E%3Cpolyline id='path-1_1_' class='st1' points='86,11 80,17 74,11'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  width: 8px;
  height: 14px;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
@media (min-width: 769px) {
  .stepper-header .stepper-back {
    display: none;
  }
}
.stepper-content .step {
  opacity: 0;
  -webkit-transition: 1s opacity ease;
  transition: 1s opacity ease;
}
.hero {
  position: relative;
  top: 0;
  left: 0;
  height: 100vh;
  overflow: hidden;
}
.hero.darken::before {
  content: "";
  position: absolute;
  top: 0;
  height: 120px;
  width: 100%;
  z-index: 2;
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73000000', endColorstr='#00000000', GradientType=0);
  /* IE6-9 */
}
.hero.half {
  height: 50vh;
}
.hero.threeQrt {
  height: 75vh;
}
.hero.auto {
  height: auto;
}
.hero.just-text {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hero.just-text.threeQrt {
  height: auto;
  margin-top: 23vh;
  margin-bottom: 17vh;
}
@media all and (max-width: 769px) {
  .hero.just-text {
    margin-top: 100px;
  }
}
@media all and (max-width: 481px) {
  .hero.just-text {
    margin-bottom: 80px;
  }
}
.hero.just-text h1 + .subLg {
  margin-top: 20px;
}
.hero img {
  width: 100%;
  height: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.hero img.top {
  top: 0;
}
.hero img.middle {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.hero img.bottom {
  bottom: 0;
}
@media all and (max-width: 480px) {
  .hero.darken {
    background-color: #000;
  }
  .hero.darken h1 {
    bottom: 20px;
    left: 38px;
  }
  .hero img {
    height: 40vh;
    left: auto;
    width: auto;
    opacity: 0.9;
    margin-left: 38%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.cMsg {
  position: fixed;
  width: 100%;
  background-color: #3d3c3a;
  z-index: 999;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  top: 0;
  color: #fff;
}
.cMsg a,
.cMsg a:visited {
  color: #fff;
}
.cMsg .btnRemoveSvg {
  stroke: #fff;
}
.cMsg .aboutBtn {
  font-family: 'KairosSans';
  color: #fff;
}
.cMsg .close {
  position: absolute;
  top: 45px;
  right: 80px;
  font-size: 24px;
  color: #fff;
}
@media all and (max-width: 640px) {
  .cMsg .close {
    top: 29px;
    bottom: auto;
    right: 33px;
  }
}
.cMsg .container {
  padding: 30px 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cMsg__notice {
  width: -webkit-calc(100% - 300px);
  width: calc(100% - 300px);
}
.cMsg__notice__title {
  font-size: 20px;
  color: #fff;
}
.cMsg__notice__sub {
  color: #a9a9a9;
}
@media all and (max-width: 640px) {
  .cMsg__notice {
    width: 100%;
  }
}
.cMsg__buttons {
  width: 240px;
  margin-right: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 9px;
}
@media all and (max-width: 1600px) {
  .cMsg__buttons {
    width: 210px;
    margin-right: 80px;
  }
}
@media all and (max-width: 640px) {
  .cMsg__buttons {
    width: 100%;
    margin-top: 20px;
    margin-right: 0px;
  }
}
.cMsg__buttons .cta {
  max-width: 100px;
}
.cMsg__buttons a {
  text-transform: uppercase;
  color: #fff;
}
.cMsg__buttons a.close {
  font-size: 24px;
}
.checkbox {
  display: block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1;
  vertical-align: middle;
  font-size: 19px;
}
.checkbox.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox input:checked ~ span.checkmark svg {
  opacity: 1;
}
.checkbox span.checkmark {
  width: 18px;
  height: 18px;
  background-color: #fff;
  border: 1px solid #666;
  position: absolute;
  top: 0;
  left: 0;
}
.checkbox span.checkmark svg {
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
  opacity: 0;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.checkbox:hover span.checkmark {
  border: 2px solid #666;
}
.radioButton {
  display: block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1;
  vertical-align: middle;
  font-size: 19px;
}
.radioButton.conf span.radioMark svg {
  opacity: 1;
}
.radioButton.conf span.radioMark::after {
  width: 18px;
  height: 18px;
  opacity: 1;
}
.radioButton input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.radioButton input:checked ~ span.radioMark::after {
  opacity: 1;
}
.radioButton span.radioMark {
  border: 1px solid #ff3C00;
  background-color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
}
.radioButton span.radioMark svg {
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
  opacity: 0;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 5;
}
.radioButton span.radioMark svg .svgCheckmark {
  fill: #fff;
}
.radioButton span.radioMark::after {
  content: "";
  width: 10px;
  height: 10px;
  opacity: 0;
  background-color: #ff3C00;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
}
.radioButton:hover span.radioMark {
  border: 2px solid #ff3C00;
}
div.textInput {
  position: relative;
  border: 0;
  padding: 0;
  margin: 0;
  margin-top: 35px;
}
div.textInput.no-margin {
  margin-top: 0px;
}
div.textInput select,
div.textInput input {
  /* Remove First */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  display: block;
  width: 100%;
  border: 0;
  background-color: transparent;
  font-family: 'HelveticaNeueLTStd';
  font-size: 24px;
  letter-spacing: -0.25px;
  color: #666;
  border-bottom: 1px solid #d7d7d7;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  padding-bottom: 20px;
  font-weight: normal;
}
div.textInput select:valid,
div.textInput input:valid,
div.textInput select:focus,
div.textInput input:focus {
  border-bottom: 1px solid #666;
  outline: none;
}
div.textInput.completed input:valid,
div.textInput.completed input:focus {
  border-bottom: 1px solid #d7d7d7;
}
div.textInput.error input {
  border-bottom: 1px solid #ff3C00;
  color: #ff3C00;
}
div.textInput.error input:valid,
div.textInput.error input:focus {
  border-bottom: 1px solid #ff3C00;
}
div.textInput label {
  position: absolute;
  font-weight: normal;
  top: 3px;
  left: 0px;
  font-family: 'HelveticaNeueLTStd';
  font-size: 24px;
  letter-spacing: -0.25px;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  color: #666;
}
div.textInput input:focus + label,
div.textInput input:valid + label {
  font-size: 14px !important;
  -webkit-transform: translate3d(0, -40px, 0);
  transform: translate3d(0, -40px, 0);
}
div.textInput.search label {
  font-size: 16px;
  pointer-events: none;
}
div.textInput.search #cuSiteSearchBtn,
div.textInput.search #siteWideSearchBtn {
  position: absolute;
  right: 0;
  top: -10px;
  z-index: 10;
}
@media all and (max-width: 481px) {
  div.textInput.search #cuSiteSearchBtn,
  div.textInput.search #siteWideSearchBtn {
    top: -6px;
  }
}
div.textInput.search #siteWideClearBtn {
  position: absolute;
  right: 0px;
  top: 3px;
  padding: 0 20px;
  z-index: 10;
}
@media all and (max-width: 481px) {
  div.textInput.search #siteWideClearBtn {
    right: 0;
    top: -6px;
    padding: 0 20px;
  }
}
div.textInput.search input {
  border-bottom-color: #ccc;
}
div.textInput.main-search {
  margin-right: 00px;
}
div.textInput.main-search input#cuSearchFormInput,
div.textInput.main-search input#siteWideSearchFormInput {
  font-size: 40px;
  font-weight: bold;
}
@media all and (max-width: 481px) {
  div.textInput.main-search input#cuSearchFormInput,
  div.textInput.main-search input#siteWideSearchFormInput {
    font-size: 7vw;
  }
}
div.textInput.search #cuSiteSearchBtn {
  top: 0;
}
div.textInput.search .activeSearch {
  visibility: hidden;
  bottom: 16px;
  position: absolute;
  right: 0;
}
@media (max-width: 769px) {
  div.textInput input {
    padding-bottom: 20px;
    font-size: 16px;
  }
  div.textInput.search #cuSiteSearchBtn {
    top: -2px;
  }
}
.inline-error {
  color: #ff3C00;
  font-size: 14px;
  font-family: 'HelveticaNeueLTStd';
  margin-top: 20px;
  vertical-align: middle;
  line-height: 1;
}
.inline-error span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  height: 18px;
  margin-top: -3px;
}
#siteWiseSearchModel {
  background-color: white;
  max-height: 100%;
  overflow-y: auto;
}
#siteWiseSearchModel div.textInput input {
  padding-bottom: 30px;
}
.switch {
  position: absolute;
}
.switch label {
  position: absolute;
  left: 0;
  top: 5px;
  font-family: 'HelveticaNeueLTStd';
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
  font-weight: bold;
}
.switch__bg {
  cursor: pointer;
  border-radius: 16px;
  width: 70px;
  height: 30px;
  border: 1px solid #aaa;
  background-color: #fff;
  position: absolute;
  left: 30px;
}
.switch__bg:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 4px;
  background-color: #ff3C00;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
.switch__bg + label {
  position: absolute;
  left: 107px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch input:checked + .switch__bg:before {
  -webkit-transform: translateX(39px);
  -ms-transform: translateX(39px);
  transform: translateX(39px);
}
.current-trendings .trending {
  color: #707070;
  margin-bottom: 20px;
}
.current-trendings .trending h4 {
  font-size: 14px;
}
.search-results {
  margin-right: 40px;
}
/*Fancy elements that aren't technically form elements*/
.qty {
  width: 100px;
  height: 35px;
  position: relative;
  background-color: transparent;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  color: #000;
  border: 1px solid #ccc;
  border-radius: 20px;
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.qty input {
  font-family: 'HelveticaNeueLTStd';
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  line-height: 1;
  border: 0;
  cursor: default;
  pointer-events: none;
  width: 30px;
  text-align: center;
  height: 100%;
  background-color: transparent;
  width: 100%;
}
.qty input:active,
.qty input:focus {
  border: 0;
}
.qty span.stepperVal {
  display: block;
  line-height: 1;
  position: absolute;
  top: 50%;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.qty span.stepperVal.stepperVal {
  width: 100%;
  text-align: center;
  z-index: 1;
}
.qty span.stepperVal.newValue {
  top: -50%;
}
.qty span.decrement {
  display: block;
  line-height: 1;
  position: absolute;
  left: 0;
  height: 100%;
  margin: 0 10px;
  z-index: 2;
  top: 0;
  width: 20px;
  cursor: pointer;
}
.qty span.decrement svg {
  position: absolute;
  top: 16px;
}
.qty span.decrement.inactive .svgDecrement,
.qty span.decrement.inactive .svgIncrement {
  fill: #AAA;
}
.qty span.increment {
  display: block;
  line-height: 1;
  position: absolute;
  right: 0;
  height: 12px;
  margin: 0 10px;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  cursor: pointer;
}
.qty span.increment svg {
  right: 0px;
  position: absolute;
  top: 11px;
}
.qty span.increment.inactive .svgDecrement,
.qty span.increment.inactive .svgIncrement {
  fill: #AAA;
}
.qty .svgDecrement,
.qty .svgIncrement {
  -webkit-transition: fill 200ms ease-in-out;
  transition: fill 200ms ease-in-out;
}
.qty:hover {
  background-color: #fff;
  border-color: #fff;
}
.qty.inactive {
  background-color: transparent;
  border-color: #AAA;
}
.qty.inactive span,
.qty.inactive input {
  color: #AAA;
  cursor: default;
}
.qty.inactive span .svgDecrement,
.qty.inactive input .svgDecrement,
.qty.inactive span .svgIncrement,
.qty.inactive input .svgIncrement {
  fill: #AAA;
}
.qty.inactive:hover {
  background-color: #AAA;
  background-color: transparent;
}
.dropdown {
  width: 100%;
  height: 63px;
  padding-top: 20px;
  position: relative;
  cursor: pointer;
}
.dropdown.static .arrow {
  display: none;
}
.dropdown .border {
  height: 1px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #7c7c7c;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.dropdown .sub {
  color: #666;
  font-size: 14px;
}
.dropdown .title-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.dropdown .title {
  font-family: 'HelveticaNeueLTStd';
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  color: #000;
}
.dropdown:hover .border {
  height: 2px;
  background-color: #ff3C00;
}
.shipping {
  position: relative;
  width: 100%;
  display: inline-block;
}
.shipping .body2 {
  color: #666;
  display: block;
  margin-bottom: 25px;
  line-height: 1;
}
.shipping .radioButton {
  font-family: 'HelveticaNeueLTStd';
  font-size: 24px;
  letter-spacing: -0.25px;
  color: #666;
  padding-left: 0;
  width: 100%;
  padding-bottom: 25px;
  border-bottom: 1px solid #ccc;
}
.shipping .radioButton span.radioMark {
  left: auto;
  right: 0;
}
.shipping_bottom {
  margin-top: 15px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.shipping_bottom .subSm {
  line-height: 1;
}
.vjs-modal-dialog .vjs-modal-dialog-content,
.video-js .vjs-modal-dialog,
.vjs-button > .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-button > .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}
@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play,
.video-js .vjs-play-control .vjs-icon-placeholder,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}
.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}
.vjs-icon-pause,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}
.vjs-icon-volume-mute,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}
.vjs-icon-volume-low,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}
.vjs-icon-volume-mid,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}
.vjs-icon-volume-high,
.video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before,
.video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}
.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}
.vjs-icon-fullscreen-exit,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}
.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f10a";
}
.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10b";
}
.vjs-icon-subtitles,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10c";
}
.vjs-icon-captions,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10d";
}
.vjs-icon-chapters,
.video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before,
.video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}
.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f10f";
}
.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f110";
}
.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder,
.video-js .vjs-volume-level,
.video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before,
.video-js .vjs-volume-level:before,
.video-js .vjs-play-progress:before {
  content: "\f111";
}
.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f112";
}
.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}
.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f114";
}
.vjs-icon-cancel,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f115";
}
.vjs-icon-replay,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f116";
}
.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f117";
}
.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-gplus:before {
  content: "\f118";
}
.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f119";
}
.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f11a";
}
.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f11b";
}
.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f11c";
}
.vjs-icon-audio-description,
.video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before,
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f11d";
}
.vjs-icon-audio,
.video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before,
.video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f11e";
}
.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f11f";
}
.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f120";
}
.vjs-icon-picture-in-picture-enter,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f121";
}
.vjs-icon-picture-in-picture-exit,
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before,
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f122";
}
.video-js {
  display: block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js[tabindex="-1"] {
  outline: none;
}
.video-js *,
.video-js *:before,
.video-js *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0;
}
.video-js.vjs-16-9 {
  padding-top: 56.25%;
}
.video-js.vjs-4-3 {
  padding-top: 75%;
}
.video-js.vjs-fill {
  width: 100%;
  height: 100%;
}
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}
.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
.vjs-hidden {
  display: none !important;
}
.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}
.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}
.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 50px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: none;
  background-color: #fff;
  border-radius: 50%;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
}
.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.81666em;
  margin-left: -1.5em;
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}
.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  -webkit-transition: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}
.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}
.video-js .vjs-modal-dialog > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}
.vjs-menu-button {
  cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
  cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}
.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}
.vjs-menu .vjs-menu-content > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}
.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}
.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}
.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}
.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}
.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}
.video-js .vjs-menu-button-inline {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
  width: 2.22222222em;
}
.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}
.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.vjs-has-started .vjs-control-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}
.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}
.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}
.video-js .vjs-custom-control-spacer {
  display: none;
}
.video-js .vjs-progress-control {
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 4em;
  -ms-touch-action: none;
      touch-action: none;
}
.video-js .vjs-progress-control.disabled {
  cursor: default;
}
.vjs-live .vjs-progress-control {
  display: none;
}
.vjs-liveui .vjs-progress-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vjs-no-flex .vjs-progress-control {
  width: auto;
}
.video-js .vjs-progress-holder {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em;
}
.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.66666667em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}
.video-js .vjs-play-progress {
  background-color: #ff3C00;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.33333333em;
  z-index: 1;
}
.video-js .vjs-load-progress {
  background: rgba(255, 60, 0, 0.5);
}
.video-js .vjs-load-progress div {
  background: rgba(255, 60, 0, 0.75);
}
.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}
.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}
.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-slider.disabled {
  cursor: default;
}
.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  -webkit-box-shadow: 0 0 1em #fff;
          box-shadow: 0 0 1em #fff;
}
.video-js .vjs-mute-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}
.video-js .vjs-volume-panel {
  -webkit-transition: width 1s;
  transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  -webkit-transition: left 0s;
  transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  -webkit-transition: width 0.1s;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: none;
  transition: none;
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}
.video-js .vjs-volume-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}
.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}
.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
}
.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}
.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}
.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #fff;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.vjs-poster::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.35;
}
.vjs-has-started .vjs-poster {
  display: none;
}
.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}
.vjs-using-native-controls .vjs-poster {
  display: none;
}
.video-js .vjs-live-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  font-size: 1em;
  line-height: 3em;
}
.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}
.video-js .vjs-seek-to-live-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}
.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}
.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}
.video-js .vjs-time-control {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}
.vjs-live .vjs-time-control {
  display: none;
}
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}
.vjs-time-divider {
  display: none;
  line-height: 3em;
}
.vjs-live .vjs-time-divider {
  display: none;
}
.video-js .vjs-play-control {
  cursor: pointer;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}
.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}
.vjs-subtitles {
  color: #fff;
}
.vjs-captions {
  color: #fc6;
}
.vjs-tt-cue {
  display: block;
}
video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-3em);
          transform: translateY(-3em);
}
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-1.5em);
          transform: translateY(-1.5em);
}
.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}
.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}
.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}
@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " ";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
  display: none;
}
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: auto;
  width: initial;
}
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button {
  display: none;
}
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: block;
}
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control {
  display: none;
}
.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}
@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
        grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: -1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}
.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}
.vjs-text-track-settings fieldset span {
  display: inline-block;
}
.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}
.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}
.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(88%, #fff), to(#73859f));
  background-image: -webkit-linear-gradient(bottom, #fff 88%, #73859f 100%);
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}
.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(88%, #fff), to(#73859f));
  background-image: -webkit-linear-gradient(top, #fff 88%, #73859f 100%);
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}
.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}
@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}
.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
  background: none;
}
.video-js *:focus:not(:focus-visible),
.video-js .vjs-menu *:focus:not(:focus-visible) {
  outline: none;
  background: none;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder {
  color: #000;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  top: 3px;
}
/*.vjs-picture-in-picture-control{
    display: none !important;
}*/
.vjs-youtube-mobile .vjs-big-play-button {
  display: block !important;
}
/*PRODUCT COMPONENTS / FRAMEWORK LEVEL*/
.gcom-modal {
  z-index: 999;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  display: none;
}
.gcom-modal .modal__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.9;
  background-color: #f2f1f0;
  z-index: 900;
}
.gcom-modal .modal__close {
  top: 30px;
  right: 30px;
}
.gcom-modal .modal__close .close {
  position: absolute;
  top: 0;
  right: 0;
}
.gcom-modal #tryIntersitial {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 630px;
  padding: 60px 40px;
  background-color: #fff;
  color: #000;
  opacity: 0;
  display: none;
}
@media (max-width: 768px) {
  .gcom-modal #tryIntersitial {
    width: 80%;
    padding: 60px 40px;
  }
}
.gcom-modal #tryIntersitial span {
  display: block;
  font-weight: bold;
  font-size: 2.5em;
  text-align: center;
  text-transform: uppercase;
}
.gcom-modal #tryIntersitial .btn-box {
  position: relative;
  bottom: 0;
  width: 100%;
  margin-top: 40px;
}
.gcom-modal #tryIntersitial .btn-box .btn {
  width: auto;
  display: inline-block;
  text-align: center;
  /*font-size: 13px;
                padding-top: 20px;
                padding-bottom: 20px;*/
  text-decoration: none;
  border: 1px solid #000;
  padding: 24px 90px;
}
.gcom-modal #tryIntersitial .btn-box .btn:hover {
  background-color: #fff;
  color: #000;
}
.gcom-modal #tryIntersitial .btn-box .btn + .btn {
  margin-left: 40px;
}
@media (max-width: 768px) {
  .gcom-modal #tryIntersitial span {
    font-size: 1.5em;
  }
  .gcom-modal #tryIntersitial .btn-box {
    width: auto;
    position: relative;
  }
  .gcom-modal #tryIntersitial .btn-box .btn {
    display: block;
    width: auto;
  }
  .gcom-modal #tryIntersitial .btn-box .btn + .btn {
    margin-left: 0px;
    margin-top: 20px;
  }
}
@media (max-width: 480px) {
  .gcom-modal #tryIntersitial {
    padding: 10px;
  }
}
.gcom-modal .nutritionModal {
  position: absolute;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: -webkit-calc(90% - 40px);
  height: calc(90% - 40px);
  width: -webkit-calc(90% - 40px);
  width: calc(90% - 40px);
  max-width: 500px;
  padding: 80px;
  background-color: #fff;
  -webkit-box-shadow: 2px 0px 12px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 2px 0px 12px 5px rgba(0, 0, 0, 0.15);
  z-index: 991;
}
@media (max-width: 767px) {
  .gcom-modal .nutritionModal {
    height: -webkit-calc(80% - 40px);
    height: calc(80% - 40px);
    width: -webkit-calc(80% - 40px);
    width: calc(80% - 40px);
  }
}
@media (max-width: 767px) {
  .gcom-modal .nutritionModal {
    padding: 50px 20px;
    width: 90%;
    height: 90%;
  }
}
.gcom-modal .destiniModal {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80vw;
  height: 80vh;
  background-color: transparent;
  position: absolute;
}
@media (max-width: 480px) {
  .gcom-modal .destiniModal {
    height: 75vh;
  }
}
.gcom-modal .destiniModal .modal-bar {
  background-color: #eeeeee;
  width: 100%;
}
.gcom-modal .destiniModal .modal-bar .modalContain {
  padding: 10px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gcom-modal .destiniModal .modal-bar .modalContain .destTitle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  height: 100%;
  color: #000;
  font-weight: bold;
}
.gcom-modal .destiniModal .modal-bar .modalContain .destTitle .btn {
  margin-left: 20px;
}
.gcom-modal .destiniModal .modal-bar .modalContain .buffer {
  -ms-flex: 1;
  -webkit-box-flex: 1;
          flex: 1;
}
.prodAttr__lbl {
  color: #666;
  margin: 35px 0 20px 0;
}
.prodAttr.no-margin .prodAttr__lbl {
  margin-top: 0;
}
.prodAttr__rating {
  background: #ffac2f;
  /* Old browsers */
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #ffac2f 0%, #ff3b0d 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#ffac2f), to(#ff3b0d));
  background: linear-gradient(to right, #ffac2f 0%, #ff3b0d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffac2f', endColorstr='#ff3b0d', GradientType=1);
  /* IE6-9 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 6px;
  margin-left: -3px;
  width: 100%;
}
.prodAttr__rating__bar {
  width: 20%;
  background-color: #d8d8d8;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  position: relative;
}
.prodAttr__rating__bar::before {
  content: "";
  position: absolute;
  left: 0;
  width: 3px;
  background-color: #f3f1f0;
  z-index: 2;
  height: 6px;
}
.prodAttr__rating__bar.active {
  background-color: transparent;
}
.flavor-selector-slider,
.format-selector-slider {
  padding-top: 68px;
  padding-bottom: 70px;
  margin: 0 auto;
}
@media (max-width: 769px) {
  .flavor-selector-slider,
  .format-selector-slider {
    padding-top: 109px;
    padding-bottom: 70px;
  }
}
@media (max-width: 481px) {
  .flavor-selector-slider,
  .format-selector-slider {
    padding-top: 109px;
  }
}
.flavor-selector-slider img,
.format-selector-slider img {
  width: auto;
  height: -webkit-calc(91vh - 273px);
  height: calc(91vh - 273px);
  display: block;
  margin: 0 auto 20px;
  /*transition: 1s margin ease;*/
  -webkit-transition: -webkit-transform 250ms ease-in-out;
  transition: -webkit-transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
}
@media all and (min-width: 769px) {
  .flavor-selector-slider img:hover,
  .format-selector-slider img:hover {
    -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
            transform: scale(1.02);
  }
}
@media (min-width: 1441px) {
  .flavor-selector-slider img,
  .format-selector-slider img {
    margin: 0 auto 40px;
  }
}
@media (max-width: 481px) {
  .flavor-selector-slider img,
  .format-selector-slider img {
    height: -webkit-calc(70vh - 273px);
    height: calc(70vh - 273px);
  }
}
@media (max-width: 400px) {
  .flavor-selector-slider img,
  .format-selector-slider img {
    height: 270px;
  }
}
@media (max-width: 350px) {
  .flavor-selector-slider img,
  .format-selector-slider img {
    height: 221px;
  }
}
@media all and (max-width: 481px) {
  .flavor-selector-slider img,
  .format-selector-slider img {
    /*height: calc(85vh - 273px);*/
    /*height: 270px;*/
    left: auto;
    opacity: 1;
  }
}
.flavor-selector-slider .swiper-wrapper,
.format-selector-slider .swiper-wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
}
.flavor-selector-slider .swiper-slide,
.format-selector-slider .swiper-slide {
  width: auto;
  cursor: pointer;
}
@media (max-width: 481px) {
  .product__detail__hero__controls.recover-whey-protein-powder .flavor-selector-slider,
  .product__detail__hero__controls.recover-whey-protein-powder .format-selector-slider {
    padding-top: 136px;
  }
  .product__detail__hero__controls.recover-whey-protein-powder .flavor-selector-slider .swiper-slide img,
  .product__detail__hero__controls.recover-whey-protein-powder .format-selector-slider .swiper-slide img {
    height: 220px;
  }
  .product__detail__hero__controls.recover-whey-protein-almond-butter-bar .flavor-selector-slider,
  .product__detail__hero__controls.recover-whey-protein-almond-butter-bar .format-selector-slider {
    padding-top: 136px;
  }
}
@media (max-width: 481px) {
  .product__detail__hero__controls.endurance-formula .flavor-selector-slider,
  .product__detail__hero__controls.endurance-formula .format-selector-slider {
    padding-top: 122px;
  }
  .product__detail__hero__controls.endurance-formula .flavor-selector-slider .swiper-slide img,
  .product__detail__hero__controls.endurance-formula .format-selector-slider .swiper-slide img {
    height: 230px;
  }
  .product__detail__hero__controls.endurance-formula .flavor-selector-slider,
  .product__detail__hero__controls.endurance-formula .format-selector-slider {
    padding-top: 122px;
  }
}
@media (max-width: 481px) {
  .product__detail__hero__controls.energy-gel-with-caffeine .flavor-selector-slider,
  .product__detail__hero__controls.energy-gel-with-caffeine .format-selector-slider {
    padding-top: 146px;
  }
}
.format-selector-slider .swiper-slide.active .format-selector-item-wrap {
  margin-left: 50vw;
  margin-right: 50vw;
}
.format-selector-slider .format-selector-item-wrap {
  margin: 0 8vw;
}
.flavor-selector-slider img {
  margin: 0 2vh 20px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
@media (min-width: 1441px) {
  .flavor-selector-slider img {
    margin: 0 5vh 40px;
  }
}
@media (min-width: 769px) {
  .flavor-selector-slider img {
    margin: 0 3vh 40px;
  }
}
.flavor-selector-slider .swiper-slide.active img {
  margin-left: 50vw;
  margin-right: 50vw;
}
.flavor-selector-slider .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
}
.flavor-selector-slider .swiper-pagination .swiper-pagination-bullet {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0 5px;
  width: 8px;
  height: 8px;
  -webkit-transition: 0.5s ease-in-out all;
  transition: 0.5s ease-in-out all;
  opacity: 1;
}
.flavor-selector-slider .swiper-pagination .swiper-pagination-bullet:focus,
.flavor-selector-slider .swiper-pagination .swiper-pagination-bullet:active {
  outline: none;
}
@media (min-width: 769px) {
  .flavor-selector-slider .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }
}
.flavor-selector-slider .swiper-pagination .swiper-pagination-bullet-active {
  width: 15px;
  height: 15px;
  margin-top: -5px;
}
@media (min-width: 769px) {
  .flavor-selector-slider .swiper-pagination .swiper-pagination-bullet-active {
    width: 20px;
    height: 20px;
  }
}
.flavor-selector-slider.swiper-container-initialized .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#flavor-selector-slider-txt {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  font-family: 'KairosSans';
  font-weight: normal;
  text-transform: uppercase;
  font-size: 11px;
  border: 1px solid #000;
  padding: 4px 20px;
  border-radius: 15px;
  -webkit-transition: 0.5s ease-in-out all;
  transition: 0.5s ease-in-out all;
  position: absolute;
  bottom: 60px;
  left: 50%;
  cursor: pointer;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 100;
  color: #000;
}
@media (min-width: 769px) {
  #flavor-selector-slider-txt {
    bottom: 60px;
    font-size: 12px;
    padding: 5px 30px;
  }
}
#productModal,
#formatModal {
  background: transparent;
  -webkit-transition: 0.5s background ease;
  transition: 0.5s background ease;
}
#productModal .modal__content,
#formatModal .modal__content {
  margin-top: 60px;
  position: relative;
}
#productModal .productModalDisclaimer,
#formatModal .productModalDisclaimer {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
  font-size: 12px;
}
@media all and (max-width: 769px) {
  #productModal .productModalDisclaimer,
  #formatModal .productModalDisclaimer {
    bottom: 40px;
  }
}
.format-selector {
  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;
  padding-top: 69px;
}
@media (max-width: 769px) {
  .format-selector {
    padding-top: 109px;
  }
  .format-selector p {
    font-size: 0.8em;
    white-space: nowrap;
  }
}
.format-selector-item {
  text-align: center;
  font-size: 16px;
  width: auto;
  cursor: pointer;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
}
.format-selector-item-wrap {
  margin: 0 50vw;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
}
.format-selector-item.hide-transition:not(.active) {
  /*overflow: hidden;*/
  opacity: 0;
}
.format-selector-item.hide-transition:not(.active) .format-selector-item-wrap {
  margin: 0 !important;
  width: 0 !important;
}
.format-selector-item.active {
  opacity: 1;
}
.format-selector-item.active .format-selector-item-wrap {
  visibility: visible;
}
.format-selector-item img {
  width: auto;
  height: -webkit-calc(91vh - 273px);
  height: calc(91vh - 273px);
  display: block;
  margin: 0 auto 20px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
@media (max-width: 350px) {
  .format-selector-item img {
    height: 221px;
  }
}
@media (max-width: 400px) {
  .format-selector-item img {
    height: 270px;
  }
}
@media (max-width: 481px) {
  .format-selector-item img {
    height: -webkit-calc(70vh - 273px);
    height: calc(70vh - 273px);
  }
}
@media (min-width: 1441px) {
  .format-selector-item img {
    margin: 0 auto 40px;
  }
}
.format-selector-item .format-selector-item-type {
  font-weight: bold;
  color: black;
  line-height: 16px;
}
@media all and (max-width: 769px) {
  .imageGrid .margin-top-sm {
    margin: 0;
  }
  .imageGrid .widget h4 {
    /*margin-bottom: 60px;*/
    min-height: 0;
  }
  .imageGrid .widget img {
    width: 100%;
  }
}
@media all and (max-width: 481px) {
  .imageGrid .widget a {
    width: 100%;
  }
  .imageGrid .widget.imgFrame {
    height: 450px;
  }
  .imageGrid .widget.imgFrame img {
    height: 100%;
    width: auto;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .imageGrid .widget.imgFrame.static img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .imageGrid .widget.imgFrame.static img:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@media all and (max-width: 350px) {
  .imageGrid .widget .imgFrame {
    height: 375px;
  }
}
.widget.extra-section-top {
  padding-top: 0px;
}
@media all and (min-width: 769px) {
  .widget.extra-section-top {
    padding-top: 80px;
  }
}
.widget.extra-section {
  padding-bottom: 120px;
}
@media all and (min-width: 769px) {
  .widget.extra-section {
    padding-bottom: 160px;
  }
}
.widget.padding-bottom-md {
  /*padding-bottom: 160px;*/
  /*@media all and (min-width: @width-tablet) {
        padding-bottom: 160px;
    }*/
}
@media all and (min-width: 769px) {
  .col-md-8 .imgFrame img {
    width: -webkit-calc(100% + 9px);
    width: calc(100% + 9px);
  }
}
/*PRODUCT COMPONENTS / GX */
#recycleModal {
  background-color: rgba(255, 255, 255, 0.5);
}
.gx.modal__content .container {
  width: 90%;
  max-width: 768px;
  margin: 0 auto;
  margin-top: 28vh;
  background-color: #fff;
  padding: 30px;
}
.gx.modal__content .container .modal__close {
  top: -5px;
  right: 25px;
}
.gx.modal__content .container .loop-logo {
  width: 100%;
  max-width: 100px;
}
.gx__nav {
  display: block;
  margin: 0 auto;
}
.gx__nav ol {
  padding: 0;
  text-align: center;
  list-style: decimal;
  list-style-position: inside;
  margin-top: 0;
}
.gx__nav ol li {
  display: inline-block;
}
.gx__nav ol li a {
  color: #666;
  text-decoration: none;
  font-family: 'KairosSans';
  text-transform: uppercase;
  cursor: default;
}
.gx__nav ol li a.visited {
  cursor: pointer;
  color: #000;
}
.gx__nav ol li a.active {
  color: #000;
  text-decoration: underline;
}
.gx__nav ol li + li {
  margin-left: 20px;
}
.gx__view {
  position: absolute;
  bottom: 80px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100px;
  height: 30px;
  margin-left: 0;
}
.gx__custom_name {
  border-radius: 50%;
  left: -10px;
  line-height: 40px;
  position: absolute;
  width: 60%;
  z-index: 100;
  margin-top: 23px;
}
.gx__textInput {
  position: absolute;
  bottom: 80px;
  left: 0;
  width: 90%;
  left: 5%;
  text-transform: uppercase;
}
.gx__textInput div.textInput label {
  left: 0;
  width: 100%;
  text-align: center;
}
.gx__textInput div.textInput input {
  text-align: center;
  color: #000;
}
.gx__textInput a.cta.builder {
  position: absolute;
  right: 0;
  bottom: 15px;
  z-index: 10;
}
.gx__textInput__subtitle {
  color: #666;
  width: 100%;
  text-align: center;
  margin-top: 10px;
}
.gx__slideContainer {
  width: 100%;
  overflow: hidden;
}
.gx__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 126vw;
  /*qty * 21vw or 5 bottles at 21vw = 105vw to get the spacing correct*/
}
.gx__slide__bottle {
  position: relative;
  width: 15vw;
  height: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  -webkit-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
          transform-origin: bottom center;
}
.gx__slide__bottle a.cta.builder {
  margin-top: 80px;
  width: 100%;
  background-color: #f3f1f0;
  position: relative;
  -webkit-transition: none;
  transition: none;
}
.gx__slide__bottle a.cta.builder.tv {
  margin-top: 0;
}
.gx__slide__bottle a.cta.builder svg {
  position: absolute;
  top: 25px;
}
.gx__slide__bottle a.cta.builder .btnArrow use {
  stroke: #f3f1f0;
}
.gx__slide__bottle a.cta.builder:hover {
  background-color: #fff;
  color: #000;
}
.gx__slide__bottle a.cta.builder:hover .btnArrow use {
  stroke: #000;
}
.gx__slide__tv__lid {
  position: absolute;
  z-index: 10;
}
.gx__slide__tv__bottle {
  -webkit-filter: drop-shadow(5px 5px 5px #999);
  filter: drop-shadow(5px 5px 5px #999);
}
.gx__slide__fv {
  width: 46.8%;
  position: relative;
  left: 26.6%;
  display: none;
}
.gx__slide__fv__lid {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: auto;
}
.gx__slide__fv__bottle {
  -webkit-filter: drop-shadow(5px 5px 5px #999);
  filter: drop-shadow(5px 5px 5px #999);
  width: 100%;
  height: auto;
}
.gx .widget h4 {
  min-height: 28px;
}
.gx .widget span {
  color: #707070;
}
.gx .widget span.price {
  color: black;
}
.gx .footer .loop-logo {
  width: 10%;
}
@media all and (max-width: 769px) {
  .gx .footer .loop-logo {
    margin-top: 20px;
  }
}
.gx .footer .margin-top-md {
  margin-top: 20px;
}
.gx .footer p {
  color: #707070;
}
.gx .no-border .footer .border-top {
  border-top: none !important;
}
@media (max-width: 767px) {
  .gx .widget h4 {
    margin-bottom: 0;
  }
  .gx .hide-mobile {
    display: none;
  }
}
#gxModal {
  background: #f3f1f0;
  /*@media all and (min-width: @width-tablet) {
        .swiper-container-autoheight .swiper-wrapper {
            height: auto !important;
        }
    }*/
}
#gxModal .modal__content {
  margin-top: 40px;
}
@media (min-width: 769px) {
  #gxModal .modal__content {
    margin-top: 65px;
  }
}
#gxModal .modal__close {
  top: 25px;
}
#gxModal #ChooseGXPods {
  /*a.swiper-button-disabled {
			opacity: .5;
			cursor: default;
			pointer-events: none;
		}*/
}
#gxModal #ChooseGXPods .swiper-slide {
  -webkit-transition: 1s opacity ease;
  transition: 1s opacity ease;
  opacity: 0.5;
}
#gxModal #ChooseGXPods .swiper-slide.swiper-slide-active,
#gxModal #ChooseGXPods .swiper-slide.complete,
#gxModal #ChooseGXPods .swiper-slide.individual-pods {
  opacity: 1;
}
#gxModal #ChooseGXPods .swiper-slide.complete + .swiper-slide {
  opacity: 1;
}
#gxModal #ChooseGXPods .not-available {
  opacity: 0.5 !important;
  cursor: not-allowed;
  pointer-events: none;
}
#gxModal #ChooseGXPods .modalBtn {
  pointer-events: none;
}
#gxModal #ChooseGXPods .swiper-slide-active .modalBtn {
  pointer-events: auto;
}
#gxModal #ChooseGXPods .hide-checkbox .checkbox {
  display: none;
}
#gxModal #ChooseGXPods .hide-checkbox .dropdown {
  margin-top: 90px;
}
#gxModal #ChooseGXPods a.cta.builder,
#gxModal #ChooseGXPods .gcomSwitch {
  z-index: 10;
  left: 50%;
  bottom: 50px;
}
@media all and (max-width: 769px) {
  #gxModal #ChooseGXPods a.cta.builder,
  #gxModal #ChooseGXPods .gcomSwitch {
    bottom: 30px;
  }
}
#gxModal #ChooseGXPods .swiper-button-disabled a {
  background: #C8C8C8;
  cursor: not-allowed;
}
#gxModal #ChooseGXPods .swiper-button-disabled a:hover,
#gxModal #ChooseGXPods .swiper-button-disabled a:focus,
#gxModal #ChooseGXPods .swiper-button-disabled a:active {
  color: #000;
  outline: 0;
}
#gxModal #ChooseGXPods .swiper-button-disabled a:hover .st1,
#gxModal #ChooseGXPods .swiper-button-disabled a:focus .st1,
#gxModal #ChooseGXPods .swiper-button-disabled a:active .st1 {
  stroke: #000;
}
#gxModal #ChooseGXPods a.cta.builder {
  margin-left: -81px;
  position: absolute;
  outline: 0;
}
#gxModal .gcomSwitch {
  left: 50%;
  bottom: 50px;
  margin-left: -60px;
  z-index: 10;
}
@media all and (max-width: 769px) {
  #gxModal .gcomSwitch {
    bottom: 50px;
  }
}
#gxModal .gcomSwitch .switch__bg {
  background: #f3f1f0;
}
#gxModal #podFlavorModal {
  top: 120px;
  bottom: 120px;
  left: 50%;
  padding-right: 0 !important;
  height: auto;
  -webkit-box-shadow: 4px 2px 25px rgba(0, 0, 0, 0.1);
          box-shadow: 4px 2px 25px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
#gxModal #podFlavorModal .pod-flavor-modal-wrap {
  padding: 25px 30px !important;
  height: 100%;
  overflow-y: scroll;
  position: relative;
  z-index: 99;
}
#gxModal #podFlavorModal:before {
  background: transparent;
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
#gxModal #podFlavorModal ul {
  margin: 0 0 15px;
  padding: 0;
  list-style: none;
}
#gxModal #podFlavorModal h3 {
  font-size: 14px;
  letter-spacing: 0;
  border-bottom: 1px solid #ccc;
}
#gxModal #podFlavorModal button {
  cursor: pointer;
  font-size: 14px;
  padding: 0;
  margin: 0 0 35px;
  background: transparent;
  border: 0;
  outline: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
}
#gxModal #podFlavorModal button img {
  width: 35px;
  margin-right: 20px;
}
.gx-slider {
  padding-top: 75px;
  padding-bottom: 70px;
  margin: 0 auto;
}
@media (min-width: 769px) {
  .gx-slider.center-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .gx-slider.center-slider .swiper-wrapper {
    width: auto !important;
  }
}
.gx-slider .swiper-slide {
  width: auto;
  cursor: pointer;
  text-align: center;
}
.gx-slider .swiper-slide:hover .gx-slider-txt,
.gx-slider .swiper-slide:focus .gx-slider-txt,
.gx-slider .swiper-slide:active .gx-slider-txt,
.gx-slider .swiper-slide.swiper-slide-active .gx-slider-txt {
  background: white;
}
.gx-slider .swiper-slide:hover .gx-slider-txt:after,
.gx-slider .swiper-slide:focus .gx-slider-txt:after,
.gx-slider .swiper-slide:active .gx-slider-txt:after,
.gx-slider .swiper-slide.swiper-slide-active .gx-slider-txt:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg style='width: 9px; height: auto;' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 9 14' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfilter:url(%23filter-2);%7D .st1%7Bfill:none;stroke:%23000000;stroke-width:2;%7D%0A%3C/style%3E%3Cfilter filterUnits='objectBoundingBox' height='380.5%25' id='filter-2' width='240.2%25' x='-70.1%25' y='-106.9%25'%3E%3CfeMorphology in='SourceAlpha' operator='dilate' radius='1' result='shadowSpreadOuter1'%3E%3C/feMorphology%3E%3CfeOffset dx='0' dy='2' in='shadowSpreadOuter1' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeMorphology in='SourceAlpha' operator='erode' radius='1' result='shadowInner'%3E%3C/feMorphology%3E%3CfeOffset dx='0' dy='2' in='shadowInner' result='shadowInner'%3E%3C/feOffset%3E%3CfeComposite in='shadowOffsetOuter1' in2='shadowInner' operator='out' result='shadowOffsetOuter1'%3E%3C/feComposite%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='2'%3E%3C/feGaussianBlur%3E%3CfeColorMatrix in='shadowBlurOuter1' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0'%3E%3C/feColorMatrix%3E%3C/filter%3E%3Ctitle%3EArrow%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Symbols'%3E%3Cg id='Button-_x2F_-Builder-_x2F_-Primary-CTA' transform='translate(-116.000000, -27.000000)'%3E%3Cg id='CTA'%3E%3Cg id='Label-_x26_-Arrow' transform='translate(40.000000, 20.000000)'%3E%3Cg id='btnArrow' transform='translate(80.000000, 14.000000) rotate(-90.000000) translate(-80.000000, -14.000000) '%3E%3Cg class='st0'%3E%3Cpolyline id='path-1_2_' points='86,11 80,17 74,11'%3E%3C/polyline%3E%3C/g%3E%3Cg%3E%3Cpolyline id='path-1_1_' class='st1' points='86,11 80,17 74,11'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  width: 8px;
  height: 14px;
  vertical-align: top;
  margin: 5.5px 0 0 10px;
}
.gx-slider-txt {
  text-transform: capitalize;
  font-size: 16px;
  margin-top: 40px;
  font-weight: bold;
  padding: 18px 30px;
  border-radius: 35px;
  display: inline-block;
}
.gx-slider-input {
  text-align: left;
  margin: 0 3vh;
}
@media (min-width: 769px) {
  .gx-slider-input {
    margin: 0 8vh;
  }
}
.gx-slider-input .checkbox {
  color: #666;
  font-size: 14px;
  margin-top: 40px;
}
.gx-slider-input .checkbox span.checkmark {
  background: #f3f1f0;
  border-color: #666;
}
.gx-slider-input .checkbox + .modalBtn .dropdown {
  margin-top: 35px;
}
.gx-slider-input .modalBtn .dropdown {
  padding-top: 10px;
  margin-top: 90px;
}
.gx-slider-input .modalBtn .dropdown .sub {
  font-size: 14px;
}
.gx-slider-input .modalBtn .dropdown .title-container {
  font-weight: bold;
}
.gx-slider.show-tops .gx-slider-img-top {
  opacity: 1;
  height: auto;
  display: inline-block;
  position: relative;
  text-align: center;
}
.gx-slider.show-tops .gx-slider-img-top img {
  opacity: 1;
}
.gx-slider.show-tops .gx-slider-img-bottle {
  opacity: 0;
  height: 0;
}
.gx-slider .gx-slider-img-top {
  opacity: 0;
  height: 0;
  -webkit-transition: 0.5s ease opacity;
  transition: 0.5s ease opacity;
}
.gx-slider .gx-slider-img-top img {
  opacity: 0;
}
.gx-slider .gx-slider-img-bottle {
  opacity: 1;
  height: auto;
  overflow: hidden;
  -webkit-transition: 0.5s ease opacity;
  transition: 0.5s ease opacity;
}
.gx-slider .swiper-slide {
  margin: 0 0 20px;
}
@media (min-width: 769px) {
  .gx-slider .swiper-slide {
    margin: 0 0 40px;
  }
}
.gx-slider .swiper-slide .gx-slider-img {
  display: block;
  position: relative;
  margin: 0 4vh;
}
@media (min-width: 769px) {
  .gx-slider .swiper-slide .gx-slider-img {
    margin: 0 8vh;
    height: auto !important;
  }
}
.gx-slider .swiper-slide .gx-slider-img img {
  width: auto;
  height: -webkit-calc(80vh - 273px);
  height: calc(80vh - 273px);
  margin: 0 auto;
  margin-top: 0vh;
}
@media (min-width: 769px) {
  .gx-slider .swiper-slide .gx-slider-img img {
    height: -webkit-calc(90vh - 273px) !important;
    height: calc(90vh - 273px) !important;
  }
}
.gx-slider .swiper-slide .gx-slider-img .gx-slider-img-top img {
  height: -webkit-calc(70vh - 273px);
  height: calc(70vh - 273px);
}
@media (min-width: 769px) {
  .gx-slider .swiper-slide .gx-slider-img .gx-slider-img-top img {
    /*height: calc(80vh - 273px) !important;*/
    height: -webkit-calc(80vh - 343px) !important;
    height: calc(80vh - 343px) !important;
    margin-top: 0;
  }
}
.gx-slider .swiper-slide .gx-slider-img .img-top-team {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.gx-slider h1.gx__custom_number {
  position: absolute;
  z-index: 10;
  bottom: 14%;
  font-weight: bold;
  font-family: 'KairosSans' !important;
  left: 50%;
  width: 100px;
  margin-left: -50px;
  text-align: center;
  font-size: 25px;
}
@media (min-width: 769px) {
  .gx-slider h1.gx__custom_number {
    /*margin-left: -13px;*/
    font-size: calc(9vh - 40px);
    font-size: -webkit-calc(9vh - 40px);
    bottom: auto;
    line-height: 1;
    background-color: transparent;
    top: 75%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.gx-slider .gx__custom_name {
  /*left: -30px;*/
  left: 0;
  width: auto;
  margin: 0;
  text-transform: uppercase;
  left: 50%;
  margin: 0 !important;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.gx-slider .gx__custom_name svg text {
  font-family: 'KairosSans' !important;
}
.gx-slider.choose-pod .swiper-slide .gx-slider-img img {
  height: -webkit-calc(75vh - 315px);
  height: calc(75vh - 315px);
}
@media (min-width: 769px) {
  .gx-slider.choose-pod .swiper-slide .gx-slider-img img {
    height: -webkit-calc(76vh - 273px) !important;
    height: calc(76vh - 273px) !important;
    margin-top: 12vh;
  }
}
.gx-slider.choose-pod .swiper-slide .gx-slider-img .gx-slider-img-top img {
  height: -webkit-calc(75vh - 315px);
  height: calc(75vh - 315px);
}
@media (min-width: 769px) {
  .gx-slider.choose-pod .swiper-slide .gx-slider-img .gx-slider-img-top img {
    height: -webkit-calc(76vh - 273px) !important;
    height: calc(76vh - 273px) !important;
    margin-top: 0 !important;
  }
}
#Personalize .swiper-slide {
  height: 100%;
  position: relative;
  min-width: 100px;
}
@media (min-width: 769px) {
  #Personalize .swiper-slide {
    height: -webkit-calc(87vh - 343px) !important;
    height: calc(87vh - 343px) !important;
  }
}
#Personalize .swiper-slide.add-btn {
  opacity: 1;
}
#Personalize .gx-slider {
  padding-top: 50px;
  padding-bottom: 0;
}
@media (min-width: 769px) {
  #Personalize .gx-slider {
    padding-top: 75px;
  }
}
#Personalize .row .col {
  padding-right: 5px;
  padding-left: 5px;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
          flex-grow: 1;
  max-width: 100%;
}
@media (min-width: 320px) {
  #Personalize .row .col {
    padding-right: 10.5px;
    padding-left: 10.5px;
  }
}
@media (min-width: 769px) {
  #Personalize .row .col {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1441px) {
  #Personalize .row .col {
    padding-right: 20px;
    padding-left: 20px;
  }
}
#Personalize .gx-slider-input {
  margin: 45px 0 0;
}
@media (min-width: 769px) {
  #Personalize .gx-slider-input {
    margin: 45px 0 0;
  }
}
#Personalize .gx-slider-input input[type='text'] {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  color: black;
  border-bottom: 1px solid #d5d5d5;
  margin: 0 auto;
  padding-bottom: 30px;
}
@media (min-width: 769px) {
  #Personalize .gx-slider-input input[type='text'] {
    font-size: 47px;
  }
}
#Personalize .gx-slider-input div.textInput label {
  width: 100%;
  text-align: center;
}
#Personalize .gx-slider-input .textInput-description {
  text-align: center;
  font-size: 14px;
  color: #818080;
  padding-top: 10px;
}
#Personalize .personalize-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: -30px;
  margin-left: 30px;
  margin-right: 30px;
}
@media (min-width: 769px) {
  #Personalize .personalize-footer {
    display: block;
    margin-top: 0;
  }
}
#Personalize .personalize-footer-ctas {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*flex-direction: column;*/
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 10px;
}
@media (min-width: 769px) {
  #Personalize .personalize-footer-ctas {
    margin: -120px 0 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#Personalize .personalize-footer-ctas .cta {
  position: relative;
  z-index: 5;
  margin: 10px 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 64px;
  width: 100%;
}
#Personalize .personalize-footer-ctas .cta.remove {
  width: 0%;
}
#Personalize .personalize-footer-ctas .cta.remove.active {
  width: 48%;
}
@media (min-width: 769px) {
  #Personalize .personalize-footer-ctas .cta {
    margin: 0;
    width: 163px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #Personalize .personalize-footer-ctas .cta.remove {
    width: 163px;
  }
  #Personalize .personalize-footer-ctas .cta.remove.active {
    width: 163px;
  }
}
#Personalize .personalize-footer-ctas .cta.remove {
  visibility: hidden;
  pointer-events: none;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media (min-width: 769px) {
  #Personalize .personalize-footer-ctas .cta.remove {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
#Personalize .personalize-footer-ctas .cta.remove.active {
  visibility: visible;
  pointer-events: auto;
}
#Personalize .personalize-footer-ctas .cta.builder.remove.active + .cta.builder {
  width: 48%;
}
@media (min-width: 769px) {
  #Personalize .personalize-footer-ctas .cta.builder.remove.active + .cta.builder {
    width: 163px;
  }
}
@media (min-width: 769px) {
  #Personalize .personalize-footer {
    margin-left: 45px;
    margin-right: 45px;
  }
}
@media (min-width: 1441px) {
  #Personalize .personalize-footer {
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media (min-width: 1920px) {
  #Personalize .personalize-footer {
    margin-left: 100px;
    margin-right: 100px;
  }
}
#Personalize .cta.builder.expand {
  position: absolute;
  z-index: 10;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 1px solid black;
  color: black;
}
#Personalize .cta.builder.expand span {
  color: black;
}
#Personalize .cta.builder.expand svg g {
  stroke: black;
}
@media (min-width: 1441px) {
  #Personalize .cta.builder.expand:hover {
    border: 1px solid #ff3C00;
    color: #ff3C00;
  }
  #Personalize .cta.builder.expand:hover span {
    color: #ff3C00;
  }
  #Personalize .cta.builder.expand:hover svg g {
    stroke: #ff3C00;
  }
}
@media (max-width: 768px) {
  #Personalize .cta.builder.expand {
    width: 45px;
    height: 45px;
    top: 50%;
    left: 50%;
    margin-left: -25px;
  }
  #Personalize .cta.builder.expand svg {
    top: 13px;
    left: 12.5px;
  }
  #Personalize .cta.builder.expand span {
    display: none !important;
  }
}
#Personalize input[type='text']::-ms-clear {
  display: none;
}
/*LESS/CSS For Nafees to build out*/
.multipod {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  background-color: #F3F1F0;
  padding-bottom: 0px;
}
.multipod #freqLabel {
  font-size: 0.83em;
  margin-top: 1.67em;
  margin-bottom: 0;
  display: block;
}
.multipod .podHero {
  height: auto;
}
.multipod .podHero .header {
  margin: 160px 45px 0 0px;
}
.multipod .podHero h4 {
  color: black;
}
.multipod .podHero h5 {
  margin-top: 0px;
  font-size: 16px;
  font-weight: normal;
}
.multipod h1 {
  padding-bottom: 40px;
  color: #000;
}
.multipod .image-container {
  background-color: #ebebeb;
  margin: 0px 20px 0 0px;
  text-align: center;
  height: 85vh;
}
.multipod .image-container .image-Frame {
  padding-top: 100px;
}
.multipod .image-container .image-Frame img {
  width: 50%;
}
.multipod__packcontainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  height: 70vh;
}
.multipod__pack {
  padding-right: 0px;
  position: relative;
  height: 70vh;
}
@media all and (min-width: 769px) {
  .multipod__pack {
    min-height: 550px;
  }
}
.multipod__pack .podSelect {
  height: 11vh;
}
@media all and (min-width: 769px) {
  .multipod__pack .podSelect {
    min-height: 80px;
  }
}
.multipod__pack .border-top {
  border-top: 1px solid #000;
}
.multipod__pack label,
.multipod__pack h5 {
  margin: 15px 0;
  color: #707070;
  font-weight: normal;
  margin-top: 1.2vw;
  margin-bottom: 0.4vw;
  display: block;
  font-size: 0.83em;
  letter-spacing: -0.15px;
  line-height: 26px;
}
.multipod__pack label label,
.multipod__pack h5 label {
  display: inline;
}
.multipod__pack label a,
.multipod__pack h5 a {
  font-size: inherit;
  color: #707070;
  text-decoration: underline;
}
.multipod__pack .add-more-panel {
  padding-top: 30px;
  padding-bottom: 100px;
}
.multipod__pack .add-more-panel.border-top {
  border-top-color: #ccc;
}
.multipod__pack .add-more-panel h5 {
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
}
.multipod__pack .add-more-panel h5 a {
  padding: 1px 8px;
  border: 1px solid #000;
  border-radius: 50%;
}
.multipod__pack div.textInput {
  margin-top: 10px;
}
.multipod__pack div.textInput select {
  font-size: 16px;
  color: black;
  font-weight: bold;
  padding-right: 20px;
  background-image: url(/images/down.svg);
  background-position: 100% 15%;
  background-size: 15px;
  background-repeat: no-repeat;
  border-bottom: none;
  -webkit-appearance: none;
}
.multipod__pack div.textInput select option {
  padding: 10px 15px;
  font-size: 14px;
  background-color: #f1f0ee;
  color: #3d3c38;
}
.multipod__pack div.textInput select option[disabled] {
  color: #999;
}
.multipod__pack div.textInput select option > selected {
  background-color: white;
}
.multipod__pack .orderSubTotal {
  padding-right: 10px;
  font-weight: bold;
  color: black;
  font-size: 20px;
}
.multipod__pack .subscribe {
  font-size: 14px;
}
.multipod__pack .subscribe a {
  cursor: pointer;
}
.multipod .addToCartContainer {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.multipod .modal {
  width: 450px;
  height: auto;
  left: 50%;
  top: 50%;
  margin: -250px 0 0 -225px;
  padding: 30px !important;
  -webkit-box-shadow: 0px 0px 6px #999;
          box-shadow: 0px 0px 6px #999;
}
.multipod .modal__close {
  top: 30px;
  right: 40px;
}
.multipod .modal__content {
  margin: 0;
}
.multipod .modal__content p {
  padding: 5px 2px;
  margin-top: -10px;
  margin-bottom: 20px;
}
.multipod .modal .header {
  margin: 0 15px;
}
.multipod .modal .header h4 {
  color: black;
}
.multipod .modal .container {
  margin: 0 0 0 15px;
  padding: 0;
}
.multipod .modal .container .radio {
  margin: 20px 0px;
  color: black;
}
.multipod .modal .container .frequency {
  margin: 10px 0px;
  padding-right: 20px;
}
.multipod .modal .container .frequency h5 {
  margin-bottom: 0;
  font-weight: normal;
}
.multipod .modal .container .frequency .textInput {
  padding-top: 0px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.multipod .modal .container .frequency .textInput select {
  font-size: 16px;
  padding-right: 20px;
  background-image: url(/images/down.svg);
  background-position: 100% 15%;
  background-size: 15px;
  background-repeat: no-repeat;
  border-bottom: none;
  -webkit-appearance: none;
}
.multipod .modal .container .disabled {
  color: #dedcdc !important;
}
.multipod .modal .container .disabled .textInput {
  color: #dedcdc !important;
}
.multipod .modal .container .disabled .textInput select {
  color: #dedcdc !important;
}
.multipod .modal .container .cta {
  cursor: pointer;
}
@media (max-width: 769px) {
  .multipod .hero {
    height: 30vh;
  }
  .multipod .hero .header {
    margin: 120px 20px 0;
  }
  .multipod .hero h4 {
    color: black;
  }
  .multipod .hero h5 {
    margin-top: 0px;
    font-size: 16px;
    font-weight: normal;
  }
  .multipod .image-container {
    margin: 0 20px 0 20px;
    height: 100%;
  }
  .multipod .image-container .image-Frame {
    padding: 20px;
  }
  .multipod .image-container .image-Frame img {
    width: 70%;
  }
  .multipod__pack {
    margin-top: 40px;
    padding: 0px;
    position: relative;
  }
  .multipod__pack .border-top {
    border-top: 1px solid #000;
  }
  .multipod__pack h5 {
    margin: 10px 0;
    color: #707070;
    font-weight: normal;
  }
  .multipod__pack h5 a {
    font-size: inherit;
    color: #707070;
    text-decoration: underline;
  }
  .multipod__pack .add-more-panel {
    padding-top: 30px;
    padding-bottom: 100px;
  }
  .multipod__pack .add-more-panel h5 {
    font-size: 15px;
    font-weight: bold;
  }
  .multipod__pack .add-more-panel h5 a {
    padding: 1px 8px;
    border: 1px solid #707070;
    border-radius: 50%;
  }
  .multipod__pack div.textInput {
    margin-top: 10px;
  }
  .multipod__pack div.textInput select {
    font-size: 16px;
    color: black;
    font-weight: bold;
    padding-right: 20px;
    background-image: url(/images/down.svg);
    background-position: 100% 15%;
    background-size: 15px;
    background-repeat: no-repeat;
    border-bottom: none;
    -webkit-appearance: none;
  }
  .multipod__pack div.textInput select option {
    padding: 10px 15px;
    font-size: 14px;
    background-color: #f1f0ee;
    color: #3d3c38;
  }
  .multipod__pack div.textInput select option > selected {
    background-color: white;
  }
  .multipod__pack .orderSubTotal {
    padding-right: 10px;
    font-weight: bold;
    color: black;
    font-size: 20px;
  }
  .multipod__pack .subscribe {
    font-size: 14px;
  }
  .multipod__pack .subscribe a {
    cursor: pointer;
  }
  .multipod .modal {
    width: 450px;
    height: 500px;
    left: 50%;
    top: 50%;
    margin: -250px 0 0 -225px;
    padding: 30px !important;
    -webkit-box-shadow: 0px 0px 6px #999;
            box-shadow: 0px 0px 6px #999;
  }
  .multipod .modal__close {
    top: 30px;
    right: 60px;
  }
  .multipod .modal__content {
    margin: 0;
  }
  .multipod .modal__content p {
    padding: 5px 2px;
    margin-top: -10px;
    margin-bottom: 20px;
  }
  .multipod .modal .header {
    margin: 0 30px;
  }
  .multipod .modal .header h4 {
    color: black;
  }
  .multipod .modal .container {
    margin: 0 10px 0 20px;
    padding: 0 10px;
  }
  .multipod .modal .container .radio {
    margin: 20px 0px;
    color: black;
  }
  .multipod .modal .container .frequency {
    margin: 10px 0px;
    padding-right: 20px;
  }
  .multipod .modal .container .frequency h5 {
    margin-bottom: 0;
    font-weight: normal;
  }
  .multipod .modal .container .frequency .textInput {
    padding-top: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .multipod .modal .container .frequency .textInput select {
    font-size: 16px;
    padding-right: 20px;
    background-image: url(/images/down.svg);
    background-position: 100% 15%;
    background-size: 15px;
    background-repeat: no-repeat;
    border-bottom: none;
    -webkit-appearance: none;
  }
  .multipod .modal .container .disabled {
    color: #dedcdc !important;
  }
  .multipod .modal .container .disabled .textInput {
    color: #dedcdc !important;
  }
  .multipod .modal .container .disabled .textInput select {
    color: #dedcdc !important;
  }
  .multipod .modal .container .cta {
    cursor: pointer;
  }
}
.gx-pod-slider {
  height: 50vh;
  background: #ebebeb;
}
@media (min-width: 769px) {
  .gx-pod-slider {
    height: 70vh;
    min-height: 550px;
  }
}
.gx-pod-slider .swiper-pagination {
  width: auto;
  left: 30px;
  bottom: 30px;
}
@media (min-width: 769px) {
  .gx-pod-slider .swiper-pagination {
    bottom: 60px;
    left: 45px;
  }
}
@media (min-width: 1441px) {
  .gx-pod-slider .swiper-pagination {
    left: 40px;
    bottom: 40px;
  }
}
.gx-pod-slider .swiper-pagination .swiper-pagination-bullet-active {
  background: #000;
}
.gx-pod-slider .gx-slider-img {
  display: block;
  position: relative;
  height: 100%;
  margin: 0;
}
@media (min-width: 769px) {
  .gx-pod-slider .gx-slider-img {
    margin: 0;
  }
}
.gx-pod-slider .gx-slider-img img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
@media (min-width: 769px) {
  .gx-pod-slider .gx-slider-img img {
    width: auto;
    height: 35vh;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media (min-width: 1441px) {
  .gx-pod-slider .gx-slider-img img {
    height: 45vh;
  }
}
.gx-pod-slider .gx-slider-img .gx-slider-img-pods {
  margin: 0;
  width: 65vw;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (min-width: 480px) {
  .gx-pod-slider .gx-slider-img .gx-slider-img-pods {
    width: 45vw;
  }
}
@media (min-width: 769px) {
  .gx-pod-slider .gx-slider-img .gx-slider-img-pods {
    margin: 25px 0 0;
  }
}
.gx-pod-slider .gx-slider-img .gx-slider-img-bottle {
  margin: 25vh 22vw 0;
}
@media (min-width: 769px) {
  .gx-pod-slider .gx-slider-img .gx-slider-img-bottle {
    margin: 25px 0 0;
  }
}
@media (min-width: 769px) {
  .gx-pod-slider .gx-slider-img .gx-slider-img-bottle img {
    height: 200vh;
    margin: 0 auto;
  }
}
.gx-pod-slider .gx-slider-img .gx-slider-img-top {
  margin: 30vh 0 0;
}
@media (min-width: 769px) {
  .gx-pod-slider .gx-slider-img .gx-slider-img-top {
    margin: 75px 0 0;
  }
}
.gx-pod-slider .gx-slider-img .gx-slider-img-top img {
  height: 50vh;
  width: auto;
}
@media (min-width: 769px) {
  .gx-pod-slider .gx-slider-img .gx-slider-img-top img {
    height: 95vh;
    margin: 0 auto;
  }
}
.gx-pod-slider .gx-slider-img .gx-slider-img-top .img-top-team {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.review-order-hero {
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.review-order-hero.open #review-order-edit-slider {
  max-height: 600px;
}
.review-order-hero .serenaSlide {
  background: url('/images/gx/serenaBg.png');
  background-size: cover;
}
.review-order-hero .gx__custom_name {
  border-radius: 50%;
  left: -10px;
  line-height: 40px;
  position: absolute;
  width: auto;
  z-index: 100;
  margin-top: 10.6vh;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.review-order-hero .gx__custom_name svg {
  width: 64vh;
  height: 64vh;
}
@media all and (max-width: 769px) {
  .review-order-hero .gx__custom_name {
    left: -webkit-calc(50% - 6px);
    left: calc(50% - 6px);
    margin-top: 6vh;
  }
  .review-order-hero .gx__custom_name svg {
    width: 30vh;
    height: 30vh;
  }
}
.review-order-hero .gx__custom_number {
  line-height: 40px;
  position: absolute;
  width: auto;
  z-index: 100;
  margin-top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 24vh;
  font-size: 10vh;
  font-family: KairosSans;
}
@media all and (max-width: 769px) {
  .review-order-hero .gx__custom_number {
    bottom: auto;
    font-size: 5vh;
    top: 36vh;
  }
}
.mobile {
  display: none;
}
.desktop {
  display: block;
}
@media all and (max-width: 769px) {
  .mobile {
    display: block;
  }
  .desktop {
    display: none;
  }
}
.gx.light .review-order-hero-txt p,
.gx.light .review-order-hero-txt h1 {
  color: #000;
}
.gx.light .cta.white {
  border: 1px solid #000;
}
.gx.light .swiper-pagination-bullet-active {
  background: #000 !important;
  opacity: 1 !important;
}
.gx.dark .swiper-pagination-bullet {
  background: #6d6d6d;
  opacity: 1;
}
.gx.dark .swiper-pagination-bullet-active {
  background: #fff !important;
  opacity: 1 !important;
}
img.nutrition-img {
  float: left;
  width: 115px;
  vertical-align: top;
  margin-right: 10px;
}
#review-order-edit-slider {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  -webkit-transition: 1s max-height ease;
  transition: 1s max-height ease;
  max-height: 0;
  overflow: hidden;
}
#review-order-edit-slider .review-order-edit-slider-wrap {
  padding: 40px 30px 110px;
  background: rgba(255, 255, 255, 0.9);
}
@media (min-width: 769px) {
  #review-order-edit-slider .review-order-edit-slider-wrap {
    padding: 40px 260px 45px 45px;
  }
}
@media (min-width: 1441px) {
  #review-order-edit-slider .review-order-edit-slider-wrap {
    padding: 40px 70px 45px 80px;
  }
}
@media (min-width: 1920px) {
  #review-order-edit-slider .review-order-edit-slider-wrap {
    padding: 40px 70px 45px 100px;
  }
}
#review-order-edit-slider .dropdown {
  margin-bottom: 18px;
  padding-top: 15px;
}
@media (min-width: 769px) {
  #review-order-edit-slider .dropdown {
    margin-bottom: 0;
    padding-top: 20px;
  }
}
#review-order-edit-slider .dropdown .title {
  font-weight: bold;
}
.review-order-hero-txt {
  position: absolute;
  top: 100px;
  left: 30px;
  right: 30px;
  z-index: 2;
}
@media (min-width: 769px) {
  .review-order-hero-txt {
    top: 175px;
    right: auto;
    left: 45px;
  }
}
@media (min-width: 1441px) {
  .review-order-hero-txt {
    left: 80px;
  }
}
@media (min-width: 1920px) {
  .review-order-hero-txt {
    left: 100px;
  }
}
.review-order-hero-txt h1,
.review-order-hero-txt p {
  color: white;
  margin: 0;
}
.review-order-hero-txt h1 {
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0;
  margin-bottom: 10px;
}
.review-order-hero-txt p {
  font-size: 16px;
}
.review-order-btns {
  position: absolute;
  bottom: 30px;
  right: 30px;
  left: 30px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  z-index: 12;
}
@media (min-width: 769px) {
  .review-order-btns {
    left: auto;
    right: 45px;
    bottom: 45px;
  }
}
@media (min-width: 1441px) {
  .review-order-btns {
    right: 80px;
  }
}
@media (min-width: 1920px) {
  .review-order-btns {
    right: 100px;
  }
}
.review-order-btns .cta {
  font-size: 18px;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 60px;
  cursor: pointer;
}
.review-order-btns .cta.white {
  margin-right: 20px;
}
@media (min-width: 769px) {
  .review-order-btns .cta {
    padding-left: 35px;
    padding-right: 35px;
    line-height: 64px;
  }
}
.pepsico-nf-label,
.nutritionModalInternal {
  height: 100%;
}
.review-order-slider {
  height: 100vh;
  background: #D22522;
}
.review-order-slider .swiper-pagination {
  width: auto;
  left: 30px;
  bottom: 100px;
}
@media (min-width: 769px) {
  .review-order-slider .swiper-pagination {
    bottom: 60px;
    left: 45px;
  }
}
@media (min-width: 1441px) {
  .review-order-slider .swiper-pagination {
    left: 80px;
  }
}
@media (min-width: 1920px) {
  .review-order-slider .swiper-pagination {
    left: 100px;
  }
}
.review-order-slider .swiper-pagination .swiper-pagination-bullet-active {
  background: white;
}
.review-order-slider .gx-slider-img {
  display: block;
  position: relative;
  height: 100%;
  margin: 25vh 0;
}
@media (min-width: 769px) {
  .review-order-slider .gx-slider-img {
    margin: 0;
  }
}
.review-order-slider .gx-slider-img img {
  width: auto;
  height: 55vh;
  margin: 0 auto;
}
@media (min-width: 769px) {
  .review-order-slider .gx-slider-img img {
    width: auto;
    height: 60vh;
    margin: 25vh auto;
  }
}
.review-order-slider .gx-slider-img .gx-slider-img-pods {
  margin: 23vh 6vw 0;
}
@media (min-width: 769px) {
  .review-order-slider .gx-slider-img .gx-slider-img-pods {
    margin: 25px 0 0;
  }
}
.review-order-slider .gx-slider-img .gx-slider-img-bottle {
  margin: 25vh 22vw 0;
}
@media (min-width: 769px) {
  .review-order-slider .gx-slider-img .gx-slider-img-bottle {
    margin: 25px 0 0;
  }
}
@media (min-width: 769px) {
  .review-order-slider .gx-slider-img .gx-slider-img-bottle img {
    height: 200vh;
    margin: 0 auto;
  }
}
.review-order-slider .gx-slider-img .gx-slider-img-top {
  margin: 30vh 0 0;
}
@media (min-width: 769px) {
  .review-order-slider .gx-slider-img .gx-slider-img-top {
    margin: 75px 0 0;
  }
}
.review-order-slider .gx-slider-img .gx-slider-img-top img {
  height: 50vh;
  width: auto;
}
@media (min-width: 769px) {
  .review-order-slider .gx-slider-img .gx-slider-img-top img {
    height: 95vh;
    margin: 0 auto;
  }
}
.review-order-slider .gx-slider-img .gx-slider-img-top .img-top-team {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
/*EXPERIENCE COMPONENTS / HIGHLIGHTS */
.article h1 {
  font-family: 'KairosSans';
  text-transform: uppercase;
  font-size: 55px;
  line-height: 55px;
  color: #000;
  margin-bottom: 0;
  font-weight: normal;
  letter-spacing: -1px;
}
@media all and (min-width: 769px) {
  .article h1 {
    font-size: 80px;
    line-height: 80px;
    line-height: 110px;
    font-size: 100px;
    letter-spacing: -1px;
  }
}
@media all and (min-width: 1441px) {
  .article h1 {
    font-size: 100px;
    line-height: 100px;
    line-height: 140px;
    font-size: 130px;
    letter-spacing: -1px;
  }
}
@media all and (min-width: 1601px) {
  .article h1 {
    font-size: 120px;
    letter-spacing: -0.5px;
    line-height: 120px;
    letter-spacing: -1px;
  }
}
.article h2 {
  margin-bottom: 0;
  margin-top: 40px;
}
.article h3 {
  margin-bottom: 0;
  margin-top: 40px;
}
.article h3.quote {
  margin-bottom: 40px;
  margin-top: 0;
  font-size: 28px;
}
@media all and (min-width: 769px) {
  .article h3.quote {
    font-size: 36px;
  }
}
@media all and (min-width: 1441px) {
  .article h3.quote {
    font-size: 48px;
  }
}
.article .eyebrow + h3 {
  margin-top: 20px;
}
.article h4 {
  margin-bottom: 0;
  margin-top: 40px;
  margin-bottom: 20px;
}
@media all and (max-width: 481px) {
  .article h4 {
    margin-top: 30px;
  }
}
.article p {
  font-family: 'HelveticaNeueLTStd';
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0;
  color: #666;
  color: #000;
}
@media all and (min-width: 769px) {
  .article p {
    font-size: 16px;
    line-height: 30px;
  }
}
@media all and (min-width: 1441px) {
  .article p {
    font-size: 18px;
    line-height: 32px;
  }
}
.article p a {
  text-decoration: underline;
}
.article p + p {
  margin-top: 20px;
}
@media all and (max-width: 481px) {
  .article p + p {
    margin-top: 30px;
  }
}
.article ol {
  color: #000;
  margin-left: -20px;
}
.article ol li {
  margin-top: 20px;
}
.article .eyebrow + a {
  margin-top: 20px;
  display: block;
}
.article .eyebrow + a.external {
  margin-bottom: 10px;
}
@media all and (max-width: 481px) {
  .article .eyebrow + a.external {
    margin-bottom: 5px;
  }
}
.article a.external {
  font-size: 16px;
}
.article__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.article__header p {
  width: 80%;
}
@media all and (max-width: 960px) {
  .article__header p {
    width: 100%;
  }
}
.article__appIcons a {
  display: block;
  height: 40px;
  margin-bottom: 10px;
  width: 100%;
  border: 1px solid #000;
  position: relative;
  max-width: 160px;
}
.article__appIcons a img {
  max-width: 120px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media all and (max-width: 769px) {
  .article__appIcons a {
    display: inline-block;
    width: -webkit-calc(33.33% - 15px);
    width: calc(33.33% - 15px);
    margin-bottom: 30px;
    max-width: none;
    height: 50px;
  }
  .article__appIcons a:first-child {
    margin-right: 10px;
  }
  .article__appIcons a img {
    max-width: none;
    height: 30px;
    width: auto;
  }
  .article__appIcons a + a {
    margin-left: 10px;
  }
}
@media all and (max-width: 481px) {
  .article__appIcons a {
    margin: 0;
    display: block;
    width: 100%;
    max-width: none;
  }
  .article__appIcons a img {
    max-width: 120px;
    display: block;
    margin: 0 auto;
  }
  .article__appIcons a + a {
    margin-top: 10px;
    margin-left: 0;
  }
}
.article__appIcons__inline.desktop {
  display: block;
}
.article__appIcons__inline.mobile {
  display: none;
}
@media all and (max-width: 769px) {
  .article__appIcons__inline.desktop {
    display: none;
  }
  .article__appIcons__inline.mobile {
    display: block;
  }
}
.article__appIcons__inline a {
  display: inline-block;
  width: -webkit-calc(50% - 15px);
  width: calc(50% - 15px);
  margin-bottom: 30px;
}
.article__appIcons__inline a:first-child {
  margin-right: 10px;
}
.article__appIcons__inline a img {
  max-width: none;
}
.article__appIcons__inline a + a {
  margin-left: 10px;
}
.article p.article__callout,
.article .article__callout {
  font-family: 'HelveticaNeueLTStd';
  font-size: 28px;
  letter-spacing: -0.5px;
  line-height: 40px;
  color: #000;
  font-weight: bold;
}
@media all and (min-width: 769px) {
  .article p.article__callout,
  .article .article__callout {
    font-size: 36px;
    line-height: 50px;
  }
}
@media all and (min-width: 1441px) {
  .article p.article__callout,
  .article .article__callout {
    font-size: 48px;
    letter-spacing: -1px;
    line-height: 62px;
  }
}
.article p.article__callout.margin-bottom-sm,
.article .article__callout.margin-bottom-sm {
  margin-bottom: 35px;
}
.article p.article__callout.border-top.margin-bottom-sm,
.article .article__callout.border-top.margin-bottom-sm {
  margin: 60px 0;
}
.article__related {
  border-top: 1px solid #ccc;
}
.article__related.no-border {
  border: none;
}
.article__related h3 {
  margin-top: 80px;
}
@media all and (max-width: 769px) {
  .article__related h3 {
    margin-bottom: 30px;
  }
}
.article ul {
  padding-left: 18px;
  margin-top: 30px;
}
.article ul li {
  padding-bottom: 30px;
}
.article ul li:last-child {
  padding-bottom: 0;
}
.article a.cta {
  margin: 30px 0;
}
@media all and (max-width: 481px) {
  .article .col-md-3 + .col-md-6 {
    margin-top: 60px;
  }
}
.highlights__half {
  width: 60%;
}
@media all and (max-width: 960px) {
  .highlights__half {
    width: 80%;
  }
}
.highlights__img1 {
  width: 60%;
  max-width: 350px;
}
@media all and (max-width: 769px) {
  .highlights__img1 {
    margin-top: 30px;
  }
}
@media all and (max-width: 769px) {
  .row.space-bewteen {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.img-third img {
  width: 25%;
  height: auto;
}
@media all and (max-width: 769px) {
  .img-third img {
    width: 100%;
  }
}
#highlightsStickers {
  background-color: #191919;
}
#highlightsStickers h3 {
  color: #fff;
}
#highlightsStickers .container {
  height: 100%;
}
#highlightsStickers .row {
  height: 100%;
}
@media all and (max-width: 1000px) {
  #highlightsStickers .highlights__half {
    width: 80%;
  }
}
@media all and (max-width: 960px) {
  #highlightsStickers .highlights__half {
    width: 100%;
  }
}
#highlightsStickers .highlights__half {
  padding: 40px 0;
}
@media all and (min-width: 769px) {
  #highlightsStickers {
    background-image: url('/images/experience/articles/highlights/05_Article.jpg');
    background-size: cover;
    height: 44.7vw;
  }
  #highlightsStickers .highlights__half {
    padding: 0;
  }
}
#highlightsGrey {
  background-color: #191919;
}
#highlightsDownload .article__appIcons__inline {
  margin-top: 40px;
}
#highlightsDownload .article__appIcons__inline a {
  max-width: 180px;
  margin-bottom: 0;
}
.centerbutton {
  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;
}
.rightbutton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.historyGSSI h3 {
  margin-top: 80px;
}
.historyGSSI h3 + p {
  margin-top: 10px;
}
@media all and (max-width: 481px) {
  .historyGSSI h3 {
    margin-top: 60px;
  }
  .historyGSSI h3 + p {
    margin-top: 20px;
  }
  .historyGSSI .imgSpace {
    margin-bottom: 20px;
  }
}
.playItForward h2 {
  font-size: 73px;
}
.highlightAppIcon {
  margin-bottom: 30px;
}
@media all and (max-width: 481px) {
  .highlightAppIcon {
    margin-bottom: 20px;
  }
}
.highlightAppIcon2 svg {
  width: 60px;
  height: 60px;
}
@media all and (max-width: 481px) {
  .mobile-full-width {
    width: -webkit-calc(100% + 60px);
    width: calc(100% + 60px);
    margin-left: -30px;
    max-width: none;
  }
}
.imgCap {
  font-size: 16px;
  margin-top: 10px;
}
@media all and (max-width: 481px) {
  .imgCap {
    margin-top: 20px;
    font-size: 14px;
  }
}
@media all and (max-width: 481px) {
  .nascarImg {
    margin-bottom: 20px;
  }
  .margin-bottom-sm.nascarNoMargin {
    margin: 0;
    overflow: hidden;
  }
  .margin-bottom-sm.nascarNoMargin img {
    width: 230%;
    height: auto;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
/*EXPERIENCE COMPONENTS / ECOMMERCE */
/*LESS/CSS For Nafees to build out*/
.cartBody {
  background-color: #f3f1f0;
}
.cart {
  color: #707070;
  margin-top: 100px;
  background: #f3f1f0;
  padding-bottom: 80px;
}
.cart span.empty {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid #999;
  border-radius: 50%;
  cursor: pointer;
}
.cart .subtitle {
  font-weight: normal;
  color: #727272;
}
.cart .removeLink {
  font-size: 14px;
  font-weight: normal;
  color: #666;
}
.cart .removeLinkGx {
  text-decoration: underline;
  margin-top: 30px;
  display: block;
  font-size: 14px;
  font-weight: normal;
  color: #666;
}
.cart .mobile {
  display: none;
}
.cart .desktop {
  display: block;
}
.cart .gx__pod .label__details {
  display: inline-block;
}
.cart .gx__pod .label__details a {
  text-decoration: underline;
  font-weight: normal;
  color: #666;
  font-size: 14px;
}
.cart .gx__pod .label__details span {
  margin-top: 0;
}
@media all and (max-width: 769px) {
  .cart .mobile {
    display: block !important;
  }
  .cart .mobile.label__details {
    display: inline-block;
  }
  .cart .mobile .cart__controls__top {
    position: relative;
  }
  .cart .mobile .cart__controls__top a {
    text-decoration: underline;
  }
  .cart .mobile .cart__controls__top .freqDropdown {
    margin-right: 0;
    margin: 20px 0;
  }
  .cart .mobile .cart__controls__top .subTotal {
    top: auto;
    bottom: 0;
    right: 0;
  }
  .cart .gx__kit img.img-responsive {
    display: block !important;
    float: left;
  }
  .cart .gx__kit .label__details {
    float: left;
  }
  .cart .gx__kit .removeLinkGx {
    float: left;
  }
  .cart .cart__cartItem {
    position: relative;
    border: none;
  }
  .cart .cart__cartItem::after {
    content: "";
    position: absolute;
    width: -webkit-calc(100% - 70px);
    width: calc(100% - 70px);
    height: 1px;
    background-color: #ccc;
    right: 0;
    bottom: 0;
  }
  .cart .cart__cartItem:last-child::after {
    content: none;
  }
  .cart .desktop {
    display: none !important;
  }
  .cart .img-responsive.mobile {
    width: 15%;
    display: inline-block !important;
    margin-right: 20px;
    vertical-align: top;
  }
  .cart .mobile.label__details {
    display: inline-block !important;
    width: -webkit-calc(85% - 20px);
    width: calc(85% - 20px);
  }
  .cart .child__label .img-responsive {
    max-width: 30px;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
  }
  .cart .child__label span {
    margin-top: 0 !important;
  }
}
.cart .heroArea {
  margin-top: 10vh;
  margin-bottom: 5vh;
}
.cart h1 {
  padding-bottom: 40px;
  color: #000;
}
@media all and (max-width: 769px) {
  .cart .heroArea {
    margin-top: 5vh;
    margin-bottom: 5vh;
  }
  .cart h1 {
    padding-bottom: 0;
  }
}
.cart__promoCodeInput {
  display: inline;
  width: 100%;
  border: 0;
  background-color: transparent;
  font-family: 'HelveticaNeueLTStd';
  letter-spacing: -0.25px;
  text-transform: uppercase;
  color: #000;
  border-bottom: 1px solid #000;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  padding: 20px 0 10px 10px;
  font-weight: bold;
  font-size: 16px;
}
.cart__promoCodeRemove {
  font-size: 12px;
  text-decoration: underline;
  color: #FF380D !important;
}
.cart__promoCodeButtonWrapper {
  display: inline-block;
  margin-top: -16%;
}
.cart__empty {
  padding-top: 40px;
  line-height: 30px;
}
.cart__empty a {
  text-decoration: underline;
  color: #000;
}
.cart__cartItem {
  margin-left: 0px;
  padding: 20px 0;
  border-bottom: 1px #CCCCCC solid;
}
.cart__cartItem .cart__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  width: 100%;
  margin-top: 30px;
}
.cart__cartItem .cart__controls a {
  text-decoration: underline;
  padding-left: 25px;
}
.cart__cartItem .freqDropdown {
  border: 1px solid #cfcfcf;
  padding: 5px 10px;
  border-radius: 22px;
  margin-right: -25px;
}
.cart__cartItem .freqDropdown label {
  font-size: 0.8em;
  vertical-align: middle;
  display: inline-block;
  padding-right: 10px;
  font-weight: normal;
  color: #707070;
}
.cart__cartItem .freqDropdown select {
  background-image: url(/images/down.svg);
  background-position: 100% 50%;
  background-size: 15px;
  background-repeat: no-repeat;
  border-bottom: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: transparent;
  outline: 0;
  border: 0;
  padding-right: 20px;
  font-size: 0.8em;
  font-weight: bold;
}
.cart__cartItem.child__item img {
  max-width: 60px;
  margin-right: 20px;
  display: inline-block;
  vertical-align: top;
}
.cart__cartItem.child__item span {
  margin-top: 20px;
}
.cart__cartItem__top-border {
  border-top: 1px #CCCCCC solid;
}
.cart__cartItem__no-border {
  border-bottom: none !important;
}
.cart__cartItem__label {
  color: #000;
  font-size: 16px;
  text-align: left;
  font-weight: bold;
  padding-right: 15px;
  padding-left: 15px;
}
.cart__cartItem__label.child__label {
  font-weight: normal;
  color: #727272;
}
.cart__cartItem__label .subTotal {
  position: absolute;
  right: 0;
  top: 0;
}
.cart__cartItem__label span {
  color: #666;
  font-weight: normal;
  font-size: 14px;
  vertical-align: top;
  display: inline-block;
}
.cart__cartItem__price {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  text-align: right;
}
.cart__cartItem__links {
  margin-top: 20px;
}
.cart__cartItem__links__buttons {
  display: inline;
}
.cart__cartItem__links__details span {
  padding: 0 5px;
  display: inline-block;
  vertical-align: middle;
}
.cart__cartItem__links__details img,
.cart__cartItem__links__details svg {
  padding-top: 0px;
  width: 18px;
  display: inline-block;
  vertical-align: middle;
}
.cart__cartItem__links a {
  font-size: 14px;
  color: #000;
  text-decoration: underline;
  margin-right: 20px;
}
.cart__cartItem__links__quantityBox {
  float: right;
  border: 1px #CFCFCF solid;
  border-radius: 15px;
  padding: 5px;
  margin-top: -8px;
}
.cart__details {
  background: #fff;
  padding: 40px;
}
.cart__details__row {
  padding-top: 0px;
  padding-bottom: 30px;
  border-bottom: 1px #ccc solid;
  font-size: 15px;
  color: #707070;
}
.cart__details__row svg {
  padding-top: 3px;
}
.cart__details__row a {
  color: #FF380D !important;
  text-decoration: underline;
}
.cart__details__row__promoCodePanel {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  position: relative;
}
.cart__details__row__promoCodePanel a {
  position: absolute;
  right: 0px;
  top: 10px;
  border: none;
  height: 20px;
  outline: none;
  text-align: center;
  font-weight: bold;
  padding: 0px 20px;
}
.cart__details__row__value {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  text-align: right;
}
.cart__details__row__no-border {
  border-bottom: none !important;
}
.cart__details__row-last {
  margin-bottom: 30px;
}
@media (max-width: 769px) {
  .cart__cartItem__label {
    padding-left: 0px;
  }
  .cart__cartItem__price {
    margin-top: 20px;
  }
  .cart__cartItem__links__buttons {
    display: block;
  }
  .cart__cartItem__links__quantityBox {
    margin-top: 0;
    float: left;
    margin-top: 15px;
  }
  .cart__cartItem__links__details {
    margin-top: 10px;
    display: block;
  }
  .cart__details {
    padding: 20px;
  }
  .cart__details__row {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px #ccc solid;
    font-size: 15px;
    color: #707070;
  }
  .cartDown svg {
    height: 15px;
  }
  .collapseBtn {
    width: 100%;
    background: #fff;
    border: none;
    color: #ccc;
    z-index: 1000;
  }
  .mobilePadding {
    padding-bottom: 362px;
  }
  .collapseMobile {
    position: fixed;
    bottom: 0;
    margin-bottom: -2px;
    width: 100%;
    left: 0;
    padding: 0;
    z-index: 1000;
    -webkit-box-shadow: 0px -3px 20px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0px -3px 20px 4px rgba(0, 0, 0, 0.15);
  }
  .expanded,
  .collapsed {
    overflow: hidden;
  }
  .expanded > div,
  .collapsed > div {
    margin-top: -25%;
    -webkit-transition: margin-top 0.1s ease-in-out;
    transition: margin-top 0.1s ease-in-out;
  }
  .expanded > div {
    margin-top: 0;
  }
}
#cartData > .cart__cartItem:last-child {
  border-bottom: none;
}
/*EXPERIENCE COMPONENTS / RECIPES */
.recipe__banner-image {
  min-width: 100%;
}
@media all and (-ms-high-contrast: none) {
  body {
    overflow-x: hidden;
  }
  .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  select::-ms-expand {
    display: none;
  }
  #gxModal #ChooseGXPods a.cta.builder {
    position: absolute;
    height: 60px;
  }
  #gxModal #ChooseGXPods a.cta.builder span {
    height: 60px;
    position: absolute;
    left: 20px;
  }
  #gxModal #ChooseGXPods a.cta.builder svg {
    position: absolute;
    right: 20px;
  }
  .review-order-btns .cta {
    width: 180px;
  }
  .widget div.h4,
  .widget h2,
  .widget h4 {
    width: 100%;
  }
  .products .widget h2 {
    width: 94%!important;
  }
  .col-12 > a {
    width: 100%;
  }
  .home .gray-background .widget a {
    max-height: 650px;
  }
  footer .ftr-btm .social a {
    width: 20px;
    height: auto;
  }
}
.home__hero {
  position: absolute;
  bottom: 100px;
}
.home__hero h1 {
  font-size: 28px;
  letter-spacing: -0.5px;
  font-family: 'HelveticaNeueLTStd';
  line-height: 34px;
  margin: 0;
}
@media all and (min-width: 769px) {
  .home__hero h1 {
    font-size: 36px;
    letter-spacing: -1px;
    line-height: 42px;
  }
}
@media all and (min-width: 1441px) {
  .home__hero h1 {
    font-size: 48px;
    letter-spacing: -1px;
    line-height: 1em;
    line-height: 54px;
  }
}
.home__hero h3 {
  margin: 0px;
}
.home__hero h3.text-orange {
  color: #ff3C00;
}
.home__hero h1 + h2 {
  margin-top: 10px;
}
.home__hero .bg-black {
  background-color: transparent;
}
@media all and (max-width: 769px) {
  .home__hero {
    position: relative;
    bottom: 0;
    width: auto;
    margin-top: 30px;
    padding-bottom: 60px;
    border-bottom: 1px solid #ccc;
  }
  .home__hero h2 + h2 {
    margin-top: 0px;
  }
  .home__hero .widget.border-top {
    border: none;
  }
  .home__hero h3.text-orange {
    font-size: 7vw;
    line-height: 1;
  }
  .home__hero .text-white {
    color: #666;
    font-size: 7vw;
    line-height: 1;
  }
  .home__hero .cta.solid.inline {
    background-color: #000;
    color: #fff;
    width: 100%;
  }
  .home__hero .cta.solid.inline:hover {
    color: #000;
    background-color: #fff;
  }
}
.home .padding-left-sm {
  padding-left: 20px;
}
.home div.buttonContainer > a.cta {
  margin-top: 40px !important;
}
.home a.cta.outline.inline {
  width: 180px;
}
@media (max-width: 769px) {
  .home a.cta.outline.inline {
    width: 100%;
  }
}
.home .full-right img,
.home .full-left img {
  width: 90%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .home a.margin-bottom-md {
    margin-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .home .widget.border-top {
    border: none;
  }
  .home a.margin-bottom-md {
    margin-bottom: 60px;
  }
  .home .buttonContainer {
    width: 100%;
  }
  .home .buttonContainer a.cta {
    display: block;
  }
  .home .widget.two-full > div {
    width: 48%;
  }
}
@media all and (max-width: 767px) and (max-height: 650px) {
  #home .hero {
    max-height: none !important;
  }
  #home .hero img {
    width: 100vw !important;
    height: auto !important;
  }
}
#home .hero {
  height: auto;
  max-height: 100vh;
}
@media all and (max-width: 769px) {
  #home .hero {
    height: auto;
  }
  #home .hero img {
    height: 70vh;
    width: auto;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    left: auto;
  }
}
@media all and (max-width: 481px) {
  #home .hero img {
    height: 70vh;
    width: auto;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    left: auto;
    opacity: 1;
  }
}
.gray-background {
  background: #f3f1f0;
}
.products {
  background-color: #f3f1f0;
  /*LANDSCAPE MOBILE FIX*/
}
.products .hero.darken {
  position: relative;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.products .hero.darken h1 {
  font-family: 'KairosSans';
  font-size: 55px;
  line-height: 55px;
  color: #000;
  color: #fff;
  margin-bottom: 0;
  position: absolute;
  bottom: 40px;
  left: 30px;
  font-weight: bold;
  text-transform: uppercase;
}
@media all and (min-width: 769px) {
  .products .hero.darken h1 {
    font-size: 80px;
    line-height: 80px;
    left: 45px;
  }
}
@media all and (min-width: 1441px) {
  .products .hero.darken h1 {
    font-size: 100px;
    line-height: 100px;
    left: 80px;
  }
}
@media all and (min-width: 1601px) {
  .products .hero.darken h1 {
    font-size: 120px;
    letter-spacing: -0.5px;
    line-height: 120px;
    left: 100px;
  }
}
@media all and (max-width: 480px) {
  .products .hero.darken h1 {
    bottom: 20px;
    left: 30px;
  }
}
.products .widget .eyebrow + h2 {
  margin-top: 15px;
}
@media all and (max-width: 769px) {
  .products .border-top.hideMobile {
    border: none;
  }
}
.products h2 {
  width: 100%;
  display: block;
  margin-top: 0;
}
@media all and (min-width: 996px) {
  .products h2 {
    width: 50%;
  }
  .products h2.headerText {
    min-width: 700px;
  }
}
.products .widget .imgFrame + .eyebrow.text-green {
  margin-top: 30px;
}
.products .widget .eyebrow + h4 {
  margin-top: 0;
}
.products .widget h2 {
  margin: 0;
  width: 100%;
}
.products__nav {
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 60px;
  height: 0;
  margin-bottom: 20px;
}
@media all and (max-width: 769px) {
  .products__nav {
    padding-top: 60px;
    padding-bottom: 0;
    margin-bottom: 30px;
  }
}
.products__nav.nav_row_2 {
  padding-top: 20px;
}
@media all and (max-width: 996px) {
  .products__nav.gessntl_nav a {
    width: 100%;
  }
}
@media all and (max-width: 996px) {
  .products__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.products__nav a {
  color: #000;
  text-decoration: none;
  position: relative;
  margin-right: 40px;
}
@media all and (max-width: 1600px) {
  .products__nav a {
    margin-right: 20px;
  }
}
@media all and (max-width: 1280px) {
  .products__nav a {
    margin-right: 10px;
  }
}
@media all and (max-width: 996px) {
  .products__nav a {
    margin-right: 0;
    width: 31%;
    margin-bottom: 20px;
  }
}
@media all and (max-width: 769px) {
  .products__nav a {
    width: 49%;
    margin-bottom: 20px;
  }
}
.products__nav a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #000;
  bottom: -4px;
  left: 0;
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
  opacity: 0;
}
@media all and (min-width: 769px) {
  .products__nav a:hover::after {
    opacity: 1;
  }
}
.products__nav a.active {
  cursor: default;
}
.products__nav a.active::after {
  -webkit-transition: none;
  transition: none;
  width: 100%;
}
.products__desktop {
  display: none;
}
@media (min-width: 769px) {
  .products__desktop {
    display: block;
  }
}
.products__desktop.sticky {
  top: 30px;
  height: -webkit-calc(100vh - 30px);
  height: calc(100vh - 30px);
}
.products__desktop.sticky.inactive {
  top: 0;
}
.products__mobile {
  display: block;
  position: relative;
  margin-top: 60px;
}
.products__mobile.no-margin-top {
  margin-top: 0;
}
.products__mobile.no-margin-bottom {
  margin-bottom: 0;
}
.products__mobile .products__mobile__header {
  width: 100%;
}
@media (min-width: 769px) {
  .products__mobile {
    display: none !important;
  }
}
@media all and (min-width: 768px) and (max-height: 700px) {
  .products .landscape-col-12 {
    width: 100% !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .products .products__mobile {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .products .products__desktop {
    display: none !important;
  }
  .products .widget.extra-section {
    padding-bottom: 120px !important;
  }
}
@media all and (max-width: 481px) {
  #hydrate .hero > img {
    margin-left: -15%;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  #recover .hero > img {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    margin-left: -32%;
  }
}
.product__detail {
  background-color: #f3f1f0;
}
.product__detail .nameContainer.withLink {
  margin-top: -30px;
}
@media all and (min-width: 769px) {
  .product__detail .nameContainer {
    position: absolute;
    width: 80%;
    z-index: 11;
  }
  .product__detail h4.page-title {
    line-height: 24px;
    max-width: 25vw;
  }
}
.product__detail .product-features {
  padding-bottom: 55px;
}
.product__detail .product-features .padding-bottom-sm {
  padding-bottom: 25px;
}
.product__detail .product-features .padding-top-sm {
  padding-top: 25px;
}
@media all and (max-width: 769px) {
  .product__detail .product-features {
    padding-bottom: 40px;
  }
  .product__detail .product-features .padding-bottom-sm {
    padding-bottom: 20px;
  }
  .product__detail .product-features .padding-top-sm {
    padding-top: 20px;
  }
}
.product__detail .product-features div + div {
  border-top: 1px solid #ccc;
}
.product__detail p {
  color: #666;
}
.product__detail .hero p.text-light-grey {
  position: absolute;
  max-width: 26vw;
}
@media all and (max-width: 769px) {
  .product__detail .hero p.text-light-grey {
    position: relative;
    max-width: none;
  }
}
.product__detail .pill.new {
  right: -40px;
  position: absolute;
  height: 20px;
  line-height: 7px;
}
.product__detail .pill.new.powder {
  top: 257px;
}
.product__detail .pill.new.bottle {
  top: 40px;
  right: 20px;
}
.product__detail .pill.new.pod {
  top: 380px;
}
@media all and (max-width: 481px) {
  .product__detail .pill.new.bottle {
    top: 21px;
    right: 2px;
  }
  .product__detail .pill.new.pod {
    top: 222px;
  }
  .product__detail .pill.new.powder {
    top: 147px;
  }
}
.product__detail__floatbar {
  position: fixed;
  display: none;
  top: 0;
  width: 100%;
  left: 0;
  height: 70px;
  background-color: #fff;
  z-index: 50;
}
.product__detail__floatbar .container {
  height: 100%;
  position: relative;
}
@media all and (max-width: 769px) {
  .product__detail__floatbar .sub {
    color: #666;
    font-size: 14px;
    line-height: 25px;
    margin-top: 11px;
  }
  .product__detail__floatbar .title-container {
    line-height: 18px;
    font-size: 18px;
  }
  .product__detail__floatbar a.cta.inline {
    width: auto;
  }
  .product__detail__floatbar a.cta.inline::before {
    content: "";
    background-color: #fff;
    height: 100%;
    position: absolute;
    width: 50px;
    left: -50px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.8+48,1+100 */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 48%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(48%, rgba(255, 255, 255, 0.8)), to(#ffffff));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 48%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
  }
}
.product__detail__floatbar__name {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  visibility: visible;
}
@media all and (max-width: 481px) {
  .product__detail__floatbar__name {
    font-size: 14px;
  }
}
.product__detail__floatbar .desktop {
  display: block;
}
.product__detail__floatbar .mobile {
  display: none;
}
@media all and (max-width: 769px) {
  .product__detail__floatbar .desktop {
    display: none;
  }
  .product__detail__floatbar .mobile {
    display: block;
  }
}
.product__detail__floatbar__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition: opacity 250ms ease-in-out;
  transition: opacity 250ms ease-in-out;
  opacity: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.product__detail__floatbar__container__dropdown {
  height: 100%;
  cursor: pointer;
  width: 350px;
  margin-right: 120px;
  line-height: 70px;
  position: relative;
  height: 70px;
}
@media all and (max-width: 769px) {
  .product__detail__floatbar__container__dropdown {
    border-top: 1px solid #7c7c7c;
    padding-top: 0px;
    margin-top: 20px !important;
  }
}
.product__detail__floatbar__container__dropdown span {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.product__detail__floatbar a.cta.inline {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 70px;
  padding: 0;
  width: -webkit-calc(33% - 20px);
  width: calc(33% - 20px);
  -webkit-transition: color 250ms ease-in-out;
  transition: color 250ms ease-in-out;
  width: auto;
  padding: 0 40px;
}
@media all and (min-width: 481px) {
  .product__detail__floatbar.dynamic:hover .product__detail__floatbar__name {
    visibility: hidden;
  }
  .product__detail__floatbar.dynamic:hover .product__detail__floatbar__container {
    opacity: 1;
  }
}
@media all and (max-width: 481px) {
  .product__detail__floatbar {
    -webkit-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
  }
  .product__detail__floatbar .product__detail__floatbar__container {
    display: none;
  }
  .product__detail__floatbar.hover {
    height: auto;
    padding-bottom: 30px;
  }
  .product__detail__floatbar.hover .product__detail__floatbar__name {
    visibility: hidden;
  }
  .product__detail__floatbar.hover .product__detail__floatbar__container {
    display: block;
    opacity: 1;
  }
  .product__detail__floatbar.hover .product__detail__floatbar__container__dropdown {
    width: 100%;
    position: relative;
    margin: 0;
  }
  .product__detail__floatbar.hover a.cta.inline {
    position: relative;
    width: auto;
    display: block;
    margin-right: 0;
  }
}
.product__detail__hero {
  height: auto;
  z-index: 1;
}
.product__detail__hero .container {
  padding-top: 169px;
}
@media all and (max-width: 769px) {
  .product__detail__hero .container {
    padding-top: 119px;
  }
}
.product__detail__hero.product-transition:before {
  content: '';
  background: white;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  z-index: 5;
  -webkit-transition: 1.25s top ease;
  transition: 1.25s top ease;
}
.product__detail__hero.product-transition:after {
  content: '';
  background: red;
  position: absolute;
  top: 100vh;
  left: 0;
  right: 0;
  z-index: 8;
  height: 100vh;
  -webkit-transition: 1.25s top ease;
  transition: 1.25s top ease;
}
.product__detail__hero.product-transition-start:before {
  top: -100vh;
}
.product__detail__hero.product-transition-start:after {
  top: -100vh;
}
.product__detail__hero__bg {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #f9f8f7;
  font-size: 15vw;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-family: 'KairosSans';
  font-weight: bold;
  z-index: 10;
  letter-spacing: -1.4px;
}
@media all and (max-width: 769px) {
  .product__detail__hero__bg {
    display: none;
  }
}
.product__detail__hero__products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  z-index: 10;
  margin: 0 auto;
  margin-top: -9px;
  margin-bottom: 40px;
  position: relative;
  /*SAFARI FIX*/
}
@media all and (max-width: 1500px) {
  .product__detail__hero__products {
    margin-top: -13px;
  }
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance:none) and (stroke-color:transparent) {
    .product__detail__hero__products {
      margin-top: -13px;
    }
  }
}
@media all and (max-width: 769px) {
  .product__detail__hero__products {
    margin-top: 0;
  }
}
.product__detail__hero__products.prod-one {
  width: 95vh;
  /*&.recover-whey-protein-almond-butter-bar {
                        margin-top: -62px;

                        @media all and (max-width: @width-tablet) {
                            margin-top: 0;
                            margin-bottom: 20px;
                        }
                    }*/
}
@media all and (max-width: 481px) {
  .product__detail__hero__products.prod-one.recover-whey-protein-powder {
    width: 86vw;
  }
  .product__detail__hero__products.prod-one.recover-whey-protein-powder img {
    height: 220px;
    margin-top: 27px;
  }
}
@media all and (max-width: 769px) {
  .product__detail__hero__products.prod-one {
    width: 100%;
  }
}
.product__detail__hero__products.prod-one .product__detail__hero__products__item {
  margin: 0 auto;
}
.product__detail__hero__products.prod-two {
  width: 56vh;
  display: block;
  position: relative;
  height: -webkit-calc(91vh - 273px);
  height: calc(91vh - 273px);
}
.product__detail__hero__products.prod-two.endurance {
  width: 66vh;
}
@media all and (max-width: 481px) {
  .product__detail__hero__products.prod-two.endurance {
    width: 100%;
  }
}
.product__detail__hero__products.prod-two .product__detail__hero__products__item {
  position: absolute;
}
.product__detail__hero__products.prod-two .product__detail__hero__products__item:nth-child(1) {
  left: 0;
}
.product__detail__hero__products.prod-two .product__detail__hero__products__item:nth-child(2) {
  right: 0;
}
@media all and (max-width: 481px) {
  .product__detail__hero__products.prod-two {
    height: 270px;
    /*calc(70vh - 273px);*/
    width: 75%;
  }
}
.product__detail__hero__products.prod-three {
  width: 84vh;
  display: block;
  position: relative;
  height: -webkit-calc(91vh - 273px);
  height: calc(91vh - 273px);
  /*@media all and (max-width: @width-tablet) {
                        .powder {
                            img {
                                padding-right: 2vw;
                            }
                        }
                    }*/
}
.product__detail__hero__products.prod-three.endurance {
  width: 104vh;
}
@media all and (max-width: 481px) {
  .product__detail__hero__products.prod-three.endurance {
    width: 100%;
    height: 230px;
  }
  .product__detail__hero__products.prod-three.endurance .product__detail__hero__products__item img {
    height: 230px;
  }
}
.product__detail__hero__products.prod-three.protein {
  width: 104vh;
}
@media all and (max-width: 769px) {
  .product__detail__hero__products.prod-three.protein {
    width: 91vw;
  }
  .product__detail__hero__products.prod-three.protein.recover-whey-protein-powder {
    margin-top: -33px;
  }
  .product__detail__hero__products.prod-three.protein img {
    height: -webkit-calc(88vh - 273px);
    height: calc(88vh - 273px);
    margin-top: 4vh;
  }
}
@media all and (max-width: 481px) {
  .product__detail__hero__products.prod-three.protein {
    width: 86vw;
  }
  .product__detail__hero__products.prod-three.protein img {
    height: 220px;
    margin-top: 60px;
  }
}
.product__detail__hero__products.prod-three .powder img {
  padding-right: 2.2vw;
}
.product__detail__hero__products.prod-three .powder.frost-glacier-freeze img {
  margin-right: -50px;
  padding-right: 0;
}
.product__detail__hero__products.prod-three .product__detail__hero__products__item {
  position: absolute;
}
.product__detail__hero__products.prod-three .product__detail__hero__products__item:nth-child(2) {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.product__detail__hero__products.prod-three .product__detail__hero__products__item:nth-child(3) {
  right: 0;
}
@media all and (max-width: 769px) {
  .product__detail__hero__products.prod-three {
    width: 100%;
  }
}
@media all and (max-width: 481px) {
  .product__detail__hero__products.prod-three {
    height: -webkit-calc(70vh - 273px);
    height: calc(70vh - 273px);
    width: 100%;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    margin-left: 0;
  }
}
@media all and (max-width: 400px) {
  .product__detail__hero__products.prod-three {
    height: 270px;
  }
}
@media all and (max-width: 350px) {
  .product__detail__hero__products.prod-three {
    height: 221px;
  }
}
.product__detail__hero__products.prod-four {
  width: 112vw;
}
.product__detail__hero__products__item {
  position: relative;
  z-index: 10;
}
.product__detail__hero__products__item img {
  height: -webkit-calc(91vh - 273px);
  height: calc(91vh - 273px);
  width: auto;
  left: auto;
  opacity: 1;
}
@media all and (max-width: 481px) {
  .product__detail__hero__products__item img {
    height: -webkit-calc(70vh - 273px);
    height: calc(70vh - 273px);
    margin-left: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
@media all and (max-width: 400px) {
  .product__detail__hero__products__item img {
    height: 270px;
  }
}
@media all and (max-width: 350px) {
  .product__detail__hero__products__item img {
    height: 221px;
  }
}
.product__detail__hero__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.product__detail__hero__controls__item {
  width: -webkit-calc(33% - 20px);
  width: calc(33% - 20px);
  position: relative;
}
@media all and (max-width: 769px) {
  .product__detail__hero__controls__item {
    width: 100%;
    margin-bottom: 20px;
  }
}
.product__detail__hero__controls__item__mask {
  overflow-y: hidden;
  height: 0px;
  /*transition: height 500ms ease-in-out;*/
  bottom: -20px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.product__detail__hero__controls__item__mask.open {
  height: 336px;
}
@media all and (max-width: 481px) {
  .product__detail__hero__controls__item__mask {
    width: 110%;
    margin-left: -5%;
  }
}
.product__detail__hero__controls__item__options {
  width: 100%;
  background-color: #fff;
  padding-top: 20px;
  z-index: 10;
  position: relative;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .product__detail__hero__controls__item__options {
    overflow: hidden;
  }
}
.product__detail__hero__controls__item__options a.cta {
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  margin-left: 20px;
  position: relative;
  height: 64px !important;
  line-height: 64px !important;
  margin-top: 20px;
  font-size: 16px;
}
.product__detail__hero__controls__item__options a.cta:first-child {
  margin-top: 0;
}
.product__detail__hero__controls__item__options a.cta.outline {
  /*&:hover {
                                    background-color: @color-white;
                                }*/
}
.product__detail__hero__controls__item__options a.cta:hover .svgExternal {
  fill: #fff !important;
}
.product__detail__hero__controls__item__options #prodCloseBtn {
  height: 74px !important;
}
.product__detail__hero__controls__item__options img.product__detail__hero__controls__item__options__logo {
  height: 30px;
  width: auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%;
}
.product__detail__hero__controls__item__options .product__detail__hero__controls__item__options__external {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 10px;
  width: auto;
}
.product__detail__hero__controls__item__options .product__detail__hero__controls__item__options__external .svgExternal {
  -webkit-transition: fill 250ms ease-in-out;
  transition: fill 250ms ease-in-out;
  fill: #000;
}
.product__detail__hero__controls__item__options span.product__detail__hero__controls__item__options__external {
  top: 5px;
}
.product__detail__section__description {
  margin-left: 0;
}
.product__detail__section__description .orange_bg {
  background-color: #ff3C00;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  max-width: 30%;
}
@media all and (max-width: 1000px) {
  .product__detail__section__description .orange_bg h3 {
    font-size: 20px;
    line-height: 28px;
    margin: 0;
  }
}
@media all and (max-width: 769px) {
  .product__detail__section__description .orange_bg {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 50px 30px;
    min-height: 315px;
  }
  .product__detail__section__description .orange_bg h3 {
    font-size: 34px;
    line-height: 34px;
  }
}
@media all and (max-width: 481px) {
  .product__detail__section__description .orange_bg {
    padding: 30px;
    min-height: 315px;
  }
  .product__detail__section__description .orange_bg h3 {
    font-size: 24px;
    line-height: 35px;
  }
}
.product__detail__section__description .img_detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70%;
          flex: 0 0 70%;
  max-width: 70%;
  padding-left: 40px;
}
@media all and (max-width: 769px) {
  .product__detail__section__description .img_detail {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 0px;
  }
}
@media all and (max-width: 481px) {
  .product__detail__section__description .img_detail {
    overflow: hidden;
  }
  .product__detail__section__description .img_detail img {
    width: 150%;
    margin-left: -25%;
  }
}
.product__detail__nutrition h3 {
  margin-bottom: 0;
}
@media all and (max-width: 769px) {
  .product__detail__nutrition h3 {
    margin-top: 30px;
  }
}
.product__detail__nutrition p {
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 22px;
  font-family: 'HelveticaNeueLTStd';
  font-weight: normal;
  margin-top: 0px;
}
@media all and (max-width: 769px) {
  .product__detail__nutrition p {
    margin-top: 15px;
    margin-bottom: 20px;
  }
}
@media all and (max-width: 769px) {
  .product__detail__nutrition a#nutritionLbl {
    display: block;
    margin-bottom: 30px;
  }
}
.product__detail__nutrition a {
  font-family: 'HelveticaNeueLTStd';
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
  color: #666;
  text-decoration: underline;
  font-weight: bold;
}
.product__detail__nutrition .sub {
  max-width: 270px;
}
.product__detail__nutrition .sub .sm {
  font-size: 14px;
  line-height: 16px;
  bottom: 17px;
  width: 90%;
  color: #666;
}
.product__detail__nutrition .lgl {
  font-size: 12px;
  line-height: 16px;
  width: 100%;
  color: #666;
  margin-top: -20px;
  margin-bottom: 60px;
  padding-left: 34.2%;
}
@media all and (max-width: 769px) {
  .product__detail__nutrition .lgl {
    padding-left: 0;
    width: 100%;
  }
}
.product__detail__nutrition__value {
  font-family: 'KairosSans';
  font-weight: bold;
  font-size: 60px;
  line-height: 50px;
  letter-spacing: -1.9px;
  margin-bottom: 0;
  position: relative;
}
.product__detail__nutrition .sm {
  font-size: 25px;
  letter-spacing: -0.79px;
  position: absolute;
  bottom: -12px;
  padding-left: 0px;
}
@media all and (max-width: 769px) {
  .product__detail__nutrition__value {
    font-size: 40px;
  }
  .product__detail__nutrition__header {
    padding-bottom: 0;
  }
  .product__detail__nutrition__value {
    padding-top: 15px;
    margin-bottom: 0;
  }
  .product__detail__nutrition .no-mobile {
    display: none;
  }
  .product__detail__nutrition .border-top.no-mobile {
    height: 0px;
    display: block;
  }
  .product__detail__nutrition .sm {
    font-size: 18px;
    bottom: -9px;
    padding-left: 2px;
  }
}
@media all and (max-width: 769px) {
  .product__detail .eyebrow {
    margin-bottom: 10px;
  }
  .product__detail div.textInput.no-margin {
    margin-top: 60px;
  }
}
.product__detail__faq a {
  display: inline-block;
  text-decoration: underline;
  width: auto;
}
.product__detail__faq a + a {
  margin-left: 20px;
}
.product__detail__related {
  background-color: #fff;
}
.product__detail__related .padding-bottom-md {
  padding-bottom: 160px;
}
@media (max-width: 769px) {
  .product__detail__related .padding-bottom-md {
    padding-bottom: 60px;
  }
  .product__detail__related .col-md-4 + .col-md-4 {
    margin-top: 60px;
  }
  .product__detail__related__articles .imgFrame img {
    width: 200%;
    margin-left: -50%;
  }
  .product__detail__related__articles .col-md-4.col-12 .imgFrame img {
    width: 100%;
    margin-left: 0;
  }
  .product__detail__related__articles .widget h4 {
    margin-bottom: 60px;
  }
}
.product__detail__section {
  -webkit-transition: opacity 250ms ease-in-out;
  transition: opacity 250ms ease-in-out;
}
.modal-open .product__detail__section {
  opacity: 0;
}
.product__swiper {
  width: 100%;
  height: auto;
  margin-top: 30px;
}
@media all and (max-width: 769px) {
  .product__swiper {
    width: 100%;
  }
}
.product__swiper .eyebrow.swiper-slide {
  width: auto;
}
.product__swiper .eyebrow.swiper-slide + .eyebrow.swiper-slide {
  margin-left: 20px;
}
@media all and (max-width: 481px) {
  #buyBtnContainer {
    margin-top: 10px;
  }
}
.products .hero.darken h1 {
  display: block;
  z-index: 2;
}
.products .hero.darken h1::before {
  content: "";
  background: #000000;
  background: -webkit-radial-gradient(ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.15) 45%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
  background: radial-gradient(ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.15) 45%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
  z-index: -1;
  position: absolute;
  width: 740px;
  height: 360px;
  bottom: -6.2vw;
  left: -3.5vw;
}
@media all and (max-width: 769px) {
  #productModal h4,
  #formatModal h4 {
    font-size: 24px;
    padding-top: 20px;
    display: block;
    position: absolute;
    width: 100%;
  }
}
@media all and (max-width: 769px) {
  div.textInput.cuSearchForm {
    margin-top: 60px;
  }
}
/*LANDSCAPE MOBILE FIX*/
@media all and (min-width: 768px) and (max-height: 700px) {
  .product__detail .nameContainer {
    position: absolute;
    width: 80%;
    z-index: 11;
    top: 109px;
  }
  .product__detail .nameContainer h4.page-title {
    max-width: 80vw;
  }
  .product__detail .nameContainer p.text-light-grey {
    max-width: 80vw;
  }
  .product__detail .product__detail__hero__products.prod-three {
    width: 38vw;
  }
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance:none) and (stroke-color:transparent) {
    body.modal-open .hero.product__detail__hero {
      overflow: visible;
    }
  }
}
.backBtn {
  display: inline-block;
  margin-bottom: 30px;
  position: relative;
  height: 20px;
  line-height: 20px;
  margin-top: 0;
}
@media all and (max-width: 769px) {
  .backBtn.eyebrow {
    margin-bottom: 20px;
  }
}
.backBtn span {
  margin-right: 4px;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
}
@media all and (min-width: 769px) {
  .backBtn span {
    margin-right: 5px;
  }
}
.backBtn span svg {
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
@media all and (min-width: 769px) {
  .backBtn::after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    background-color: #000;
    bottom: -4px;
    left: 17px;
    -webkit-transition: width 200ms ease-in-out;
    transition: width 200ms ease-in-out;
  }
  .backBtn:hover::after {
    width: -webkit-calc(100% - 17px);
    width: calc(100% - 17px);
  }
}
.experienceHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.experienceHeader h2 {
  width: 100%;
}
.experienceHeader p {
  width: 60%;
  margin-top: 20px;
}
.experienceHeader .buttonContainer {
  margin-top: 30px;
}
@media all and (max-width: 769px) {
  .experienceHeader .buttonContainer,
  .experienceHeader p {
    width: 100%;
    margin-top: 20px;
  }
  .experienceHeader .buttonContainer a.cta.inline,
  .experienceHeader p a.cta.inline {
    width: 100%;
    display: block;
  }
  .experienceHeader .buttonContainer {
    margin-top: 30px;
  }
  .experienceHeader .buffer {
    display: none;
  }
}
.experience .widget h4 {
  margin-bottom: 40px;
}
@media all and (max-width: 769px) {
  .experience .imageGrid.margin-top-sm {
    margin-top: 0;
  }
  .experience .imageGrid .margin-top-sm {
    margin-top: 0;
  }
  .experience .imageGrid .widget h4 {
    margin-bottom: 60px;
  }
  .experience .imageGrid .widget h4.margin-bottom-sm {
    margin-bottom: 0px;
  }
}
.imgSpace {
  margin-right: 27px;
}
img.half-width {
  display: inline-block;
  width: -webkit-calc(50% - 18px);
  width: calc(50% - 18px);
}
@media all and (max-width: 481px) {
  .hidden-sm-exp {
    display: none;
  }
  .imgSpace {
    margin-right: 0;
  }
  img.half-width {
    display: block;
    width: 100%;
  }
}
#ArticleContent p.margin-top-sm {
  margin-top: 30px;
}
@media all and (max-width: 769px) {
  .no-margin-top-mobile {
    margin-top: 0;
  }
  .margin-top-related {
    margin-top: 30px !important;
  }
}
#notFound h1 {
  font-family: 'KairosSans';
  font-weight: bold;
  font-size: 130px;
  margin: 20px;
}
#notFound p {
  font-size: 24px;
}
#notFound .message .cta {
  max-width: 220px;
}


/*# sourceMappingURL=main.min.css.map*/