/*
Theme Name: Legion Athletics - 2017 legion theme
Theme URI: https://legionathletics.com
Author: Legion Athletics, Inc.
Author URI: https://legionathletics.com/
Description: The 2017 update to Legion Athletics' custom Woocommerce integration.
Version: 3.5.3
*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* =Reset default browser CSS
-------------------------------------------------------------- */

@font-face{
    font-family: yotpo-widget-font;
    font-display: swap;
    src: url('fonts/yotpo.eot');
    src: url('fonts/yotpo.eot?#iefix') format('embedded-opentype'),
         url('fonts/yotpo.woff') format('woff'),
         url('fonts/yotpo.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
:focus {
    outline: 0;
}
ol, ul {
    list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}

blockquote, q {
    quotes: "" "";
}
a img {
    border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

/* Images */
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    text-align: center;
    margin: 0 auto;
}

::-moz-selection { /* Code for Firefox */
    color: #333;
    background: #d0f5e8;
}

::selection {
    color: #333;
    background: #d0f5e8;
}












/*--------------------------------------------------------------
# Basic Structure
--------------------------------------------------------------*/

html {
    height: 100%;
}

#main {
  width: 100%;
  clear: both;
  background: #fff;
}

#main.scroll {
    margin-top: 131px;
}

#main.page {
    padding-top: 50px;
}

.container {
  max-width: 1364px;
  width: 100%;
  position: relative;
  margin: auto;
  clear: both;
  padding: 0 31px;
}

.store .container {
    max-width: 1284px;
}

/* Clear Fix */
.clear {
    clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: block;
}

.hidden {
    display: none;
}

.hidden-serious {
    display: none !important;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}

body {
    margin: 0;
    font-family: "proxima-nova", sans-serif;
    line-height: 1;
    min-width: 320px;
    font-size: 1em;
    margin-top: 147px !important;
    text-rendering: optimizeLegibility;
}

body.legion-sb-disabled,
body.woocommerce-order-received {
    margin-top: 113px !important;
}

body.special-offer {
    margin-top: 110px !important;
}

body.hideOverflow {
    overflow: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
    color: #27a2ff;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   div[class^="styles_arrow_"] svg {
        top:0 !important;
   }
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    border-radius: 0;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}












/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

dfn,
cite,
em,
i {
    font-style: italic;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #f8f8f8;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}












/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
    box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

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

ul {
    list-style: none;
}

ol {
    list-style: decimal;
}

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

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}

figure {
    margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

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

.ui-helper-clearfix:after,
.cf:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

#wpadminbar {
    z-index: 100000 !important;
}












/*--------------------------------------------------------------
# Generics
--------------------------------------------------------------*/

.button {
    text-transform: uppercase;
    color: white;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    display: block;
    margin: 30px auto;
    letter-spacing: 0.5px;
    line-height: 53px;
    max-width: 80%;
    text-align: center;
}

.button-orange {
    background-color: #e48310;
}

.border-bottom-gray {
    border-bottom: 4px #919191 solid;
}

.cursor {
    cursor: pointer;
}

.cursor:hover {
    opacity: .8;
}

.wistia_embed {
    border-radius: 7px;
    overflow: hidden;
    height: 100%;
    width: 100%
}

.wistia_responsive_wrapper {
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
}

.success-message p,
.already-subbed p {
    text-transform: uppercase;
    font-weight: bold;
    color: #27a2ff;
}

#bwpDialog {
    z-index: 9999999999 !important;
}










/*--------------------------------------------------------------
# reCAPTCHA v3
--------------------------------------------------------------*/

.grecaptcha-badge {
    visibility: hidden;
}

.recaptcha-disclosure {
    color: #8C8E90;
    font-size: 10px;
    letter-spacing: 0.5px;
    margin-top: 15px;
}

.recaptcha-disclosure a {
    color: #8C8E90;
    text-decoration: none;
}

.recaptcha-disclosure a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 1099px) {
    .recaptcha-disclosure {
        margin-bottom: 15px;
        max-width: 330px;
        line-height: 13px;
    }
}

@media screen and (max-width: 767px) {
    .recaptcha-disclosure {
        margin: 0 auto;
        text-align: center;
        margin-bottom: 11px;
        max-width: 310px;
        line-height: 16px;
        font-size: 12px;
    }
}

@media screen and (max-width: 370px) {
    .recaptcha-disclosure {
        font-size: 10px;
    }
}












/*--------------------------------------------------------------
# reCAPTCHA v2
--------------------------------------------------------------*/

div[data-remodal-id="recaptcha_check"].remodal {
    padding: 35px 10px;
}

div[data-remodal-id="recaptcha_check"].remodal h2 {
    margin-bottom: 22px;
}

div[data-remodal-id="recaptcha_check"].remodal p {
    font-size: 16px;
}

#recaptcha_container {

}

#registrationCaptcha > div,
#recaptcha_container > div {
    margin: 0 auto 10px auto;
}










/*--------------------------------------------------------------
# WP - Admin Header Mods
--------------------------------------------------------------*/

body.admin-bar #store-nav {
    top: 32px;
}

body.admin-bar #header {
    top: 78px;
}










/*--------------------------------------------------------------
# Cookies Disclaimer Bar
--------------------------------------------------------------*/

#cookies-disclaimer-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent;
    z-index: 2147483647;
    padding: 10px 20px;
}
.cookie-hldr {
    max-width: 1050px;
    margin: auto;
    background: #fff;
    color: #000;
    position: relative;
    padding: 15px 25px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 0px 11px 26px -4px rgba(0,0,0,0.54); 
    box-shadow: 0px 11px 26px -4px rgba(0,0,0,0.54);
}

#cookies-disclaimer-banner p {
    font-size: 14px;
    line-height: 22px;
}

#cookies-disclaimer-banner p a {
    font-size: 14px;
    color: #27A2FF;
}

#cookies-disclaimer-banner-close {
    position: absolute;
    right: 12px;
    top: 12px;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
}

#cookies-disclaimer-banner-close:hover {
    opacity: .8;
}

#attentive_overlay {
    z-index: 5 !important;
}











/*--------------------------------------------------------------
# Slick Sliders
--------------------------------------------------------------*/

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-loading .slick-list {
    background: #fff url("css/images/ajax-loader.gif") center center no-repeat
}

.slick-list.dragging {
    cursor: pointer
}

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

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    zoom: 1
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25
}

.slick-prev:before,
.slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

.slick-prev:before {
    content: '\2190'
}

.slick-next {
    right: -25px
}

.slick-next:before {
    content: '\2192'
}

.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '\2022';
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: black;
    opacity: 0.75
}









/*--------------------------------------------------------------
# Store-Nav
--------------------------------------------------------------*/

#store-nav {
    width: 100%;
    background: #f8f8f8;
    height: 46px;
    position: fixed;
    top: 34px;
    left: 0;
    text-align: center;
    z-index: 9999;
    padding: 0 30px;
    transition: top 200ms ease-in;
}

#store-nav.scroll{
    transition: top 200ms ease-in;
}

body.top-sale-banner-active #store-nav {
    top: 50px;
}

body.legion-sb-disabled #store-nav,
body.special-offer #store-nav,
body.woocommerce-order-received #store-nav {
    top: 0px;
}

#store-nav .left {
    float: left;
    width: 25%;
    text-align: left;
    color: #333;
    font-size: 14px;
    padding: 16px 0 16px 0;
    position: relative;
}

#store-nav .left a {
    color: #333;
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
}

body.special-offer #store-nav .left a {
    display: none;
}


#store-nav .left span {
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
}

#store-nav .left a:hover,
#store-nav .left span:hover,
#store-nav .center a:hover,
#store-nav .center span:hover {
    text-decoration: underline;
}

#store-nav .center {
    text-align: center;
    width: 50%;
    color: #333;
    font-size: 14px;
    /* letter-spacing: 0.5px; */
    line-height: 48px;
    position: absolute;
    left: 25%;
    white-space: nowrap;
    font-weight: 700;
}

#store-nav .center.mobile-nav {
    display: none;
}

#store-nav .center span:hover,
#store-nav .center span:active {
    cursor: pointer;
}

#store-nav .center span {
    font-weight: 700;
    text-decoration: underline;
}

#store-nav .center span:nth-child(1) {
    /*padding-left: 30px;*/
    /*background: url('images/2017-images/top-nav-free-ship-icon.png') 0px 1px no-repeat;*/
    background-size: 22px;
}

#store-nav .center a {
    /*color: #00A2FF;
    text-decoration: none;*/
    color: #333;
    text-decoration: underline;
}

#store-nav .center span[class*=header-pipe] {
    text-decoration: none !important;
}

body.special-offer #header nav ul li,
body.special-offer #store-nav .center a,
body.special-offer #store-nav .center .header-pipe,
body.special-offer #main #product-main .breadcrumbs,
body.special-offer #legion-sale-banner,
body.special-offer footer {
    display: none !important;
}

body.special-offer #header .logo {
    pointer-events: none;
}

body.special-offer #header nav ul li#cart-dd-menu-item {
    display: block !important;
}

#store-nav .center a:hover {
    text-decoration: underline;
}

#store-nav .right {
    width: 25%;
    float: right;
}

#store-nav .right ul {
    text-align: right;
}

#store-nav .right ul li {
    display: inline-block;
    list-style-type: none;
    margin-left: -4px;
}

#store-nav .right ul li a {
    font-size: 14px;
    height: 46px;
    display: inline-block;
    /*text-transform: uppercase;*/
    letter-spacing: 0.5px;
    border-left: none;
    text-align: center;
    line-height: 48px;
    padding: 0 0;
    color: #333;
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
}

#store-nav .right ul li span.header-pipe {
    font-size: 14px;
    padding: 0 5px;
}

body.special-offer #store-nav .right ul li a,
body.special-offer #store-nav .right span.header-pipe {
    display: none;
}

#store-nav .right ul li a#top-menu-cart-link {
    /*padding: 0 15px 0 26px;*/
}

#store-nav .right ul li a span {
    color: #00A2FF;
}

#store-nav .right ul li a:hover {
    background: #FAFAFA;
}

#store-nav .right .legion-dd {
    display: none;
}












/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#header {
    width: 100%;
    background: #fff;
    position: fixed;
    top: 80px;
    left: 0;
    right: 0;
    z-index: 999;
    border-bottom: 1px #E3E3E3 solid;
    padding: 0 30px 0 30px;
    transition: top 200ms ease-in;
}

body.top-sale-banner-active #header {
    top: 96px;
}

body.legion-sb-disabled #header,
body.woocommerce-order-received #header {
    top: 46px;
}

body.special-offer #header {
    top: 43px;
}

/*--------------------------------------------------------------
# Editorial Process 09.12.2024
--------------------------------------------------------------*/
.editorialArticle {
    background: #F6F7F7;
}
#editorial-process-hldr .processContainer {
    max-width: 920px;
    margin: 20px auto 0;
    padding: 30px 30px;
}
#editorial-process-hldr .processContainer h1 {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}
#editorial-process-hldr .processContainer p {
    font-size: 18px;
    line-height: 1.6;
    color: #333;
    margin-bottom: 20px;
}
#editorial-process-hldr .processContainer .processList strong {
    margin-bottom: 10px;
    display: block;
    font-size: 18px;
}
#editorial-process-hldr .processContainer .processList ol {
    font-size: 18px;
    line-height: 1.6;
    color: #333;
    padding-left: 25px;
}
.processListDescription {
    margin-top: 40px;
}
.processListDescription h2 {
    font-size: 23px;
    font-weight: 600;
    margin: 20px 0;
}

.editorialArticle .blog .article-home-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.editorialArticle .blog .article-home-container article {
    width: 48% !important;
    display: flex;
    justify-content: space-between;
    border: none;
}
.editorialArticle .blog #more-from-legion article {
    border: none;
}
.editorialArticle .blog .article-home-container article .homeFeaturedThumb {
    width: 28%;
    height: 180px;
}
.editorialArticle .blog #more-from-legion article .bot {
    height: auto;
    padding: 0;
    width: 65%;
    align-content: center;
}
.editorialArticle .blog #more-from-legion article .bot h4 {
    text-align: left;
}
.editorialArticle .blog #more-from-legion article .bot .excerpt p {
    text-align: left;
    margin-bottom: 0;
}
.editorialArticle .blog #more-from-legion article .homeFeaturedThumb .img {
    height: 180px;
}
.editorialArticle .blog #more-from-legion article h4 a {
    text-decoration: none;
    color: #000;
}


.editorialArticle .blog #more-from-legion {
    background: transparent;
}
.editorialArticle .blog  {
    max-width: 1350px;
    margin: 0 auto;
}
@media screen and (max-width: 1024px) {
    body.top-sale-banner-active #header {
        top: 85px;
    }
    .editorialArticle .blog .article-home-container {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 767px) {
    body.top-sale-banner-active #header {
        top: 50px;
    }
    #cookies-disclaimer-banner {
        padding-left: 5%;
        padding-right: 5%;
        text-align: center;
    }
    .cookie-hldr {
        max-width: 500px;

    }
    #cookies-disclaimer-banner p {
        font-size: 12px;
    }
    #cookies-disclaimer-banner p a {
        font-size: 12px;
    }

    /** Control top spacing after expert slider in PDP **/
    #product-reviews .yotpo-display-s .yotpo-bottom-line .yotpo-summary-section .yotpo-bottom-line-summary {   
        margin-top: 0;
    }
    .editorialArticle .blog .article-home-container {
        grid-template-columns: repeat(2, 1fr);
    }

    /** Editorial Mobile View **/
    .editorialArticle .blog .article-home-container {
        display: block;
    }
    .editorialArticle .blog .article-home-container article {
        width: 98% !important;
    }
}

#header * {
    transition: all 200ms ease-in;
}

#store-nav.scroll,
body.legion-sb-disabled #store-nav.scroll,
body.woocommerce-order-received #store-nav.scroll {
    top: 0px;
}

#header.scroll,
body.legion-sb-disabled #header.scroll,
body.woocommerce-order-received #header.scroll {
    z-index: 9999;
    top: 34px;
}

@media screen and (min-width: 1025px) {
    #store-nav.scroll {
        top: 0px !important;
    }
    #header.scroll {
        max-height: 69px;
        top: 34px;
    }
}

@media screen and (min-width: 767px) {
    #home-timer-mobile {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    body.single-post #store-nav.scroll,
    body.single-post.legion-sb-disabled #store-nav.scroll {
        top: -105px;
    }

    body.single-post #header.scroll,
    body.single-post.legion-sb-disabled #store-nav.scroll{
        top: -71px;
    }
}

#header.scroll nav ul li a {
    padding: 17px 19px 16px;
    font-size: 12px;
}

#header.scroll nav ul li.search,
#header.scroll nav ul li#cart-dd-menu-item {
    top: 0px;
}

#header.scroll .logo {
    height: 31px;
    margin-top: 9px;
    background-size: 80px;
    background-position: top left;
}

#header.scroll .logo.xmas-logo {
    height: 31px;
    margin-top: 9px;
    background-size: 81px;
    background-position: top left;
}

#header .logo {
    width: 168px;
    background: url('images/2017-images/2020-legion-logos/legion-logo-2020.png') center left no-repeat;
    background-size: 110px;
    display: block;
    text-indent: -9999px;
    height: 61px;
    float: left;
    margin-top: 5px;
    padding-right: 30px;
}

#header .logo.xmas-logo {
    background: url('images/2017-images/2020-legion-logos/legion-logo-christmas-2020.png') center left no-repeat;
    background-size: 112px;
}

#header .logo.logo-trademark {
    background: url('images/2017-images/2020-legion-logos/legion-logo-2020-full@2x.png') top left no-repeat;
    background-size: contain;
    height: 45px;
    margin-top: 11px;
}

#header.scroll .logo.logo-trademark  {
    height: 28px;
    background-position: top left;
    margin-top: 8px;
}

#header .logo:hover {
    opacity: .8;
}

#header.scroll .logo.xmas-logo-hat {
    top: -5px;
    margin-top: 0;
}

#header nav.left,
#header nav.right {
    display: inline-block;
}

#header nav.left > ul {
    text-align: left;
    margin-left: 16px;
}

#header nav.right > ul {
    text-align: right;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #header nav.right > ul {
        min-width: 440px;
    }
}

#header nav ul li {
    list-style-type: none;
    display: inline-block;
    /*margin: 0 16px;*/
    position: relative;
}

#header nav ul li a {
    color: #333;
    text-transform: uppercase;
    font-size: 15px;
    display: inline-block;
    padding: 27px 32px 25px 32px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-decoration: none;
    position: relative;
    z-index: 1000;
}

#header nav ul li.on-sale a {
    color: #ff3a3b;
}

#header nav ul li a.quiz {
    color: #00A2FF;
}

/*#header > nav ul li a:hover,
#header nav ul li a.active {
    color: #222222;
    border-bottom: 3px #00A2FF solid;
}*/

#header > nav > ul > li > a:hover > span,
#header > nav > ul > li > a.active > span {
    color: #222222;
    border-bottom: 3px #00A2FF solid;
    padding-bottom: 6px;
}

#header nav ul li.quiz-header-link {
    float: right;
    margin-right: 12px;
}

#header nav ul li.quiz-header-link a {
    background-color: #27A2FF;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 0;
    transition: ease all 0.5s;
    padding: 14px 20px;
    margin-top: 13px;
}

#header nav ul li.quiz-header-link a:hover {
    background: #138EEB;
}

#header nav ul li.quiz-header-link.quiz-header-take-link a {
    background: #E48310;
}

#header nav ul li.quiz-header-link.quiz-header-take-link a:hover {
    background: #d6790b;
}

#header:not(.scroll) nav ul li.quiz-header-link.save20-header-link a {
    padding: 14px 38px;
}

@media (max-width: 1560px) {
    #header:not(.scroll) nav ul li.quiz-header-link a {
        font-size: 12px;
        padding: 16px 9px;
        /* margin-left: 44px; */
    }

    #header:not(.scroll) nav ul li.quiz-header-link.save20-header-link a {
        font-size: 12px;
        padding: 16px 24px;
        margin-left: 0;
    }
}

@media (max-width: 1199px) {
    #header.scroll nav ul li.quiz-header-link a {
        font-size: 12px;
        padding: 16px 5px;
    }

    #header.scroll nav ul li.quiz-header-link.save20-header-link a {
        font-size: 11px;
        padding: 16px 15px;
        margin-left: 117px;
    }

    #header:not(.scroll) nav ul li.quiz-header-link a {
        font-size: 12px;
        padding: 16px 5px;
    }

    #header:not(.scroll) nav ul li.quiz-header-link.save20-header-link a {
        font-size: 12px;
        padding: 16px 15px;
        margin-left: 0;
    }
}

@media (max-width: 1041px) {
    #header:not(.scroll) nav ul li.quiz-header-link a {
        font-size: 12px;
        padding: 16px 2px;
    }

    #header:not(.scroll) nav ul li.quiz-header-link.save20-header-link a {
        font-size: 12px;
        padding: 16px 2px;
        margin-left: 0;
    }
}

/*#header > nav ul li a:hover::after,
#header > nav ul li a.active::after {
    border-bottom: 3px #00A2FF solid;
    content: '';
    position: absolute;
    width: 72%;
    bottom: 16px;
    left: 14%;
}*/

/*#header.scroll > nav ul li a:hover::after,
#header.scroll > nav ul li a.active::after {
    bottom: 12px;
}*/

#header.scroll > nav ul li a:hover span,
#header.scroll nav ul li a.active span {
    padding-bottom: 1px;
}

#header.scroll nav ul li.quiz-header-link a {
    padding: 10px 20px !important;
    margin-top: 7px;
    font-size: 12px;
}

#header.scroll nav ul li.quiz-header-link.save20-header-link a {
    padding: 10px 35px !important;
}

#header nav ul li.supplements:hover > nav {
    visibility: visible;
    transition-delay: 0s;
    z-index: 1000;
}

#header nav ul li.dropdown-blog:hover > nav {
    visibility: visible;
    transition-delay: 0s;
    z-index: 1000;
}

#header nav ul li.dropdown-podcast:hover > nav {
    visibility: visible;
    transition-delay: 0s;
    z-index: 1000;
}

#header nav ul li.dropdown-about:hover > nav {
    visibility: visible;
    transition-delay: 0s;
    z-index: 1000;
}

#header nav ul li#desktop-nav-about {
    margin-right: -133px;
}

#header nav ul li.search {
    overflow: hidden;
    text-indent: 9999px;
    background: url('images/2017-images/tablet-header-search@2x.png') 13px 13px no-repeat;
    width: 45px;
    height: 45px;
    position: relative;
    top: 12px;
    padding-right: 0;
    cursor: pointer;
    float: right;
    background-size: 19px;
}

#header nav ul li.search:hover {
    border-bottom: 0;
    opacity: .75;
}

#header nav ul li#cart-dd-menu-item:hover {
    opacity: .75;
}

#header nav ul li#cart-dd-menu-item {
    overflow: hidden;
    text-indent: 9999px;
    background: url('images/2017-images/tablet-header-shopping-cart@2x.png') center no-repeat;
    width: 45px;
    height: 45px;
    position: relative;
    top: 12px;
    padding-right: 0;
    cursor: pointer;
    float: right;
    background-size: 53%;
}

#header nav ul li#cart-dd-menu-item a {
    display: block;
    height: 45px;
    width: 45px;
    padding: 0;
}

#header nav ul li#cart-dd-menu-item a:hover::after {
    border-bottom: 0;
}

#cart-dd-menu-item .num {
    position: absolute;
    width: 17px;
    height: 17px;
    border-radius: 100%;
    background: #FE4C0C;
    /*background: #484848;*/
    display: block;
    top: 5px;
    right: 1px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    line-height: 18px;
    text-indent: 0;
}

#cart-dd-menu-item:hover .num {
    color: #fff;
    border-bottom: initial;
    padding-bottom: initial;
}

#cart-dd-menu-item .num.greyed {
    background: #b8b8b8;
    /*background: #FE4C0C;*/
}

#supp-drop-trigger {
    margin-left: -55px;
}

#header-uncached {
    float: right;
}

.mobile-container {
    display: none;
}

#mobile-navigation {
    display: none;
}

/* .table-of-contents {
    margin-left: 0px !important;
    font-size: 18px;
    position: relative;
    padding: 25px;
    background-color: #F8F8F8;
    color: #000000;
    background-size: 250px;
} */

.toc-h3 {
    font-size:16px;
    padding-left:50px;
    margin-bottom: 0px !important;
}

.toc-h2 {
    margin: 15px 0px !important;
    padding-left: 0px !important;
}

.article-toc {
    /* display: inline-block; */
    display: none;
    cursor: pointer;
    width: 15px;
    height: 15px;
    background: #fff;
    opacity: 0.4;
    border-top: 2px solid #5ca7f9;
    border-left: 2px solid #5193e7;
    transform: rotate(45deg);
    text-align: center;
    margin-left: 20px;
}

.recipe .article-toc {
    position: relative;
    top: 3px;
}

@media (max-width: 767px) {
    .article-toc {
        position: relative;
        top: 5px;
    }
}

.article-toc:hover {
    opacity: 0.6;
}

.table-of-contents .toc-show-hide {
    position: absolute;
    right: 28px;
    top: 17px;
    font-size: 38px;
    cursor: pointer;
    font-weight: normal;
}

.table-of-contents .toc-show-hide.open {
    top: 14px;
    right: 31px;
}

.blog.recipes .table-of-contents .toc-show-hide {
    line-height: 1.5;
}

.table-of-contents .toc-show-hide:hover {
    color: #474747 !important;
}

.table-of-contents li {
    list-style-type: none;
    color: #000000;
    background: none !important;
    display: none;
}

.table-of-contents li a {
    text-decoration: none !important;
    color:#000000 !important;
    cursor: pointer;
    text-decoration: underline !important;
}

.table-of-contents li a:hover {
    color: #474747 !important;
}

.table-of-contents h4 {
    text-align: left !important;
    font-size: 28px !important;
    font-weight: normal;
    color: #000000 !important;
    margin-top: 0;
    line-height: 24px;
}

@media (max-width: 550px) {
    .table-of-contents h4 {
        font-size: 21px !important;
    }

    /* .table-of-contents li {
        line-height: 18px !important;
    }

    .table-of-contents li.toc-h3 {
        line-height: 18px !important;
        margin-bottom: 6px !important;
    }

    .table-of-contents li a {
        font-size: 13px !important;
    } */

    .table-of-contents .toc-show-hide {
        top: 12px;
    }

    .table-of-contents .toc-show-hide.open {
        top: 9px;
        right: 32px;
    }
}

.menuBar .post-progress-container {
    display: none;
}

.single-post #header .post-progress-container {
    width: 100%;
    height: 4px;
    background: #ebebeb;
    /*display: none;*/
    clear:both;
    position: fixed;
    left: 0;
}

.single-post .scroll .post-progress-container {
    display:block !important;
}

.single-post .post-progress-bar {
    height: 4px;
    background: #27a2ff;
    width: 0%;
}












/*--------------------------------------------------------------
# HEADER: Supplements Dropdown
--------------------------------------------------------------*/

#header .supplements-dropdown {
    position: absolute;
    top: 67px;
    left: 0;
    width: 100%;
    height: 297px;
    background: #FFFFFF;
    z-index: -1000;
    padding: 0 155px;
    visibility: hidden;
    border-top: 1px solid #e6e6e6;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
    transition: 0.1s 0.4s;
}

#header .supplements-dropdown * {
    transition: none;
}

#header .merger-dropdown {
    position: fixed;
    top: 147px;
    height: auto;
    padding: 0 40px 0 80px;
    min-height: 345px;
    min-height: 290px;
}

body.admin-bar #header .merger-dropdown.shop-dropdown {
    top: 144px;
}

body.legion-sb-disabled #header .merger-dropdown,
body.woocommerce-order-received #header .merger-dropdown {
    top: 113px;
}

#header .dropdown-about .merger-dropdown {
    min-height: auto;
    padding-bottom: 5px;
}

#header .merger-dropdown > .container {
    padding: 0;
}

.drop-blur-fadeout {
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    filter: blur(10px);
    transition: 5s filter linear;
    -webkit-transition: 5s -webkit-filter linear;
    -moz-transition: 5s -moz-filter linear;
    -ms-transition: 5s -ms-filter linear;
    -o-transition: 5s -o-filter linear;
}

.drop-blur-cancel {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
}

#header.scroll .supplements-dropdown,
body.legion-sb-disabled #header.scroll .supplements-dropdown,
body.woocommerce-order-received #header.scroll .supplements-dropdown {
    top: 79px;
}

#header.scroll .about-dropdown {
    top: 45px;
}

nav.about-dropdown ul li a {
    font-weight: normal;
}

/*#header .supplements-dropdown:before {
    content: "";
    width: 31px;
    height: 15px;
    display: block;
    position: absolute;
    top: -15px;
    left: 80px;
    background: url('images/2017-images/supplements-dropdown-arrow.png') center no-repeat;
}*/

#header.scroll .supplements-dropdown:before {
    left: 71px;
}

#header .supplements-dropdown .btn {
    position: absolute;
    top: 50%;
    margin-top: -29px;
    width: 59px;
    height: 59px;
    border-radius: 100%;
    text-indent: -9999px;
    cursor: pointer;
    display: block;
    border: 1px #E5E5E9 solid;
    background: url('images/2017-images/slider-arrow.png') center no-repeat;
    overflow: hidden;
    left: 58px;
}

#header .supplements-dropdown .btn:hover {
    background-color: #EAEBEB;
}

#header .supplements-dropdown .btn.next {
    left: auto;
    right: 58px;
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph;
    filter: fliph;
}

#header .supplements-dropdown ul {
    width: 100%;
    padding: 40px 0;
    position: relative;
    float: left;
}

#header .supplements-dropdown ul li {
    font-size: 14px;
    float: left;
    text-align: center;
    margin: 0;
    position: relative;
}

#header .supplements-dropdown ul.stacks li {
    width: 175px;
    height: 255px;
    padding: 0 15px;
}

#header .supplements-dropdown ul.stacks li.drop-stack {
}

#header .supplements-dropdown ul.stacks li.drop-supp {

}

#header .supplements-dropdown ul.products li {
    width: 25%;
}

#header .supplements-dropdown ul li a,
#header.scroll .supplements-dropdown ul li a {
    width: 100%;
    height: 100%;
    padding: 0;
}

#header .supplements-dropdown ul li a:hover {
    border-bottom: 0;
}

#header > nav ul li .supplements-dropdown a:hover:after,
#header > nav ul li .supplements-dropdown a.active:after {
    display: none;
}

#header .supplements-dropdown ul li img {
    width: 132px;
    max-width: 100%;
    margin: 0 auto;
}

#header .supplements-dropdown ul.stacks li.drop-stack img {
}

#header .supplements-dropdown ul.stacks li.drop-supp img {
    width: 100px;
    margin-top: 22px;
}

#header .supplements-dropdown ul li p {
    font-size: 14px;
    text-transform: uppercase;
    color: #333333;
    font-weight: 700;
    letter-spacing: -0.25px;
    line-height: 1.5;
    margin-top: 21px;
}

#header .supplements-dropdown ul li.drop-supp p {
    margin-top: 31px;
    margin-bottom: 2px;
}

#header .supplements-dropdown ul li.drop-supp span {
    font-size: 13px;
    font-weight: 300;
}

#header .supplements-dropdown ul span {
    font-size: 15px;
    color: #909396;
    display: block;
    letter-spacing: 0;
    font-weight: normal;
    text-transform: none;
}

#header .supplements-dropdown ul.stacks {
    width: 100%;
    float: left;
    padding-right: 26px;
    max-height: 100%;
    overflow: hidden;
}

#header .supplements-dropdown ul.products:before {
    font-size: 12px;
    color: #909396;
    letter-spacing: 1px;
    display: block;
    position: absolute;
    top: 25px;
}

#header .supplements-dropdown li#new-index-0:before,
#header .supplements-dropdown li#sale-index-0:before,
#header .supplements-dropdown li#flavor-index-0:before,
#header .supplements-dropdown li#stack-index-0:before {
    font-size: 12px;
    color: #909396;
    letter-spacing: 1px;
    display: block;
    position: absolute;
    top: -15px;
}

#header .supplements-dropdown .bx-wrapper {
    width: 100%;
    float: left;
    padding-left: 30px;
    max-width: 100% !important;
}

#header .supplements-dropdown .bx-wrapper .bx-viewport {
    height: auto !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    left: auto;
    border: none;
}

#header .supplements-dropdown li#new-index-0:before {
    content: "NEW PRODUCT!";
    color: #ff3a3b;
    font-weight: bold;
}

#header .supplements-dropdown li#sale-index-0:before {
    content: "ON SALE!";
    color: #ff3a3b;
    font-weight: bold;
}

#header .supplements-dropdown li#flavor-index-0:before {
    content: "NEW FLAVOR!";
    color: #ff3a3b;
    font-weight: bold;
}

#header .supplements-dropdown li#stack-index-0:before {
    content: "STACKS";
}

#header .supplements-dropdown li#supplement-index-0::before {
    content: 'SUPPLEMENTS';
    position: absolute;
    left: 15px;
    top: -15px;
    font-size: 12px;
    color: #909396;
    letter-spacing: 1px;
}

#header .supplements-dropdown ul li.fat-loss-stack img {
    position: relative;
    top: 5px;
}

#header .supplements-dropdown ul li.optimal-performance-stack img {
    position: relative;
    top: 10px;
}

#header .supplements-dropdown ul li.rapid-recovery-stack {
}

#header .supplements-dropdown ul li.rapid-recovery-stack img {
    position: relative;
    top: -1px;
}

/*#header .supplements-dropdown ul li.pulse::after {
    content: '|';
    position: absolute;
    left: 0;
    top: 0;
}*/

#header .supplements-dropdown .bx-controls {
    display: none !important;
}

#header .merger-dropdown {
}

#header .merger-dropdown-container {
    max-width: 1900px;
}

#header .merger-dropdown #product-preview-container {
    width: 15%;
    height: 100%;
    padding: 12px 0 0 0;
    position: relative;
    transition: initial;
    display: flex;
    align-items: center;
    justify-content: center;
}

#header .merger-dropdown #product-preview-container ul{
    display: block;
    border-right: 1px solid rgb(102, 102, 102);
    height: 220px;
    padding: 15px 0px 0px 65px;
}

#header .merger-dropdown #product-preview-container a {
    padding: 0;
}

#header .merger-dropdown #product-preview-container > a {
    padding-top: 0;
}

#header .merger-dropdown #product-preview-container > a img {
    max-width: 500px;
    width: 100%;
}

@media screen and (max-width: 1499px) {
    #header .merger-dropdown #product-preview-container > a img {
        max-width: 100%;
    }
}

#header .merger-dropdown .dropdown-lists {
    width: 85%;
    display: flex;
    justify-content: space-between;
}

#header .merger-dropdown .dropdown-lists.dropdown-learn {
    display: block;
    margin: 0 auto;
    position: relative;
    left: 10%;
    padding-bottom: 10px;
}

#header .merger-dropdown .menu-group {
    width: 22%;
}

#header .merger-dropdown .menu-group.group-supps,
#header .merger-dropdown .menu-group.group-merch,
#header .merger-dropdown .menu-group.group-coaching,
#header .merger-dropdown .menu-group.group-meal-plans {
    width: 14%;
}

#header .merger-dropdown .menu-group.group-supps.group-protein {
    width: 12%;
}

#header .merger-dropdown .menu-group.group-supps.group-protein {
    width: 20%;
}

#header .merger-dropdown .menu-group.group-supps.group-performance {
    width: 19%;
}

#header .merger-dropdown .menu-group.group-supps.group-health {
    width: 16%;
}

#header .merger-dropdown .menu-group.group-supps.group-fat-loss {
    width: 14%;
}

#header .merger-dropdown .menu-group.group-simple {
    width: 14%;
}

/*#header .merger-dropdown .menu-group.group-supps {
    width: 18%;
}

#header .merger-dropdown .menu-group.group-stacks {
    width: 32%;
}

#header .merger-dropdown .menu-group.group-books-plans-merch {
    width: 22%;
}

#header .merger-dropdown .menu-group.group-coaching {
    width: 28%;
}*/

#header .merger-dropdown ul {
    padding: 27px 15px 0px 7px;
}

#header .merger-dropdown ul li {
    display: block;
    float: none;
    text-align: left;
    margin-bottom: 12px;
}

#header .merger-dropdown ul li a {
    font-size: 13px;
    text-transform: capitalize;
    color: #333333;
    line-height: 18px;
    font-weight: 600;
}

#header .merger-dropdown ul li a:hover {
    text-decoration: underline;
    opacity: 0.9;
}

#header .merger-dropdown ul li .new,
#header .merger-dropdown ul li .on-sale {
    color: #ff3a3b;
    display: inline;
    padding: 0;
    font-size: 13px;
}

#header .merger-dropdown ul li .new.menu-green {
    color: #28c890;
}

#header .merger-dropdown ul li ul {
    padding: 0;
    padding-top: 10px;
    margin-left: 0;
}


#header .merger-dropdown ul li ul li {
    margin-bottom: 10px;
    font-weight: 400;
}
#header .merger-dropdown ul li a.blueFont {
    color: #27A2FF;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
    font-size: 14px;
    line-height: 20px;
}

#header .merger-dropdown ul li ul li a {
    font-size: 13px;
    text-transform: initial;
    font-weight: 400;
    color: #333333;
    line-height: 15px;
}
#header .merger-dropdown ul li ul.blog-dropdown {
    margin-bottom: 11px;
    padding-top: 11px;
}
#header .merger-dropdown ul li ul.blog-dropdown li {
    margin-bottom: 5px;
}

#header .learn-navigation ul li {
    margin-bottom: 12px;
}

#header .learn-navigation ul li a {
    font-weight: 600;                    
}
#header nav ul li .content-dropdown.deals-dropdown {
    width: 160px;
    left: 25px;
    padding-left: 0;
}
#header nav ul li .content-dropdown.coaching-dropdown.meal-plan-nav {
    padding-left: 0;
    width: 217px;
}
#header nav ul li .meal-plan-nav ul,
#header nav ul li .deals-dropdown ul {
    padding:25px 20px 5px 20px;
}

#header .learn-navigation ul li ul.blog-dropdown li {
    margin-bottom: 5px;
    line-height: 20px;
}

#header .content-dropdown {
    width: 145px;
    position: absolute;
    left: 0;
    top: 67px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 0 0 0 15px;
    margin: 0;
}

#header .content-dropdown.coaching-dropdown {
    width: 252px;
}

#header .content-dropdown.deals-dropdown {
    width: 191px;
}

@media (min-width: 1600px) {
    #header .content-dropdown {
        left: 9px;
    }
}

body.legion-sb-disabled #header .content-dropdown,
body.woocommerce-order-received #header .content-dropdown {
    top: 67px;
}

#header .content-dropdown.blog-dropdown,
#header .content-dropdown.podcast-dropdown {
    width: 800px;
    left: -400px;
    padding-right: 0;
    padding-left: 25px;
}

#header .dropdown-blog div.menu-featured,
#header .dropdown-podcast div.menu-featured {
    float: right;
    width: 74%;
    padding: 25px 0 0 0;
    background: #f7f7f7;
    border-left: 1px solid #eeeeee;
}

#header .dropdown-blog > nav.content-dropdown.blog-dropdown > ul,
#header .dropdown-podcast > nav.content-dropdown.podcast-dropdown > ul {
    float: left;
    width: 26%;
    padding: 25px 0px 0px 0px;
}

#header .dropdown-blog div.menu-featured h3,
#header .dropdown-podcast div.menu-featured h3 {
    margin-left: 25px;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
}

#header .dropdown-blog div.menu-featured ul,
#header .dropdown-podcast div.menu-featured ul {
    padding-top: 0;
}

#header .dropdown-blog div.menu-featured ul li,
#header .dropdown-podcast div.menu-featured ul li {
    float: left;
    width: 50%;
    padding: 0 20px;
}

#header .dropdown-blog div.menu-featured ul li .menuFeaturedImg,
#header .dropdown-podcast div.menu-featured ul li .menuFeaturedImg {
    display: block;
    height: 120px;
    width: 100%;
    background-size: cover;
    margin-bottom: 15px;
}

#header .dropdown-blog div.menu-featured ul li h4 a,
#header .dropdown-podcast div.menu-featured ul li h4 a {
    line-height: 16px;
    margin: 0;
    padding: 0;
    font-size: 15px;
    height: 46px;
    overflow: hidden;
    text-transform: initial;
    font-weight: normal;
}

#header .dropdown-blog div.menu-featured ul li p,
#header .dropdown-podcast div.menu-featured ul li p {
    height: 70px;
    margin: 5px 0 0 0;
    padding: 0;
    text-transform: initial;
    font-weight: normal;
    line-height: 17px;
}

/** UNUSED ABOUT DRODPWON MENU STYLING **/

/*#header .dropdown-about .merger-dropdown {
    width: 480px;
    height: auto;
    padding: 20px 20px 0 0;
    left: -235px;
}

#header .dropdown-about .merger-dropdown ul {
    padding: 0;
}

#header .dropdown-about .merger-dropdown ul li {
    width: calc(50% - 20px);
    float: left;
    text-align: center;
    min-height: 150px;
    margin-bottom: 20px;
    margin-left: 20px;
    background: #eeeeee;
    border: 1px solid #e3e3e3;
}

#header .dropdown-about .merger-dropdown ul li:hover {
    background: #e6e4e4;
}

#header .dropdown-about .merger-dropdown ul li a {
    display: block;
    padding: 10px;
}

#header .dropdown-about .merger-dropdown ul li:hover a {
    text-decoration: none;
}

#header .dropdown-about .merger-dropdown ul li a img {
    width: 100%;
    padding: 0px 30px 20px 30px;
}

#header .dropdown-about .merger-dropdown ul li:hover a img {

}

#header .dropdown-about .merger-dropdown ul li a span {
    font-size: 15px;
    color: #4a4a4a;
    font-weight: bold;
}

#header .dropdown-about .merger-dropdown ul li.dd-item-our-story {

}

#header .dropdown-about .merger-dropdown ul li.dd-item-the-science {

}

#header .dropdown-about .merger-dropdown ul li.dd-item-the-truth {

}

#header .dropdown-about .merger-dropdown ul li.dd-item-giving-back {

}

#header .dropdown-about .merger-dropdown ul li.dd-item-our-story a {

}

#header .dropdown-about .merger-dropdown ul li.dd-item-the-science a {

}

#header .dropdown-about .merger-dropdown ul li.dd-item-the-truth a {

}

#header .dropdown-about .merger-dropdown ul li.dd-item-giving-back a {

}

#header .dropdown-about .merger-dropdown ul li.dd-item-our-story a img {
    width: 98%;
    position: relative;
    left: -8px;
}

#header .dropdown-about .merger-dropdown ul li.dd-item-the-science a img {

}

#header .dropdown-about .merger-dropdown ul li.dd-item-the-truth a img {
    width: 92%;
}

#header .dropdown-about .merger-dropdown ul li.dd-item-giving-back a img {

}*/












/*--------------------------------------------------------------
# Universal Search
--------------------------------------------------------------*/
#universal-search {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    background: rgba(236, 236, 236, .95);
    text-align: center;
}

#universal-search form {
    position: relative;
    top: 50%;
    margin-top: -73px;
    max-width: 1283px;
    width: 100%;
    display: inline-block;
}

#universal-search form p:before {
    width: 22px;
    height: 21px;
    content: "";
    position: absolute;
    display: block;
    top: -4px;
    left: 0;
    background: url('images/2017-images/universal-search-star.png') center no-repeat;
}

#universal-search form p {
    position: relative;
    color: #333333;
    padding-left: 35px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-align: center;
    letter-spacing: 1.2px;
    clear: both;
    display: inline-block;
}

#universal-search form p a {
    font-weight: 300;
    margin-left: 10px;
    color: #333;
    text-decoration: none;
}

#universal-search form p a:hover {
    color: #1BA4FC;
}

#universal-search form input[type="search"]::-webkit-input-placeholder {
    color: #333333;
}

#universal-search form input[type="search"] {
    width: 100%;
    height: 94px;
    text-align: left;
    padding: 20px 104px 20px 37px;
    font-size: 16px;
    letter-spacing: 0.5px;
    background: #fff;
    border: 1px #fff solid;
    margin-bottom: 30px;
    -webkit-appearance: none;
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.03);
}

#universal-search form input[type="search"]:focus {
    border-color: #44A0F7;
}

#universal-search form input[type="submit"] {
    width: 92px;
    height: 92px;
    display: block;
    position: absolute;
    right: 1px;
    border: none;
    top: 1px;
    background: url('images/2017-images/universal-search-submit.png') center no-repeat;
}

#universal-search .close-universal-search {
    width: 15px;
    height: 15px;
    position: absolute;
    display: block;
    background: url('images/2017-images/close-universal-search.png') center no-repeat;
    top: 66px;
    right: 59px;
}

#mob-menu-search {
    margin: 22px auto 13px auto;
    display: block;
    width: calc(100% - 60px);
    position: relative;
}

#mob-menu-search input[type="search"] {
    width: 100%;
    text-align: left;
    padding: 20px 20px 20px 51px;
    font-size: 14px;
    letter-spacing: 0.5px;
    border-radius: 0;
    -webkit-appearance: none;
    border: none;
    display: block;
    color: #000;
    font-weight: bold;
    background: #efefef;
    margin-right: 0;
}

#mob-menu-search input[type="search"]::placeholder {
    color: #000;
}

#mob-menu-search input[type="submit"] {
    background: url('images/2017-images/phone-header-search@2x.png') center no-repeat;
    background-size: 17px;
    background-position-y: 15px;
    position: absolute;
    left: 0%;
    width: 50px;
    height: 50px;
    top: 3px;
    border: 0;
    cursor: pointer;
}

li.phone-tap a span {
    color: #00A2FF;
}












/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {
    width: 100%;
    clear: both;
}

.footer .footer-top {
    width: 100%;
    /*height: 110px;*/
    clear: both;
    background: #444;
    padding: 30px 0 9px 0;
}

.footer .footer-top .logo {
    width: 156px;
    height: 19px;
    display: block;
    margin-right: 59px;
    float: left;
    text-indent: -9999px;
    background: url('images/2017-images/footer-logo.png') center no-repeat;
}

.footer .footer-top .main-nav {
    float: left;
}

.footer .footer-top nav {
    width: 20%;
    padding: 0 25px 0 0;
}

.footer .footer-top nav h2 {
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}

.footer .footer-top nav ul {
    margin: 15px 0;
}

.footer .footer-top nav ul li {
    margin-bottom: 7px;
}

.footer .footer-top nav ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
}

.footer .footer-top nav ul li a:hover {
    text-decoration: underline;
    cursor: pointer;
}

.footer .footer-top .main-nav ul {
    position: relative;
    top: 0;
}

.footer .footer-top .main-nav ul li {
    float: left;
    list-style-type: none;
}

.footer .footer-top .main-nav ul li a {
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    margin-right: 30px;
    letter-spacing: 0.5px;
    text-decoration: none;
}

.footer .footer-top .main-nav ul li.search {
    overflow: hidden;
    text-indent: 9999px;
    background: url('images/2017-images/footer-search-icon.png') center no-repeat;
    width: 16px;
    height: 16px;
    position: relative;
    top: 0px;
    padding-right: 0;
    right: -5px;
    cursor: pointer;
}

.footer .footer-top .main-nav ul li a:hover {
    text-decoration: underline;
}

.footer .footer-bot .social-nav {
    /*float: right;*/
    margin-bottom: 10px;
    /*margin-top: 27px;*/
}

.footer .footer-bot .social-nav span {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-right: 10px;
}

.footer .footer-bot .social-nav a {
    display: inline-block;
    margin-left: 20px;
}

.footer .footer-bot .social-nav a:hover {
    opacity: 0.8;
}

.footer .footer-bot .social-nav a.tw {
    width: 24px;
    height: 24px;
    filter: none;
}

.footer .footer-bot .social-nav a.fb {
    width: 24px;
    height: 24px;
    filter: none;
}

.footer .footer-bot .social-nav a.ig {
    width: 24px;
    height: 24px;
    filter: none;
}

.footer .footer-bot .social-nav a.tiktok {
    width: 24px;
    height: 24px;
    filter: none;
    position: relative;
    top: 2px;
}

.footer .footer-bot .social-nav a.yt {
    width: 24px;
    height: 24px;
    filter: none;
    position: relative;
    top: 2px;
}

.footer .address {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin: 0px 0px 15px;
    line-height: 1.3;
}

.footer .footer-payment-methods {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 545px;
}

.footer .footer-bot {
    width: 100%;
    /*height: 328px;*/
    clear: both;
    background: #444;
    padding: 0 0 26px;
}

.footer .footer-bot .left {
    width: 48%;
    padding-right: 134px;
    border-right: 1px solid #888;
}

.footer .footer-bot .right {
    float: right;
    width: 52%;
    padding-left: 132px;
}

.footer .footer-bot .support {
    width: 38.2%;
    height: 47px;
    border: 1px #595D60 solid;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 13px;
    line-height: 45px;
    text-decoration: none;
    letter-spacing: 1px;
    float: left;
    margin-right: 28px;
}

.footer .footer-bot .support:hover {
    background: #404346;
}

.footer .footer-bot .call {
    padding-left: 36px;
    color: #fff;
    letter-spacing: 1px;
    display: inline-block;
    margin-top: 6px;
    text-decoration: none;
    background: url('images/2017-images/footer-phone-icon.png') left 3px no-repeat;
}

.footer .footer-bot .call:hover {
    color: #C3C4C5;
}

.footer .footer-bot .call strong {
    display: block;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 7px;
}

.footer .footer-bot .call p {
    font-size: 15px;
    font-weight: 300;
}

.footer .footer-bot .call p span {
    font-weight: bold;
}

.footer .footer-bot p.terms {
    width: 100%;
    clear: both;
    font-size: 16px;
    color: #C3C4C5;
    font-weight: 300;
    line-height: 1.5;
    margin: 40px 0;
    letter-spacing: 0.5px;
    position: relative;
}

.footer .footer-bot p.terms:before {
    content: "†";
    display: block;
    position: absolute;
    top: -8px;
    left: -18px;
    color: #C3C4C5;
    font-size: 37px;
}

.footer .footer-bot p.copyright {
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: 0.5px;
    color: #fff;
    margin-top: 14px;
}

.footer .footer-bot p.copyright a {
    color: #fff;
    text-decoration: none;
}

.footer .footer-bot p.copyright a:hover {
    text-decoration: underline;
}

.footer .footer-bot p.copyright a.space {
    margin-left: 15px;
}

.footer .footer-bot .left p {
    font-size: 15px;
    color: #fff;
    letter-spacing: 0.5px;
    line-height: 1.5;
    margin-bottom: 23px;
}

.footer .footer-bot form {
    width: 100%;
    clear: both;
    margin-bottom: 36px;
}

.footer .footer-bot input[type="email"] {
    background: #fff url('images/2017-images/footer-input-email-icon.png') 16px no-repeat;
    width: 58.2%;
    height: 47px;
    font-size: 14px;
    color: #CFD0D1;
    letter-spacing: 0.5px;
    padding: 12px 12px 12px 48px;
    float: left;
    border-radius: 0;
    border: none;
}

.footer .footer-bot input[type="email"]:focus {
    border: 1px #27A2FF solid;
}

.footer .footer-bot input[type="submit"] {
    background: #27A2FF;
    border: 1px #27A2FF solid;
    text-align: center;
    height: 47px;
    width: 41.8%;
    border-radius: 0;
    letter-spacing: 0;
    font-size: 15px;
    line-height: 45px;
    color: #fff;
    font-weight: bold;
    transition: ease background-color 0.2s;
}

.footer .footer-bot input[type="submit"]:hover {
    background: #138EEB;
    border-color: #138EEB;
}

.footer .footer-bot .credits {
    width: 100%;
    clear: both;
}

.footer .footer-bot .credits a {
    text-indent: -9999px;
    display: block;
    float: left;
}

.footer .footer-bot .credits .norton {
    width: 127px;
    height: 73px;
    background: url('images/2017-images/footer-credits-norton.png') center no-repeat;
    margin-right: 16px;
}

.footer .footer-bot .credits .fsd {
    width: 129px;
    height: 39px;
    background: url('images/2017-images/footer-credits-fsd.png') center no-repeat;
    margin-right: 30px;
    margin-top: 30px;
}

.footer .footer-bot .credits .dimart {
    width: 176px;
    height: 40px;
    background: url('images/2017-images/footer-credits-dimart.png') center no-repeat;
    margin-top: 26px;
}

.sumome-stylebufferbottom-shim {
    display: none;
}

.footer#tablet-footer,
.footer#phone-footer {
    display: none;
}











/*--------------------------------------------------------------
# Legion Sale Banner
--------------------------------------------------------------*/

#legion-sale-banner {
    background: #28c891;
    width: 100%;
    text-align: center;
    padding: 7px 21px;
    color: #fff;
    font-weight: bold;
    clear: both;
    top: 0;
    font-size: 15px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    position: fixed;
    z-index: 9999;
    transition: top 200ms ease-in;
}


#legion-sale-banner.red-header-bar {
    /*background: #FF3A3B;*/
    z-index: 99999;
}

#legion-sale-banner.green-countdown-banner {
    padding: 10px 21px;
}

#legion-sale-banner.scroll {
    top: -80px;
}

#legion-sale-banner.red-header-bar.scroll {
    top: 0px;
}

@media screen and (min-width: 1270px) {
    #legion-sale-banner {
        padding: 7px 200px;
    }
}

#legion-sale-banner p {
    /*line-height: 1.2;*/
}

#legion-sale-banner a {
    color: #fff;
    /*text-decoration: none;*/
}

/*#legion-sale-banner a {
    font-family: Georgia;
    text-transform: lowercase;
    color: #EEEEEE;
    font-weight: normal;
    font-style: italic;
    margin-left: 10px;
    text-decoration: none;
}*/

#legion-sale-banner a:hover {
    text-decoration: underline;
}

/* REVIVE THIS IF WE WANT TO CHANGE BACK TO THE OLD CLOSE X STYLE */
/*#legion-sale-banner #close-legion-sale-banner {
    position: absolute;
    right: 16px;
    display: block;
    cursor: pointer;
    top: 10px;
    font-size: 18px;
    font-weight: normal;
    color: #EEEEEE;
    width: 32px;
    height: 32px;
}
*/

#legion-sale-banner #close-legion-sale-banner {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    background: rgba(0,0,0,0.4);
    font-weight: bold;
    font-size: 19px;
    padding: 12px 7px;
    line-height: 0;
    cursor: pointer;
}

#legion-sale-banner #close-legion-sale-banner:hover {
    background: rgba(0,0,0,0.55);
}

#legion-sale-banner #close-legion-sale-banner:hover {
    color: #EEEEEE;
}

#legion-sale-banner .greenbar-slider-container {
    width: 100%;
}

@media screen and (min-width: 1270px) {
    #legion-sale-banner .greenbar-slider-container {
        width: 84%;
    }
}

@media screen and (min-width: 1650px) {
    #legion-sale-banner .greenbar-slider-container {
        width: 55%;
    }
}

@media screen and (min-width: 1790px) {
    #legion-sale-banner .greenbar-slider-container {
        width: 51%;
    }
}

#legion-sale-banner .greenbar-carousel {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
}

#legion-sale-banner .greenbar-slider {
    display: flex;
    height: 100%;
    /* Make width 100 * # of slides */
    width: 100%;
    flex-shrink: 0;
    transition: all 0.3s;
}

#legion-sale-banner .greenbar-slide {
    /* Make width & flex-basis 1 / # of slides * 100 */
    width: 100%;
    /* flex-basis: 100%;
    flex-shrink: 0;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center; */
}

#legion-sale-banner .greenbar-slide.dietquiz {
    display:  none;
}

#legion-sale-banner .greenbar-slider-nav {
    padding: 10px;
    cursor: pointer;
    z-index: 2;
}

#legion-sale-banner .greenbar-arrow {
    background: #fff;
    border-radius: 3px;
    height: 2px;
    width: 22px;
    margin: 0 auto;
    position: relative;
    cursor: pointer;

    /* For single slide only - remove when adding more back in */
    opacity: 0;
    pointer-events: none;
    display: none;
}

#legion-sale-banner .greenbar-arrow:hover {
    /*opacity: 0.75;*/
    /* For single slide only - remove when adding more back in */
    opacity: 0;
}

#legion-sale-banner .greenbar-arrow:before,
#legion-sale-banner .greenbar-arrow:after {
    content: "";
    background: #fff;
    border-radius: 3px;
    position: absolute;
    height: 2px;
    width: 10px;
}

#legion-sale-banner .greenbar-arrow.next:before {
    right: -2px;
    bottom: -3px;
    transform: rotate(-45deg);
}

#legion-sale-banner .greenbar-arrow.next:after {
    right: -2px;
    top: -3px;
    transform: rotate(45deg);
}

#legion-sale-banner .greenbar-arrow.prev:before {
    right: 14px;
    bottom: -3px;
    transform: rotate(45deg);
}

#legion-sale-banner .greenbar-arrow.prev:after {
    right: 14px;
    top: -3px;
    transform: rotate(-45deg);
}

@media only screen and (max-width: 1024px) {
    
    .red-text-desktop-indent {
        display: block !important;
        left: -10px !important;
        top: -12px !important;
    }

    #legion-sale-banner {
        padding: 7px 7px;
        font-size: 14px;
    }

    #legion-sale-banner .greenbar-slider-container {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    #legion-sale-banner {
        padding: 7px 2px;
        font-size: 12px;
    }

    #legion-sale-banner.green-countdown-banner {
        padding: 10px 21px;
        font-size: 14px;
    }

    .mob-hide-banner {
        display: none;
    }
}

@media only screen and (max-width: 549px) {
    #legion-sale-banner {
        padding: 7px 2px;
        font-size: 12px;
    }

    #legion-sale-banner.green-countdown-banner {
        padding: 12px 21px;
        font-size: 12px;
    }

    #legion-sale-banner.green-static-banner {
        padding: 12px 21px;
        font-size: 12px;
    }
}

@media only screen and (max-width: 467px) {
    #legion-sale-banner .greenbar-slider-container {
        width: 100%;
    }

    #legion-sale-banner.green-static-banner {
        padding: 7px 21px;
    }

    #legion-sale-banner.green-static-banner p {
        max-width: 278px;
    }

    #legion-sale-banner.green-countdown-banner {
        padding: 6px 28px;
        font-size: 12px;
    }

    #legion-sale-banner .greenbar-slide.dietquiz a {
        display: block !important;
    }
    .editorialArticle .blog .article-home-container {
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 355px) {
    /*#legion-sale-banner.green-countdown-banner {
        padding: 12px 21px;
        font-size: 12px;
    }*/

    #legion-sale-banner.green-static-banner {
        padding: 7px 21px;
    }
}











/*--------------------------------------------------------------
# Yellow CTA [optin_cta] shortcode
--------------------------------------------------------------*/

.yellow-cta {
    background: #ffffb9;
    padding: 12px;
    line-height: 1.8;
    margin: 20px 0;
    clear: both;
}

.yellow-cta strong {
    font-weight: bold
}

.yellow-cta {
    background: url('images/2017-images/red-border-blue.png');
    background-clip: padding-box;
    font-size: 16px;
    line-height: 1.8;
    padding: 4px;
    margin: 30px 0;
    text-align: center;
}

.yellow-cta-container {
    padding: 12px;
    background: #ffffb9;
}

.yellow-cta strong {
    font-weight: bold;
    display: block;
}

.blog #two-col .post-content .yellow-cta p,
.yellow-cta p {
    margin-bottom: 10px;
}

.btn-access {
    display: inline-block;
    font-family: 'proxima-nova', sans-serif;
    color: #fff !important;
    background: #27a2ff;
    text-decoration: none !important;
    padding: 8px 33px;
    font-size: 16px;
    line-height: 32px;
    font-weight: bold;
}

.btn-access:hover {
    background: #008ffb;
    text-decoration: none;
}

/* DEPRECATED JULY 13 2020 - MB */
/*.popup-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; opacity: 0; z-index: 0; background: rgba(0, 0, 0, .85); display: none; }
.popup-overlay {
    -webkit-transition: opacity .3s ease, visibility 0s linear .3s;
    -o-transition: opacity .3s ease, visibility 0s linear .3s;
    transition: opacity .3s ease, visibility 0s linear .3s;
}
.popup-container { position: absolute; top: 50%; left: 50%; width: 650px; background: #fff; border-radius: 9px; padding: 30px; max-width: 90%; }
.popup-container,
.popup-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.popup-container {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.popup-visible { opacity: 1; visibility: visible; z-index: 50000000; display: initial; }
.popup-visible {
    -webkit-transition: opacity .3s ease, visibility 0s linear 0s;
    -o-transition: opacity .3s ease, visibility 0s linear 0s;
    transition: opacity .3s ease, visibility 0s linear 0s;
}

.popup-close { position: absolute; top: 10px; right: 10px; width: 22px; height: 22px; font-size: 14px; line-height: 20px; text-align: center; color: #444; background: #ccc; border-radius: 50%; text-decoration: none; font-weight: bold; }
.popup-close:hover { text-decoration: none; background: #aaa; }

#getAccess label { display: block; font-size: 28px; line-height: 42px; text-align: center; font-weight: bold; color: #333; margin: 35px 0; }
#getAccess .email-field input { border: 2px solid #ddd; font-size: 19px; color: #acacac; background: #fcfcfc; padding: 20px 11px; margin-bottom: 10px; }
#getAccess .email-field input:focus { color: #333; }
#getAccess .email-field input,
#getAccess .submit {
     display: block;
     width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#getAccess .submit { font-size: 30px; height: 72px; font-weight: bold; color: #fff; text-align: center; background: #6e9d43; border: 1px solid #68953f; border-radius: 9px; box-shadow: inset 0 1px #99ba7b, inset 1px 0 #99ba7b, 0 0 2px rgba(0, 0, 0, .1); cursor: pointer; }
#getAccess .submit:hover { background: #51901e; }
#getAccess form { margin-bottom: 45px; }
#getAccess .form-actions { height: 72px; position: relative; }
#getAccess .success-message { display: none; height: 302px; margin-bottom: 10px; font-size: 28px; line-height: 42px; text-align: center; font-weight: bold; position: relative; }
#getAccess .success-message p { line-height: inherit; margin: 10px 0; }
#getAccess .success-message > .vertical-center { position: absolute; top: 50%; left: 0; right: 0; }
#getAccess .success-message > .vertical-center {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#getAccess .success-message.visible { display: block; }

.popup-container a {
    color: #009DFF;
}

@media screen and (max-width: 360px) {
    #getAccess label,
    #getAccess .success-message { font-size: 24px; line-height: 1.5; }
    #getAccess .submit { font-size: 22px; }
}*/









/*--------------------------------------------------------------
# Product Info Bubbles
--------------------------------------------------------------*/

.product-info-bubble .productTooltip {
    padding: 22px;
    position: relative;
}

.product-info-bubble .productTooltipProduct {
    width: 297px !important;
    padding: 22px 17px 12px;
}

.product-info-bubble .productTooltipProduct .productTooltip {
    padding: 0;
}

.product-info-bubble .productTooltip:after {
    display: block;
    content: '';
    clear: both;
}

.product-info-bubble .onlyProduct.productTooltip div {
    padding: 22px 30px 22px;
}

.product-info-bubble .onlyProduct.productTooltip header {
    margin-bottom: 0;
}

.product-info-bubble .productTooltip .wp-post-image,
.product-info-bubble .productTooltip .attachment-woocommerce_thumbnail {
    width: 103px;
    height: auto;
    float: left;
    display: block;
    margin-right: 25px;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

.product-info-bubble .productTooltip strong {
    line-height: 1.2;
    font-weight: 600;
    padding-top: 42px;
    margin-bottom: 5px;
    display: block;
}

.product-info-bubble .productTooltip p.includes {
    text-transform: uppercase;
    color: #797F83;
    font-size: 12px;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
    width: 100%;
    clear: both;
    font-weight: 600;
}

.product-info-bubble .productTooltip ul {
    clear: both;
    width: 100%;
}

.product-info-bubble .productTooltip ul li {
    float: left;
    width: 49%;
    height: 70px;
    list-style-type: none;
    margin-bottom: 19px;
    letter-spacing: 0.5px;
    margin-right: 2%;
}

.product-info-bubble .productTooltip ul li:nth-child(even) {
    margin-right: 0;
}

.product-info-bubble .productTooltip ul li .img {
    float: left;
    width: 62px;
    height: 62px;
    margin-right: 5px;
}

.product-info-bubble .productTooltip ul li strong {
    font-weight: 600;
    font-size: 15px;
    padding-top: 0;
    margin-bottom: 3px;
    margin-top: 7px;
}

.product-info-bubble .productTooltip .flavor {
    font-size: calc(6px + 0.5vmin);
    padding-left: 25px;
    height: 21px;
    line-height: 18px;
    padding-top: 2px;
    display: inline-block;
    color: #797F83;
    white-space: nowrap;
    background-position: left top;
    background-repeat: no-repeat;
    text-transform: capitalize;
    margin-left: 0;
    margin-right: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 125px;
}

.product-info-bubble .productTooltip .flavor.weight-range {
    padding: 0;
}

.product-info-bubble .productTooltip p.includes {
    text-transform: uppercase;
    color: #797F83;
    font-size: 12px;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
    width: 100%;
    clear: both;
    font-weight: 600;
    margin-top: 40px;
}

.product-info-bubble .productTooltip .yes {
    background: url('images/2017-images/product-info-tooltip-check.png') center 4px no-repeat;
}

.product-info-bubble .productTooltip .choice {
    font-size: 14px;
    padding-left: 18px;
    display: block;
}

.product-info-bubble .clearfix:after {
    display: block;
    content: '';
    clear: both;
}

.product-info-bubble .productTooltip .yes em {
    color: #797F83;
    font-style: normal;
}

.product-info-bubble .productTooltip .flavor {
    display: inline-block!important;
    margin-bottom: 5px;
}

/* Selected Flavors */

.product-info-bubble .flavor.grape {
    background: #fff url('images/2017-images/product-option-flavor-grape.png') left center no-repeat;
}

.product-info-bubble .flavor.sourCandy {
    background: #fff url('images/2017-images/product-option-flavor-sour-candy.png') left center no-repeat;
    background-size: 18px;
}

.product-info-bubble .flavor.strawberry {
    background: #fff url('images/2017-images/product-option-flavor-strawberry.png') left center no-repeat;
    background-size: 18px;
}

.product-info-bubble .flavor.strawberryKiwi {
    background: #fff url('images/2017-images/product-option-flavor-strawberry-kiwi@2x.png') left center no-repeat;
    background-size: 18px;
}

.product-info-bubble .flavor.acaiBerry {
    background: #fff url('images/2017-images/product-option-flavor-acai-berry.png') left center no-repeat;
}

.product-info-bubble .flavor.strawberryBanana {
    background: #fff url('images/2017-images/product-option-flavor-strawberry-banana.png') left center no-repeat;
}

.product-info-bubble .flavor.fruitPunch {
    background: #fff url('images/2017-images/product-option-flavor-fruit-punch.png') left center no-repeat;
}

.product-info-bubble .flavor.strawberryLemonade {
    background: #fff url('images/2017-images/product-option-flavor-strawberry-lemonade@2x.png') left center no-repeat;
    background-size: 22px;
}

.product-info-bubble .flavor.mintChocolate {
    background: #fff url('images/2017-images/product-option-flavor-mint-chocolate@2x.png') left center no-repeat;
    background-size: 13px;
}

.product-info-bubble .flavor.mochaCappuccino {
    background: #fff url('images/2017-images/product-option-flavor-mocha-cappuccino@2x.png') left center no-repeat;
    background-size: 18px;
}

.product-info-bubble .flavor.saltedCaramel {
    background: #fff url('images/2017-images/product-option-flavor-salted-caramel@2x.png') left center no-repeat;
    background-size: 18px;
}

.product-info-bubble .flavor.pinkLemonade {
    background: #fff url('images/2017-images/product-option-flavor-pink-lemonade.png') left center no-repeat;
    background-size: 15px;
}

.product-info-bubble .flavor.cherryLimeade {
    background: #fff url('images/2017-images/product-option-flavor-cherry-limeade.png') left center no-repeat;
    background-size: 24px;
}

.product-info-bubble .flavor.birthdayCake {
    background: #fff url('images/2017-images/product-option-flavor-birthday-cake@2x.png') left center no-repeat;
    background-size: 15px;
}

.product-info-bubble .flavor.tropicalPunch {
    background: #fff url('images/2017-images/product-option-flavor-tropical-punch@2x.png') left center no-repeat;
    background-size: 15px;
}

.product-info-bubble .flavor.chocolateChipCookieDough {
    background: #fff url('images/2017-images/product-option-flavor-chocolate-chip-cookie-dough@2x.png') left center no-repeat;
    background-size: 18px;
}
.product-info-bubble .flavor.smores {
    background: #fff url('images/2017-images/product-option-flavor-smores@2x.png') left center no-repeat;
    background-size: 18px;
}

.product-info-bubble .flavor.unflavored,
.product-info-bubble .flavor.original {
    background: #fff url('images/2017-images/product-option-flavor-unflavored.png') left center no-repeat;
}

.product-info-bubble .flavor.watermelon {
    background: #fff url('images/2017-images/product-option-flavor-watermelon.png') left center no-repeat;
}

.product-info-bubble .flavor.chocolate,
.product-info-bubble .flavor.dutchChocolate,
.product-info-bubble .flavor.milkChocolate {
    background: #fff url('images/2017-images/product-option-flavor-chocolate.png') left center no-repeat;
}

.product-info-bubble .flavor.vanilla,
.product-info-bubble .flavor.frenchVanilla {
    background: #fff url('images/2017-images/product-option-flavor-vanilla.png') left center no-repeat;
}

.product-info-bubble .flavor.cookiesAndCream {
    background: #fff url('images/2017-images/product-option-flavor-cookies-cream.png') left center no-repeat;
}

.product-info-bubble .flavor.greenApple {
    background: #fff url('images/2017-images/product-option-flavor-green-apple.png') left center no-repeat;
}

.product-info-bubble .flavor.chamomile {
    background: #fff url('images/2017-images/product-option-flavor-chamomile.png') left center no-repeat;
}

.product-info-bubble .flavor.blueRaspberry {
    background: #fff url('images/2017-images/product-option-flavor-blue-raspberry.png') left center no-repeat;
}

.product-info-bubble .flavor.blueberryLemonade {
    background: #fff url('images/2017-images/product-option-flavor-blueberry-lemonade@2x.png') left center no-repeat;
    background-size: 18px;
}

.product-info-bubble .flavor.eggnog {
    background: #fff url('images/2017-images/product-option-flavor-eggnog.png') left center no-repeat;
}

.product-info-bubble .flavor.fruityCereal {
    background: #fff url('images/2017-images/product-option-flavor-fruity-cereal.png') left center no-repeat;
    background-size: 18px;
}

.product-info-bubble .flavor.chocolatePeanutButter {
    background: #fff url('images/2017-images/product-option-flavor-chocolate-peanut-butter@2x.png') left center no-repeat;
    background-size: 20px;
}

.product-info-bubble .flavor.cookiesCream {
    background: #fff url('images/2017-images/product-option-flavor-cookies-cream.png') left center no-repeat;
}

.product-info-bubble .flavor.cinnamonCereal {
    background: #fff url('images/2017-images/product-option-flavor-cereal-milk.png') left center no-repeat;
    background-size: 18px;
}

.product-info-bubble .flavor.bananaCreamPie {
    background: #fff url('images/2017-images/product-option-flavor-banana-cream-pie@2x.png') left center no-repeat;
    background-size: 18px;
}

.product-info-bubble .flavor.bubbleGum {
    background: #fff url('images/2017-images/product-option-flavor-bubble-gum@2x.png') left center no-repeat;
    background-size: 18px;
}

.product-info-bubble .flavor.xSmall,
.product-info-bubble .flavor.small,
.product-info-bubble .flavor.medium,
.product-info-bubble .flavor.large,
.product-info-bubble .flavor.xLarge,
.product-info-bubble .flavor.xxLarge {
    background: #fff url('images/2017-images/size-shirt.png') left center no-repeat;
}

.product-info-bubble .flavor.black {
    background: #fff url('images/2017-images/color-black.png') left center no-repeat;
}

.product-info-bubble .flavor.white {
    background: #fff url('images/2017-images/color-white.png') left center no-repeat;
}

.product-info-bubble .flavor.thirty-servings,
.product-info-bubble .flavor.fifty-servings {
    background: #fff url('images/2017-images/product-option-whey-servings.png') left center no-repeat;
}












/*--------------------------------------------------------------
# REUSABLE: Best Fans
--------------------------------------------------------------*/

#main #legion-instagram-reviews {
    width: 100%;
    padding: 65px 0 30px;
    color: #4C4C4C;
    background: #F9F9F9;
}

#main #legion-instagram-reviews .container {
    max-width: 1105px;
}

#main #legion-instagram-reviews h2 {
    margin-bottom: 20px;
    line-height: 1.2;
    text-align: center;
    color: #293644;
    font-size: 33px;
    font-weight: bold;
}

#main #legion-instagram-reviews p {
    margin-bottom: 25px !important;
    line-height: 1.5 !important;
    text-align: center !important;
    color: #293644 !important;
    font-size: 25px !important;
}

#main #legion-instagram-reviews .social-share {
    width: 100%;
    height: 76px;
    padding: 0px 11px;
    clear: both;
    max-width: 1280px;
    margin: 0 auto 19px;
}

#main #legion-instagram-reviews .social-share h3 {
    font-size: 20px;
    color: #333;
    letter-spacing: 1px;
    width: 232px;
    height: 76px;
    float: left;
    font-weight: bold;
    line-height: 74px;
    text-align: left;
    margin-right: 20px;
}

#main #legion-instagram-reviews .social-share p {
    font-weight: 300;
    font-size: 17px;
    color: #797F83;
    letter-spacing: 1px;
    line-height: 1.3;
    margin-top: 18px;
    float: left;
}

#main #legion-instagram-reviews .social-share p span {
    color: #333;
    font-weight: bold;
}

#main #legion-instagram-reviews .insta-featured-in {
    margin: 0 12px 35px;
    display: flex;
    justify-content: space-between;
}

#main #legion-instagram-reviews .insta-featured-in img {
    align-self: center;
    vertical-align: middle;
}

#main #legion-instagram-reviews .insta-featured-in img:first-of-type {
    margin-left: 0;
}

#main #legion-instagram-reviews .insta-featured-in img:last-of-type {
    margin-right: 0;
}

#main #legion-instagram-reviews .insta-featured-in img#abc-logo {
    width: 35px;
}

#main #legion-instagram-reviews .insta-featured-in img#elle-logo {
    width: 63px;
}

#main #legion-instagram-reviews .insta-featured-in img#mens-health-logo {
    width: 114px;
}

#main #legion-instagram-reviews .insta-featured-in img#muscle-strength-logo {
    width: 42px;
}

#main #legion-instagram-reviews .insta-featured-in img#womens-health-logo {
    width: 114px;
}

#main #legion-instagram-reviews .insta-featured-in img#inc-500-logo {
    width: 49px;
}

#main #legion-instagram-reviews .insta-featured-in img#esquire-logo,
#main #legion-instagram-reviews .insta-featured-in img#mens-fitness-logo {
    width: 118px;
}

#main #legion-instagram-reviews .insta-featured-in-mobile {
    display: none;
}

#main #legion-instagram-reviews .insta-featured-in-mobile a {
    background: #DDDDDD;
    text-indent: -9999px;
    display: block;
    width: 6px;
    height: 6px;
    margin: 0 8px;
    outline: 0;
    border-radius: 100%;
}

#main #legion-instagram-reviews .insta-featured-in-mobile a.active {
    background: #1CA4FC;
    width: 8px;
    height: 8px;
    position: relative;
    top: -1px;
}

#main #legion-instagram-reviews #legion-instagram-images {
    width: 100%;
    margin: 0 auto 20px;
    text-align: center;
}

#main #legion-instagram-reviews #legion-instagram-images li {
    display: inline-block;
    margin: 0 7px 19px;
    width: 241px;
    height: 241px;
    padding-left: 0;
    background-image: none;
    background-size: cover !important;
    background-repeat: no-repeat;
}

#main #legion-instagram-reviews #legion-instagram-images li img {
    width: 100%;
}

#main #legion-instagram-reviews a.social {
    display: inline-block;
    text-decoration: none;
}

#main #legion-instagram-reviews a.social:hover {
    opacity: 0.8;
}

#main #legion-instagram-reviews .social-icons {
    float: right;
    margin-top: 27px;
}

#main #legion-instagram-reviews a#instagram-button-reviews {
    background: url('images/2017-images/product-legion-fans-instagram.png') center no-repeat;
    width: 20px;
    height: 20px;
    margin-right: 30px;
}

#main #legion-instagram-reviews a#twitter-button-reviews {
    background: url('images/2017-images/product-legion-fans-twitter.png') center no-repeat;
    width: 23px;
    height: 20px;
}

#main #legion-instagram-reviews .orange-cta {
    margin: 0px auto 50px auto;
    width: 200px;
    height: 56px;
    background-color: #e48310;
    color: white;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    letter-spacing: 0;
    line-height: 56px;
    text-align: center;
}

#main.homepage #legion-instagram-reviews .orange-cta {
    background-color: #27A2FF;
    transition: ease all 0.2s;
}

#main #legion-instagram-reviews .orange-cta:hover {
    background: #d2780d;
}

#main.homepage #legion-instagram-reviews .orange-cta:hover {
    background: #138EEB;
}
@media screen and (max-width: 1109px) {
    #main #legion-instagram-reviews .insta-featured-in {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-row-gap: 30px;
        justify-items: center;
        align-items: center;
        max-width: 615px;
        margin: 0 auto 36px;
    }

    #main #legion-instagram-reviews .insta-featured-in img#abc-logo,
    #main #legion-instagram-reviews .insta-featured-in img#muscle-strength-logo,
    #main #legion-instagram-reviews .insta-featured-in img#elle-logo {
        width: initial;
    }
}

@media screen and (max-width: 1024px) {
    #main #legion-instagram-reviews .insta-featured-in {
        margin-bottom: 13px;
    }
}

@media screen and (max-width: 767px) {
    #main #legion-instagram-reviews .insta-featured-in {
        display: none;
    }

    #main #legion-instagram-reviews .insta-featured-in-mobile {
        display: block;
        max-width: 350px;
        margin: 32px auto;
    }

    #main #legion-instagram-reviews .insta-featured-in-mobile .bx-controls {
        padding-top: 13px;
    }

    #main #legion-instagram-reviews .insta-featured-in-mobile .bxslider-insta li {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-items: center;
        align-items: center;
        grid-row-gap: 20px;
        background: none;
        padding-left: 0px;
    }

    #main #legion-instagram-reviews .insta-featured-in-mobile .bxslider-insta #womens-health-logo,
    #main #legion-instagram-reviews .insta-featured-in-mobile .bxslider-insta #mens-health-logo,
    #main #legion-instagram-reviews .insta-featured-in-mobile .bxslider-insta #esquire-logo,
    #main #legion-instagram-reviews .insta-featured-in-mobile .bxslider-insta #mens-fitness-logo {
        margin-left: 61px;
    }

    #main #legion-instagram-reviews .insta-featured-in-mobile .bxslider-insta #mens-fitness-logo,
    #main #legion-instagram-reviews .insta-featured-in-mobile .bxslider-insta #elle-logo {
        position: relative;
        bottom: -9px;
    }
}







/*--------------------------------------------------------------
# Swell
--------------------------------------------------------------*/

#swell-overlay {
    background: rgba(43, 46, 56, 0.9) !important;
    opacity: 1 !important;
}

#swell-popup {
    border: none !important;
    border-radius: 0 !important;
    padding: 3px 0 !important;
}










/*--------------------------------------------------------------
# REUSEABLE ASSETS: FAQ
--------------------------------------------------------------*/

.faq-item {
    width: 100%;
}

.faq-item.active .question {
    border-color: #80CEFA;
    font-weight: 600;
}

.faq-item .question {
    border-bottom: 1px #EFEFEF solid;
    min-height: 80px;
    height: auto;
    line-height: 1.3;
    font-size: 19px;
    color: #333333;
    margin-bottom: 0;
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
    cursor: pointer;
    padding: 27px 30px 27px 50px;
}

.faq-item:first-of-type .question {
    border-top: 1px #EFEFEF solid;
}

.faq-item .question:hover {
    border-bottom: 1px #80CEFA solid;
    color: #293644;
}

.faq-item .question:before {
    width: 30px;
    height: 30px;
    background: #F8F8F8;
    border-radius: 100%;
    color: #A0A5A7;
    content: "?";
    font-weight: 700;
    font-size: 15px;
    line-height: 30px;
    left: 0;
    position: absolute;
    display: block;
    text-align: center;
    top: 50%;
    margin-top: -15px;
}

.faq-item.active .question:before {
    color: #1BA3FB;
}

.faq-item .question:after {
    top: 50%;
    width: 10px;
    height: 10px;
    background: url('images/2017-images/faq-expand-item.png') center no-repeat;
    margin-top: -5px;
    display: block;
    content: "";
    position: absolute;
    right: 0;
}

.faq-item.active .question:after {
    height: 10px;
    height: 4px;
    background: url('images/2017-images/faq-collapse-item.png') center no-repeat;
    margin-top: -2px;
    right: 0;
}

.faq-item .answer {
    background: #FAFBFA;
    padding: 45px 41px 45px 55px;
    display: none;
}

.faq-item .answer ol {
    margin-left: 0;
    font-size: 18px;
    line-height: 1.5;
    list-style-type: none;
    margin-bottom: 30px;
}

.faq-item .answer ol li {
    font-size: 18px;
    position: relative;
    padding-left: 50px;
    counter-increment: step-counter;
    margin-bottom: 40px;
}

.faq-item .answer ol li:before {
    content: counter(step-counter);
    background: #00a8ff;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    padding: 4px 2px;
    box-sizing: border-box;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin-right: 30px;
    width: 32px;
    height: 32px;
    font-size: 17px;
}

.faq-item.active .answer {
    display: block;
}

.faq-item .answer ul li {
    margin-bottom: 15px;
    font-weight: bold;
    padding-left: 46px;
    background: url('images/2017-images/list-item.png') left center no-repeat;
    font-size: 18px;
    min-height: 24px;
    line-height: 1.5;
}











/*--------------------------------------------------------------
# REUSEABLE ASSETS: Browse Our Store CTA
--------------------------------------------------------------*/

.browse-our-store {
    text-align: center;
    width: 100%;
    clear: both;
    padding: 43px 0 50px;
    border-top: 1px #F2F2F2 solid;
}

body.page-template-page-scientific-review-board .browse-our-store {
    border-top: none;
    padding: 42px 0 50px;
    margin-top: 0;
}

.about .browse-our-store h3,
.the-truth .browse-our-store h3,
.science-board .browse-our-store h3 {
    font-size: 33px;
    font-weight: 700;
    color: #293644;
    line-height: 1.3;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    padding: 0 30px;
}

.browse-our-store .btn {
    width: 200px;
    height: 56px;
    display: block;
    line-height: 56px;
    background: #27A2FF;
    margin: 10px auto 0 auto;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    color: #fff;
    text-decoration: none;
    position: relative;
    z-index: 3;
}

.browse-our-store .btn:hover {
    background: #138EEB;
}

/* .science-board .browse-our-store .btn {
    width: 385px;
} */

.browse-our-store .img {
    background: url('images/2017-images/Try-us-risk-free-v2.png') center no-repeat;
    background-size: auto;
    background-size: 1400px;
    height: 579px;
    margin-top: -200px;
    margin-bottom: 40px;
    display: block;
    /* display: block;
    width: 1344px;
    height: 488px;
    margin: 0 auto;
    z-index: 0;
    position: relative;
    margin-top: -73px; */
}


.browse-our-store p {
    max-width: 820px;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 18px;
    margin-left: auto;
    margin-right: auto;
}

.browse-our-store h3 {
    margin-bottom: 40px !important;
}

#hero-main ul.checks li {
    margin-bottom: 15px;
    font-weight: bold;
    padding-left: 46px;
    background: url('images/2017-images/list-item.png') left center no-repeat;
    font-size: 18px;
    min-height: 24px;
    line-height: 1.5;
}









/*--------------------------------------------------------------
# REUSEABLE ASSETS: Customer Testimonials
--------------------------------------------------------------*/

.customer-testimonials {
    padding: 67px 0 71px;
    background-color: #f2f2f2;
}

.customer-testimonials header {
    text-align: center;
    margin-bottom: 38px !important;
}

.customer-testimonials .container {
    max-width: 1521px;
}

.customer-testimonials h2 {
    text-transform: none;
    color: #293644;
    font-size: 33px;
}

.customer-testimonials .quotes {
    position: relative;
    clear: both;
    max-width: 1441px;
    width: 100%;
    margin: auto;
}

.customer-testimonials .btn {
    position: absolute;
    top: 50%;
    margin-top: -51px;
    width: 59px;
    height: 59px;
    border-radius: 100%;
    text-indent: -9999px;
    cursor: pointer;;
    display: block;
    border: 1px #E5E5E9 solid;
    background: url('images/2017-images/slider-arrow.png') center no-repeat;
    overflow: hidden;
}

.customer-testimonials .btn:hover {
    background-color: #EAEBEB;
}

.customer-testimonials .btn.prev {
    left: 0;
}

.customer-testimonials .btn.next {
    left: auto;
    right: 0;
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph; /*IE*/
}


@media only screen and (min-width: 1401px) {
    .customer-testimonials .btn.prev {
        left: -120px;
    }

    .customer-testimonials .btn.next {
        right:  -130px;
    }

    .athlete-podcast-page .customer-testimonials .btn.prev {
        left: -105px;
    }

    .athlete-podcast-page .customer-testimonials .btn.next {
        right:  -105px;
    }
}

.customer-testimonials ul {
    margin: auto;
    display: block;
}

.customer-testimonials ul li {
    list-style: none;
    float: left;
    display: flex;
}

.customer-testimonials ul li .testi-img-wrapper {
    width: 100%;
    max-width: 300px;
    height: 278px;
    display: block;
    float: left;
    margin-right: 10px;
}

.customer-testimonials ul li.genesis .img {
    background: url('images/2017-images/homepage-customer-reviews-genesis.png') center top no-repeat;
}

.customer-testimonials ul li h2 {
    font-size: 20px;
    margin-top: 25px;
    margin-bottom: 5px;
    font-weight: 700;
    color: #283544;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.customer-testimonials ul li .review {
    font-size: 16px;
    color: #333;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
    clear: both;
    display: inline-block;
}

.customer-testimonials ul li .review .dv-star-rating {
    top: 4px;
}

.customer-testimonials ul li .name {
    color: #333333;
    line-height: 1.5;
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: bold;
}

.customer-testimonials ul li blockquote p {
    color: #333333;
    line-height: 1.5;
    font-size: 18px;
    margin-bottom: 30px;
    max-width: 93%;
}

.blog .read-more,
.customer-testimonials ul li .read-more {
    width: 157px;
    height: 45px;
    display: block;
    position: absolute;
    right: 154px;
    bottom: 0;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    text-align: center;
    float: left;
    letter-spacing: 0;
    line-height: 44px;
    background-color: #e48310;
    border: 1px solid #e48310;
    font-weight: bold;
}

.homepage .customer-testimonials ul li .read-more {
    background-color: #27A2FF;
    border: 1px solid #27A2FF;
    transition: ease all 0.2s;
}

.customer-testimonials ul li .read-more:hover {
    background: #d2780d;
}

.homepage .customer-testimonials ul li .read-more:hover {
    background: #138EEB;
}

.homepage .blog .read-more:hover {
    background: #d2d2d2;
}

.blog .read-more {
    background: #E4E4E4;
    color: #21343F;
    margin: 0px auto;
    float: none;
    margin-top: 0px;
    display: block;
    position: relative;
    bottom: initial;
    left: initial;
    right: initial;
    font-size: 18px;
    font-weight: bold;
    height: 45px;
    line-height: 44px;
    margin-left: 0;
    margin-right: 0;
}

.blog #more-from-legion article .bot .read-more {
    margin: 5px auto 0;
}

.blog .read-more.orange {
    background-color: #e48310;
    border: 1px solid #e48310;
    color: #fff;
}

.homepage .blog .read-more.orange {
    background-color: #27A2FF;
    border: 1px solid #27A2FF;
    transition: ease all 0.2s;
}

.homepage .blog .read-more.orange:hover {
    background: #138EEB;
}

.blog .read-more.blue {
    background-color: #27A2FF;
    border: 1px solid #27A2FF;
    color: #fff;
    transition: ease all 0.5s;
}

.blog .read-more.blue:hover {
    background-color: #138EEB;
    border: 1px solid #138EEB;
}

.homepage .blog .read-more.blue {
    background-color: #27A2FF;
    border: 1px solid #27A2FF;
    transition: ease all 0.2s;
}

.homepage .blog .read-more.blue:hover {
    background: #138EEB;
}

.customer-testimonials ul li .read-more:hover,
.customer-testimonials ul li .read-more:active {
    /*background: #008EDF;*/
    /*background: #1490ef;*/
}

.customer-testimonials .yotpo {
    display: block;
    margin: 18px auto 0;
    line-height: 34px;
    width: 203px;
    height: 31px;
    text-transform: uppercase;
    color: #787E83;
    letter-spacing: 1.5px;
    font-size: 13px;
    clear: both;
}

#customerSlider .review-date{
    display:  inline-block;
}

#customerSlider .yotpo {
    display: inline-block;
    max-width: 135px;
    margin-top: 0px;
}

#customerSlider .yotpo .yotpo-icon:before {
    font-size:  18px;
    letter-spacing: 10px;
    color: rgb(253, 155, 39);
}

/*--------------------------------------------------------------
# REUSEABLE ASSETS: Product Tooltips
--------------------------------------------------------------*/

.product-tooltip {
    max-width: 496px;
    height: auto;
    left: 100px;
    background: #fff;
    box-shadow: 0 14px 21px 0 rgba(0,0,0,.09);
    clear: both;
    padding: 22px 41px 35px;
    z-index: 9999;
    border: 1px #E3E3E3 solid;
    position: absolute;
}

.product-tooltip:before {
    top: 22px;
    left: -9px;
    display: block;
    position: absolute;
    background: url('images/2017-images/product-tooltip-arrow.png') center no-repeat;
    content: "";
    width: 9px;
    height: 19px;
    z-index: 99999;
}

.product-tooltip header {
    width: 100%;
    margin-bottom: 25px;
}

.product-tooltip header .img {
    width: 103px;
    height: 103px;
    float: left;
    display: block;
    margin-right: 25px;
    background: #00A2FF;
}

.product-tooltip header .blst.img {
    background: url('images/2017-images/product-tooltip-30blst.png') center no-repeat;
}

.product-tooltip header h2 {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
    padding-top: 32px;
}

.product-tooltip p.includes {
    text-transform: uppercase;
    color: #797F83;
    font-size: 12px;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
    width: 100%;
    clear: both;
    font-weight: 600;
}

.product-tooltip ul {
    clear: both;
    width: 100%;
    margin-bottom: 10px;
}

.product-tooltip ul li {
    float: left;
    width: 49%;
    height: 52px;
    list-style-type: none;
    margin-bottom: 19px;
    letter-spacing: 0.5px;
    margin-right: 2%
}

.product-tooltip ul li:nth-child(even) {
    margin-right: 0;
}

.product-tooltip ul li .img {
    float: left;
    width: 51px;
    height: 51px;
    background: #00A2FF;
    margin-right: 5px;
}

.product-tooltip ul li.blst .img {
    background: url('images/2017-images/product-tooltip-30blst.png') center no-repeat;
}

.product-tooltip ul li.whey .img {
    background: url('images/2017-images/product-tooltip-whey.png') center no-repeat;
}

.product-tooltip ul li.pulse .img {
    background: url('images/2017-images/product-tooltip-pulse.png') center no-repeat;
}

.product-tooltip ul li.recharge .img {
    background: url('images/2017-images/product-tooltip-recharge.png') center no-repeat;
}

.product-tooltip ul li.triumph .img {
    background: url('images/2017-images/product-tooltip-triumph.png') center no-repeat;
}

.product-tooltip ul li.phoenix .img {
    background: url('images/2017-images/product-tooltip-phoenix.png') center no-repeat;
}

.product-tooltip ul li.forge .img {
    background: url('images/2017-images/product-tooltip-forge.png') center no-repeat;
}

.product-tooltip ul li.phoenix strong,
.product-tooltip ul li.triumph strong,
.product-tooltip ul li.forge strong {
    margin-top: 19px;
}

.product-tooltip ul li strong {
    font-weight: 600;
    display: block;
    font-size: 15px;
    margin-bottom: 3px;
    margin-top: 7px;
}

.product-tooltip ul li .flavor {
    padding-left: 27px;
    height: 19px;
    padding-top: 2px;
    font-size: 13px;
    display: inline-block;
    color: #797F83;
}

.product-tooltip ul li .flavor.strawberry-banana {
    background: url('images/2017-images/product-tooltip-flavor-strawberry-banana.png') left top no-repeat;
}

.product-tooltip ul li .flavor.green-apple {
    background: url('images/2017-images/product-tooltip-flavor-green-apple.png') left top no-repeat;
}

.product-tooltip ul li .flavor.fruit-punch {
    background: url('images/2017-images/product-tooltip-flavor-fruit-punch.png') left top no-repeat;
}

.product-tooltip ul li .flavor.Small {
    background: url('images/2017-images/size-shirt.png') left top no-repeat;
}

.product-tooltip ul li .flavor.Medium {
    background: url('images/2017-images/size-shirt.png') left top no-repeat;
}

.product-tooltip ul li .flavor.Large {
    background: url('images/2017-images/size-shirt.png') left top no-repeat;
}

.product-tooltip .choice {
    font-size: 14px;
    padding-left: 18px;
    display: block;
}

.product-tooltip .yes {
    background: url('images/2017-images/product-info-tooltip-check.png') left 4px no-repeat;
}

.product-tooltip .yes em {
    color: #797F83;
    font-style: normal;
}












/*--------------------------------------------------------------
# YOTPO BOTTOM LINE
--------------------------------------------------------------*/

.yotpo-bottomline .yotpo-icon-star:before {
  content: "\e60e";
  font-family: "yotpo-widget-font" !important;
  color: #fc9a26 !important;
  line-height: 12px;
  font-size: 17.5px;
}

.yotpo-bottomline .yotpo-icon-half-star:before {
  content: "\e61a";
  font-family: "yotpo-widget-font" !important;
  color: #fc9a26 !important;
  line-height: 12px;
  font-size: 17.5px;
}

.yotpo-bottomline .yotpo-icon-empty-star:before {
  content: "\e61b";
  font-family: "yotpo-widget-font" !important;
  color: #fc9a26 !important;
  line-height: 12px;
  font-size: 17.5px;
}

.yotpo-bottomline a {
    padding-left: 12px;
    font-size: 13px;
}

.yotpo .text-m {
    color: #9C9C9C !important;
    margin-left: 15px;
}

.yotpo .text-m:hover {
    text-decoration: underline;
}









/*--------------------------------------------------------------
# REUSEABLE ASSETS: Product Feature
--------------------------------------------------------------*/

span.product-feature {
    top: 20px;
    right: 0;
    width: 103px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    letter-spacing: 1.5px;
    font-size: 11px;
    color: #fff;
    position: absolute;
    text-transform: uppercase;
    display: block;
}

span.product-feature:before {
    position: absolute;
    left: -11px;
    top: 0;
    content: "";
    width: 11px;
    height: 31px;
    display: block;
}

span.product-feature.best-seller {
    background: #34C792;
    content: "MOST POPULAR";
    width: 103px;
}

span.product-feature.best-seller:before {
    background: url('images/2017-images/products-edge-best-seller.png') center no-repeat;
}

span.product-feature.on-sale {
    width: 89px;
    background: #ff3a3b;
    content: "ON SALE";
}

span.product-feature.on-sale:before {
    background: url('images/2017-images/products-edge-on-sale.png') center no-repeat;
}

span.product-feature.sold-out {
    width: 89px;
    background: #797F83;
    content: "SOLD OUT";
}

span.product-feature.sold-out:before {
    background: url('images/2017-images/products-edge-sold-out.png') center no-repeat;
}

span.product-feature.ships-free {
    background: #E4E4E4;
    content: "SHIPS FREE";
    display: none;
}

[class^="styles_productFeature_"].acai-berry {
  background: url('images/2017-images/product-ingredients-flavor-acai-berry-active.png') 100px center no-repeat !important;
  /*background-color: #9E2B8D !important;*/
  background-color: #f76fd3 !important;
}

[class^="styles_productFeature_"].chocolate {
  background: url('images/2017-images/product-ingredients-flavor-chocolate-active.png') 100px center no-repeat !important;
  /*background-color: #604B3C !important;*/
  background-color: #f76fd3 !important;
}

[class^="styles_productFeature_"].vanilla {
  background: url('images/2017-images/product-ingredients-flavor-vanilla-active.png') 100px center no-repeat !important;
  /*background-color: #F1E5B2 !important;*/
  background-color: #f76fd3 !important;
  color: #0A0907;
}

[class^="styles_productFeature_"].eggnog {
  background: url('images/2017-images/product-ingredients-flavor-eggnog-active.png') 100px center no-repeat !important;
  /*background-color: #CFC2AB !important;*/
  background-color: #f76fd3 !important;
}

[class^="styles_productFeature_"].fruit-punch {
  background: url('images/2017-images/product-ingredients-flavor-fruitpunch-active.png') 100px center no-repeat !important;
  /*background-color: #E23D40 !important;*/
  background-color: #f76fd3 !important;
}

[class^="styles_productFeature_"].strawberry-lemonade {
  background: url('images/2017-images/product-option-flavor-strawberry-lemonade-active@2x.png') 95px center no-repeat !important;
  /*background-color: #E23D40 !important;*/
  background-color: #f76fd3 !important;
  background-size: 26px !important;
}

[class^="styles_productFeature_"].pink-lemonade {
  background: url('images/2017-images/product-option-flavor-pink-lemonade-active@2x.png') 100px center no-repeat !important;
  background-color: #f76fd3 !important;
  background-size: 20px !important;
}

[class^="styles_productFeature_"].cherry-limeade {
  background: url('images/2017-images/product-option-flavor-cherry-limeade-active@2x.png') 97px center no-repeat !important;
  /*background-color: #E23D40 !important;*/
  background-color: #f76fd3 !important;
  background-size: 26px !important;
}

[class^="styles_productFeature_"].cookies-cream {
  background: url('images/2017-images/product-ingredients-flavor-cookies-active.png') 100px center no-repeat !important;
  /*background-color: #D7B57B !important;*/
  background-color: #f76fd3 !important;
  color: #393530;
}

[class^="styles_productFeature_"].grape {
  background: url('images/2017-images/product-ingredients-flavor-grape-active.png') 100px center no-repeat !important;
  /*background-color: #9E2B8D !important;*/
  background-color: #f76fd3 !important;
}

[class^="styles_productFeature_"].green-apple {
  background: url('images/2017-images/product-ingredients-flavor-green-apple-active.png') 100px center no-repeat !important;
  /*background-color: #36E00E !important;*/
  background-color: #f76fd3 !important;
}

[class^="styles_productFeature_"].blue-raspberry {
  background: url('images/2017-images/product-ingredients-flavor-blue-raspberry-active.png') 100px center no-repeat !important;
  /*background-color: #1889F7 !important;*/
  background-color: #f76fd3 !important;
}

[class^="styles_productFeature_"].watermelon {
  background: url('images/2017-images/product-ingredients-flavor-watermelon-active.png') 100px center no-repeat !important;
  /*background-color: #FD7D7D !important;*/
  background-color: #f76fd3 !important;
}

[class^="styles_productFeature_"].strawberry-banana {
  background: url('images/2017-images/product-ingredients-flavor-strawberry-banana-active.png') 100px center no-repeat !important;
  /*background-color: #EEA5B0 !important;*/
  background-color: #f76fd3 !important;
}

[class^="styles_productFeature_"].chocolate-peanut-butter {
  background: url('images/2017-images/product-option-flavor-chocolate-peanut-butter-active@2x') 100px center no-repeat !important;
  /*background-color: #8E532E !important;*/
  background-color: #f76fd3 !important;
}

[class^="styles_productFeature_"].egg-nog {
  background: url('images/2017-images/product-ingredients-flavor-eggnog-active.png') 100px center no-repeat !important;
  /*background-color: #CFC2AB !important;*/
  background-color: #f76fd3 !important;
}

[class^="styles_productFeature_"].mint-chocolate {
  background: url('images/2017-images/product-option-flavor-mint-chocolate-active.png') 100px center no-repeat !important;
  background-size: 16px !important;
  /*background-color: #528b65 !important;*/
  background-color: #f76fd3 !important;
}

[class^="styles_productFeature_"].sour-candy {
  background: url('images/2017-images/product-option-flavor-sour-candy-active.png') 100px center no-repeat !important;
  background-size: 16px !important;
  background-color: #f76fd3 !important;
}

[class^="styles_productFeature_"].mocha-cappuccino {
  background: url('images/2017-images/product-option-flavor-mocha-cappuccino-active.png') 100px center no-repeat !important;
  background-size: 16px !important;
  /*background-color: #8b724d !important;*/
  background-color: #34C792 !important;
}

[class^="styles_productFeature_"].salted-caramel {
  background: url('images/2017-images/product-option-flavor-salted-caramel-active@2x.png') 100px center no-repeat !important;
  background-size: 20px !important;
  background-color: #f76fd3 !important;
}

[class^="styles_productFeature_"].birthday-cake {
  background: url('images/2017-images/product-option-flavor-birthday-cake-active@2x.png') 97px center no-repeat !important;
  /*background-color: #E23D40 !important;*/
  background-color: #f76fd3 !important;
  background-size: 20px !important;
}

[class^="styles_productFeature_"].tropical-punch {
  background: url('images/2017-images/product-option-flavor-tropical-punch-active@2x.png') 97px center no-repeat !important;
  /*background-color: #E23D40 !important;*/
  background-color: #f76fd3 !important;
  background-size: 20px !important;
}

[class^="styles_productFeature_"].chocolate-chip-cookie-dough {
  background: url('images/2017-images/product-option-flavor-chocolate-chip-cookie-dough-active@2x.png') 97px center no-repeat !important;
  /*background-color: #E23D40 !important;*/
  background-color: #f76fd3 !important;
  background-size: 20px !important;
}

[class^="styles_productFeature_"].blueberry-lemonade {
  background: url('images/2017-images/product-ingredients-flavor-blueberry-lemonade-active@2x.png') 100px center no-repeat !important;
  /*background-color: #1889F7 !important;*/
  background-color: #f76fd3 !important;
  background-size: 20px !important;
}

[class^="styles_productFeature_"].strawberry-kiwi {
  background: url('images/2017-images/product-ingredients-flavor-strawberry-kiwi-active@2x.png') 100px center no-repeat !important;
  /*background-color: #1889F7 !important;*/
  background-color: #f76fd3 !important;
  background-size: 20px !important;
}

[class^="styles_productFeature_"].banana-cream-pie {
  background: url('images/2017-images/product-ingredients-flavor-banana-cream-pie-active@2x.png') 100px center no-repeat !important;
  /*background-color: #1889F7 !important;*/
  background-color: #f76fd3 !important;
  background-size: 20px !important;
}

[class^="styles_productFeature_"].fruity-cereal {
  background: url('images/2017-images/product-ingredients-flavor-fruity-cereal-active@2x.png') 100px center no-repeat !important;
  background-color: #34C792 !important;
  background-size: 20px !important;
}

[class^="styles_productFeature_"].bubble-gum {
  background: url('images/2017-images/product-ingredients-flavor-bubble-gum-active@2x.png') 100px center no-repeat !important;
  background-color: #34C792 !important;
  background-size: 18px !important;
}














/*--------------------------------------------------------------
# Cart Slider
--------------------------------------------------------------*/

div.freeGiftModal {
    z-index: 999999;
}

#cart-slider {
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    max-width: 560px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 53px 50px
}

#cart-slider #close-slider {
    top: 30px;
    left: 30px;
    width: 12px;
    height: 12px;
    display: block;
    background: url('images/2017-images/cart-slider-close.png') center no-repeat;
    position: absolute;
}

#cart-slider .title {
    text-align: center;
    width: 100%;
    clear: both;
}

#cart-slider .title h2 {
    font-size: 19px;
    display: inline-block;
    font-weight: 600;
    color: #000000;
    position: relative;
    margin: 0 auto 35px;
    padding-left: 50px;
    letter-spacing: 0.5px;
}

#cart-slider h2:before {
    content: "";
    display: block;
    width: 29px;
    height: 29px;
    position: absolute;
    left: 3px;
    top: -7px;
    background: url('images/2017-images/cart-slider-cart-icon.png') center no-repeat;
}

#cart-slider ul {
    list-style-type: none;
    margin: 0 auto 30px;
}

#cart-slider ul li.product {
    width: 100%;
    height: 106px;
    clear: both;
    border-bottom: 1px #E1E1E1 solid;
    padding: 32px 0;
    position: relative;
}

#cart-slider ul li.product .col {
    float: left;
    position: relative;
}

#cart-slider ul li.product .col.one {
    width: 217px;
    padding-left: 29px;
}

#cart-slider ul li.product .col.two {
    width: 70px;
    text-align: right;
    margin-right: 14px;
    padding-top: 3px;
}

#cart-slider ul li.product .col.three {
    width: 61px;
    margin-right: 15px;
}

#cart-slider ul li.product .col.four {
    width: 70px;
}

#cart-slider ul li.product .info {
    display: block;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 13px;
    width: 14px;
    height: 14px;
    background: url('images/2017-images/cart-slider-info-icon.png') center no-repeat;
}

#cart-slider ul li.product img {
    float: left;
    width: 53px;
    height: 53px;
    margin-right: 13px;
    display: block;
    position: relative;
    top: -5px;
}

#cart-slider ul li.product h3 {
    color: #000;
    font-size: 17px;
    line-height: 1.2;
    margin-bottom: 2px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

#cart-slider ul li.product.blst h3 {
    font-size: 14px;
    letter-spacing: 0;
}

#cart-slider ul li.product span.type {
    color: #B0B0B0;
    display: block;
    font-size: 13px;
}

#cart-slider ul li.product .old-price {
    display: block;
    text-decoration: line-through;
    color: #A1A4A6;
    letter-spacing: 1.5px;
    font-size: 14px;
    margin-bottom: 8px;
}

#cart-slider ul li.product .price {
    display: block;
    color: #000;
    letter-spacing: 1.5px;
    font-weight: 600;
    font-size: 14px;
}

#cart-slider ul li.product .select {
    width: 61px;
    height: 38px;
    border: 1px #C2C2C2 solid;
}

#cart-slider ul li.product .select .qty {
    width: 35px;
    height: 36px;
    border-right: 1px #ECECEC solid;
    float: left;
    text-align: center;
    display: block;
    line-height: 36px;
    background: #FCFCFC;
}

#cart-slider ul li.product .select .add {
    width: 24px;
    height: 18px;
    border-bottom: 1px #F0F0F0 solid;
    display: block;
    background: #FAFAFA url('images/2017-images/cart-slider-qty-add.png') center no-repeat;
    float: right;
    cursor: pointer;
}

#cart-slider ul li.product .select .minus {
    width: 24px;
    height: 18px;
    display: block;
    background: #FAFAFA url('images/2017-images/cart-slider-qty-minus.png') center no-repeat;
    float: right;
    cursor: pointer;
}

#cart-slider ul li.product .select .add:hover,
#cart-slider ul li.product .select .minus:hover {
    background-color: #e3e3e3;
}

#cart-slider ul li.product .total-price {
    color: #ED5A2D;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 14px;
    display: block;
}

#cart-slider ul li.product .delete {
    position: absolute;
    top: 45px;
    right: 0;
    display: block;
    background: url('images/2017-images/cart-slider-product-delete.png') center no-repeat;
    width: 9px;
    height: 9px;
}

#cart-slider .bot {
    width: 100%;
    clear: both;
    padding-bottom: 30px;
    margin-bottom: 42px;
    border-bottom: 1px #E1E1E1 solid;
}

#cart-slider .bot .coupon {
    width: 253px;
    height: 53px;
    float: left;
    margin-right: 20px;
}

#cart-slider .bot .coupon input[type="text"] {
    width: 166px;
    float: left;
    height: 53px;
    border: 1px #DEDEDE solid;
    padding-left: 52px;
    color: #A9A9A9;
    background: url('images/2017-images/cart-slider-coupon-icon.png') 16px no-repeat;
}

#cart-slider .bot .coupon input[type="text"]:focus {
    border-color: #44A0F7;
}

#cart-slider .bot .coupon button[type="submit"] {
    background: #E1E1E1;
    width: 86px;
    height: 53px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none;
    font-size: 14px;
    line-height: 51px;
    color: #6A6A6A;
    display: block;
}

#cart-slider .bot .coupon button[type="submit"]:hover {
    background: #5EC595;
}

#cart-slider .bot button[type="submit"].update {
    width: 187px;
    height: 53px;
    line-height: 51px;
    border: none;
    background: #5FC595;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    text-align: center;
    display: block;
}

#cart-slider .bot button[type="submit"].update:hover {
    background: #5EC595;
}

#cart-slider .totals {
    width: 100%;
    clear: both;
    margin-bottom: 35px;
    letter-spacing: 1px;
}

#cart-slider .totals .subtotal {
    width: 100%;
    clear: both;
    margin-bottom: 19px;
}

#cart-slider .totals .subtotal span {
    float: left;
    color: #676767;
}

#cart-slider .totals .subtotal span em {
    color: #666666;
    font-style: normal;
}

#cart-slider .totals .subtotal strong {
    letter-spacing: 1.5px;
    float: right;
    text-align: right;
    color: #000;
}

#cart-slider .totals .you-save {
    width: 100%;
    clear: both;
}

#cart-slider .totals .you-save span {
    float: left;
    color: #676767;
}

#cart-slider .totals .you-save strong {
    letter-spacing: 1.5px;
    float: right;
    text-align: right;
    color: #5EC494;
}

#cart-slider input[type="submit"] {
    width: 100%;
    max-width: 460px;
    height: 57px;
    background: #e48310;
    border: 0;
    display: block;
    letter-spacing: 2px;
    line-height: 55px;
    color: #fff;
    text-transform: uppercase;
}

#cart-slider input[type="submit"]:hover {
    background: #d2780d;
}











@media screen and (min-width: 280px) and (max-width: 320px) {
    .giftCardRedText {
        left: 75vw;
        top: -35px !important;
    }
}

@media screen and (min-width: 321px) and (max-width: 370px) {
    .giftCardRedText {
        left: 75vw;
        top: -17px !important;
    }
}

@media screen and (min-width: 371px) and (max-width: 479px) {
    .giftCardRedText {
         left: 90px;
         top: -2px !important;
    }
}
  
@media screen and (min-width: 480px) and (max-width: 767px) {
    .giftCardRedText {
         left: 130px;
    }
}

@media screen and (min-width: 768px) {
    .giftCardRedText {
        left: 110px;
    }
}

/*--------------------------------------------------------------
# REUSEABLE ASSETS: Breadcrumbs
--------------------------------------------------------------*/

#breadcrumbs {
    display: none;
}

.blog #breadcrumbs,
.single-product #breadcrumbs {
    width: 100%;
    display: block;
    clear: both;
    padding-top: 25px;
    background: #F5F5F5;
}

.blog #breadcrumbs span[typeof="v:Breadcrumb"],
.single-product #breadcrumbs span[typeof="v:Breadcrumb"] {
    position: relative;
    margin: auto;
    font-size: 12px;
    letter-spacing: 0.5px;
    clear: both;
    color: #BFC4C8;
    padding-left: 25px;
}

.blog #breadcrumbs span[typeof="v:Breadcrumb"] a,
.single-product #breadcrumbs span[typeof="v:Breadcrumb"] a {
    margin-right: 20px;
    position: relative;
    color: #00A1FF;
    text-decoration: none;
}


/* Product Breadcrumbs */

.blog .breadcrumbs,
#main #product-main .breadcrumbs {
    width: 100%;
    clear: both;
    margin-bottom: 25px;
    font-size: 12px;
    color: #BFC4C8;
    position: relative;
    left: -9px;
}

.about .breadcrumbs {
    margin-bottom: 0px;
}

.science-board .breadcrumbs {
    margin-bottom: 30px;
}


.video-hero-truth .breadcrumbs,
.video-hero-about .breadcrumbs {
    text-align: left;
    margin: auto;
    max-width: 1090px;
    z-index: 100;
}

.video-hero-truth .breadcrumbs {
    padding-top: 25px;
}

.coaching .breadcrumbs {
    text-align: left;
    margin: auto;
    max-width: 1090px;
    padding-top: 30px;
}

.blog .breadcrumbs ul,
#main #product-main .breadcrumbs ul,
.breadcrumbs ul {
    width: 100%;
    clear: both;
    margin-left: -10px;
}

.recipe #breadcrumbs-container-recipes {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.recipe .breadcrumbs {
    width: auto;
    float: left;
    clear: both;
    margin-bottom: 13px;
}

.blog .breadcrumbs ul li,
#main #product-main .breadcrumbs ul li {
    float: left;
    margin-left: 10px;
    text-transform: uppercase;
    position: relative;
}

.blog .breadcrumbs ul li span,
#main #product-main .breadcrumbs ul li span {
    color: #333;
}

.blog .breadcrumbs ul li a,
#main #product-main .breadcrumbs ul li a {
    color: #333333;
    text-decoration: none;
    margin-right: 10px;
    letter-spacing: 0.5px;
}

.blog .breadcrumbs > a,
.blog .breadcrumbs span > a,
#main #product-main .breadcrumbs > a,
#main #product-main .breadcrumbs span > a {
  margin-left: 10px;
  text-transform: uppercase;
  color: #333333;
  text-decoration: none;
  margin-right: 10px;
  letter-spacing: 0.5px;
}

.about .breadcrumbs > a,
.about .breadcrumbs span > a {
    height: auto;
    width: auto;
    display: inline;
    font-weight: normal;
    font-size: 12px;
    background: none;
}

.video-hero-truth .breadcrumbs > a,
.video-hero-truth .breadcrumbs span > a,
.video-hero-truth .breadcrumbs ul li span,
.video-hero-truth .breadcrumbs ul li a,
.video-hero-about .breadcrumbs > a,
.video-hero-about .breadcrumbs span > a,
.video-hero-about .breadcrumbs ul li span,
.video-hero-about .breadcrumbs ul li a
.coaching .breadcrumbs > a,
.coaching .breadcrumbs span > a,
.coaching .breadcrumbs ul li span,
.coaching .breadcrumbs ul li a {
    color: #eee;
}

/*.blog .breadcrumbs > a:nth-child(1),
.blog .breadcrumbs span > a:nth-child(1) {
    margin-left: 2px;
}*/

.blog .breadcrumbs a:hover,
#main #product-main .breadcrumbs a:hover {
    text-decoration: underline;
}

.blog .breadcrumbs ul li span.breadcrumb_last,
#main #product-main .breadcrumbs ul li span.breadcrumb_last {
    color: #C1C1C1;
}

.blog .breadcrumbs .breadcrumb_last,
#main #product-main .breadcrumb_last {
    color: #C1C1C1;
    text-transform: uppercase;
    margin-left: 10px;
    letter-spacing: 0.5px;
}

#quiz-react-root .star-clickable-href {
    text-decoration: none;
}
#quiz-react-root .star-clickable-href span.averageStarScore {
    margin-right: 4px;
    font-weight: bold;
    color: black;
}

#quiz-react-root .star-clickable-href .write-review-btn-hidden {
    font-weight: bold;
}

@media screen and (max-width: 1150px) {
    .coaching .breadcrumbs > span,
    .video-hero-truth .breadcrumbs > span,
    .video-hero-about .breadcrumbs > span {
        margin-left: 40px;
    }
}











/*--------------------------------------------------------------
# Add to Cart Product Modal Mods
--------------------------------------------------------------*/

[class^=styles_modal_] [class^=styles_whiteBox_] {
  max-width: 483px !important;
  box-shadow: none;
  border: none;
  padding: 0;
  margin: auto;
}

[class^=styles_modal_] [class^=styles_shortIntro_] {
    display: none;
}

[class^=styles_modal_] [class^=styles_nutritionLink_]{
    display: none;
}

[class^=styles_modal_] [class^=styles_bottom_] {
    position: relative;
}

[class^=styles_modal_] [class^=styles_bottom_] input[type="submit"] {
    max-width: 340px;
}

[class^=styles_modal_] [class^=styles_productOption_][class^=styles_flavors_] [class^=styles_selectedFlavor_] {
    width: 96px;
}

[class^=styles_modal_] [class^=styles_productVideo_] {
    display: none;
}














/*--------------------------------------------------------------
# Load More Button
--------------------------------------------------------------*/

.load-more-button {
    padding: 20px 50px;
    margin: 30px auto;
    display: block;
    background: #f8f8f8;
    color: #666666;
    text-decoration: none;
    font-weight: 300;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border-radius: 0;
    border: none;
    position: relative;
}

.load-more-button:hover {
    background: #e0e0e0;
    color: #fff;
    cursor: pointer;
}

.load-more-button.disabled {
    opacity: 0.3;
    cursor: default;
}

.load-more-button.loading::before {
    content: ' ';
    top: 11px !important;
    left: 11px !important;
    margin: 0 !important;
    background: url('images/2017-images/blog-loading.svg') center no-repeat !important;
    width: 30px !important;
    height: 30px !important;
    background-size: contain !important;
    position: absolute;
}









.showGiftScroll .scrollForGifts:after {
    position: absolute;
    top: -50px;
    left:  0px;
    background: linear-gradient(rgba(0,0,0,0), #000);
    /*background: #ddd;*/
    opacity: .3;
    content: '';
    width: 100%;
    height: 50px;
}

.scrollForGifts:before {
    opacity: 0;
    -webkit-transition: opacity .2s ease, background .2s ease;
    -ms-transition: opacity .2s ease, background .2s ease;
    -o-transition: opacity .2s ease, background .2s ease;
    transition: opacity .2s ease, background .2s ease;
    display: block;
    content: "Scroll to see free gifts! ↓";
    position: absolute;
    left: 0;
    top: -25px;
    width: 100%;
    height: 25px;
    background-color: #E48310;
    color: #fff;
    font-size: 12px;
    line-height: 25px;
    padding-left: 15px;
    z-index: 50;
    text-align: center;
}

.showGiftScroll .scrollForGifts:before {
    opacity: 1;
}







/*--------------------------------------------------------------
# ACCOUNT PAGES
--------------------------------------------------------------*/

.sub-instructions-bullet-container p {
    text-align: left !important;
}

#my-account-content .openSubInstructionsModal{
    cursor:  pointer !important;
    padding:  10px !important;
}

#my-account-content #instruction-list {
    position: relative;
    margin-bottom: 30px;
}

#my-account-content .order-history.scheduled h4 {
    margin-bottom:  0px;
}

.checkout-express .disabled-social,
#account-modals .disabled-social {
  opacity:  0.5;
}

.checkout-express .disabled-social .g_id_signin,
#account-modals .disabled-social .g_id_signin {
    pointer-events: none !important;
}

.fsd-woocommerce .page-content {
    max-width: 1170px;
    margin: auto;
}

body.user-not-logged-in .fsd-woocommerce .page-content {
    max-width: 100%;
}

div.woocommerce {
    background: #F4F4F4;
    width: 100%;
    height: 100%;
}

div.woocommerce-MyAccount-content {
    max-width: 1170px;
    margin: auto;
    padding: 70px 0;
}

#checkout-container {
    height: 100%;
}

bdi.half-price {
    text-decoration: line-through;
    color: #ED5A2D;
}

.so-show-offer-price bdi.half-price {
    text-decoration: line-through;
    color: #A1A4A6 !important;
}


body.woocommerce-account #main {
    background: #F4F4F4;
}

















/*--------------------------------------------------------------
# MISC GLOBAL STYLES
--------------------------------------------------------------*/

body.page-template-rewards .sumome-share-client-wrapper.sumome-share-client-wrapper-mobile-bottom-bar {
    display: none;
}

.errors-box {
    background: #FFEFF0;
    width: 100%;
    text-align: center;
    padding: 12px 20px;
    font-size: 12px;
    line-height: 1.2;
    float: left;
    z-index: 6;
    color: #FF0000;
    position: relative;
    margin-bottom: 10px;
}

.woocommerce-Pagination {
    display: block;
    clear: both;
    margin: 0 auto 30px;
}

.woocommerce-Pagination:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.exp.mobile-hide {
    display: none;
}

.remodal p a {
    color: #00ABFF;
}

.remodal p a:hover {
    text-decoration: underline;
}

.hide {
  display: none;
}

.page-load-fadeout {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: #fff;
}

.page-load-fadeout .lds-css {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -32px;
    margin-top: -32px;
}

.bx-wrapper .bx-viewport {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    left: auto !important;
    background: transparent !important;
}

.mobile-hidden {
    display: none;
}

[class^=styles_modal_] [class^=styles_meta_] {
    max-width: 483px;
}

[class^=styles_modal_] [class^=styles_productVideo_] {
    display: none;
}

[class^="styles_moneyback_"]:hover,
[class^="styles_freeShipping_"]:hover,
[class^="styles_fdaApproved_"]:hover {
    opacity: 0.7;
    cursor: pointer;
}

.remodal-overlay {
    z-index: 100000 !important;
}

.remodal-close {
    right: 0 !important;
    left: initial !important;
}

[class^="styles_tablet_"] [class^="styles_shortIntro_"] {
    margin-bottom: 0;
}

.high-z-index {
    z-index: 9999999 !important;
}

#product-reviews h2 {
    text-align: center !important;
    font-size: 33px;
    margin-bottom: 29px;
    font-weight: 700;
    color: #2D3541;
    /* text-transform: uppercase; */
}

#product-reviews > .container {
    max-width: 1105px;
}

[class^=styles_mouseover_] .yotpo {
    display: inline-block;
}

.yotpo .text-m,
.yotpo .text-m:hover {
    color: #27a2ff !important;
    text-decoration: underline !important;
}

.criteo_header {
    display: none !important;
}

#stacks-grid .yotpo .text-m {
    display: none;
}

[class^="styles_amazonBookLink_"] {
    top:auto !important;
}

.tdee-macro-calc input[type="radio"] {
    top: 0 !important;
}

.tdee-macro-calc input,
.tdee-macro-calc select {
    font-size: 13px;
}













/*--------------------------------------------------------------
# Global: Top Sale Banner
--------------------------------------------------------------*/

body.top-sale-banner-active {
    margin-top: 163px !important;
}

body.top-sale-banner-active #header .merger-dropdown {
    top: 162px;
}

body.top-sale-banner-active #header .dropdown-about .merger-dropdown {
    top: 66px;
}

body.top-sale-banner-active #header .dropdown-blog .merger-dropdown {
    top: 66px;
}

body.top-sale-banner-active #header .dropdown-podcast .merger-dropdown {
    top: 66px;
}

body.top-sale-banner-active #header.scroll .merger-dropdown {
    top: 141px;
}

body.top-sale-banner-active #header.scroll .dropdown-about .merger-dropdown {
    top: 45px;
}

body.top-sale-banner-active #header.scroll .dropdown-blog .merger-dropdown {
    top: 45px;
}

body.top-sale-banner-active #header.scroll .dropdown-podcast .merger-dropdown {
    top: 45px;
}

@media screen and (max-width: 1024px) {
    body.top-sale-banner-active {
        margin-top: 156px !important;
    }
}

@media screen and (max-width: 767px) {
    body.top-sale-banner-active {
        margin-top: 121px !important;
    }
}

#legion-top-sale-banner {
    position: fixed;
    top: 0;
    z-index: 9999;
    background: #27a2ff;
    width: 100%;
    height: 50px;
}

body.woocommerce-checkout #legion-top-sale-banner {
    display: none !important;
}

#legion-top-sale-banner .top-sale-container {
    width: 100%;
    margin: 0px auto;
    max-width: 655px;
}

#legion-top-sale-banner p {
    font-family: 'proxima-nova', sans-serif;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.2;
    font-size: 16px;
    color: #fff;
    margin-top: 17px;
    margin-right: 15px;
    float: left;
}

#legion-top-sale-banner p.mobile {
    display: none;
}

#legion-top-sale-banner a {
    margin: 0 auto 0 auto;
    background-color: #e48310;
    text-transform: uppercase;
    color: white;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 1px;
    text-align: center;
    float: left;
    padding: 10px 13px 9px 13px;
    margin-top: 8px;
    border: 1px solid #1d7cc3;
    margin-left: 5px;
}

#legion-top-sale-banner a:hover {
    background: #d2780d;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
}

#top-sale-timer {
    text-align: center;
    float: left;
}

#top-sale-timer ul {
    width: 100%;
    margin: auto;
}

#top-sale-timer li {
    float: left;
    width: 30px;
    margin-right: 10px;
    position: relative;
}

#top-sale-timer li .timer-number {
    color: #000;
    font-size: 15px;
    position: relative;
    height: 23px;
    margin-bottom: 2px;
    background: #fff;
    line-height: 22px;
    border: 1px #1f84d0 solid;
    margin-top: 9px;
    letter-spacing: -2px;
    padding-right: 2px;
}

#top-sale-timer li .timer-number span {
    display: inline-block;
    text-align: center;
}

#top-sale-timer li .timer-text {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 1px;
}

#top-sale-timer li#seconds {
    margin-right: 0;
}

@media screen and (max-width: 1024px) {
    #legion-top-sale-banner .top-sale-container {
        max-width: 508px;
    }

    #legion-top-sale-banner p {
        margin-top: 7px;
        text-align: center;
    }

    #legion-top-sale-banner p.desktop {
        display: none;
    }

    #legion-top-sale-banner p.mobile {
        display: block;
    }
}

@media screen and (max-width: 606px) {
    #legion-top-sale-banner .top-sale-container {
        max-width: 385px;
    }

    #legion-top-sale-banner p {
        font-size: 12px;
        margin-top: 13px;
    }

    #legion-top-sale-banner a {
        font-size: 9px;
        padding: 11px 10px 9px 10px;
        margin-left: 10px;
        margin-top: 9px;
    }

    #top-sale-timer li {
        width: 23px;
        margin-right: 2px;
    }

    #top-sale-timer li .timer-number {
        font-size: 13px;
        height: 21px;
        line-height: 21px;
        margin-top: 10px;
    }
}

@media screen and (max-width: 420px) {
    #legion-top-sale-banner .top-sale-container {
        max-width: 265px;
    }

    #legion-top-sale-banner p {
        margin-right: 5px;
    }

    #top-sale-timer {
        display: none;
    }
}
















/*--------------------------------------------------------------
# Sale Timer
--------------------------------------------------------------*/

.product-countdown-timer {
    max-width: 481px;
}

.product-countdown-timer p {
    font-size: 19px;
    color: #272727;
    font-weight: 600;
    line-height: 19px;
    /*padding-left: 30px;*/
    /*background: url('images/2017-images/product-countdown-timer-clock.png') left center no-repeat;*/
    margin-bottom: 5px;
    letter-spacing: 0.4px;
}

body.single-product .product-countdown-timer p {
    margin-bottom: 13px;
}

body.single-product .meal-plan .product-countdown-timer p {
    margin-bottom: 6px;
}

.product-countdown-timer p.sitewide-sale {
    color: red;
    font-size: 19px;
}

.product-countdown-timer p.sitewide-sale u.blue {
    color: #27a2ff;
}

.timer-updated-placement {
    padding-top: 10px;
}

/* .timer-updated-placement.sezzleShown {
    top: -3px;
} */

.timer-updated-placement > p {
    color: #FC4D23;
    font-size: 24px;
    line-height: 20px;
}

.product-countdown-timer-long p {
    font-size: 17px;
    letter-spacing: initial;
}

.product-countdown-timer-long-lastchance p {
    font-size: 15px; /* BFCM LAST CHANCE! */
}

#shipping-bar-mobile-close {
    position: absolute;
    top: 5px !important;
    left: auto !important;
    right: 5px !important;
}

[class^=styles_modal_] .product-countdown-timer-long p {
    max-width: 385px;
    font-size: 19px;
    margin: 0px auto 20px;
}

@media (max-width: 767px) {
    #sale-banner-desktop.paid-spend {
        display: none;
    }
}

@media (min-width: 1400px) {
    body.single-product .product-countdown-timer.paid-spend p {
        text-wrap: nowrap;
    }
}

@media (min-width: 1070px) {
    body.single-product .product-countdown-timer::not(.paid-spend) p {
        text-wrap: nowrap;
    }
}

@media (max-width: 1024px) {
    .timer-updated-placement {
        top: 0;
        margin: 0 !important;
    }

    .product-countdown-timer-long-lastchance p {
        font-size: 15px;
    }

    .timer-updated-placement.timer-updated-placement > p {
        /* font-size: 20px; */
        margin-bottom: 16px;
    }

    .timer-updated-placement.timer-updated-placement-lastchance > p {
        font-size: 15px !important; /* BFCM LAST CHANCE! */
    }
}

@media (max-width: 915px) {
      .timer-updated-placement.timer-updated-placement-lastchance > p {
        font-size: 13px !important;
    }
}

@media (max-width: 767px) {

    .woocommerce-account .modal-paragraph-label {
        width: 10%;
    }

    .modal-paragraph-text img {
        max-width: 100% !important;
    }

    .timer-updated-placement {
        margin: 0 auto !important;
        max-width: 350px;
    }
    .sitewide.timer-updated-placement {
        position: relative;
        top: -12px;
        left: 10px;
    }

    .product-countdown-timer-long p {
        text-align: center;
        height: auto;
        font-size: 13px;
        line-height: 20px;
        background-position-y: 0px !important;
        /*padding-left: 18px;*/
        letter-spacing: initial;
        left: -2px;
        position: relative;
    }

    body.single-product .product-countdown-timer p {
        /* margin-bottom: 18px; */
        color: #FC4D23;
        font-size: 17px !important;
        line-height: 20px;
        letter-spacing: initial;
        padding: 0;
        position: relative;
        top: -5px;
    }

    body.single-product div.recharge .product-countdown-timer-long p {
        margin-bottom: 13px;
        top: 0;
    }
}

@media (max-width: 515px) {

    body.single-product .product-countdown-timer-long p {
        /* font-size: 13px !important; */
    }
}

@media (max-width: 421px) {

    body.single-product .product-countdown-timer-long p {
        /* font-size: 14px !important; */
    }
}

@media (max-width: 403px) {
    .timer-updated-placement {
        max-width: 300px;
    }

    .timer-updated-placement > p {
        font-size: 14px;
    }

    body.single-product .product-countdown-timer-long p {
        font-size: 16px !important;
        line-height: 20px;
        height: auto;
        background-position-y: 2px !important;
    }
}

@media (max-width: 365px) {
    body.single-product .product-countdown-timer p {
        font-size: 16px;
        position: relative;
        top: -4px;
    }
}

.sitewide #sale-timer {
    display: none !important;
}

#sale-timer {
    text-align: center;
    padding-top: 8px;
    margin-bottom: 10px;
}

div[class*="2022PDP"] #sale-timer {
    padding-top: 0;
    margin-bottom: 5px;
}

#sale-timer:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

#sale-timer h2 {
    color: #2096FF;
    font-size: 35px;
    text-transform: uppercase;
    padding-top: 30px;
    font-weight: 900;
    margin-bottom: 30px;
}

#sale-timer ul {
    width: 100%;
    margin: auto;
}

#sale-timer li {
    float: left;
    width: 93px;
    margin-right: 35px;
    position: relative;
    z-index: 5;
}

div[class*="2022PDP"] #sale-timer li {
    margin-right: 34px;
    width: 19%;
}

@media (max-width: 1015px) {
    div[class*="2022PDP"] #sale-timer li {
        width: 18%;
    }
}

@media (max-width: 883px) {
    div[class*="2022PDP"] #sale-timer li {
        width: 17.5%;
        margin-right: 30px;
    }
}

@media (max-width: 768px) {
    div[class*="2022PDP"] #sale-timer li {
        width: 20.5%;
        margin-right: 6%;
    }
}

#sale-timer li:after {
    width: 6px;
    height: 24px;
    display: block;
    content: "";
    position: absolute;
    right: -20px;
    font-size: 18PX;
    content: ":";
    font-weight: bold;
    color: #CACACA;
    top: 22px
}

#sale-timer li#seconds:after {
    display: none;
}

#sale-timer li .timer-number {
    color: #000;
    font-size: 31px;
    position: relative;
    z-index: 9;
    height: 62px;
    margin-bottom: 15px;
    background: #fff;
    line-height: 61px;
    border: 1px #E4E4E4 solid;
}

#sale-timer li .timer-number span {
    display: inline-block;
    text-align: center;
}

#sale-timer li .timer-text {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #9A9FA2;
    letter-spacing: 1px;
}

#sale-timer li#seconds {
    margin-right: 0;
}












/* = Generic Page
-------------------------------------------------------------- */
#main.fsd-non-woocommerce {
    padding: 40px;
    padding-bottom: 10px;
    margin: auto;
    max-width: 1100px;
    width: 100%;
    float: none;
    clear: both;
}

.fsd-non-woocommerce p,
.fsd-non-woocommerce ol,
.fsd-non-woocommerce ul {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 16px;
}

.fsd-non-woocommerce p em {
    font-style: italic;
}

.fsd-non-woocommerce a {
    color: #1A99FC;
    text-decoration: underline;
}

.fsd-non-woocommerce a:hover {
    text-decoration: none;
}

.fsd-non-woocommerce h1 {
    font-size: 28px;
    line-height: 1.2;
    color: #000;
    text-transform: none;
    margin-bottom: 30px;
    font-weight: bold;
    text-align: left;
}

.fsd-non-woocommerce h2 {
    font-size: 18px;
    line-height: 1.5;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: bold;
}

.fsd-non-woocommerce h3 {
    font-weight: bold;
    line-height: 1.4;
    font-size: 18px;
    margin-bottom: 30px;
}

.fsd-non-woocommerce h4 {
    font-size: 16px;
    width: 100%;
    float: left;
    text-align: left;
    line-height: 1.4;
    font-weight: 900;
    text-transform: none;
    margin-bottom: 20px;
}

.fsd-non-woocommerce ul,
.fsd-non-woocommerce ol {
    padding-left: 40px;
    float: left;
    width: 100%;
    margin: 10px 0 20px;
}

.fsd-non-woocommerce ul li {
    padding-left: 30px;
    margin-bottom: 15px;
    background: url('images/post-content-li.png') left 4px no-repeat;
}

.fsd-non-woocommerce ol li {
    margin-bottom: 10px;
    line-height: 1.6;
    list-style-type: decimal;
    position: relative;
    padding-left: 20px;
    float: left;
    width: 100%;
}

.fsd-non-woocommerce blockquote {
    padding: 9px 18px;
    margin: 0 0 25px;
    font-size: 22.5px;
    border-left: 5px solid #eeeeee;
}

.fsd-non-woocommerce blockquote p {
    margin-bottom: 0;
}

.fsd-non-woocommerce ol[type="a"] {
    background: #f5f7f9;
    padding: 20px 40px;
    margin-bottom: 40px;
}















/* Add to Cart Modal Fixes */

[class^=styles_modal_] [class^=styles_productOption_][class^=styles_bookOptions_] [class^=styles_option_]:before {
    width: 475px;
}

[class^=styles_modal_] [class^=styles_prices_] {
    width: 50%;
    text-align: right;
}

[class^=styles_modal_] [class^=styles_servingChoices_] {
    max-width: 483px;
}

[class^=styles_modal_] [class^=styles_error_] {
    max-width: 483px;
    margin: 0 auto 11px;
}

[class^=styles_modal_] [class^=styles_usaOnly_] {
    max-width: 483px;
    margin: 0 auto 11px;
}

[class^=styles_modal_] [class^=styles_shortIntro_] {
    display: none;
}

[class^=styles_modal_] [class*=styles_protDisclaimer_] {
    display: block;
    max-width: 342px;
    margin: -9px auto 10px auto;
}

[class^=styles_modal_] [class^=styles_meta_] [class^=styles_prices_] {
    width: 48%;
    text-align: right;
    padding-right: 20px;
}

[class^=styles_modal_] [class^=styles_meta_] [class^=styles_reviews_] {
    width: 46%;
    padding-left: 0;
    top: 2px;
}

.the-30-day-bigger-leaner-stronger-transformation [class^=styles_modal_] [class^=styles_whiteBox_],
.the-30-day-love-your-body-transformation [class^=styles_modal_] [class^=styles_whiteBox_] {
    max-width: 100% !important;
}

.lunar [class^="styles_modal_"] [class^="styles_productOption_"] {
    display: none;
}

[class^="styles_slideOut_"] .cross-sell-container.cross-sell-triumph-men [class^="styles_leftCol_"],
[class^="styles_slideOut_"] .cross-sell-container.cross-sell-forge [class^="styles_leftCol_"] {
    top: -74px;
}

[class^="styles_slideOut_"] .cross-sell-container.cross-sell-whey [class^="styles_leftCol_"] {
    top: -71px;
}

[class^="styles_slideOut_"] [class^="styles_productFlavor_"] > label {
    text-align: left;
}

[class^="styles_slideOut_"] [class^="styles_flavorsContainer_"] {
    text-align: left;
    line-height: 1;
    margin-bottom: 0px;
}

[class^="styles_slideOut_"] [class^="styles_productOption_"] {
    margin-bottom: 0 !important;
}

[class^="styles_slideOut_"] [class^="styles_productOption_"][class*="styles_flavorIsSelected_"],
[class^="styles_slideOut_"] [class^="styles_productOption_"][class*="styles_flavorIsSelected_"]:hover,
[class^="styles_slideOut_"] [class^="styles_productOption_"][class*="styles_flavorIsSelected_"][class*="styles_flavorSingle_"]:hover,
[class^="styles_slideOut_"] [class^="styles_productOption_"][class*="styles_flavorIsSelected_"][class*="styles_flavorsMulti_"]:hover {
    background: #FFF !important;
}

/*[class^="styles_slideOut_"] [class^="styles_productOption_"][class*="styles_flavorIsSelected_"] [class*="styles_flavorLabel_"] [class*="styles_dropdownSaleSpan"] {
    display: none;
}
*/
[class^="styles_slideOut_"] [class^="styles_productOption_"][class*="styles_containerCollapsed_"][class*="styles_flavorIsSelected"] label {
    line-height: 43px !important;
}

[class^="styles_slideOut_"] [class^="styles_productOption_"][class*="styles_containerCollapsed_"][class*="styles_flavorIsSelected"] span label,
[class^="styles_slideOut_"] [class^="styles_productOption_"][class*="styles_containerCollapsed_"][class*="styles_flavorIsSelected"] label span {
    color: #333;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

[class^="styles_slideOut_"] [class^="styles_productOption_"][class*="styles_flavorIsSelected_"][class*="styles_containerCollapsed_"]:before {
    background: transparent;
    border-top: 2px solid #333;
    border-left: 2px solid #333;
    right: 21px;
    pointer-events: none;
}
[class^="styles_slideOut_"] [class^="styles_productOption_"][class*="styles_flavorIsSelected_"][class*="styles_containerExpanded_"]:after {
    right: 21px;
}

[class^="styles_slideOut_"] [class^="styles_servingChoice_"] {
    font-size: 13px;
    padding: 15px 20px 11px 56px;
}

[class^="styles_slideOut_"] [class^="styles_servingChoices"] {
    margin-bottom: 0;
}

[class^="styles_slideOut_"] [class^="styles_servingCost_"] {
    font-size: 10px;
}

@media (max-width: 414px) {
    [class^="styles_slideOut_"] [class^="styles_productOption_"][class*="styles_containerCollapsed_"][class*="styles_flavorIsSelected"] span label,
    [class^="styles_slideOut_"] [class^="styles_productOption_"][class*="styles_containerCollapsed_"][class*="styles_flavorIsSelected"] label span {
        font-size: 13px !important;
    }
}

/* Non Sale Modals */

.non-sale [class^="styles_modal_"] [class^="styles_meta_"] [class^="styles_prices_"],
.non-sale [class^="styles_modal_"] [class^="styles_meta_"] [class^="styles_reviews_"] {
    width: 100%;
    display: block;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    min-height: 18px;
}

.non-sale [class^="styles_modal_"] [class^="styles_meta_"] [class^="styles_prices_"] {
    margin-bottom: 10px;
}

.non-sale [class^="styles_modal_"] [class^="styles_meta_"] [class^="styles_reviews_"] .yotpo div.standalone-bottomline > .pull-left {
    display: block;
}

.non-sale [class^="styles_modal_"] [class^="styles_meta_"] [class^="styles_reviews_"] .yotpo .pull-left {
    float: none;
    text-align: center;
}

.non-sale [class^="styles_modal_"] [class^="styles_separator_"] {
    display: none;
}


.no-highlight {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.featured-stacks .yotpo .text-m,
#products-grid .yotpo .text-m,
.recSlider .yotpo .text-m,
.most-popular .yotpo .text-m {
    display: none;
}

div[class^="styles_product_"] .yotpo-bottomline,
div[class^="styles_col_"] .yotpo-bottomline {
    float: none;
    width: 93px;
    margin: 0 auto;
    display: block;
}

@media screen and (max-width: 767px) {
    .non-sale [class^=styles_modal_] [class^=styles_meta_] [class^=styles_prices_],
    [class^=styles_modal_] [class^=styles_meta_] [class^=styles_prices_] {
        width: 100%;
        text-align: center;
        padding-right: 0;
        margin-bottom: 12px;
    }

    [class^=styles_modal_] [class^=styles_meta_] [class^=styles_separator_] {
        display: none;
    }

    [class^=styles_modal_] [class^=styles_meta_] [class^=styles_reviews_] {
        width: 100%;
        padding-left: 0;
        top: 0;
    }

    [class^=styles_modal_] [class^=styles_meta_] [class^=styles_reviews_] [class^=styles_review_] {
        padding-bottom: 0;
    }

    [class^=styles_modal_] [class^=styles_error_] {
        margin: 0px auto 20px auto;
        position: static;
    }
}














/*--------------------------------------------------------------
# Out-of-stock form
--------------------------------------------------------------*/

.subscribe_fields {
    margin: 15px 0px;
}

.subscribe-form input {
    display: block;
    margin: 10px auto;
    width: 400px;
    padding: 10px;
}
















/*--------------------------------------------------------------
# Page Navi
--------------------------------------------------------------*/

.page-navi {
    width: 100%;
    text-align: center;
    clear: both;
    margin: auto;
}

.wp-pagenavi {
    clear: both;
    margin: auto;
    background: #F8F8F8;
    border-radius: 3px;
    height: auto;
    text-align: center;
    padding: 9px 15px ;
    display: inline-block;
}

.wp-pagenavi a,
.wp-pagenavi .current {
    color: #62686E;
    font-weight: bold;
    font-size: 16px;
    width: 36px;
    text-decoration: none;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    border-radius: 3px;
    margin: 0 2.5px;
}

.wp-pagenavi a.previouspostslink {
    background: url('images/2017-images/page-navi-prev.png') center no-repeat;
    text-indent: -9999px;
}

.wp-pagenavi a.nextpostslink {
    background: url('images/2017-images/page-navi-next.png') center no-repeat;
    text-indent: -9999px;
}

.wp-pagenavi .current {
    background: #00A2FF;
    color: #fff;
}

.wp-pagenavi a:hover,
.wp-pagenavi .page:hover,
.wp-pagenavi a.previouspostslink:hover,
.wp-pagenavi a.nextpostslink:hover {
    background-color: #E4E4E4;
}

.wp-pagenavi .extend {
    color: #62686E;
}












/*--------------------------------------------------------------
# WooCommerce Error Messages
--------------------------------------------------------------*/

#checkout #mailchimp_woocommerce_newsletter,
#checkout label[for='mailchimp_woocommerce_newsletter'] {
    display: none;
}

.woocommerce-checkout ul.woocommerce-error,
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-message  {
  top: 0px;
  z-index: 999;
  margin-bottom: 15px;
  position: absolute;
  box-shadow: 0 10px 25px 0 rgba(0,0,0,.1);
  left: 0;
}

ul.woocommerce-error,
.woocommerce-error {
    background: #FFEFF0;
    width: 100%;
    text-align: center;
    padding: 12px 20px;
    font-size: 12px;
    line-height: 1.2;
    float: left;
    z-index: 6;
    color: #FF0000;
    position: relative;
}

ul.woocommerce-error li {
    margin-bottom: 10px;
}

ul.woocommerce-error li:last-child {
    margin-bottom: 0;
}

ul.woocommerce-error a.button.wc-forward {
    display: inline-block;
    background: #fafafa;
    padding: 12px 20px;
    color: #000;
    text-decoration: none;
    margin-right: 20px;
    border-radius: 3px;
    font-size: 12px;
    top: 14px;
    text-shadow: none;
    right: 0;
    position: absolute;
}

ul.woocommerce-error a {
    color: #eaeaea;
    text-decoration: none;
}

ul.woocommerce-error a.logInToggle {
    color: #27a2ff;
}
 
ul.woocommerce-error a:hover {
    text-decoration: underline;
}

ul.woocommerce-error a.button.wc-forward:hover {
    background: #fff;
}
.woocommerce-info {
    background: #FFF6D7;
    width: 100%;
    text-align: center;
    padding: 16px 20px;
    font-size: 12px;
    line-height: 1.2;
    font-weight: normal;
    float: left;
    z-index: 6;
    top: 0;
    clear: both;
    color: #c39506;
    position: relative;
}
.home .woocommerce-message,
.home .woocommerce-info,
.home .woocommerce-error {
    top: 5px;
}
.woocommerce-info a.button.wc-forward {
    display: inline-block;
    background: #91cc42;
    padding: 12px 20px;
    color: #fff;
    text-decoration: none;
    margin-right: 20px;
    border-radius: 0;
    font-size: 12px;
    top: 0;
    right: 0;
    position: absolute;
}

.single-product .woocommerce-message {
    top: 5px;
}

.woocommerce-message {
    background: #00BCFF;
    width: 100%;
    text-align: center;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 1.2;
    font-weight: bold;
    clear: both;
    z-index: 6;
    color: #fff;
    position: relative;
    top: 0;
}

.woocommerce-message a.button.wc-forward {
    display: inline-block;
    background: #91cc42;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkxY2M0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3OWMyMzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    padding: 12px 20px;
    color: #fff;
    text-decoration: none;
    margin-right: 20px;
    border-radius: 3px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.04);
    font-size: 12px;
    top: 14px;
    right: 0;
    position: absolute;
}

.woocommerce-message a.button.wc-forward:hover {
    background: #91cc42;
}

.home .woocommerce-message,
.home .woocommerce-info,
.home .woocommerce-error {
    position: absolute;
    top: 113px;
    text-align: center;
}

body.admin-bar.home .woocommerce-message,
body.admin-bar.home .woocommerce-info,
body.admin-bar.home .woocommerce-error {
    top: 175px;
}

body.woocommerce-customer-logout .woocommerce-message a,
body.woocommerce-customer-logout .woocommerce-info a,
body.woocommerce-customer-logout .woocommerce-error a {
    color: #fcffae;
}

/* = Product Guarantee Modal
-------------------------------------------------------------- */

[data-remodal-id="guarantee_modal"] .remodal {
    padding: 70px 70px 50px !important;
    box-shadow: inset 0 0 0 10px #F7F7F7;
    z-index: 9999999;
}

.remodal h2, .remodal .remodal-title {
    font-weight: 700;
    line-height: 1.2;
    font-size: 26px;
    letter-spacing: 1px;
    margin-bottom: 40px;
}

.remodal h2 span {
    color: #27a2ff;
}

.remodal p {
    font-size: 19px;
    line-height: 1.6;
    color: #222222;
    text-align: center;
    margin-bottom: 25px;
}

.remodal p.quiz-modal-question-1-title {
    font-weight: bold;
    font-size: 20px;
}

.remodal ul,
.remodal ol {
    padding-left: 30px;
    text-align: left;
}

.remodal ul li,
.remodal ol li {
    font-size: 19px;
    line-height: 1.6;
    color: #222222;
    text-align: left;
    margin-bottom: 25px;
    padding-left: 5px;
}

div[data-remodal-id="usa_modal"].remodal ol li {
    text-align: center;
}

.subscription-remodal-container p {
    text-align: left;
}

.remodal h4 {
    font-size: 24px;
    margin-bottom: 14px;
    line-height: 29px;
}

.modal-paragraph-text img {
    display: block;
}

.modal-paragraph-label {
    display: inline-block;
    width: 5%;
}

.modal-paragraph-text {
    display: inline-block;
    width: 90%;
    vertical-align: top;
}

.modal-paragraph-text img {
    margin-bottom: 40px !important;
}

.go-to-cart,
.continue-shopping {
    height: 54px;
    display: inline-block;
    padding: 17px;
    background: #1CA4FC;
    border-radius: 5px;
    margin: 10px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 500;
    color: #fff;
    font-size: 18px;
}

.continue-shopping {
    background: #90CF23;
}

.continue-shopping:hover {
    background: #80ba1c;
}

.go-to-cart:hover {
    background: #1593e5;
}

.remodal .remodal-confirm,
.remodal .remodal-cancel {
    text-transform: capitalize;
    margin-top: 10px;
    font-size: 18px;
    padding: 0 20px;
    max-width: 340px;
    font-weight: 500;
    width: 100%;
    line-height: 56px;
    display: inline-block;
    background: #29A2FF;
    height: 56px;
    text-decoration: none;
    font-weight: bold;
}

.remodal .remodal-confirm:hover, .remodal .remodal-cancel:hover {
    background: #1f95ef;
}

.remodal .sub-instructions-bullet-container ol li,
.remodal .sub-instructions-bullet-container ul li {
  font-size: 19px;
  line-height: 1.6;
  color: #222222;
}

.remodal .sub-instructions-bullet-container ul li {
  list-style: disc;
}

.remodal .sub-instructions-bullet-container ol,
.remodal .sub-instructions-bullet-container ul {
    margin-bottom: 25px;
    padding-left: 30px;
    text-align: left;
}

[data-remodal-id="free_shipping"] .remodal-close,
[data-remodal-id="guarantee_modal"] .remodal-close {
    position: absolute;
    top: 25px !important;
    left: auto !important;
    right: 25px !important;
}

[data-remodal-id="free_shipping"] .remodal-close:before,
[data-remodal-id="guarantee_modal"] .remodal-close:before {
    font-family: "proxima-nova", sans-serif !important;
    font-size: 33px !important;
    color: #535353;
}

[data-remodal-id="smsdisclaimer_modal"] h4 {
    font-size: 20px;
}

[data-remodal-id="smsdisclaimer_modal"] p {
    font-size: 12px;
}

[data-remodal-id="evidence_based"] ol,
[data-remodal-id="fact_checked"] ol {
    padding: 0 60px;
}

[data-remodal-id="evidence_based"] ol li,
[data-remodal-id="fact_checked"] ol li {
    font-size: 19px;
    line-height: 1.6;
    color: #222222;
    text-align: left;
    margin-bottom: 25px;
    list-style-position: outside;
}

[data-remodal-id="evidence_based"] ol li a,
[data-remodal-id="fact_checked"] ol li a {
    color: #00a2ff;
    font-weight: bold;
}

@media only screen and (max-width: 490px) {
    [data-remodal-id="evidence_based"] ol,
    [data-remodal-id="fact_checked"] ol {
        padding: 0 30px;
    }
}

.yotpo .promoted-products-box .promoted-products .yotpo-promoted-product .yotpo-product-name {
    margin-left: 0;
}

.main-widget.yotpo-display-wrapper .yotpo-logo-link-new,
.yotpo.yotpo-main-widget .yotpo-label .yotpo-icon-btn-big {
    cursor: default !important;
}














/*--------------------------------------------------------------
# Out of Stock Modal
--------------------------------------------------------------*/

[data-remodal-id="out_of_stock_modal"] h2 {
    margin-bottom: 32px
}

[data-remodal-id="out_of_stock_modal"] form#formsubs {

}

[data-remodal-id="out_of_stock_modal"] form#formsubs h3 {
    font-size: 17px;
    margin-bottom: 0;
}

[data-remodal-id="out_of_stock_modal"] form#formsubs div.subscribe_fields {
    margin: 0 auto;
}

[data-remodal-id="out_of_stock_modal"] form#formsubs div.subscribe_fields input[type="text"] {
    background: #fff url('images/2017-images/blog-input-email-icon.png') 10px 18px no-repeat;
}

[data-remodal-id="out_of_stock_modal"] form#formsubs div.subscribe_fields input[type="submit"] {
    margin-bottom: 0;
}












/*--------------------------------------------------------------
# REUSABLE ASSETS: More From Legion
--------------------------------------------------------------*/

.blog h2.proxima {
    text-align: center;
    font-size: 33px;
    color: #2c2e2f;
    margin-bottom: 50px;
    font-family: Arial;
    font-weight: bold;
}

.blog #more-from-legion-featured,
.blog #more-from-legion,
.five-wide-posts {
    padding: 65px 30px;
    clear: both;
    width: 100%;
    background: #F6F7F7;
}

.blog #more-from-legion {
    padding: 46px 30px 20px;
}

.blog #more-from-legion h2.proxima {
    margin-bottom: 42px;
    color: #263341;
    font-weight: normal;
    font-size: 35px;
}

.blog #more-from-legion article {
    border: 1px solid #ddd;
    position: relative;
    padding-bottom: 0;
}

.blog #more-from-legion article h4 {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    flex-basis: 100%;
}

.blog #more-from-legion article .excerpt {
    flex-basis: 100%;
}

.blog #more-from-legion article .excerpt p {
    font-size: 18px;
    text-align: center;
    line-height: 1.5;
    margin: 20px auto;
    letter-spacing: 0.5px;
}

@media (max-width: 767px) {
    .blog #more-from-legion article .excerpt p {
        font-size: 16px ;
    }
}

.blog .article-right {
    width: calc(100% - 410px);
    float: right;
}

.blog .post-excerpt {
    display: flex;
}

.blog #more-from-legion-featured .article-container,
.blog #more-from-legion .article-container,
.five-wide-posts .article-container {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.blog #more-from-legion-featured h3,
.blog #more-from-legion h3,
.five-wide-posts .article-container h3 {
    width: 100%;
    display: block;
    text-transform: capitalize;
    font-size: 33px;
    position: relative;
    color: #293643;
    margin: 0 auto 60px;
    text-align: center;
}

.blog #more-from-legion-featured article,
.blog #more-from-legion article,
.five-wide-posts article {
    width: 23%;
    margin: 0 1% 30px 1%;
    background: #fff;
}

.blog #more-from-legion-featured article:last-child,
.blog #more-from-legion article:last-child,
.five-wide-posts article:last-child {
    margin-right: 0;
}

.blog #more-from-legion-featured article .bot {
    background: #fff;
    float: left;
    width: 100%;
    padding: 30px 23px;
}

.blog #more-from-legion article .bot,
.five-wide-posts article .bot {
    background: #fff;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.blog #more-from-legion article .bot {
    flex-wrap: wrap;
    align-content: space-between;
}

.five-wide-posts article .bot {
    flex-direction: column;
    align-items: center;
}

.blog #more-from-legion article .bot {
    height: calc(100% - 161px);
    padding: 30px 23px 35px;
}

.five-wide-posts article .bot {
    height: 68%;
    padding: 30px 23px;
}

.blog #more-from-legion-featured article .img,
.blog #more-from-legion article .img,
.five-wide-posts article .img {
    height: 161px;
    width: 100%;
    display: block;
    background-size: cover !important;
    background-position: center;
}

.blog #more-from-legion-featured article h4,
.blog #more-from-legion article h4,
.five-wide-posts article h4 {
    font-size: 19px;
    line-height: 1.3;
    margin-bottom: -5px;
}

.blog #more-from-legion-featured article h4 a,
.blog #more-from-legion article h4 a,
.five-wide-posts article h4 a {
    color: #27a2ff;
    text-decoration: underline;
}

.blog #more-from-legion-featured article h4 a:hover,
.blog #more-from-legion article h4 a:hover,
.five-wide-posts article h4 a:hover {
    text-decoration: underline;
}

.blog #more-from-legion-featured article .meta,
.blog #more-from-legion article .meta,
.five-wide-posts article .meta {
    font-size: 14px;
    line-height: 1.3;
    color: #7C7C7C;
}

.blog #more-from-legion-featured article .meta a,
.blog #more-from-legion article .meta a,
.five-wide-posts article .meta a {
    color: #1996E6;
    text-decoration: none;
}

.blog #more-from-legion-featured article .meta a:hover,
.blog #more-from-legion article .meta a:hover,
.five-wide-posts article .meta a:hover {
    text-decoration: underline;
}

.blog #more-from-legion-featured.featured-category {
    padding: 30px 30px 0 30px;
}

.five-wide-posts {
    padding: 30px 30px 0 30px;
    background: #fff;
}

.blog #more-from-legion-featured.featured-category .article-container,
.five-wide-posts .article-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1368px;
    margin: 0 auto;
    padding: 0;
}

.blog #more-from-legion-featured.featured-category article,
.five-wide-posts article {
    width: 18%;
}

.blog #more-from-legion-featured.featured-category article .img,
.five-wide-posts article .img {
    height: 117px;
}

.blog #more-from-legion-featured.featured-category article .img:hover,
.five-wide-posts article .img:hover {
    opacity: 0.85;
}

.blog #more-from-legion-featured.featured-category article .bot,
.five-wide-posts article .bot {
    padding: 17px;
}

.blog #more-from-legion-featured.featured-category article .bot h4,
.five-wide-posts article .bot h4 {
    font-size: 16px;
    /*font-weight: bold;*/
    margin-bottom: 0;
}

.blog #more-from-legion-featured.featured-category article .bot h4:hover,
.five-wide-posts article .bot h4:hover {
    opacity: 0.8;
}

h2.recommendations {
    font-size: 33px;
    color: #16212b;
    margin-bottom: 30px;
    padding-left: 30px;
    font-weight: bold;
}

.blog h2.recommendations {
    color: #263341;
    font-weight: normal;
    font-size: 35px;
}

@media screen and (max-width: 767px) {
    .blog #more-from-legion h2.proxima {
        font-size: 28px;
        line-height: 1.2;
        margin-bottom: 40px;
    }
}













.before-after .img {
    height: 315px;
    width: 184px;
    position:relative;
}

.before-after .coaching-before {
    border-radius: 5px 0px 0px 5px;
}

.before-after .coaching-before:before {
    content:"BEFORE";
    position:absolute;
    background-color:#FFF;
    padding: 12px 12px;
    bottom:0px;
    left:0px;
    font-size: 15px;
    color: #00A2FF;
    font-weight: bold;
    border-radius: 0px 0px 0px 5px;
    width:78px;
    border: solid 1px #ccc;
}
.before-after .coaching-after:before {
    content:"AFTER";
    position:absolute;
    background-color:#00A2FF;
    padding: 12px 12px;
    bottom:0px;
    right:0px;
    font-size: 15px;
    color: #FFF;
    font-weight: bold;
    border-radius: 0px 0px 5px 0px;
    width:78px;
}

.before-after .coaching-after {
    border-radius: 0px 5px 5px 0px;
}

.before-after {
    padding: 10px;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    color: #555;
    margin: 20px 0 50px;
    margin-right: 0px;
    margin-right: 0px;
    width: 390px;
    border: 1px solid #eee;
    margin-bottom: 30px;
}

.before-after p {
    margin-bottom: 0px !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
}

.before-after .caption-container {
    position: relative;
    padding: 30px;
}

.before-after .caption {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.before-after .testimonial {
    font-style: italic;
    font-size: 14px;
    display: table-cell;
    vertical-align: middle;
    font-family: georgia;
    padding-top: 15px;
}

.before-after .testimonial-name {
    font-style: italic;
    font-weight: bold;
    font-size: 16px;
    display:inline-block;
    padding-top: 15px;
    padding-bottom:  10px;
}

body.single-post .before-after {
    width: 100%;
    margin-bottom: 30px;
    margin-top: 0;
    padding: 0;
    float: none;
}

body.single-post .before-after .pic-wrap .image-wrap {
    width: 50%;
}

body.single-post .before-after .pic-wrap .image-wrap img {
    width: 100%;
    height: auto;
}

.before-after .quote {
    margin-bottom: 0px !important;
}

.before-after .image-wrap {
    position: relative;
    max-width: 50%;
    float: left;
    padding: 0;
    margin: 0;
    background: black;
    width: 50%;
    text-align: center;
}

.before-after img {
    max-width: 100%;
    height: 370px
}

.before-after .heading {
    padding: 20px 30px;
    background: #0f0f0f
}

.before-after .heading .quote {
    font-family: "proxima-nova", sans-serif;
    font-size: 28px;
    text-align: center;
    color: #00A8FF !important;
    text-transform: uppercase
}

.intercom-lightweight-app-launcher,
.intercom-lightweight-app-launcher.scroll,
.intercom-launcher-frame,
.intercom-launcher-frame.scroll,
.intercom-borderless-frame,
.intercom-borderless-frame.scroll,
iframe[name='intercom-notifications-frame'],
iframe[name='intercom-notifications-frame'].scroll,
iframe[name='intercom-chat-frame'],
iframe[name='intercom-chat-frame'].scroll,
.intercom-launcher-badge-frame,
.intercom-launcher-badge-frame.scroll {
    transition: all 300ms ease-in !important;
}

iframe#chat-campaigns,
iframe#chat-campaigns.scroll,
iframe#chat-window,
iframe#chat-window.scroll,
iframe#chat-button,
iframe#chat-button.scroll,
#attentive_overlay > iframe,
#attentive_overlay > iframe.scroll {
    transition: all 300ms ease-in !important;
}

iframe#chat-window {
    z-index: 2147483002 !important;
}

iframe#chat-campaigns {
    z-index: 2147483001 !important;
}

iframe#chat-button {
    z-index: 2147483000 !important;
}

.page-the-truth .bottom-img {
    background: url(/wp-content/themes/legion-2017/images/2017-images/Try-us-risk-free-v2-@2x.png) center no-repeat;
    background-size: 1400px;
    height:  579px;
    margin-top:  -240px;
}

@media screen and (max-width: 1024px) {
    .page-the-truth .browse-our-store p {
        letter-spacing: 0;
        line-height: 1.5;
        text-align: center;
        margin-bottom: 16px;
        font-size:  16px;
    }
}

@media screen and (max-width: 767px) {
    .page-the-truth .bottom-img {
        background: url(/wp-content/themes/legion-2017/images/2017-images/Try-us-risk-free-v2-@2x.png) center no-repeat;
        background-size: 925px;
        height: 579px;
        margin-top: -240px;
        margin-bottom: -80px;
    }
}

#zowieFloatingButton,
#zowieFloatingButtonMobile {
    border-radius: 60px !important;
}

#zowieFloatingButtonMobile {
    bottom: 27px !important;
    right: 30px !important;
    width: 50px !important;
    height: 50px !important;
}

#zowieFloatingButton > svg > rect,
#zowieFloatingButtonMobile > svg > rect {
    fill:rgb(17, 110, 250);
    rx: 60;
}

#zowieFloatingButton[aria-expanded="true"] > svg > rect {
    fill:rgb(255, 255, 255) !important;
}

#zowieFloatingButton[aria-expanded="true"] > svg > g > path {
    fill:rgb(17, 110, 250);
}

#chatbotize {
    z-index: 99999;
    position: relative;
}









/*--------------------------------------------------------------
# HOMEPAGE: Industry Experts
--------------------------------------------------------------*/

.industry-experts {
    padding: 50px 0 37px;
    position: relative;
}

.industry-experts header {
    margin-bottom: 0px;
    text-align: center;
}

.industry-experts .lp-slide-content {
    display: flex;
    text-align: left;
    min-height: 246px;
}

.homepage .industry-experts .lp-slide-content {
    /* Front page min-height Carousel Slide*/
    min-height: 280px;
}
#subscribe .industry-experts .lp-slide-content {
    /* Subscribe and Save min-height Carousel Slide*/
    min-height: 294px;
}


#product-content .industry-experts .lp-slide-content { 
    /* Setting the css here for product to compare height in LP, Home and Quiz for consistency */
    min-height: 306px;
    align-items: center;
}
.homepage .industry-experts .btn {
    top: 39%;
}
#quiz-app-page-wrap .industry-experts .btn {
    top: 33%;
}
#quiz-app-page-wrap .bx-wrapper .bx-pager {
    bottom: -50px;
}
.industry-experts .lp-slide-content.vertical-center {
    align-items: center;
}

.industry-experts h2 {
    font-size: 33px;
    padding-bottom: 0px;
    font-size: 34px;
    color: rgb(44, 46, 47);
    margin-bottom: 50px;
    font-family: proxima-nova, sans-serif;
    font-weight: 600;
}

.industry-experts .quotes {
    position: relative;
    clear: both;
    max-width: 740px;
    width: 100%;
    margin: auto;
}

.industry-experts ul li {
    margin: 0 auto 50px;
    list-style: none;
    display: block;
    background: transparent !important;
    font-weight: normal !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}

.industry-experts ul li .img {
    width: 187px;
    height: 187px;
    border-radius: 100%;
    margin-right: 80px;
    float: left;
    display: block;
}
.industry-experts ul li img.imgDesktop {
    display: block;
    max-width: 187px;
    width: 100%;
}
.industry-experts ul li img.imgMobile {
    display: none;
}

/** New Global Expert Slider **/
.homepage .industry-experts .container {
    max-width: 1350px;
    padding-left: 40px;
    padding-right: 40px;
    width: 100%;
}
.homepage .industry-experts .industry-experts .bx-wrapper .bx-pager {
    margin-top:18px ;
    position:unset;
    padding-top:0;
}
.homepage .industry-experts .industry-experts  .bx-wrapper {
    margin: 0 auto;
}

.homepage .industry-experts .industry-experts .quotes {
    max-width: 1060px;
    padding-left: 20px;
    padding-right: 20px;
}

/** Subscribe and page **/
#subscribe .industry-experts .bx-wrapper .bx-pager {
    bottom: -50px;
}
/*
@media only screen and (min-width: 1025px) {
    .homepage .industry-experts ul li .img {
        margin-bottom: 190px;
    }
}*/

@media only screen and (min-width: 1024px) {

    #store-nav {
        width: 100%;
        background: #f8f8f8;
        height: 46px;
        position: fixed;
        top: 34px;
    }
}

.industry-experts ul li .img.chad {
    background: url('images/2017-images/indusry-experts-chad.jpg') center no-repeat;
}

.industry-experts ul li .img.greg {
    background: url('images/2017-images/indusry-experts-greg.jpg') center no-repeat;
}

.industry-experts ul li .img.spencer img, .industry-experts ul li .img img{
    border-radius: 100%;
    margin-left:  auto;
    margin-right:  auto;
    max-width: 177px;
    width: 100%;
}

.industry-experts ul li .img.ben {
    background: url('images/2017-images/indusry-experts-ben.jpg') center no-repeat;
}

.industry-experts ul li .img.ben-c {
    background: url('images/2017-images/indusry-experts-ben-c.jpg') center no-repeat;
}

.industry-experts .expander {
    color: #00A0FF;
    font-size: 12px;
    cursor: pointer;
    white-space: nowrap;
}

.industry-experts .expander:hover {
    color: #33B0FF;
    text-decoration: underline;
}

.industry-experts ul li {
    position: relative;
}

.industry-experts ul li h2 {
    font-size: 24px;
    color: #333;
    margin-bottom: 4px;
    font-weight: 700;
    padding-top: 15px;
}

.industry-experts ul li .company {
    font-size: 19px;
    line-height: 1.5;
    letter-spacing: 1px;
    color: #333;
    margin-bottom: 0;
    display: block;
    font-weight: 400;
    letter-spacing: .3px;
}

.industry-experts ul li p {
    color: #333333;
    font-size: 19px;
    letter-spacing: 0.3px;
    line-height: 1.5;
    margin-bottom: 19px;
}

.industry-experts ul li .new-sp-content p {
    margin-bottom: 0;
}

.industry-experts .btn,
.checkout-bottom-review-slider .btn
 {
    position: absolute;
    top: 41%;
    margin-top: -29px;
    width: 59px;
    height: 59px;
    border-radius: 100%;
    text-indent: -9999px;
    cursor: pointer;;
    display: block;
    border: 1px #E5E5E9 solid;
    background: #F8F8F8 url('images/2017-images/slider-arrow.png') center no-repeat;
    overflow: hidden;
    z-index: 10;
}

.industry-experts .btn:hover,
.checkout-bottom-review-slider .btn:hover {
    background-color: #EAEBEB;
}

.industry-experts .btn.prev,
.checkout-bottom-review-slider .btn.prev {
    left: -150px;
    margin-top: 0;
}
.industry-experts .btn.next {
    margin-top: 0;
}

.industry-experts .btn.next,
.checkout-bottom-review-slider .btn.next {
    left: auto;
    right: -150px;
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph; /*IE*/
}

.industry-experts .bx-wrapper .bx-pager.bx-default-pager a,
.checkout-bottom-review-slider .bx-wrapper .bx-pager.bx-default-pager a {
    background: #DDDDDD;
    text-indent: -9999px;
    display: block;
    width: 6px;
    height: 6px;
    margin: 0 8px;
    outline: 0;
    border-radius: 100%;
}

.industry-experts .bx-wrapper .bx-pager.bx-default-pager a:hover,
.industry-experts .bx-wrapper .bx-pager.bx-default-pager a.active,
.checkout-bottom-review-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.checkout-bottom-review-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #1CA4FC;
    width: 8px;
    height: 8px;
    position: relative;
    top: -1px;
}

.product.the-year-one-challenge-for-women .prices,
.product.the-year-one-challenge-for-men .prices,
.product.beyond-bigger-leaner-stronger-challenge .prices,
.product.beyond-bigger-leaner-stronger .prices,
.product.muscle-for-life .prices,
.product.fitness-science-explained .prices,
.product.cardio-sucks .prices,
.product.awakening-your-inner-genius .prices {
    display: none !important;
}

.dv-star-rating > label {
    margin-right: 10px;
}

.dv-star-rating > label:first-child {
    margin-right: 0;
}

.dv-star-rating-star .fa {
  width: 16px;
  height: 14px;
  display: block;
  float: left;
}

.dv-star-rating-star .fa-star {
  background: url('images/2017-images/product-star-full.png') center no-repeat;
}

.dv-star-rating-star .fa-star-o {
  background: url('images/2017-images//product-star-empty.png') center no-repeat;
}

.dv-star-rating-star .fa-star-half-full {
  background: url('images/2017-images/product-star-half.png') center no-repeat;
}











#sale-banner-large-desktop,
#sale-banner-desktop,
#sale-banner-large-tablet,
#sale-banner-tablet,
#sale-banner-mobile {
    width: 100%;
    display: none;
    position: relative;
}

#sale-banner-large-desktop img,
#sale-banner-desktop img,
#sale-banner-large-tablet img,
#sale-banner-tablet img,
#sale-banner-mobile img {
    width: 100%;
    display: block;
}

#sale-banner-large-desktop video,
#sale-banner-desktop video,
#sale-banner-large-tablet video,
#sale-banner-tablet video,
#sale-banner-mobile video {
    width: 100% !important;
    display: block;
    height: auto !important;
    -webkit-clip-path: inset(0px);
    clip-path: inset(0px);
}

#sidebar-legion-sticky-img video {
    -webkit-clip-path: inset(0px);
    clip-path: inset(0px);
    max-width: 100%;
    height: auto;
}

div[id^=sale-banner-timer-countdown],
#in-postdiv[id^=sale-banner-timer-countdown],
#affiliate-banner,
#sidebar-legion-sticky-img {
    position: relative;
}

#affiliate-banner #timer,
div[id^=sale-banner-timer-countdown] #timer {
    position: absolute;
    left: 6.1%;
    bottom: 6.5%;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    width: 10%;
    pointer-events: none;
}

div[id^=sale-banner-timer-countdown].inpost-timer #timer {
    width: 24.5%;
}

div[id^=sale-banner-timer-countdown].jan2022Sub #timer {
    left: 6.1%;
}

div[id^=sale-banner-timer-countdown].jan2022Sub.jan2022SubLastChance #timer {
    left: 6.5%;
}

div[id^=sale-banner-timer-countdown].inpost-timer.jan2022Sub #timer {
    left: 11.9%;
    bottom: 10%;
}

div[id^=sale-banner-timer-countdown].mar2022Pulse #timer {
    left: 17.2%;
    top: 34%;
}

div[id^=sale-banner-timer-countdown].mar2022Pulse.no-cta #timer {
    left: 19.6%;
    top: 37%;
}

div[id^=sale-banner-timer-countdown].may2023Memorial #timer {
    left: 5.8% !important;
    bottom: 18% !important;
}

div[id^=sale-banner-timer-countdown].july42023 #timer {
    left: 6.5% !important;
    bottom: 27% !important;
}

div[id^=sale-banner-timer-countdown].july42023.lastChance #timer {
    left: 9.1% !important;
    bottom: 10% !important;
}

div[id^=sale-banner-timer-countdown].mar2022Pulse.may2022Triumph.sept2023LaborDay #timer {
    left: 6%;
    bottom: 24%;
}

div[id^=sale-banner-timer-countdown].mar2022Pulse.may2022Triumph.sept2023LaborDay.lastChance #timer {
    bottom: 13%;
}

div[id^=sale-banner-timer-countdown].mar2022Pulse.oct2022Halloween #timer {
    left: 3.6%;
    bottom: 7.2%;
}

div[id^=sale-banner-timer-countdown].may2023Spring #timer {
    left: 9.5% !important;
    bottom: 9% !important;
}

div[id^=sale-banner-timer-countdown].inpost-timer.mar2022Pulse #timer {
    left: 13.3%;
    bottom: 10%;
}

div[id^=sale-banner-timer-countdown].inpost-timer.mar2022Pulse.may2022Triumph #timer {
    left: 10.3%;
    bottom: 10%;
}


div[id^=sale-banner-timer-countdown].mar2022Pulse.bfcm2023 #timer {
    left: 4.8%;
    bottom: 7%;
}

div[id^=sale-banner-timer-countdown].mar2022Pulse.bfcm2023.dec2023 #timer {
    left: 3.3%;
    bottom: 13%;
}

div[id^=sale-banner-timer-countdown].mar2022Pulse.bfcm2023.bfcm2023PDP #timer {
    left: 4.8%;
    bottom: 7%;
}

div[id^=sale-banner-timer-countdown].apr2022Spring #timer {
    left: 10%;
    bottom: 26%;
}

div[id^=sale-banner-timer-countdown].apr2022Spring.lastChance #timer {
    left: 9.1%;
    bottom: 7%;
}

div[id^=sale-banner-timer-countdown].inpost-timer.apr2022Spring #timer {
    left: 7.3%;
    bottom: 12%;
}

div[id^=sale-banner-timer-countdown].inpost-timer.apr2022Spring.lastChance #timer {
    bottom: 18%;
}

div[id^=sale-banner-timer-countdown].xmas2021 #timer {
    left: 5.1%;
    bottom: 11%;
}

div[id^=sale-banner-timer-countdown].xmas2021.xmas2021FatBurners #timer {
    left: 5.5%;
    bottom: 7%;
}

div[id^=sale-banner-timer-countdown].inpost-timer.xmas2021.xmas2021FatBurners #timer {
    transform: scale(1);
    bottom: 9%;
    left: 21.35%;
}

div[id^=sale-banner-timer-countdown].inpost-timer.xmas2021.xmas2021Recharge #timer {
    bottom: 10%;
    left: 25%;
    transform: scale(1);
}

div[id^=sale-banner-timer-countdown].inpost-timer.xmas2021.xmas2021Recharge.xmas2021RechargeLastChance #timer {
    bottom: 9%;
    left: 24.1%;
}

div[id^=sale-banner-timer-countdown].bfcm2021 #timer {
    left: 6.2%;
}

div[id^=sale-banner-timer-countdown].bfcm2021.bfcm2021LastChance #timer {
    bottom: 8%;
}

div[id^=sale-banner-timer-countdown].july4th2021 #timer {
    left: 8.7%;
    bottom: 27.5%;
}

div[id^=sale-banner-timer-countdown].july4th2021LastChance #timer {
    left: 8.2%;
    bottom: 26.5%;
}

div[id^=sale-banner-timer-countdown].laborDay2021 #timer {
    left: 29.7%;
    bottom: 17.5%;
}

div[id^=sale-banner-timer-countdown].laborDay2021.laborDay2021LastChance #timer {
    bottom: 26.5%;
    left: 22%;
}

div[id^=sale-banner-timer-countdown].halloween2021 #timer {
    left: 15.3%;
    bottom: 24.5%;
}

div[id^=sale-banner-timer-countdown].halloween2021.halloween2021LastChance #timer {
    left: 15.4%;
    bottom: 6.5%;
}

div[id^=sale-banner-timer-countdown].subscription2021 #timer {
    left: 6.05%;
}

#inpost-timer {
    position: absolute;
    left: 9.6%;
    bottom: 9.5%;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    width: 24.5%;
    pointer-events: none;
}

#home-timer-mobile,
#sidebar-timer,
#home-timer {
    position: absolute;
    left: 13.5%;
    bottom: 34%;
    z-index: 1;
    display: flex;
    width: 72%;
    pointer-events: none;
    right: auto;
    justify-content: center;
}

#sidebar-timer.apr2022Spring.lastChance {
    bottom: 37.5%;
}

#sidebar-timer.jan2022Sub {
    bottom: 34%;
    left: 24%;
    width: 51.5%;
}

#sidebar-timer.xmas2021 {
    bottom: 31.5%;
}

#sidebar-timer.xmas2021.xmas2021LastChance {
    bottom: 27%;
}

#sidebar-timer.xmas2021.xmas2021FatBurners {
    bottom: 34%;
}

#sidebar-timer.bfcm2021 {
    bottom: 30%;
}

#sidebar-timer.halloween2021 {
    bottom: 32.5%;
}

#sidebar-timer.halloween2021.halloween2021LastChance {
    bottom: 30.5%;
}

#sidebar-timer.july4th2021 {
    left: 26.2%;
    bottom: 29.5%;
}

#sidebar-timer.laborDay2021 {
    bottom: 37%;
}

#sidebar-timer.laborDay2021.laborDay2021LastChance {
    bottom: 33%;
}

#sidebar-timer.aug2021Protein {
    left: 30.5%;
    bottom: 51.5%;
    width: 39.5%;
}

#sidebar-timer.may2022Triumph {
    bottom: 38.5%;
    width: 43%;
    left: 28.5%;
}

#sidebar-timer.july2023Health {
    bottom: 35%;
}

#sidebar-timer.sept2023LaborDay {
    bottom: 38%;
}

#sidebar-timer.feb2024PulseRecharge {
    bottom: 36%;
    width: 70%;
    left: 15.3%;
}

#sidebar-timer.oct2023BOGO {
    bottom: 34%;
}

#sidebar-timer.bfcm2023 {
    bottom: 25.5%;
}

#home-timer-mobile.bfcm2023,
#home-timer.bfcm2023 {
    bottom: 42%;
}

#home-timer.new-customer-timer {
    bottom: 21%;
}

#home-timer-mobile.bfcm2023.dec2023
#home-timer.bfcm2023.dec2023 {
    bottom: 27%;
}

#sidebar-timer.may2023Protein {
    bottom: 31.25%;
    width: 43%;
    left: 28.5%;
}

#sidebar-timer.oct2022Halloween {
}

#sidebar-timer.may2022Pulse {
    bottom: 34.5%;
}

#sidebar-timer.subscription2021 {
    bottom: 35%;
}

div[id^=sale-banner-timer-countdown] #timer .timer-box,
#home-timer-mobile .home-timer-box,
#sidebar-timer .sidebar-timer-box,
#affiliate-banner .time-box,
#home-timer .home-timer-box  {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: white;
    width: 23.5%;
}

div[id^=sale-banner-timer-countdown] #timer .timer-box {
    width: 23.5%;
}

div[id^=sale-banner-timer-countdown].xmas2021.xmas2021FatBurners #timer .timer-box,
#sidebar-timer.xmas2021.xmas2021FatBurners .sidebar-timer-box {
    color: #fa3b3b;
}

div[id^=sale-banner-timer-countdown].inpost-timer.mar2022Pulse.may2022Triumph.bfcm2023 #timer {
    width: 26%;
    height: 20%;
    left: 8.5%;
    bottom: 14%;
}

div[id^=sale-banner-timer-countdown].inpost-timer.mar2022Pulse.may2022Triumph.bfcm2023 #timer .unit {
    font-size: .8vw;
}

#home-timer-mobile .home-timer-box,
#sidebar-timer .sidebar-timer-box,
#home-timer .home-timer-box {
    width: 22%;
}

#home-timer-mobile .home-timer-box {
    width: 22%;
}

div[id^=sale-banner-timer-countdown] #timer .countdown,
#inpost-timer .countdown,
#sidebar-timer .countdown,
#affiliate-banner .countdown,
#home-timer-mobile .countdown,
#home-timer .countdown {
    font-size: 1.7vw;
    font-weight: bold;
    padding: 20% 17.8% 18%;
    background: #00a2ff;
    border-radius: 3px;
    width: 95%;
    text-align: center;
}

div[id^=sale-banner-timer-countdown] #timer .countdown {
    padding: 20% 0% 10%;
}

#products-grid .filters {
    margin-bottom: 65px;
}

@media only screen and (min-width: 525px) and (max-width: 1099px)  {
    div[id^=sale-banner-timer-countdown] #timer .unit {
        font-size: 0.4vw !important;
    }
    div[id^=sale-banner-timer-countdown] #timer {
        width: 14%;
        left: 15.2% !important;
    }
    div[id^=sale-banner-timer-countdown].mar2022Pulse.no-cta #timer{
        left: 18% !important;
        top: 32%;
    }
    div[id^=sale-banner-timer-countdown] #timer .unit {
        font-size: 0.7vw !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1800px)  {
    div[id^=sale-banner-timer-countdown] #timer .countdown {
        font-size: 1.7vw;
    }
    #affiliate-banner #timer, div[id^=sale-banner-timer-countdown] #timer {
        width: 11%;
    }
    div[id^=sale-banner-timer-countdown].mar2022Pulse #timer {
        left: 16.9%;
        top: 35%;
    }
    div[id^=sale-banner-timer-countdown].mar2022Pulse.no-cta #timer {
        left: 19.5%;
        top: 35%;
    }
    div[id^=sale-banner-timer-countdown] #timer .unit {
        font-size: 0.5vw !important;
    }
}

#sidebar-timer .countdown {
    width: 85%;
}

#home-timer-mobile .countdown {
    width: 85%;
}

div[id^=sale-banner-timer-countdown].xmas2021 #timer .countdown,
#sidebar-timer.xmas2021 .countdown {
    background: #f1f1f1;
    color: #000;
}

div[id^=sale-banner-timer-countdown].inpost-timer.bfcm2023 #timer .countdown {
    font-size: 2vw;
    height: 100%;
    padding: 18% 17.8% 14%;
}

div[id^=sale-banner-timer-countdown].xmas2021.xmas2021FatBurners #timer .countdown,
#sidebar-timer.xmas2021.xmas2021FatBurners .countdown {
    background: #fa3b3b;
    color: #fff;
}

div[id^=sale-banner-timer-countdown].bfcm2021 #timer .countdown,
#sidebar-timer.bfcm2021 .countdown {
    background: #00a2ff;
}

div[id^=sale-banner-timer-countdown].halloween2021 #timer .countdown,
#sidebar-timer.halloween2021 .countdown {
    background: #fefaf2;
    color: black;
}

div[id^=sale-banner-timer-countdown].july4th2021 #timer .countdown,
#sidebar-timer.july4th2021 .countdown {
    background: #cc4427;
}

div[id^=sale-banner-timer-countdown].laborDay2021 #timer .countdown,
#sidebar-timer.laborDay2021 .countdown {
    background: #e02439;
}

div[id^=sale-banner-timer-countdown].mar2022Pulse #timer .countdown,
#sidebar-timer.mar2022Pulse .countdown {
    background: #00a2ff;
}

div[id^=sale-banner-timer-countdown].mar2022Pulse.jan2024protein #timer .countdown,
#sidebar-timer.mar2022Pulse .countdown {
    background: #fff;
    color: #000;
}

div[id^=sale-banner-timer-countdown].mar2022Pulse.bfcm2023 #timer .countdown,
#inpost-timer.mar2022Pulse.bfcm2023 .countdown,
#sidebar-timer.mar2022Pulse.bfcm2023 .countdown,
#home-timer-mobile.mar2022Pulse.bfcm2023 .countdown
#home-timer.mar2022Pulse.bfcm2023 .countdown {
    background: #3ba3ff;
    color: #fff;
}

div[id^=sale-banner-timer-countdown].sept2023LaborDay #timer .countdown,
#sidebar-timer.mar2022Pulse .countdown {
    background: #bb1905;
}

div[id^=sale-banner-timer-countdown].sept2023LaborDay.lastChance #timer .countdown,
#sidebar-timer.mar2022Pulse .countdown {
    background: #cb212b;
}

div[id^=sale-banner-timer-countdown].feb2024PulseRecharge #timer .countdown,
#sidebar-timer.mar2022Pulse .countdown {
    background: #02b8e1;
    padding: 15% 4% 13%;
    color: #000;
}

div[id^=sale-banner-timer-countdown].feb2024PulseRecharge.bfcm2023 #timer .countdown,
#sidebar-timer.mar2022Pulse .countdown {
    background: #02b8e1;
    color: #000;
}

div[id^=sale-banner-timer-countdown].feb2024PulseRecharge.bfcm2023 #timer .countdown, #sidebar-timer.mar2022Pulse .countdown {
    background: #02b8e1;
    color: #000;
    padding-top: 10px;
    padding-bottom: 10px;
}

div[id^=sale-banner-timer-countdown].may2023Memorial #timer .countdown,
#sidebar-timer.may2023Memorial .countdown {
    background: #e7243c;
}

#sidebar-timer.may2022Triumph.countdown {
    font-size: 1.35vw;
}

div[id^=sale-banner-timer-countdown].july42023 #timer .countdown,
#sidebar-timer.may2023Protein .countdown {
    background: #12386f;
}

div[id^=sale-banner-timer-countdown].apr2022Spring #timer .countdown,
#sidebar-timer.apr2022Spring .countdown {
    /*background: #a1bb6a;*/
    /*background: #f9bc37;*/
    background: #e38310;
}

#home-timer-mobile .countdown,
#sidebar-timer .countdown,
#home-timer .countdown {
    font-size: 1.6vw;
    padding-left: 12%;
    padding-right: 15%;
}

#home-timer-mobile .countdown,
#home-timer .countdown {
    background: #02b8e1 !important;
    color: #000;
    font-size: 28px;
}

#home-timer-mobile.aug2021Protein .countdown,
#sidebar-timer.aug2021Protein .countdown,
#home-timer.aug2021Protein .countdown {
    font-size: 1.3vw;
}

div[id^=sale-banner-timer-countdown] #timer .unit,
#inpost-timer .unit,
#sidebar-timer .unit {
    font-size: 0.5vw;
    margin-top: 4px;
}

#sidebar-timer .unit {
    font-size: 0.6vw;
}

#home-timer-mobile .unit,
#home-timer .unit {
    margin-top: 3px;
    font-size: 2.8vw;
}

#sidebar-timer.may2022Triumph .unit {
    font-size: 0.5vw;
}

div[id^=sale-banner-timer-countdown].july4th2021 #timer .unit,
#sidebar-timer.july4th2021 .unit {
    color: #736d45;
}

div[id^=sale-banner-timer-countdown].laborDay2021 #timer .unit,
#sidebar-timer.laborDay2021 .unit {
    color: #736d45;
}

#home-timer-mobile.mar2022Pulse .unit,
div[id^=sale-banner-timer-countdown].mar2022Pulse #timer .unit,
#sidebar-timer.mar2022Pulse .unit,
#home-timer.mar2022Pulse .unit {
    color: #000;
}

#home-timer-mobile.mar2022Pulse .unit,
div[id^=sale-banner-timer-countdown].mar2022Pulse.jan2024protein #timer .unit,
#sidebar-timer.mar2022Pulse .unit,
#home-timer.mar2022Pulse .unit {
    color: #000;
}

#home-timer-mobile.mar2022Pulse.bfcm2023 .unit,
div[id^=sale-banner-timer-countdown].mar2022Pulse.bfcm2023 #timer .unit,
#inpost-timer.mar2022Pulse.bfcm2023 .unit,
#sidebar-timer.mar2022Pulse.bfcm2023 .unit,
#home-timer.mar2022Pulse.bfcm2023 .unit {
    color: #fff;
}

#home-timer-mobile.mar2022Pulse.bfcm2023 .unit {
    color: #fff;
}

div[id^=sale-banner-timer-countdown].oct2022Halloween #timer .unit,
#sidebar-timer.oct2022Halloween .unit {
    color: #000;
}

div[id^=sale-banner-timer-countdown].apr2022Spring #timer .unit,
#sidebar-timer.apr2022Spring .unit {
    color: #000;
}

div[id^=sale-banner-timer-countdown].feb2024PulseRecharge #timer .unit,
#sidebar-timer.feb2024PulseRecharge .unit {
    color: #000;
}

#sidebar-timer.feb2024PulseRecharge .unit {
    color: #fff;
}

#sidebar-timer.aug2021Protein .unit {
    font-size: 0.5vw;
}

div[id^=sale-banner-timer-countdown].feb2024PulseRecharge #timer .unit {
    color: #fff;
    font-weight: 600;
}


span.sale-banner-close {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    padding: 14px 7px;
    background: rgba(0,0,0,0.6);
    font-weight: bold;
    font-size: 14px;
    line-height: 0;
}

span.sale-banner-close:hover {
    background: rgba(0,0,0,0.8);
    cursor: pointer;
}











/*--------------------------------------------------------------
# Store Modal 2022
--------------------------------------------------------------*/

div[data-remodal-id="store_modal"].remodal {
    background: transparent;
}

div[data-remodal-id="store_modal"].remodal img.modal-offer-mobile {
    display: none;
}

@media only screen and (max-width: 589px) {
    div[data-remodal-id="store_modal"].remodal img.modal-offer-desktop {
        display: none;
    }

    div[data-remodal-id="store_modal"].remodal img.modal-offer-mobile {
        display: initial;
    }
}

#affiliate-banner {
/*    pointer-events: none;
    cursor: initial;
*/}

div[data-remodal-id="affiliate_modal"].remodal,
div[data-remodal-id="lost_customer_modal"].remodal {
    background: transparent;
    padding: 0px;
}

div[data-remodal-id="lost_customer_modal"].remodal {
    max-width: 750px;
}

div[data-remodal-id="lost_customer_modal"].remodal .remodal-close {
    color: black;
}

div[data-remodal-id="lost_customer_modal"].remodal a.img-link {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-right: 415px;
}

div[data-remodal-id="lost_customer_modal"].remodal a.img-link img {
    display: block;
    width: 335px;
    height: 447px;
    object-fit: cover;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

div[data-remodal-id="affiliate_modal"].remodal img.modal-offer-mobile,
div[data-remodal-id="lost_customer_modal"].remodal img.modal-offer-mobile {
    display: none;
}

div[data-remodal-id="affiliate_modal"].remodal .affiliate-overlay,
div[data-remodal-id="lost_customer_modal"].remodal .lost-customer-overlay {
    margin-left: 310px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

div[data-remodal-id="lost_customer_modal"].remodal .lost-customer-overlay {
    margin-left: 335px;
    background-color: white;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

div[data-remodal-id="affiliate_modal"].remodal h3.affiliate-text,
div[data-remodal-id="lost_customer_modal"].remodal h3.lost-customer-text {
    font-size: 34px;
    font-weight: bold;
    text-align: center;
    padding-top: 50px;
    line-height: 1.1;
}

div[data-remodal-id="lost_customer_modal"].remodal h3.lost-customer-text {
    color: #27A2FF;
    padding-top: 30px;
}

div[data-remodal-id="affiliate_modal"].remodal p.affiliate-text {
    text-align: center;
    padding-top: 20px;
    line-height: 1.6;
}

div[data-remodal-id="lost_customer_modal"].remodal p.lost-customer-text {
    text-align: center;
    margin: 0 0 22px;
    padding: 0 30px 0;
    line-height: 1.5;
}

div[data-remodal-id="lost_customer_modal"].remodal p.lost-customer-text:first-of-type {
    padding: 22px 40px 0;
}

div[data-remodal-id="affiliate_modal"].remodal span#affiliate-code {
    background-color: #27A2FF;
    padding: 3px 6px;
    color: #fff;
    border-radius: 3px;
}

div[data-remodal-id="lost_customer_modal"].remodal span#lost-customer-code {
    background-color: white;
    border: 2px dashed #27A2FF;
    border-radius: 3px;
    padding: 0 6px;
    color: #27A2FF;
    font-weight: bold;
}

div[data-remodal-id="affiliate_modal"].remodal button.remodal-close,
div[data-remodal-id="lost_customer_modal"].remodal button.remodal-close {
    z-index: 10;
}
div[data-remodal-id="lost_customer_modal"].remodal .lost-customer-button-link {
    display: block;
    margin: 0 35px;
}

div[data-remodal-id="affiliate_modal"].remodal button.affiliate-button,
div[data-remodal-id="lost_customer_modal"].remodal .lost-customer-button {
    background: #27A2FF;
    padding: 15px 30px;
    color: #fff;
    border-radius: 3px;
    border: none;
    font-weight: 600;
    position: absolute;
    bottom: 60px;
    left: calc(50% - 66px);
}

div[data-remodal-id="lost_customer_modal"].remodal .lost-customer-button {
    padding: 18px 30px;
}

div[data-remodal-id="lost_customer_modal"].remodal .lost-customer-button {
    margin-top: 8px;
    position: relative;
    bottom: 0;
    left: 0;
    height: 57px;
    font-size: 19px;
}

div[data-remodal-id="affiliate_modal"].remodal button.affiliate-button:hover,
div[data-remodal-id="lost_customer_modal"].remodal .lost-customer-button:hover {
    background: #138EEB;
}

div[data-remodal-id="affiliate_modal"].remodal p.no-thanks {
    font-size: 12px;
    color: #888;
    position: absolute;
    bottom: 30px;
    margin-bottom: 0px;
    left: calc(50% - 110px);
    cursor: pointer;
}

div[data-remodal-id="lost_customer_modal"].remodal p.no-thanks {
    display: inline-block;
    font-size: 18px;
    color: #888;
    margin-top: 12px;
    margin-bottom: 0px;
    cursor: pointer;
}

@media only screen and (max-width: 969px) { 
    .industry-experts .lp-slide-content {
        display: block;
    }
}

@media only screen and (max-width: 768px) {

    div[data-remodal-id="affiliate_modal"].remodal {
        width: 350px;
    }
    div[data-remodal-id="lost_customer_modal"].remodal {
        margin-bottom: 0;
        width: 320px;
        height: 461px;
        top: calc(50% - 225px);
        left: calc(50% - 160px);
        position: absolute;
        background-color: white;
        border-radius: 10px;
    }
    div[data-remodal-id="affiliate_modal"].remodal img.modal-offer-desktop,
    div[data-remodal-id="lost_customer_modal"].remodal a.img-link img.modal-offer-desktop {
        display: none;
    }

    div[data-remodal-id="affiliate_modal"].remodal img.modal-offer-mobile,
    div[data-remodal-id="lost_customer_modal"].remodal img.modal-offer-mobile {
        display: initial;
    }
    div[data-remodal-id="lost_customer_modal"].remodal img.modal-offer-mobile {
        width: 320px;
    }
    div[data-remodal-id="affiliate_modal"].remodal .affiliate-overlay,
    div[data-remodal-id="lost_customer_modal"].remodal .lost-customer-overlay {
        margin-left: 0px;
        margin-top: 245px;
        height: 315px;
    }
    div[data-remodal-id="affiliate_modal"].remodal .affiliate-overlay.bogo {
        height: 360px;
    }

    div[data-remodal-id="lost_customer_modal"].remodal .lost-customer-overlay {
        margin-top: 0;
        height: 266px;
        border-radius: 10px;
    }
    div[data-remodal-id="affiliate_modal"].remodal h3.affiliate-text,
    div[data-remodal-id="lost_customer_modal"].remodal h3.lost-customer-text {
        font-size: 28px;
        padding: 30px 15px 0px;
    }
    div[data-remodal-id="lost_customer_modal"].remodal h3.lost-customer-text {
        padding: 32px 15px 0px;
    }
    div[data-remodal-id="affiliate_modal"].remodal p.affiliate-text {
        text-align: center;
        padding-top: 10px;
    }
    div[data-remodal-id="lost_customer_modal"].remodal p.lost-customer-text {
        text-align: center;
        padding: 20px 20px 0;
        line-height: 1.5;
    }
    div[data-remodal-id="lost_customer_modal"].remodal p.lost-customer-text:first-of-type {
        margin: 0;
    }
    div[data-remodal-id="lost_customer_modal"].remodal p.lost-customer-text br {
        display: none;
    }
    div[data-remodal-id="affiliate_modal"].remodal button.affiliate-button {
        bottom: 50px;
    }
    div[data-remodal-id="affiliate_modal"].remodal p.no-thanks,
    div[data-remodal-id="lost_customer_modal"].remodal p.no-thanks {
        bottom: 15px;
        margin-bottom: 0px;
        left: calc(50% - 128px);
        font-size: 14px;
    }
    div[data-remodal-id="lost_customer_modal"].remodal p.no-thanks {
        bottom: 15px;
        left: calc(50% - 134px);
        font-size: 18px;
    }
    div[data-remodal-id="affiliate_modal"].remodal button.remodal-close:before {
        content: '';
    }
    .industry-experts .lp-slide-content {
        text-align: center;
    }

    .industry-experts ul li img.imgDesktop {
        display: none;
    }
    .industry-experts ul li img.imgMobile {
        display: block;
    }
    

}

@media only screen and (max-width: 768px) and (max-height: 511px) {
    div[data-remodal-id="lost_customer_modal"].remodal {
        top: 0%;
    }
}

@media only screen and (max-width: 410px) {
    .remodal-wrapper.affiliate {
        padding: initial !important;
    }
}











/*--------------------------------------------------------------
# Search Modal
--------------------------------------------------------------*/

div[data-remodal-id="search"].remodal {
    background: rgba(255,255,255,0.9);
    max-width: 100%;
    position: relative;
    vertical-align: top;
    top: 20px;
}

@media only screen and (max-width: 390px) {

    .searchFade {
        max-width: calc(100% - 79px) !important;
        margin-left: -36px;
    }
    div[data-remodal-id="search"].remodal-is-initialized {
        padding-left:  0px !important;
    }
    .dgwt-wcas-suggestions-wrapp {
        margin-left:  -36px;
    }
    .popular-searches {
        padding: 30px 30px 0 30px;
        margin: 0 auto !important;
    }
    div[data-remodal-id="search"].remodal-is-initialized {
        padding-left:  0px !important;
        padding-right:  0px !important;
    }
    #dgwt-wcas-search-input-1 {
        border:  0;
        border-radius:  0;
        width:  calc(100% + 1px);
    }
    #search-splash-fibo-container {
        width:  calc(100% - 1px);
    }
    .dgwt-wcas-suggestions-wrapp {
        width:  calc(100% + 20px) !important;
    }

}

div[data-remodal-id="search"].remodal ul {

}

div[data-remodal-id="search"].remodal ul li {
    position: relative;
    color: #333;
    padding-left: 5px;
    font-weight: 300;
    text-align: center;
    letter-spacing: 1.2px;
    clear: both;
    display: inline-block;
    margin-bottom: 10px;
}

div[data-remodal-id="search"].remodal ul li a {
    color: #333;
    text-decoration: none;
}

div[data-remodal-id="search"].remodal ul li a:hover {
    text-decoration: underline;
}

div[data-remodal-id="search"].remodal ul li.label {
    font-weight: bold;
}

div[data-remodal-id="search"].remodal ul li.label:before {
    background: url('images/2017-images/star.png') center no-repeat;
    background-size: 21px;
    width: 22px;
    height: 21px;
    content: "";
    position: absolute;
    display: block;
    top: -3px;
    left: -25px;
}


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    div[data-remodal-id="search"].remodal ul li.label:before {
        background: url('images/2017-images/star@2x.png') center no-repeat;
        background-size: 21px;
    }
}

.searchFade {
    background: #ddd;
    top: 156px;
    position: fixed !important;
    width: 100%;
    height: auto;
    z-index: 9999999999999;
    max-width: calc(100% - 121px);
    left: 61px;
}

.searchFade:after {
    position: absolute;
    bottom: 1px;
    left: 1px;
    height: 70px;
    width: calc(100% - 2px);
    content: "";
    pointer-events: none;
    background: none;
}

.searchFade.showFade:after {
    background: linear-gradient(transparent, #fff);
}

.dgwt-wcas-suggestions-wrapp {
    background: #fff;
    top:  calc(50% + 18px) !important;
    left: 0px !important;
    position: initial !important;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 9px 1px rgba(0,0,0,.06);
    border: 1px solid #44A0F7 !important;
    border-top:  none !important;
    margin-left: -15px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .dgwt-wcas-suggestions-wrapp {
        /*margin-left: -20px !important;*/
    }
}


/*.dgwt-wcas-suggestions-wrapp:after {
    content: '';
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 50px;
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 9;
}*/

.dgwt-wcas-suggestion-headline {
    /*display: none;*/
}

.dgwt-wcas-suggestion-headline span {
    font-size: 15px !important;
    font-weight: bold;
    border-bottom: none !important;
    text-decoration: none !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
}

.dgwt-wcas-suggestion,
.dgwt-wcas-suggestion-selected {
    border-top: 1px solid rgba(51, 51, 51, 0.05);
    color: rgba(51, 51, 51, 0.8);
    line-height: 25px !important;
    /*text-align: center !important;*/
    /*height: 50px;*/
    background: #fff !important;
    font-size: 15px;
    text-decoration: none !important;
    font-weight: 600;
    padding-left: 45px !important;
}

.dgwt-wcas-suggestion:hover {
    background: #E0F2FF !important;
    text-decoration: none !important;
}

.dgwt-wcas-suggestion span.dgwt-wcas-si {
    width: 60px;
    height: 60px;
}

.dgwt-wcas-suggestion span.dgwt-wcas-si img {
    margin-top: 3px !important;
    padding: 0px !important;
    border: none;
}

.dgwt-wcas-suggestion strong {
    font-weight: 600;
    /*color: #666;*/
    text-decoration: underline;
}

.dgwt-wcas-suggestions-wrapp a[href*='usa-only'],
.dgwt-wcas-suggestions-wrapp a[href*='stacks-for-men'],
.dgwt-wcas-suggestions-wrapp a[href*='stacks-for-women'],
.dgwt-wcas-suggestions-wrapp a[href*='basic-stacks'],
.dgwt-wcas-suggestions-wrapp a[href*='not-searchable'],
.dgwt-wcas-suggestions-wrapp a[href*='new-formula'],
.dgwt-wcas-suggestions-wrapp a[href*='new-merch'],
.dgwt-wcas-suggestions-wrapp a[href*='featured-merch'],
.dgwt-wcas-suggestions-wrapp a[href*='loop-exclude'],
.dgwt-wcas-suggestions-wrapp a[href*='premium-apparel'],
.dgwt-wcas-suggestions-wrapp a[href*='free-add-on'],
.dgwt-wcas-suggestions-wrapp a[href*='available-on-facebook'],
.dgwt-wcas-suggestions-wrapp a[href*='back-in-stock'] {
    display: none;
}
body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-tp-post,
body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-headline.product,
body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-headline.Products,
body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-cat,
body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-headline.category,
body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-headline.tax_product_cat,
body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-headline.post,
body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-headline.posts,
body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-headline.article,
body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-headline.Articles {
    padding: 15px 10px 15px 45px !important;
}

.dgwt-wcas-suggestion-cat {
    order: 5;
}

body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-headline.product,
body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-headline.Products {
    order: 1 !important;
    width: 100% !important;
}

.dgwt-wcas-suggestion-headline.post,
.dgwt-wcas-suggestion-headline.posts,
.dgwt-wcas-suggestion-headline.article,
.dgwt-wcas-suggestion-headline.Articles {
/*    padding: 2px 10px 20px 45px !important;
*/    order: 6;
}

.dgwt-wcas-suggestion-tp-post {
    /*padding: 20px 10px 20px 45px !important;*/
    order: 7;
}

/* categories header */
.dgwt-wcas-suggestion-headline.tax_product_cat,
.dgwt-wcas-suggestion-headline.Categories {
    order: 4;
}

.dgwt-wcas-suggestion-product {
    order: 3;
}

.dgwt-wcas-suggestion-product[href*='supplements'] {
    order: 2;
}

.dgwt-wcas-suggestion-more {
    order: 0;
    padding: 10px 0px 10px 35px !important;
    text-align: left !important;
    display: block !important;
    height: 50px !important;
    min-height: auto !important;
}

.dgwt-wcas-preloader {
    right:  8px !important;
}

.dgwt-wcas-suggestion .slogan {
    color: #888;
}

/** Support Page Update 2024 **/
p.redeem-notif,
#main.contact p.support-contact,
#main.contact p.support-info {
    margin: 10px 0 !important;
    font-weight: normal;
    font-size: 18px;
}
#main.contact p.support-contact a {
    text-decoration: none;
    font-weight: bold;
}
.styles_contact_sp4sv h2 {
    font-weight: 600;
}
.contactInfo {
    padding: 5px 10px 27px 10px;
}


/*** Youtube Embed ***/
.embed-split-background {
    background: linear-gradient(#304551 75%, #ffffff 25%);
    display: flex;
    justify-content: center;
    padding: 60px 0;
  }
  
  .embed-video-wrapper {
    max-width: 803px;
    width: 100%;
  }

  .product-embed-video-wrapper {
    max-width: 505px;
    width: 100%;
  }
  
  .custom-thumbnail-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    cursor: pointer;
  }
  
  .custom-thumbnail-wrapper img.custom-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -o-border-radius: 12px;
    -webkit-border-radius: 12px;
  }
  
  .custom-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    width: 120px;
    height: 80px;
    border: none;
    background: rgba(84, 187, 241, 0.6);
    color: #fff;
    z-index: 2;
    cursor: pointer;
    transition: background 0.3s ease;
  }
  
  .custom-play-button:hover {
    background: rgba(84, 187, 241, 0.8);
  }
    
  .embed-video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    width: 100%;
  }
  
  .embed-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }

  .page-template-page-stacked .rll-youtube-player {
    position: initial;
  }
  
  .embed-center{
    margin: auto;
  }
  .margintop20 {
    margin-top: 20px;
  }
  
  .marginbottom40 {
    margin-bottom: 40px;
  }

  #mindpump .embed-wrapper-video header {
    padding: 60px 30px;
  }

@media (max-width: 1378px) {
    .searchFade,
    .dgwt-wcas-overlay-mobile-on .searchFade {
        /*top:  269px !important;
        max-height: calc(65% - 50px) !important;
        width: 678px;
        left: calc(50% - 339px);*/
    }
}

@media (max-width: 767px) {
    .searchFade,
    .dgwt-wcas-overlay-mobile-on .searchFade {
        /*top:  185px !important;
        max-height: calc(75% - 50px) !important;
        width: 300px;
        left: calc(50% - 150px);*/
        top: 146px !important;
        left: 81px;
        max-width: calc(100% - 160px);
    }
    .dgwt-wcas-suggestion span.dgwt-wcas-si img {
        /*margin-top: 6px !important;*/
    }
    
    p.redeem-notif, 
    #main.contact p.support-contact, 
    #main.contact p.support-info {
        font-size: 17px;
    }
    .homepage .industry-experts {
        padding:30px 0;
    }
    .industry-experts > .container {
        margin-bottom: 0;
    }
}



@media (min-width: 1200px) {
    /*#sale-banner-large-desktop*/
    #sale-banner-desktop {
        display: block;
    }
    /*#sale-banner-desktop,*/
    #sale-banner-large-desktop
    #sale-banner-large-tablet,
    #sale-banner-tablet,
    #sale-banner-mobile {
        display: none;
    }
}

@media (min-width: 1500px) {
    #inpost-timer {
        left: 7%;
        bottom: 7.5%;
        width: 29.5%;
    }
}

@media (min-width: 1600px) {
    /* #sidebar-timer {
        left: 30.5%;
        bottom: 37%;
        width: 39.5%;
    } */
    #sidebar-timer .countdown,
    #sidebar-timer.aug2021Protein .countdown {
        font-size: 1.3vw;
    }
    #sidebar-timer .unit,
    #sidebar-timer.aug2021Protein .unit {
        font-size: 0.4vw;
    }

    div[id^=sale-banner-timer-countdown].inpost-timer #timer .countdown {
        font-size: 1.5vw;
    }
    div[id^=sale-banner-timer-countdown].inpost-timer.bfcm2023 #timer .countdown {
        font-size: 26px;
    }
    div[id^="sale-banner-timer-countdown"].inpost-timer.mar2022Pulse.may2022Triumph.bfcm2023 #timer .unit {
        font-size: 12px;
    }
}

@media (min-width: 1800px) {

    div[id^=sale-banner-timer-countdown].inpost-timer.mar2022Pulse.may2022Triumph.bfcm2023 #timer {
        bottom: -255px;
        position: relative;
    }


    #sale-banner-large-desktop {
        display: block;
    }
    #sale-banner-desktop,
    #sale-banner-large-tablet,
    #sale-banner-tablet,
    #sale-banner-mobile {
        display: none;
    }

    div[id^=sale-banner-timer-countdown] #timer {
        left: 19.4%;
        bottom: 6.5%;
        width: 7.5%;
    }

    div[id^=sale-banner-timer-countdown].may2023Memorial #timer {
        left: 18% !important;
        bottom: 15% !important;
    }

    div[id^=sale-banner-timer-countdown].july42023 #timer {
        left: 13% !important;
        bottom: 28% !important;
    }

    div[id^=sale-banner-timer-countdown].july42023.lastChance #timer {
        left: 10.6% !important;
        bottom: 10% !important;
    }

    div[id^=sale-banner-timer-countdown].may2023Spring #timer {
        left: 10.6% !important;
        bottom: 4% !important;
    }
    div[id^=sale-banner-timer-countdown].may2023Spring.specialOffer #timer {
        left: 10.9% !important;
    }

    div[id^=sale-banner-timer-countdown] #timer .countdown {
        font-size: 1.2vw;
    }

    div[id^=sale-banner-timer-countdown] #timer .unit {
        font-size: 0.45vw;
    }

    div[id^=sale-banner-timer-countdown].jan2022Sub #timer {
        left: 19.4%;
    }

    div[id^=sale-banner-timer-countdown].jan2022Sub.jan2022SubLastChance #timer {
        left: 19.05%;
        bottom: 4%;
    }

    div[id^=sale-banner-timer-countdown].mar2022Pulse #timer {
        left: 11.3%;
    }

    div[id^=sale-banner-timer-countdown].mar2022Pulse.may2022Triumph #timer {
        left: 16.2%;
        width: 11%;
        bottom: 0%;
        top: 29%;
    }

    div[id^=sale-banner-timer-countdown].mar2022Pulse.may2022Triumph.no-cta #timer {
        left: 21.5%;
    }

    div[id^=sale-banner-timer-countdown].mar2022Pulse.may2022Triumph #timer.flash-sale-timer {
        left: 6.5%;
    }

    #affiliate-banner.mar2022Pulse.may2022Triumph #timer {
        left: 18%;
        width: 9%;
        bottom: 9%;
    }

    div[id^=sale-banner-timer-countdown].inpost-timer.mar2022Pulse.may2022Triumph.bfcm2023 #timer {
        /*width: 45.5%;*/
    }

    div[id^=sale-banner-timer-countdown].mar2022Pulse.may2022Triumph.sept2023LaborDay #timer {
        left: 15%;
        bottom: 24%;
    }

    div[id^=sale-banner-timer-countdown].mar2022Pulse.may2022Triumph.sept2023LaborDay.lastChance #timer {
        left: 16.3%;
    }

    div[id^=sale-banner-timer-countdown].mar2022Pulse.oct2022Halloween #timer {
        left: 6.2%;
        width: 9%;
        bottom: 9%;
    }
    div[id^=sale-banner-timer-countdown].mar2022Pulse.bfcm2023 #timer {
        left: 11%;
        bottom: 7%;
    }
    div[id^=sale-banner-timer-countdown].mar2022Pulse.bfcm2023.bfcm2023PDP #timer {
        left: 8.2%;
    }

    div[id^=sale-banner-timer-countdown].mar2022Pulse.bfcm2023.dec2023 #timer {
        left: 5.3%;
        bottom: 11%;
    }

    div[id^=sale-banner-timer-countdown].may2022Triumph #timer .countdown {
        font-size: 1.2vw;
        padding-top: 9px;
        padding-bottom: 16%;
    }

    div[id^=sale-banner-timer-countdown].may2022Triumph #timer .unit {
        font-size: 0.5vw;
        font-weight: 600;
    }

    div[id^=sale-banner-timer-countdown].apr2022Spring #timer {
        width: 12.5%;
        left: 10%;
        bottom: 17%;
    }

    div[id^=sale-banner-timer-countdown].apr2022Spring.lastChance #timer {
        width: 8.5%;
        left: 10.8%;
        bottom: 6%;
    }

    div[id^=sale-banner-timer-countdown].apr2022Spring.inpost-timer #timer {
        width: 24.5%;
    }

    div[id^=sale-banner-timer-countdown].apr2022Spring.lastChance.inpost-timer #timer {
        left: 7.3%;
    }

    div[id^=sale-banner-timer-countdown].apr2022Spring #timer .countdown {
        font-size: 1.4vw;
    }

    div[id^=sale-banner-timer-countdown].apr2022Spring #timer .unit {
        font-size: 0.45vw;
    }

    div[id^=sale-banner-timer-countdown].apr2022Spring.lastChance #timer .countdown {
        font-size: 1vw;
    }

    div[id^=sale-banner-timer-countdown].apr2022Spring.lastChance #timer .unit {
        font-size: 0.35vw;
    }

    div[id^=sale-banner-timer-countdown].inpost-timer #timer .countdown {
        font-size: 2.6vw;
    }

    div[id^=sale-banner-timer-countdown].inpost-timer #timer .unit {
        font-size: 0.75vw;
    }

    div[id^=sale-banner-timer-countdown].xmas2021 #timer {
        left: 7.7%;
        bottom: 6.5%;
        width: 9.5%;
    }

    div[id^=sale-banner-timer-countdown].xmas2021.xmas2021LastChance #timer {
        left: 9%;
    }

    div[id^=sale-banner-timer-countdown].xmas2021.xmas2021FatBurners #timer {
        left: 7.2%;
        bottom: 4.5%;
    }

    div[id^=sale-banner-timer-countdown].bfcm2021 #timer {
        left: 6.95%;
        bottom: 13.5%;
    }

    div[id^=sale-banner-timer-countdown].bfcm2021.bfcm2021LastChance #timer {
        left: 6.75%;
        bottom: 11%;
    }

    div[id^=sale-banner-timer-countdown].halloween2021:not(.halloween2021LastChance) #timer {
        left: 17%;
        width: 11.5%;
        bottom: 20px;
    }

    div[id^=sale-banner-timer-countdown].halloween2021.halloween2021LastChance #timer {
        left: 19.4%;
    }

    div[id^=sale-banner-timer-countdown].halloween2021:not(.halloween2021LastChance) #timer .countdown {
        font-size: 1.35vw;
    }

    div[id^=sale-banner-timer-countdown].halloween2021:not(.halloween2021LastChance) #timer .unit {
        font-size: 0.45vw;
    }

    div[id^=sale-banner-timer-countdown].subscription2021 #timer {
        left: 19.4%;
    }

    div[id^=sale-banner-timer-countdown].subscription2021LastChance #timer {
        left: calc(18.7% - 1px);
    }

    div[id^=sale-banner-timer-countdown].july4th2021 #timer {
        bottom: 12.5%;
        left: 9.65%;
    }
    div[id^=sale-banner-timer-countdown].july4th2021LastChance #timer {
        bottom: 24.5%;
        left: 7.65%;
        width: 8%;
    }
    div[id^=sale-banner-timer-countdown].july4th2021LastChance #timer .countdown {
        font-size: 1vw;
    }
    div[id^=sale-banner-timer-countdown].july4th2021LastChance #timer .unit {
        font-size: 0.35vw;
    }

    div[id^=sale-banner-timer-countdown].laborDay2021 #timer {
        left: 32.5%;
        bottom: 17.5%;
    }

    div[id^=sale-banner-timer-countdown].laborDay2021.laborDay2021LastChance #timer {
        bottom: 28.5%;
        left: 27%;
    }

    #inpost-timer .countdown {
        font-size: 1.4vw;
    }

    #sidebar-timer .countdown {
        font-size: 1.2vw;
    }

    #sidebar-timer.aug2021Protein .countdown {
        font-size: 1.1vw;
    }

    #sidebar-timer .unit,
    #sidebar-timer.aug2021Protein .unit {
        font-size: 0.4vw;
    }

    #sidebar-timer.may2022Triumph .unit {
        font-size: 0.4vw;
    }
}

@media (min-width: 2085px) {
    div[id^=sale-banner-timer-countdown].inpost-timer #timer .countdown {
        font-size: 1.1vw;
    }

    div[id^=sale-banner-timer-countdown].inpost-timer #timer .unit {
        font-size: 0.4vw;
    }

    #sidebar-timer.may2022Triumph .unit {
        font-size: 0.5vw;
    }
}

@media (min-width: 2105px) {
    #inpost-timer .countdown {
        font-size: 1.3vw;
    }
    #sidebar-timer .countdown {
        font-size: 1.1vw;
    }

    #sidebar-timer.aug2021Protein .countdown {
        font-size: 1vw;
    }
    #sidebar-timer .unit,
    #sidebar-timer.aug2021Protein .unit {
        font-size: 0.35vw;
    }
}

@media (min-width: 2250px) {
    #inpost-timer .countdown {
        font-size: 1.1vw;
    }
    #sidebar-timer .countdown {
        font-size: .8vw;
    }
    #sidebar-timer.aug2021Protein .countdown {
        font-size: 0.8vw;
    }
    #sidebar-timer .unit,
    #sidebar-timer.aug2021Protein .unit {
        font-size: 0.33vw;
    }
    #inpost-timer .unit {
        font-size: 0.5vw;
    }
    div[id^=sale-banner-timer-countdown].inpost-timer #timer .countdown {
        font-size: 1vw;
    }

    div[id^=sale-banner-timer-countdown].inpost-timer #timer .unit {
        font-size: 0.35vw;
    }
}

@media (max-width: 1300px) {
    .blog #more-from-legion article {
        padding-bottom: 0;
    }
    #header .merger-dropdown {
        padding: 0 20px 0 40px;
    }
}

@media (max-width: 1199px) and (min-width: 769px) {
    #sale-banner-desktop {
        display: block;
    }
    #sale-banner-large-desktop,
    #sale-banner-large-tablet,
    #sale-banner-tablet,
    #sale-banner-mobile {
        display: none;
    }
    
}

@media (max-width: 768px) and (min-width: 525px) {
    /*#sale-banner-tablet*/
    #sale-banner-desktop {
        display: block;
    }
    #sale-banner-large-desktop,
    /*#sale-banner-desktop,*/
    #sale-banner-large-tablet,
    #sale-banner-tablet,
    #sale-banner-mobile {
        display: none;
    }
}

@media (max-width: 549px) {
    div[id^=sale-banner-timer-countdown].inpost-timer #timer,
    div[id^=sale-banner-timer-countdown].inpost-timer.xmas2021.xmas2021FatBurners #timer,
    div[id^=sale-banner-timer-countdown].inpost-timer.xmas2021.xmas2021Recharge #timer,
    div[id^=sale-banner-timer-countdown].inpost-timer.jan2022Sub #timer {
        left: 17.1% !important;
        bottom: 30%;
        width: 65%;
    }

    div[id^=sale-banner-timer-countdown].inpost-timer.xmas2021.xmas2021Recharge.xmas2021RechargeLastChance #timer {
        bottom: 30.5%;
    }

    div[id^=sale-banner-timer-countdown].inpost-timer.jan2022Sub #timer {
        bottom: 34%;
        left: 21% !important;
        width: 60%;
    }

    div[id^=sale-banner-timer-countdown].inpost-timer.mar2022Pulse #timer {
        bottom: 36%;
        left: 20% !important;
        width: 60%;
    }

    div[id^=sale-banner-timer-countdown].inpost-timer.mar2022Pulse.may2022Triumph #timer {
        bottom: 27% !important;
        width: 60%;
        height: auto;
    }

    div[id^="sale-banner-timer-countdown"].inpost-timer.mar2022Pulse.may2022Triumph.bfcm2023 #timer {
        bottom: 21.5% !important;
        width: 73%;
        height: auto;
        left: 13.2% !important;
    }

    div[id^="sale-banner-timer-countdown"].inpost-timer.mar2022Pulse.may2022Triumph.bfcm2023 #timer .countdown {
        font-size: 7.4vw !important;
    }

    div[id^=sale-banner-timer-countdown].inpost-timer.apr2022Spring #timer {
        bottom: 39%;
        left: 25% !important;
        width: 53%;
    }

    div[id^=sale-banner-timer-countdown].inpost-timer.apr2022Spring.lastChance #timer {
        bottom: 32.5%;
        left: 25% !important;
        width: 53%;
    }

    div[id^=sale-banner-timer-countdown].inpost-timer #timer .countdown,
    div[id^=sale-banner-timer-countdown].inpost-timer.xmas2021.xmas2021FatBurners #timer .countdown,
    div[id^=sale-banner-timer-countdown].inpost-timer.xmas2021.xmas2021Recharge #timer .countdown,
    div[id^=sale-banner-timer-countdown].inpost-timer.jan2022Sub #timer .countdown {
        font-size: 5.4vw !important;
    }

    div[id^=sale-banner-timer-countdown].inpost-timer #timer .unit,
    div[id^=sale-banner-timer-countdown].inpost-timer.xmas2021.xmas2021FatBurners #timer .unit,
    div[id^=sale-banner-timer-countdown].inpost-timer.xmas2021.xmas2021Recharge #timer .unit,
    div[id^=sale-banner-timer-countdown].inpost-timer.jan2022Sub #timer .unit {
        font-size: 2vw !important;
    }
}

@media (max-width: 524px) {
    #sale-banner-mobile {
        display: block;
    }

    #sale-banner-large-desktop,
    #sale-banner-desktop,
    #sale-banner-large-tablet,
    #sale-banner-tablet {
        display: none;
    }

    div[id^=sale-banner-timer-countdown] #timer {
        left: 7%;
        bottom: 7.5%;
        width: 33%;
    }

    div[id^=sale-banner-timer-countdown].xmas2021 #timer {
        transform: scale(1);
        left: 3.4%;
        bottom: 14%;
    }

    div[id^=sale-banner-timer-countdown].xmas2021.xmas2021LastChance #timer {
        transform: scale(1);
        left: 5%;
        bottom: 5%;
    }

    div[id^=sale-banner-timer-countdown].xmas2021.xmas2021FatBurners #timer {
        transform: scale(1);
        left: 5.4%;
        bottom: 8%;
    }

    div[id^=sale-banner-timer-countdown].xmas2021.xmas2021FatBurners.xmas2021FatBurnersLastChance #timer {
        transform: scale(1);
        left: 4.4%;
        bottom: 5%;
    }

    div[id^=sale-banner-timer-countdown].july4th2021 #timer {
        left: 2.2%;
        bottom: 12.5%;
    }

    div[id^=sale-banner-timer-countdown].july4th2021LastChance #timer {
        bottom: 5.5%;
    }

    div[id^=sale-banner-timer-countdown].aug2021Protein #timer {
        left: 7.8%;
        bottom: 12%;
        width: 28%;
    }

    div[id^=sale-banner-timer-countdown] #timer .timer-box {
        width: 22%;
    }

    div[id^=sale-banner-timer-countdown].subscription2021 #timer {
        left: 2.8%;
    }

    div[id^=sale-banner-timer-countdown].aug2021Protein #timer .timer-box {
        width: 23%;
    }

    div[id^=sale-banner-timer-countdown] #timer .countdown {
        font-size: 4.5vw;
        padding-left: 9.8%;
        padding-right: 9.8%;
        padding-top: 22%;
        padding-bottom: 14%;
    }

    div[id^=sale-banner-timer-countdown].aug2021Protein #timer .countdown {
        font-size: 3.5vw;
    }

    div[id^=sale-banner-timer-countdown] #timer .unit {
        font-size: 1.5vw;
        margin-top: 2px;
    }

    div[id^=sale-banner-timer-countdown].aug2021Protein #timer .unit {
        font-size: 1.3vw;
    }
}

@media (min-width: 524px) {

    #home-timer-mobile .unit,
    #home-timer .unit {
        font-size: 12px;
    }
}

@media (min-width: 524px) and (max-width: 766px) {
    #home-timer-mobile,
    #home-timer {
        width: 345px;
        left: calc(50% - 172px) !important;
    }
}

@media (min-width: 767px) {
    #home-timer-mobile.bfcm2023,
    #home-timer.bfcm2023 {
        bottom: 27%;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    #home-timer.bfcm2023 {
        display: none;
    }
    #home-timer-mobile,
    #home-timer {
        width: 200px;
        left: calc(50% - 100px);
        bottom: 30% !important;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #home-timer-mobile.bfcm2023,
    #home-timer.bfcm2023 {
        width: 250px;
        left: calc(50% + 125px);
        bottom: 29%;
    }
}

@media (min-width: 1200px) {
    #home-timer-mobile.bfcm2023,
    #home-timer.bfcm2023 {
        width: 250px;
        left: calc(50% + 125px);
        bottom: 28%;
    }
}

.dgwt-wcas-search-wrapp {
    max-width: calc(100% - 1px) !important;
}

.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
    padding: 45px !important;
}

.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:focus {
    border-color: #44A0F7;
}








[id^="legion20-large-desktop"],
[id^="legion20-desktop"],
[id^="legion20-large-tablet"],
[id^="legion20-tablet"],
[id^="legion20-mobile"] {
    width: 100%;
    display: none;
    position: relative;
    margin-top: 35px;
    margin-bottom: 35px;
    /*border: 1px solid whitesmoke;*/
}

[id^="legion20-large-desktop img"],
[id^="legion20-desktop img"],
[id^="legion20-large-tablet img"],
[id^="legion20-tablet img"],
[id^="legion20-mobile img"] {
    width: 100%;
    display: block;
}

@media (min-width: 1200px) {
    [id^="legion20-large-desktop"] {
        display: block;
    }
    [id^="legion20-desktop"],
    [id^="legion20-large-tablet"],
    [id^="legion20-tablet"],
    [id^="legion20-mobile"] {
        display: none;
    }
}

@media (max-width: 1199px) and (min-width: 769px) {
    [id^="legion20-desktop"] {
        display: block;
    }
    [id^="legion20-large-desktop"],
    [id^="legion20-large-tablet"],
    [id^="legion20-tablet"],
    [id^="legion20-mobile"] {
        display: none;
    }
}

@media (max-width: 768px) and (min-width: 525px) {
    [id^="legion20-tablet"] {
        display: block;
    }
    [id^="legion20-large-desktop"],
    [id^="legion20-desktop"],
    [id^="legion20-large-tablet"],
    [id^="legion20-mobile"] {
        display: none;
    }
}

@media (max-width: 524px) {
    [id^="legion20-mobile"] {
        display: block;
    }
    [id^="legion20-large-desktop"],
    [id^="legion20-desktop"],
    [id^="legion20-large-tablet"],
    [id^="legion20-tablet"] {
        display: none;
    }
}











/*--------------------------------------------------------------
# Hide React Add to Cart and Learn More buttons
--------------------------------------------------------------*/

div.product div.buttons {
    display: none;
}

.homepage .product {
    height: 353px !important;
}

.homepage .featuredStacks div.meta,
.store .featuredStacks div.meta {
    display: none;
}

.store #featured-merch-grid div.itemInfo {
    margin-top: 109px;
}


@media screen and (max-width: 1200px) {
    .blog #more-from-legion article {
        padding-bottom: 0;
    }
    .blog #more-from-legion article .bot {
        height: calc(100% - 161px);
    }
    .five-wide-posts article .bot {
        height: 72%;
    }
}

@media screen and (max-width: 1024px) {
    .homepage .featuredStacks h3 {
        margin-top: 0px !important;
    }
    .blog #more-from-legion article .bot {
        height: calc(100% - 176px);
        padding: 20px 20px 40px;
    }
    .five-wide-posts article .bot {
        height: 60%;
        padding: 20px;
    }
    
}
@media screen and (max-width: 1068px) {
    #quiz-app-page-wrap .industry-experts .btn {
        top: 60px;
    }
}

@media screen and (max-width: 767px) {
    .homepage .most-popular .product {
        height: auto !important;
        padding-bottom: 0;
    }

    .store #featured-merch-grid div.itemInfo {
        margin-top: 0;
    }

    .stacks .supplements-recommendations.recommendations div.product,
    .sales .supplements-recommendations.recommendations div.product,
    #main.books .supplements-recommendations.recommendations div.product {
        height: auto !important;
    }
    #quiz-app-results .industry-experts{
        background: #fff;
    }
    #quiz-app-page-wrap .industry-experts .btn {
        top: 30px;
    }
}

/*--------------------------------------------------------------
# Retina Images
--------------------------------------------------------------*/

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    /*
    #store-nav .center span:nth-child(1) {
        background: url('images/2017-images/top-nav-free-ship-icon@2x.png') 0px 1px no-repeat;
        background-size: 22px;
    }
    */

    #header .logo {
        background: url('images/2017-images/2020-legion-logos/legion-logo-2020@2x.png') center left no-repeat;
        background-size: 110px;
    }

    #header .logo.xmas-logo {
        background: url('images/2017-images/2020-legion-logos/legion-logo-christmas-2020@2x.png') center left no-repeat;
        background-size: 112px;
    }

    .footer .footer-top .main-nav ul li.search {
        background: url('images/2017-images/footer-search-icon@2x.png') center no-repeat;
        background-size: 16px;
    }

    .footer .footer-top .logo {
        background: url('images/2017-images/footer-logo@2x.png') center no-repeat;
        background-size: 156px;
    }

    .footer .footer-bot .call {
        background: url('images/2017-images/footer-phone-icon@2x.png') left 3px no-repeat;
        background-size: 16px;
    }

    .footer .footer-bot input[type="email"] {
        background: #fff url('images/2017-images/footer-input-email-icon@2x.png') 16px no-repeat;
        background-size: 13px;
    }

    .footer .footer-bot .credits .norton {
        background: url('images/2017-images/footer-credits-norton@2x.png') center no-repeat;
        background-size: 127px;
    }

    .footer .footer-bot .credits .fsd {
        background: url('images/2017-images/footer-credits-fsd@2x.png') center no-repeat;
        background-size: 129px;
    }

    .footer .footer-bot .credits .dimart {
        background: url('images/2017-images/footer-credits-dimart@2x.png') center no-repeat;
        background-size: 176px;
    }

    .product-info-bubble .productTooltip .yes {
        background: url('images/2017-images/product-info-tooltip-check@2x.png') left 4px no-repeat;
        background-size: 10px;
    }

    .product-info-bubble .flavor.grape {
        background: #fff url('images/2017-images/product-option-flavor-grape@2x.png') left center no-repeat;
        background-size: 10px;
    }

    .product-info-bubble .flavor.sourCandy {
        background: #fff url('images/2017-images/product-option-flavor-sour-candy@2x.png') left center no-repeat;
        background-size: 18px;
    }

    .product-info-bubble .flavor.strawberryKiwi {
        background: #fff url('images/2017-images/product-option-flavor-strawberry-kiwi@2x.png') left center no-repeat;
        background-size: 18px;
    }

    .product-info-bubble .flavor.strawberry {
        background: #fff url('images/2017-images/product-option-flavor-strawberry@2x.png') left center no-repeat;
        background-size: 18px;
    }

    .product-info-bubble .flavor.acai-berry {
        background: #fff url('images/2017-images/product-option-flavor-acai-berry@2x.png') left center no-repeat;
        background-size: 10px;
    }

    .product-info-bubble .flavor.strawberryBanana {
        background: #fff url('images/2017-images/product-option-flavor-strawberry-banana@2x.png') left center no-repeat;
        background-size: 16px;
    }

    .product-info-bubble .flavor.fruitPunch {
        background: #fff url('images/2017-images/product-option-flavor-fruit-punch@2x.png') left center no-repeat;
        background-size: 20px;
    }

    .product-info-bubble .flavor.strawberryLemonade {
        background: #fff url('images/2017-images/product-option-flavor-strawberry-lemonade@2x.png') left center no-repeat;
        background-size: 20px;
    }

    .product-info-bubble .flavor.mintChocolate {
        background: #fff url('images/2017-images/product-option-flavor-mint-chocolate@2x.png') left center no-repeat;
        background-size: 13px;
    }

    .product-info-bubble .flavor.mochaCappuccino {
        background: #fff url('images/2017-images/product-option-flavor-mocha-cappuccino@2x.png') left center no-repeat;
        background-size: 18px;
    }

    .product-info-bubble .flavor.saltedCaramel {
        background: #fff url('images/2017-images/product-option-flavor-salted-caramel@2x.png') left center no-repeat;
        background-size: 18px;
    }

    .product-info-bubble .flavor.birthdayCake {
        background: #fff url('images/2017-images/product-option-flavor-birthday-cake@2x.png') left center no-repeat;
        background-size: 18px;
    }

    .product-info-bubble .flavor.tropicalPunch {
        background: #fff url('images/2017-images/product-option-flavor-tropical-punch@2x.png') left center no-repeat;
        background-size: 18px;
    }

    .product-info-bubble .flavor.chocolateChipCookieDough {
        background: #fff url('images/2017-images/product-option-flavor-chocolate-chip-cookie-dough@2x.png') left center no-repeat;
        background-size: 18px;
    }

    .product-info-bubble .flavor.smores {
        background: #fff url('images/2017-images/product-option-flavor-smores@2x.png') left center no-repeat;
        background-size: 18px;
    }

    .product-info-bubble .flavor.pinkLemonade {
        background: #fff url('images/2017-images/product-option-flavor-pink-lemonade@2x.png') left center no-repeat;
        background-size: 15px;
    }

    .product-info-bubble .flavor.cherryLimeade {
        background: #fff url('images/2017-images/product-option-flavor-cherry-limeade@2x.png') left center no-repeat;
        background-size: 20px;
    }

    .product-info-bubble .flavor.unflavored,
    .product-info-bubble .flavor.original {
        background: #fff url('images/2017-images/product-option-flavor-unflavored@2x.png') left center no-repeat;
        background-size: 16px;
    }

    .product-info-bubble .flavor.watermelon {
        background: #fff url('images/2017-images/product-option-flavor-watermelon@2x.png') left center no-repeat;
        background-size: 22px;
    }

    .product-info-bubble .flavor.chocolate,
    .product-info-bubble .flavor.dutchChocolate,
    .product-info-bubble .flavor.milkChocolate {
        background: #fff url('images/2017-images/product-option-flavor-chocolate@2x.png') left center no-repeat;
        background-size: 11px;
    }

    .product-info-bubble .flavor.vanilla,
    .product-info-bubble .flavor.frenchVanilla {
        background: #fff url('images/2017-images/product-option-flavor-vanilla@2x.png') left center no-repeat;
        background-size: 18px;
    }

    .product-info-bubble .flavor.cookiesAndCream {
        background: #fff url('images/2017-images/product-option-flavor-cookies-cream@2x.png') left center no-repeat;
        background-size: 18px;
    }

    .product-info-bubble .flavor.greenApple {
        background: #fff url('images/2017-images/product-option-flavor-green-apple@2x.png') left center no-repeat;
        background-size: 18px;
    }

    .product-info-bubble .flavor.thirty-servings,
    .product-info-bubble .flavor.fifty-servings {
        background: #fff url('images/2017-images/product-option-whey-servings@2x.png') left center no-repeat;
        background-size: 13px;
    }

    .product-info-bubble .flavor.chamomile {
        background: #fff url('images/2017-images/product-option-flavor-chamomile@2x.png') left center no-repeat;
        background-size: 16px;
    }

    .product-info-bubble .flavor.eggnog {
        background: #fff url('images/2017-images/product-option-flavor-eggnog@2x.png') left center no-repeat;
        background-size: 18px;
    }

    .product-info-bubble .flavor.blueRaspberry {
        background: #fff url('images/2017-images/product-option-flavor-blue-raspberry@2x.png') left center no-repeat;
        background-size: 14px;
    }

    .product-info-bubble .flavor.blueberryLemonade {
        background: #fff url('images/2017-images/product-option-flavor-blueberry-lemonade@2x.png') left center no-repeat;
        background-size: 14px;
    }

    .product-info-bubble .flavor.chocolatePeanutButter {
        background: #fff url('images/2017-images/product-option-flavor-chocolate-peanut-butter@2x.png') left center no-repeat;
        background-size: 20px;
    }

    .product-info-bubble .flavor.cookiesCream {
        background: #fff url('images/2017-images/product-option-flavor-cookies-cream@2x.png') left center no-repeat;
        background-size: 18px;
    }

    .product-info-bubble .flavor.cinnamonCereal {
        background: #fff url('images/2017-images/product-option-flavor-cereal-milk@2x.png') left center no-repeat;
        background-size: 18px;
    }

    .product-info-bubble .flavor.fruityCereal {
        background: #fff url('images/2017-images/product-option-flavor-fruity-cereal@2x.png') left center no-repeat;
        background-size: 18px;
    }

    .product-info-bubble .flavor.bananaCreamPie {
        background: #fff url('images/2017-images/product-option-flavor-banana-cream-pie@2x.png') left center no-repeat;
        background-size: 18px;
    }

    .product-info-bubble .flavor.bubbleGum {
        background: #fff url('images/2017-images/product-option-flavor-bubble-gum@2x.png') left center no-repeat;
        background-size: 18px;
    }

    .faq-item .question:after {
        background: url('images/2017-images/faq-expand-item@2x.png') center no-repeat;
        background-size: 10px;
    }

    .faq-item.active .question:after {
        background: url('images/2017-images/faq-collapse-item@2x.png') center no-repeat;
        background-size: 10px;
    }

    .customer-testimonials .btn,
    #header .supplements-dropdown .btn,
    .top-rated-products .btn {
        background: #fff url('images/2017-images/slider-arrow@2x.png') center no-repeat;
        background-size: 18px;
    }

    .customer-testimonials .yotpo {
        background: rgba(0,0,0,0);
        background-size: 31px;
    }

    .customer-testimonials ul li.genesis .img {
        background: url('images/2017-images/homepage-customer-reviews-genesis@2x.png') center top no-repeat;
        background-size: 179px
    }

    .browse-our-store .img {
        background: url('images/2017-images/Try-us-risk-free-v2-@2x.png') center no-repeat;
        background-size: 900px;
    }

    .the-truth .browse-our-store .img, .about .browse-our-store .img {
        background: url('images/2017-images/Try-us-risk-free-v2-@2x.png') center no-repeat;
        background-size: 1400px;
    }

    #products .featured span:before,
    #products .featured span:after {
        background: url('images/2017-images/banner-arrow@2x.png') center no-repeat;
        background-size: 13px;
    }

    #universal-search form p:before {
        background: url('images/2017-images/universal-search-star@2x.png') center no-repeat;
        background-size: 22px;
    }

    #universal-search form input[type="submit"] {
        background: url('images/2017-images/universal-search-submit@2x.png') center no-repeat;
        background-size: 25px;
    }

    #universal-search .close-universal-search {
        background: url('images/2017-images/close-universal-search@2x.png') center no-repeat;
        background-size: 15px;
    }

    .product-tooltip header .blst.img {
        background: url('images/2017-images/product-tooltip-30blst@2x.png') center no-repeat;
        background-size: 101px;
    }

    .product-tooltip ul li.whey .img {
        background: url('images/2017-images/product-tooltip-whey@2x.png') center no-repeat;
        background-size: 22px;
    }

    .product-tooltip ul li.pulse .img {
        background: url('images/2017-images/product-tooltip-pulse@2x.png') center no-repeat;
        background-size: 25px;
    }

    .product-tooltip ul li.recharge .img {
        background: url('images/2017-images/product-tooltip-recharge@2x.png') center no-repeat;
        background-size: 28px;
    }

    .product-tooltip ul li.triumph .img {
        background: url('images/2017-images/product-tooltip-triumph@2x.png') center no-repeat;
        background-size: 21px;
    }

    .product-tooltip ul li.phoenix .img {
        background: url('images/2017-images/product-tooltip-phoenix@2x.png') center no-repeat;
        background-size: 21px;
    }

    .product-tooltip ul li.forge .img {
        background: url('images/2017-images/product-tooltip-forge@2x.png') center no-repeat;
        background-size: 21px;
    }

    .product-tooltip ul li .flavor.strawberry-banana {
        background: url('images/2017-images/product-tooltip-flavor-strawberry-banana@2x.png') left top no-repeat;
        background-size: 15px;
    }

    .product-tooltip ul li .flavor.green-apple {
        background: url('images/2017-images/product-tooltip-flavor-green-apple@2x.png') left top no-repeat;
        background-size: 18px
    }

    .product-tooltip ul li .flavor.fruit-punch {
        background: url('images/2017-images/product-tooltip-flavor-fruit-punch@2x.png') left top no-repeat;
        background-size: 19px;
    }

    .product-tooltip .yes {
        background: url('images/2017-images/product-info-tooltip-check@2x.png') left 4px no-repeat;
        background-size: 10px;
    }

    .product-tooltip:before {
        background: url('images/2017-images/product-tooltip-arrow@2x.png') center no-repeat;
        background-size: 9px;
    }

    #main #legion-instagram-reviews a#instagram-button-reviews {
        background: url('images/2017-images/product-legion-fans-instagram@2x.png') center no-repeat;
        background-size: 20px;
    }

    #main #legion-instagram-reviews a#twitter-button-reviews {
        background: url('images/2017-images/product-legion-fans-twitter@2x.png') center no-repeat;
        background-size: 23px;
    }

    #cart-slider #close-slider {
        background: url('images/2017-images/cart-slider-close@2x.png') center no-repeat;
        background-size: 12px;
    }

    #cart-slider h2:before {
        background: url('images/2017-images/cart-slider-cart-icon@2x.png') center no-repeat;
        background-size: 29px;
    }

    #cart-slider ul li.product .info {
        background: url('images/2017-images/cart-slider-info-icon@2x.png') center no-repeat;
        background-size: 14px;
    }

    #cart-slider ul li.product .delete {
        background: url('images/2017-images/cart-slider-product-delete@2x.png') center no-repeat;
        background-size: 9px;
    }

    #cart-slider .bot .coupon input[type="text"] {
        background: url('images/2017-images/cart-slider-coupon-icon@2x.png') 16px no-repeat;
        background-size: 24px;
    }

    #cart-slider ul li.product .select .add {
        background: #FAFAFA url('images/2017-images/cart-slider-qty-add@2x.png') center no-repeat;
        background-size: 6px;
    }

    #cart-slider ul li.product .select .minus {
        background: #FAFAFA url('images/2017-images/cart-slider-qty-minus@2x.png') center no-repeat;
        background-size: 6px;
    }

    #header .supplements-dropdown ul li.blst .img {
        background: url('images/2017-images/supplements-dropdown-blst@2x.png') bottom no-repeat;
        background-size: 131px;
    }

    #header .supplements-dropdown ul li.tls .img {
        background: url('images/2017-images/supplements-dropdown-tls@2x.png') bottom no-repeat;
        background-size: 131px;
    }

    #header .supplements-dropdown ul li.fat-loss-stack .img {
        background: url('images/2017-images/supplements-dropdown-fat-loss-stack@2x.png') bottom no-repeat;
        background-size: 108px;
    }

    #header .supplements-dropdown ul li.muscle-gain-stack .img {
        background: url('images/2017-images/supplements-dropdown-muscle-gain-stack@2x.png') bottom no-repeat;
        background-size: 105px;
    }

    #header .supplements-dropdown ul li.optimal-performance-stack .img {
        background: url('images/2017-images/supplements-dropdown-optimal-performance-stack@2x.png') bottom no-repeat;
        background-size: 128px;
    }

    #header .supplements-dropdown ul li.rapid-recovery-stack .img {
        background: url('images/2017-images/supplements-dropdown-repair-recover-stack@2x.png') bottom no-repeat;
        background-size: 111px;
    }

    #header .supplements-dropdown ul li.recharge .img {
        background: url('images/2017-images/supplements-dropdown-recharge@2x.png') bottom no-repeat;
        background-size: 80px;
    }

    #header .supplements-dropdown ul li.triton .img {
        background: url('images/2017-images/supplements-dropdown-triton@2x.png') bottom no-repeat;
        background-size: 53px;
    }

    #header .supplements-dropdown ul li.triumph .img {
        background: url('images/2017-images/supplements-dropdown-triumph@2x.png') bottom no-repeat;
        background-size: 50px;
    }

    #header .supplements-dropdown ul li.phoenix .img {
        background: url('images/2017-images/supplements-dropdown-phoenix@2x.png') bottom no-repeat;
        background-size: 50px;
    }

    #header .supplements-dropdown ul li.fortify .img {
        background: url('images/2017-images/supplements-dropdown-fortify@2x.png') bottom no-repeat;
        background-size: 53px;
    }

    #header .supplements-dropdown ul li.whey .img {
        background: url('images/2017-images/supplements-dropdown-whey@2x.png') bottom no-repeat;
        background-size: 54px;
    }

    #header .supplements-dropdown ul li.pulse .img {
        background: url('images/2017-images/supplements-dropdown-pulse@2x.png') bottom no-repeat;
        background-size: 81px;
    }

    #header .supplements-dropdown ul li.forge .img {
        background: url('images/2017-images/supplements-dropdown-forge@2x.png') bottom no-repeat;
        background-size: 51px;
    }

    #header .supplements-dropdown ul li.genesis .img {
        background: url('images/2017-images/supplements-dropdown-genesis@2x.png') bottom no-repeat;
        background-size: 81px;
    }

    #header .supplements-dropdown ul li.lunar .img {
        background: url('images/2017-images/supplements-dropdown-lunar@2x.png') bottom no-repeat;
        background-size: 80px;
    }

    span.product-feature.best-seller:before {
        background: url('images/2017-images/products-edge-best-seller@2x.png') center no-repeat;
        background-size: 11px;
    }

    span.product-feature.on-sale:before {
        background: url('images/2017-images/products-edge-on-sale@2x.png') center no-repeat;
        background-size: 11px;
    }

    span.product-feature.sold-out:before {
        background: url('images/2017-images/products-edge-sold-out@2x.png') center no-repeat;
        background-size: 11px;
    }

    #product-filters .select-box:after {
        background: #FAFAFA url('images/2017-images/select-dd-arrow@2x.png') center no-repeat;
        background-size: 12px;
    }

    .wp-pagenavi a.previouspostslink {
        background: url('images/2017-images/page-navi-prev@2x.png') center no-repeat;
        background-size: 6px;
    }

    .wp-pagenavi a.nextpostslink {
        background: url('images/2017-images/page-navi-next@2x.png') center no-repeat;
        background-size: 6px;
    }

    .industry-experts .btn {
        background: #F8F8F8 url('images/2017-images/slider-arrow@2x.png') center no-repeat;
        background-size: 18px;
    }

    .industry-experts ul li .img.chad {
        background: url('images/2017-images/indusry-experts-chad@2x.jpg') center no-repeat;
        background-size: 100%;
    }

    .industry-experts ul li .img.greg {
        background: url('images/2017-images/indusry-experts-greg@2x.jpg') center no-repeat;
        background-size: 100%;
    }

    .industry-experts ul li .img.ben {
        background: url('images/2017-images/indusry-experts-ben@2x.jpg') center no-repeat;
        background-size: 100%;
    }

    .industry-experts ul li .img.ben-c {
        background: url('images/2017-images/indusry-experts-ben-c@2x.jpg') center no-repeat;
        background-size: 100%;
    }

    .dv-star-rating-star .fa-star {
      background: url('images/2017-images/product-star-full@2x.png') center no-repeat;
      background-size: 16px;
    }

    .dv-star-rating-star .fa-star-o {
      background: url('images/2017-images//product-star-empty@2x.png') center no-repeat;
      background-size: 16px;
    }

    .dv-star-rating-star .fa-star-half-full {
      background: url('images/2017-images/product-star-half@2x.png') center no-repeat;
      background-size: 16px;
    }

    /*.product-countdown-timer p {
        background: url('images/2017-images/product-countdown-timer-clock@2x.png') left center no-repeat;
        background-size: 16px;
    }*/
}








@media only screen and (min-width: 1401px) {
    .customer-testimonials blockquote p {
        height: 100px;
        overflow: visible;
        text-align: left;
    }
    #customer-testimonials .bx-viewport {
        height: auto !important;
    }
    .customer-testimonials ul li{
        text-align: left;
    }
    .customer-testimonials ul li .name {
        text-align: left;
    }
    .customer-testimonials ul li h2 {
        text-align: left;
    }
    .customer-testimonials ul li a {
        text-align: center;
    }
    #customerSlider li a {
        position:unset;
    }
    
}









@media only screen and (min-width: 1025px) {

    body.page-template-page-about .intercom-launcher-frame,
    body.blog .intercom-launcher-frame,
    body.single-post .intercom-launcher-frame,
    body.page-support-contact .intercom-launcher-frame,
    body.category .intercom-launcher-frame,
    body.page-template-page-podcast .intercom-launcher-frame {
        bottom: 15px !important;
    }

    body.page-template-page-about .intercom-lightweight-app-launcher,
    body.blog .intercom-lightweight-app-launcher,
    body.single-post .intercom-lightweight-app-launcher,
    body.page-support-contact .intercom-lightweight-app-launcher,
    body.category .intercom-lightweight-app-launcher,
    body.page-template-page-podcast .intercom-lightweight-app-launcher {
        bottom: 15px !important;
    }

    /* iframe#chat-campaigns,
    iframe#chat-window,
    iframe#chat-button {
        bottom: 15px !important;
    } */

}










/*--------------------------------------------------------------
# MEDIA QUERIES: Desktop [ MAX WIDTH: 1699 PIXELS ]
--------------------------------------------------------------*/

@media screen and (max-width: 1699px) {
    #header .supplements-dropdown ul span,
    #header .supplements-dropdown ul li p {
        font-size: 12px;
        padding: 0 10px;
    }

    #header nav ul li a {
        padding: 27px 21px 25px;
    }
}

/*--------------------------------------------------------------
# MEDIA QUERIES: Desktop [ MAX WIDTH: 1599 PIXELS ]
--------------------------------------------------------------*/

@media screen and (max-width: 1599px) {
    #header nav.left ul li {
        margin: 0 8px;
    }

    #store-nav .right ul li a,
    #store-nav .right ul li a#top-menu-cart-link {
        padding: 0 0 0 0;
    }
}

/*-------------------------------------------------------------
# MEDIA QUERIES: Desktop [ MAX WIDTH: 1499 PIXELS ]
--------------------------------------------------------------*/

@media screen and (max-width: 1499px) {
    #header nav ul li a {
        font-size: 14px;
    }

    #header nav.left ul li {
        margin: 0 2px;
    }

    .industry-experts .btn.next {
        right: -250px;
    }

    .industry-experts .btn.prev {
        left: -250px;
    }
}







/*-------------------------------------------------------------
# MEDIA QUERIES: Desktop [ MAX WIDTH: 1400px PIXELS ]
--------------------------------------------------------------*/

@media only screen and (max-width: 1400px) {
    .customer-testimonials .quotes .bx-viewport {
        height: 416px;
    }
    .customer-testimonials .btn {
        top: -70px !important;
        z-index: 999 !important;
    }

    .customer-testimonials ul li {
        text-align: center;
        min-height: 416px;
    }

    .customer-testimonials ul li .img,
    .customer-testimonials li .read-more {
        float: none !important;
        margin: 0 auto !important;
    }

    .customer-testimonials ul li .img {
        width: 178px !important;
        height: 178px !important;
        object-fit: contain;
    }

    .customer-testimonials ul li .read-more {
        right: 0;
        left: 0;
    }

    .customer-testimonials ul li blockquote p {
        margin: 0 auto;
    }
    .customer-testimonials ul li {
        display: block;
    }
    .customer-testimonials ul li .testi-img-wrapper {
        width: 100%;
        height: auto;
        margin: auto;
        float: none;
    }
}










/*--------------------------------------------------------------
# MEDIA QUERIES: Desktop [ MAX WIDTH: 1399 PIXELS ]
--------------------------------------------------------------*/

@media screen and (max-width: 1399px) {
    #supp-drop-trigger {
        margin-left: -90px;
    }

    #header nav ul li a {
        font-size: 13px;
    }

    #header.scroll nav ul li a {
        padding: 17px 12px 16px;
    }

    .footer .footer-bot .right {
        padding-left: 107px;
    }

    /*#store-nav .right ul li a,
    #store-nav .right ul li a#top-menu-cart-link {
        padding: 0 20px;
    }*/
}









/*--------------------------------------------------------------
# TABLET: MEDIA QUERIES: Featured Stacks [ MAX WIDTH: 1357px PIXELS ]
--------------------------------------------------------------*/

@media screen and (max-width: 1358px) {
    #products [class^=styles_cols_] [class^=styles_col_] {
        height: auto;
        padding: 30px;
    }

    #products [class^=styles_featuredStacks_] [class^=styles_img_],
    #products [class^=styles_featuredStacks_] [class^=styles_women_] [class^=styles_img_],
    body.page-template-page-supplements-v1 [class^=styles_featuredStacks_] [class^=styles_img_] {
        float: none;
        max-width: 100%;
        margin: 0 auto 10px;
    }

    #products [class^=styles_featuredStacks_] [class^=styles_review_],
    #products [class^=styles_featuredStacks_] [class^=styles_prices_],
    #products [class^=styles_featuredStacks_] [class^=styles_meta_] {
        clear: both;
        margin: 10px auto;
        float: none;
        text-align: center;
    }

    #products [class^=styles_banner_] {
        clear: both;
        margin: 20px auto;
        float: none;
        width: 240px;
    }

    #products [class^=styles_women_] [class^=styles_banner_] {
        margin-top: 20px;
    }

    #products [class^=styles_featuredStacks_] [class^=styles_col_] h3 {
        text-align: center;
        max-width: 235px;
    }

    #products [class^=styles_addtocart_],
    #products [class^=styles_col_] a[class^=styles_learnMore_] {
        display: inline-block;
        clear: both;
        float: none;
    }
}









/*--------------------------------------------------------------
# MEDIA QUERIES: Desktop [ MAX WIDTH: 1366px PIXELS ]
--------------------------------------------------------------*/

@media screen and (max-width: 1366px) {

    .browse-our-store {
        /*padding: 75px 30px 65px;*/
    }

    /* .browse-our-store .img {
        background: url('images/2017-images/tablet-general-page-CTA@2x.jpg') center no-repeat;
        background-size: 100%;
        display: block;
        width: 100%;
        max-width: 768px;
        height: 461px;
        margin: -20px auto 0;
    } */

    #header nav ul li a {
        font-size: 12px;
        padding: 29px 21px 26px;
    }
}








/*--------------------------------------------------------------
# MEDIA QUERIES: Desktop [ MAX WIDTH: 1299 PIXELS ]
--------------------------------------------------------------*/

@media screen and (max-width: 1299px) {
    #header nav ul li a {
        font-size: 12px;
        padding: 29px 12px 26px;
    }

    .footer .footer-top .logo {
        margin-right: 30px;
    }

    .footer .footer-top .main-nav ul li a {
        margin-right: 19px;
    }

    .footer .footer-bot .left p br {
        display: none;
    }

    .footer .footer-bot .left {
        padding-right: 30px;
    }

    .footer .footer-bot .right {
        padding-left: 30px;
    }

    .industry-experts .btn.next {
        right: -100px;
    }

    .industry-experts .btn.prev {
        left: -100px;
    }

    /* #header.scroll nav ul li a {
        padding: 17px 12px 16px;
        font-size: 12px;
    } */

    #header.scroll nav ul li a {
        padding: 17px 9px 16px;
        font-size: 11px;
    }

    #header.scroll nav ul li.quiz-header-link a {
        padding: 10px 8px !important;
        font-size: 11px;
    }

    #header.scroll nav ul li.quiz-header-link.save20-header-link a {
        padding: 10px 21px !important;
    }

    #header .content-dropdown {
        width: 134px;
    }

    #header .content-dropdown.deals-dropdown {
        width: 171px;
    }

    #header .content-dropdown.coaching-dropdown {
        width: 229px;
    }
}








/*--------------------------------------------------------------
# MEDIA QUERIES: Desktop [ MAX WIDTH: 1199 PIXELS ]
--------------------------------------------------------------*/

@media screen and (max-width: 1199px) {
    #supp-drop-trigger {
        margin-left: -55px;
    }

    #header nav ul li a {
        padding: 30px 10px 26px;
        font-size: 11px;
    }

    .footer .footer-bot .social-nav span {
        /*display: none;*/
    }

    .footer .footer-bot .credits .norton {
        margin-right: 0;
    }

    .footer .footer-bot .credits .fsd {
        margin-right: 20px;
    }

    #store-nav .center {
        /*font-size: 13px;*/
    }

    /*#store-nav .right ul li a {
        padding: 0 18px;
    }*/

    /*#header .logo {
        height: 22px;
        top: 21px;
        background-position: top;
    }*/

    /* #header .logo.xmas-logo {
        height: 39px;
        background-position: center;
        margin-top: 15px;
        top: initial;
    } */

    #header .logo.xmas-logo-hat {
        background-position: center;
        margin-top: 15px;
        top: -8px;
        margin-right: 0;
        left: -9px;
    }

    /*#store-nav .right ul li a,
    #store-nav .right ul li a#top-menu-cart-link {
        padding: 0 15px;
        font-size: 10px;
    }*/
}







/*--------------------------------------------------------------
# MEDIA QUERIES: Tablet [ MAX WIDTH: 1099 PIXELS ]
--------------------------------------------------------------*/

@media screen and (max-width: 1099px) {
    #store-nav .left,
    #store-nav .center {
        /*font-size: 12px;*/
    }

    #header.scroll nav ul #supp-drop-trigger {
        margin-left: -80px;
    }

    #header nav ul li a {
        font-size: 10px;
    }

    #header.scroll nav ul li a {
        font-size: 10px;
    }

    /*#store-nav .right ul li a {
        padding: 0 10px;
    }*/

    #header nav.left ul li {
        margin: 0;
    }

    .footer#desktop-footer {
        display: none;
    }

    .footer#tablet-footer {
        display: block;
    }

    .footer .footer-top#tablet-footer .container {
        padding: 0 45px;
    }

    .footer#tablet-footer .footer-top {
        /*height: 83px;*/
        padding: 30px 0 15px 0;
    }

    .footer#tablet-footer .footer-top .logo {
        width: 113px;
        height: 14px;
        background-size: 113px;
        position: relative;
        top: 32px;
        margin-right: 22px;
    }

    .footer#tablet-footer .footer-top .main-nav {
        position: relative;
        top: 30px;
    }

    .footer#tablet-footer .footer-top .main-nav ul li.mobile-hide {
        display: none;
    }

    .footer#tablet-footer .footer-top .main-nav ul li a {
        font-size: 12px;
        margin-right: 18px;
    }

    .footer#tablet-footer .footer-bot .social-nav {
        position: relative;
        top: 0;
        margin-top: 0px;
        margin-bottom: 5px;
    }

    .footer#tablet-footer .footer-bot .social-nav a.tw {
        margin-left: 0;
    }

    .footer#tablet-footer .footer-bot .social-nav a {
        margin-left: 9px;
    }

    .footer#tablet-footer .footer-bot .social-nav a.tw {
        width: 24px;
        background-size: 25px;
    }

    .footer#tablet-footer .footer-bot .social-nav a.fb {
        width: 24px;
        background-size: 14px;
    }

    .footer#tablet-footer .footer-bot .social-nav a.ig {
        width: 24px;
        background-size: 25px;
    }

    .footer .address {
        margin-bottom: 10px;
    }

    .footer .footer-payment-methods {
        margin-bottom: 10px;
    }

    .footer .footer-visa-icon {
        filter: brightness(0) invert(1) contrast(22%);
        width: 6%;
        min-width: 32px;
        margin-right: 10px;
    }
    .footer .footer-mastercard-icon {
        filter: grayscale(1);
        width: 6%;
        min-width: 32px;
        margin-right: 10px;
    }
    .footer .footer-discover-icon {
        filter: grayscale(1);
        opacity: 0.7;
        width: 4%;
        min-width: 23px;
        margin-right: 10px;
    }
    .footer .footer-americanexpress-icon {
        filter: grayscale(1);
        width: 8%;
        min-width: 30px;
        margin-right: 10px;
    }
    .footer .footer-applepay-icon {
        filter: brightness(0) invert(1) contrast(22%);
        width: 7%;
        min-width: 39px;
    }
    .footer .footer-paypal-icon {
        margin-right: 3px;
        width: 10%;
        min-width: 55px;
        margin-right: 17px;
    }
    .footer .footer-amazonpay-icon {
        width: 11%;
        min-width: 60px;
        position: relative;
        bottom: -3px;
        margin-right: 16px;
    }
    .footer .footer-sezzle-icon {
        width: 9%;
        min-width: 49px;
    }

    .footer#tablet-footer .footer-bot {
        /*height: 325px;*/
    }

    .footer#tablet-footer .footer-bot .support {
        width: 227px;
        margin-bottom: 18px;
    }

    .footer#tablet-footer .footer-bot p.terms {
        text-align: center;
        margin: 5px auto 0;
        max-width: 660px
    }

    .footer#tablet-footer .footer-bot p.terms:before {
        left: 0;
        top: -12px;
    }

    .footer#tablet-footer .footer-bot .call p {
        letter-spacing: 0.3px;
    }

    .footer#tablet-footer .footer-bot .left p {
        margin-top: -5px;
        margin-bottom: 23px;
        letter-spacing: 1px;
    }

    .footer#tablet-footer .footer-bot input[type="email"] {
        width: 56%;
    }

    .footer#tablet-footer .footer-bot input[type="submit"] {
        width: 44%;
        letter-spacing: 0px;
    }

    .footer#tablet-footer .footer-bot .cols {
        width: 100%;
        clear: both;
    }

    .footer#tablet-footer .footer-bot .credits {
        text-align: center;
        margin-bottom: 20px;
    }

    .footer#tablet-footer .footer-bot .credits a {
        display: inline-block;
        float: none;
    }

    .footer#tablet-footer .footer-bot p.copyright {
        /*text-align: center;*/
        margin-top: 13px;
        font-size: 12px;
    }

    .footer#tablet-footer .footer-bot p.copyright.cr-first {
        margin-top: 0px;
    }

    .footer#tablet-footer .footer-bot .credits .norton {
        width: 94px;
        height: 55px;
        background: url('images/2017-images/tablet-footer-norton@2x.png') center no-repeat;
        background-size: 94px;
        top: -8px;
        position: relative;
        margin-right: 30px;
    }

    .industry-experts .btn.prev {
        left: -110px;
    }

    .industry-experts .btn.next {
        right: -110px;
    }
}









@media screen and (max-width: 1074px) {
    .before-after {
        width: 50%;
    }

    .before-after .img {
        width: 50%;
        background-size: cover;
        background-position: center;
    }
}









/*--------------------------------------------------------------
# MEDIA QUERIES: Tablet [ MAX WIDTH: 1025px PIXELS ]
--------------------------------------------------------------*/

@media (min-width: 1025px) {
    body.home #product-charity-banner.sitewide-charity-banner {
        top: 38px;
    }

    body.single:not(.single-product) #product-charity-banner.sitewide-charity-banner,
    body.page-template-page-about #product-charity-banner.sitewide-charity-banner,
    body.page-the-truth #product-charity-banner.sitewide-charity-banner {
        top: 20px;
        margin-bottom: 0;
    }

    body.page-template-podcasts #product-charity-banner.sitewide-charity-banner,
    body.blog #product-charity-banner.sitewide-charity-banner,
    body.category #product-charity-banner.sitewide-charity-banner {
        top: 20px;
    }
}











/*--------------------------------------------------------------
# MEDIA QUERIES: Tablet [ MAX WIDTH: 1024px PIXELS ]
--------------------------------------------------------------*/

@media screen and (max-width: 1024px) {
    .container {
        padding: 0 45px;
    }

    body {
        margin-top: 139px !important;
    }

    body.legion-sb-disabled,
    body.woocommerce-order-received {
        margin-top: 105px !important;
    }

    body.category #main.blog {
        overflow: hidden;
    }

    nav.center {
        display: none;
    }

    .product-countdown-timer {
        margin: 0 auto;
        float: none;
        clear: both;
        max-width: 100%;
    }

    #header {
        top: 69px;
        padding: 0;
    }

    body.legion-sb-disabled #header,
    body.woocommerce-order-received #header {
        top: 35px;
    }

    body.admin-bar #header {
        top: 67px;
    }

    body.admin-bar #header.scroll {
        top: 67px;
    }

    #header * {
        transition: none;
    }

    #header .logo {
        background-position: top;
    }

    #store-nav {
        text-align: center;
        height: 37px;
    }

    #store-nav .left,
    #store-nav .right {
        display: none;
    }

    #store-nav .center {
        display: block;
        width: 100%;
        left: 0;
        line-height: initial;
        padding-top: 8px;
        font-size: 12px;
    }

    #store-nav .center.desktop-nav {
        display: none;
    }

    #store-nav .center.mobile-nav {
        display: initial;
    }

    #store-nav.scroll,
    body.legion-sb-disabled #store-nav.scroll,
    body.woocommerce-order-received #store-nav.scroll {
        top: 0px;
    }

    #legion-sale-banner.scroll {
        top: -60px;
    }

    #legion-sale-banner.red-header-bar.scroll {
        top: 0px;
    }

    div[id^=sale-banner-timer-countdown] #timer {
        bottom: 5.5%;
    }

    div[id^=sale-banner-timer-countdown].inpost-timer #timer,
    div[id^=sale-banner-timer-countdown].inpost-timer.xmas2021.xmas2021FatBurners #timer {
        left: 21.35%;
    }

    div[id^=sale-banner-timer-countdown].inpost-timer #timer .countdown {
        font-size: 2.5vw !important;
    }

    div[id^="sale-banner-timer-countdown"].inpost-timer.mar2022Pulse.may2022Triumph.bfcm2023 #timer .unit {
        font-size: 1.2vw;
    }

    #header .logo {
        top: 12px;
        z-index: 999;
        position: absolute;
        left: 50%;
        margin-left: -84px;
    }

    #header .logo.xmas-logo {
        top: 6px;
        z-index: 999;
        position: absolute;
        left: 50%;
        margin-left: -56px;
        margin-top: 0;
    }

    #header .logo.xmas-logo-hat {
        top: 7px;
        z-index: 999;
        position: absolute;
        left: 50%;
        margin-left: -92px;
        margin-top: 0;
    }

    #header.scroll .logo {
        background-position: center;
        background-size: 110px;
        height: 41px;
        top: 16px;
        margin-top: 0
    }

    #header.scroll .logo.xmas-logo {
        background-size: 112px;
        height: 41px;
        margin-top: 0;
    }

    #header .logo.logo-trademark {
        top: 3px;
        background-position: top center;
    }

    #header.scroll .logo.logo-trademark  {
        background-position: top center;
        margin-top: 11px;
        background-size: contain;
        padding: 0;
        height: 45px;
    }

    #header nav.left,
    #header nav.right {
        display: none;
    }

    #header .mobile-container {
        display: block;
        width: 100%;
        clear: both;
    }

    .mobile-header-toggle {
        padding: 35px 26px;
    }

    #mobile-nav-icon {
        float: left;
        background: url('images/2017-images/phone-header-menu-toggle-v2@2x.png') 9px center no-repeat;
        background-size: 37px;
        width: 24px;
        height: 16px;
        display: block;
        cursor: pointer;
    }

    #mobile-nav-icon.mob-menu-open {
        background: url('images/2017-images/mob-close-x.png') center no-repeat;
        background-size: 20px;
        opacity: 0.8;
    }

    #mobile-menu {
        width: 100%;
        height: calc(100% - 140px);
        max-width: 474px;
        position: fixed;
        background: #fff;
        top: 140px;
        left: 0;
        bottom: 0;
        overflow: scroll;
        padding-bottom: 0;
        z-index: 99999999;
        transition: all 200ms ease-in;
        padding-bottom: 50px;
    }

    body.legion-sb-disabled #mobile-menu,
    body.woocommerce-order-received #mobile-menu {
        height: calc(100% - 106px);
        top: 106px;
    }

    body.single-post #mobile-menu {
        top: 143px;
        height: calc(100% - 143px);
    }

    body.single-post.legion-sb-disabled #mobile-menu {
        top: 109px;
        height: calc(100% - 109px);
    }

    #mobile-menu.scroll,
    body.legion-sb-disabled #mobile-menu.scroll,
    body.woocommerce-order-received #mobile-menu.scroll {
        top: 105px;
        height: calc(100% - 105px);
    }

    body.single-post #mobile-menu.scroll {
        left: -474px;
    }

    #mobile-menu .close-toggle {
        display: block;
        position: absolute;
        top: 15px;
        right: 0;
        background: url('images/2017-images/mobile-menu-close@2x.png') center no-repeat;
        background-size: 12px;
        z-index: 999999999;
        width: 64px;
        height: 53px;
        cursor: pointer;
    }

    body.page-template-page-quiz #header .mobile-container .left,
    body.page-template-page-quiz #header .mobile-container .right {
        visibility: hidden;
    }

    #quiz-landing-container h1 {
        margin-top: 0;
        padding-top: 40px;
    }

    #mobile-menu .call-us {
        width: 100%;
        height: 58px;
        border-bottom: 1px #CACACA solid;
        padding-left: 40px;
        text-transform: uppercase;
        background: url('images/2017-images/mobile-menu-phone@2x.png') 16px 21px no-repeat;
        background-size: 11px;
        margin-bottom: 14px;
    }

    #mobile-menu .call-us a {
        width: 230px;
        height: 100%;
        text-decoration: none;
        font-size: 11px;
        letter-spacing: 1px;
        display: block;
        padding-top: 17px;
        color: #41494E;
    }

    #mobile-menu .call-us p {
        color: #41494E;
        margin-bottom: 3px;
        font-weight: bold;
    }

    #mobile-menu .call-us span strong {
        color: #00A2FF;
        font-weight: bold;
    }

    #mobile-menu ul {
        margin-left: 0;
    }

    #mobile-menu ul.stacks {
        margin-bottom: 25px;
    }

    #mobile-menu ul.products {
        margin-bottom: 20px;
    }

    #mobile-menu .label {
        font-size: 12px;
        color: #000;
        letter-spacing: 1px;
        display: block;
        margin-bottom: 10px;
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    #mobile-menu .label.standalone-label {
        margin-bottom: 20px;
    }

    #mobile-menu .label a {
        padding: 0;
    }

    #mobile-menu .label.sale {
        color: #ff3a3b;
    }

    #mobile-menu ul li {
        padding-left: 30px;
        position: relative;
    }
    #mobile-menu #deals-sub-menu ul li {
        padding-left: 20px;
    }
    #mobile-menu #deals-sub-menu ul li a {
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
        display: block;
        width: 100%;
        letter-spacing: 0.25px;
        position: relative;
    }


    #supplements-sub-menu span.label.blog-menu a:after  {
        background: none;
    }

    #mobile-menu ul li.sub-menu > a:after {
        width: 11px;
        height: 12px;
        display: block;
        right: 0;
        top: 0;
        position: absolute;
        content: "";
        background: url('images/2017-images/mobile-menu-arrow@2x.png') center no-repeat;
        background-size: 7px;
        background-position-x: 9px;
        padding: 23px;
    }

    #mobile-menu ul li.active.sub-menu > a:after {
        width: 12px;
        height: 10px;
        top: 0;
        background: url('images/2017-images/mobile-menu-arrow-active@2x.png') center no-repeat;
        background-size: 8px;
        background-position-x: 9px;
        padding: 23px;
    }

    #mobile-menu ul li a {
        font-size: 18px;
        width: 100%;
        font-weight: bold;
        color: #000;
        text-decoration: none;
        display: block;
        width: 100%;
        letter-spacing: 0.25px;
        position: relative;
        padding: 16px 0;
    }

    #mobile-menu .mob-supps-link {
        padding: 15px 175px 15px 0;
        font-size: 18px;
    }

    #mobile-menu ul li.active a {
        color: #000;
    }

    #mobile-menu ul li ul li .img {
        width: 48px;
        display: block;
        float: left;
        margin-right: 15px;
        position: relative;
        top: -6px;
    }

    #mobile-menu ul li ul li.fat-loss  {
        margin-bottom: 6px;
    }

    #mobile-menu ul li ul li.fat-loss h3,
    #mobile-menu ul li ul li.muscle-gain h3 {
        padding-top: 10px;
    }

    #mobile-menu ul li ul li.the-30-day-bigger-leaner-stronger-transformation .img {
        background: url('images/2017-images/mobile-menu-bls@2x.png') center no-repeat;
        background-size: 46px;
        top: -2px;
    }

    #mobile-menu ul li ul li.the-30-day-love-your-body-transformation .img {
        background: url('images/2017-images/mobile-menu-tls@2x.png') center no-repeat;
        background-size: 46px;
        top: -2px;
    }

    #mobile-menu ul li ul li.optimal-performance-stack .img {
        background: url('images/2017-images/mobile-menu-optimal@2x.png') center no-repeat;
        background-size: 44px;
        top: -3px;
    }

    #mobile-menu ul li ul li.rapid-recovery-stack .img {
        background: url('images/2017-images/mobile-menu-repair-recover@2x.png') center no-repeat;
        background-size: 43px;
        top: -5px;
    }

    #mobile-menu ul li ul li.fat-loss-stack .img {
        background: url('images/2017-images/mobile-menu-fat-loss@2x.png') center no-repeat;
        background-size: 42px;
        top: -3px;
    }

    #mobile-menu ul li ul li.build-muscle-stack .img {
        background: url('images/2017-images/mobile-menu-muscle-gain@2x.png') center no-repeat;
        background-size: 42px;
        top: -5px;
    }

    #mobile-menu ul li ul li.ascend .img {
        background: url('images/2017-images/mobile-menu-ascend@2x.png') center no-repeat;
        background-size: 30px;
    }

    #mobile-menu ul li ul li.pulse .img {
        background: url('images/2017-images/mobile-menu-pulse@2x.png') center no-repeat;
        background-size: 30px;
    }

    #mobile-menu ul li ul li.phoenix .img {
        background: url('images/2017-images/mobile-menu-phoenix@2x.png') center no-repeat;
        background-size: 19px;
    }

    #mobile-menu ul li ul li.whey .img {
        background: url('images/2017-images/mobile-menu-whey@2x.png') center no-repeat;
        background-size: 21px;
    }

    #mobile-menu ul li ul li.atlas .img {
        background: url('images/2017-images/mobile-menu-atlas@2x.png') center no-repeat;
        background-size: 21px;
    }

    #mobile-menu ul li ul li.thrive .img {
        background: url('images/2017-images/mobile-menu-thrive@2x.png') center no-repeat;
        background-size: 21px;
    }

    #mobile-menu ul li ul li.triumph .img {
        background: url('images/2017-images/mobile-menu-triumph@2x.png') center no-repeat;
        background-size: 19px;
    }

    #mobile-menu ul li ul li.recharge .img {
        background: url('images/2017-images/mobile-menu-recharge@2x.png') center no-repeat;
        background-size: 29px;
    }

    #mobile-menu ul li ul li.forge .img {
        background: url('images/2017-images/mobile-menu-forge@2x.png') center no-repeat;
        background-size: 19px;
    }

    #mobile-menu ul li ul li.triton .img {
        background: url('images/2017-images/mobile-menu-triton@2x.png') center no-repeat;
        background-size: 21px;
    }

    #mobile-menu ul li ul li.genesis .img {
        background: url('images/2017-images/mobile-menu-genesis@2x.png') center no-repeat;
        background-size: 30px;
    }

    #mobile-menu ul li ul li.fortify .img {
        background: url('images/2017-images/mobile-menu-fortify@2x.png') center no-repeat;
        background-size: 19px;
    }

    #mobile-menu ul li ul li.lunar .img {
        background: url('images/2017-images/mobile-menu-lunar@2x.png') center no-repeat;
        background-size: 30px;
    }

    #mobile-menu ul li h3 {
        line-height: 1.4;
        font-size: 12px;
        text-transform: uppercase;
        color: #222222;
        text-decoration: none;
        padding-top: 5px;
    }

    #mobile-menu ul li .sub-heading {
        font-size: 10px;
        line-height: 1;
        color: #797F83;
        display: block;
    }

    #mobile-menu ul.stacks li {
        padding-left: 0;
        margin-bottom: 13px;
    }

    #mobile-menu ul.products li {
        /*padding-left: 0;
        margin-bottom: 6px;*/
    }

    #mobile-menu ul.stacks li a,
    #mobile-menu ul.products li a {
        line-height: 17px;
        font-size: 16px;
        padding: 8px 0;
    }

    #mobile-menu ul.products li span.new {
        color: #ff3a3b;
    }

    #mobile-menu ul.products li span.new.menu-green {
        color: #28c890;
    }

    #mobile-menu .supplement-quiz {
        width: 218px;
        height: 46px;
        display: block;
        margin: 15px auto 35px;
        border: 1px #DEDEDE solid;
        text-transform: uppercase;
        text-align: center;
        font-size: 14px;
        color: #00A2FF;
        letter-spacing: 0.5px;
        text-decoration: none;
        font-weight: bold;
        line-height: 46px;
    }

    #mobile-menu .bottom {
        width: 100%;
        max-width: 474px;
        clear: both;
        position: fixed;
        bottom: 0;
        left: 0;
    }

    #mobile-menu .bottom a {
        letter-spacing: 1.5px;
        text-transform: uppercase;
        color: #878D91;
        text-decoration: none;
        font-size: 13px;
        text-align: center;
        font-weight: 600;
        display: block;
    }

    #mobile-menu .bottom a.shopping-cart {
        width: 100%;
        height: 59px;
        border-bottom: 1px #D8D8D8 solid;
        line-height: 59px;
        clear: both;
        background: #F0F0F0;
    }

    #mobile-menu .bottom a.shopping-cart span {
        color: #00A2FF;
    }

    #mobile-menu .bottom a.register,
    #mobile-menu .bottom a.sign-in,
    #mobile-menu .bottom a.my-account,
    #mobile-menu .bottom a.sign-out
    {
        width: 50%;
        height: 57px;
        line-height: 57px;
        float: left;
        background: #EFEFEF;
        cursor: pointer;
    }

    #mobile-menu .bottom a.sign-in,
    #mobile-menu .bottom a.my-account {
        border-right: 1px #D8D8D8 solid;
    }

    #save-20-quiz-buttons {
        display: flex;
        justify-content: space-between;
        margin: 22px 30px 5px;
    }

    #save-20-now-menu-button {
        width: 50%;
        display: block;
        text-decoration: none;
        color: #fff;
        font-size: 15px;
        text-align: center;
        background-color: #27a2ff;
        border: 1px solid #27a2ff;
        font-weight: bold;
        padding: 19px;
        margin-right: 10px;
        max-width: 200px;
    }

    #quiz-2021-button {
        width: 50%;
        display: block;
        text-decoration: none;
        color: #fff;
        font-size: 15px;
        text-align: center;
        background-color: #f59908;
        border: 1px solid #f59908;
        font-weight: bold;
        padding: 19px;
        max-width: 200px;
    }

    #mobile-search {
        float: left;
        background: url('images/2017-images/tablet-header-search@2x.png') center no-repeat;
        background-size: 22px;
        width: 22px;
        height: 24px;
        display: block;
        cursor: pointer;
    }

    #shopping-cart-toggle {
        float: right;
        background: url('images/2017-images/tablet-header-shopping-cart@2x.png') center no-repeat;
        background-size: 27px;
        width: 27px;
        height: 24px;
        display: block;
        cursor: pointer;
        margin-right: 11px;
        position: relative;
    }

    #shopping-cart-toggle .num {
        position: absolute;
        width: 17px;
        height: 17px;
        border-radius: 100%;
        background: #FE4C0C;
        /*background: #484848;*/
        display: block;
        top: 25%;
        right: 10%;
        color: #fff;
        font-size: 11px;
        font-weight: bold;
        text-align: center;
        line-height: 18px;
        text-indent: 0;
    }

    #shopping-cart-toggle .num.greyed {
        background: #b8b8b8;
        /*background: #FE4C0C;*/
    }

    #profile-toggle {
        float: right;
        background: url('images/2017-images/tablet-header-profile@2x.png') center no-repeat;
        background-size: 24px;
        width: 24px;
        height: 24px;
        display: block;
        cursor: pointer;
    }

    /*--------------------------------------------------------------
    # Start of mobile quick nav (MQN) CSS
    --------------------------------------------------------------*/
    #mobile-quick-nav {
        display: block !important;
        width: 100%;
        padding: 8px 12px;
        overflow: hidden;
        margin: 0 auto;
        border-top: 1px solid #e3e3e3;
    }

    #mobile-quick-nav .mqn-scroll {
        display: flex;
        justify-content: space-between;
        overflow-x: scroll;
        gap: 14px;
        -webkit-tap-highlight-color: transparent;
        scrollbar-width: none; /* Firefox */
    }

    #mobile-quick-nav .mqn-scroll::-webkit-scrollbar {
        display: none; /* Chrome/Safari */
    }

    #mobile-quick-nav .mqn-item {
        display: flex;
        align-items: center;
        padding: 6px 0;
        text-decoration: none;
        color: #333;
        white-space: nowrap;
    }

    #mobile-quick-nav .mqn-label {
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        text-transform: capitalize;
        text-align: center;
    }

    #mobile-quick-nav .mqn-active-item .mqn-label {
        color: #27A2FF;
        text-decoration-line: underline;
        text-underline-position: from-font;
    }

    body.home,
    body.page-template-page-products,
    body.tax-product_cat,
    body.page-template-rewards {
        margin-top: 189px !important;
    }
    body.page-template-page-subscribe-about #subscribe {
        padding-top: 191px;
    }
    /*--------------------------------------------------------------
    # End of mobile quick nav (MQN) CSS
    --------------------------------------------------------------*/

    .faq-item .question {
        font-size: 18px;
    }

    body.home #product-charity-banner.sitewide-charity-banner a,
    #product-charity-banner.sitewide-charity-banner a,
    #product-charity-banner.sitewide-charity-banner a img {
        width: 100% !important;
    }

    .customer-testimonials {
        padding: 44px 0 47px;
    }

    .customer-testimonials header {
        margin-bottom: 36px !important;
    }

    .customer-testimonials h2 {
        font-size: 27px;
    }

    .blog #more-from-legion-featured article,
    .blog #more-from-legion article,
    .five-wide-posts article {
        width: 48%;
    }

    .blog #more-from-legion-featured.featured-category article,
    .five-wide-posts article {
        width: 23%;
    }

    .blog #more-from-legion article {
        padding-bottom: 0;
    }

    .blog #more-from-legion-featured.featured-category article:nth-child(4),
    .five-wide-posts article:nth-child(4) {
        display: none;
    }

    .blog #more-from-legion-featured,
    .blog #more-from-legion {
        padding: 40px 30px 0 30px;
    }

    .blog #more-from-legion-featured h3,
    .blog #more-from-legion h3 {
        font-size: 24px;
    }

    #main #faq ul li {
        background-size: 14px;
        font-size: 17px;
        letter-spacing: 0;
    }

    #store-splash {
        margin-bottom: 0;
        padding: 40px 0;
    }

    #store-splash h1 {
        margin-bottom: 0;
    }

    #products {
        margin-bottom: 45px;
    }

    #products h4 {
        font-size: 27px;
    }

    #product-filters  {
        margin: 45px 0;
        height: auto;
    }

    #product-filters .filters {
        line-height: 44px;
    }

    #product-filters .select-box {
        width: 31.6%;
        margin-right: 2.6%;
    }

    #product-filters .select-box select {
        padding-left: 18px;
    }

    body.term-apparel #products ul li {
        width: 50%;
        height: 368px;
    }

    span.product-feature {
        top: 10px;
    }

    .customer-testimonials ul li {
        min-height: 416px;
    }

    .customer-testimonials ul li .read-more {
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -80px !important;
    }

    .customer-testimonials ul li blockquote p {
        margin: 0 auto !important;
        max-width: 92%;
        margin-bottom: 55px !important;
        font-size: 17px;
    }

    body.single-post .intercom-lightweight-app-launcher.scroll,
    body.single-post .intercom-launcher-frame.scroll,
    body.single-post .intercom-launcher-badge-frame.scroll {
        right: -70px !important;
    }

    body.single-post iframe[name='intercom-notifications-frame'].scroll,
    body.single-post iframe[name='intercom-chat-frame'].scroll {
        right: -350px;
    }

    body.single-post iframe#chat-button.scroll {
        right: -70px !important;
    }

    body.single-post iframe#chat-campaigns.scroll,
    body.single-post iframe#chat-window.scroll {
        right: -350px !important;
    }

    #main #legion-instagram-reviews {
        padding-bottom: 50px !important;
        padding-top: 41px !important;
    }

    #main #legion-instagram-reviews .container {
        padding: 0;
    }

    #main #legion-instagram-reviews h2 {
        margin: 0 auto;
        margin-bottom: 20px;
        padding: 0 30px;
    }

    #main #legion-instagram-reviews h2 br {
        display: none;
    }

    #main #legion-instagram-reviews p {
        margin-bottom: 0 !important;
        font-size: 18px;
    }

    #main #legion-instagram-reviews .social-share h3 {
        margin: auto !important;
        float: none;
        text-align: center;
        height: auto;
        line-height: 1;
    }

    #main #legion-instagram-reviews .social-share {
        height: auto;
        padding: 20px 37px 2px 37px;
        margin: 0 auto;
        max-width: 768px;
    }

    #main #legion-instagram-reviews .social-share p {
        float: none;
        text-align: center;
        margin-top: 20px;
    }

    #main #legion-instagram-reviews .social-share .social-icons {
        margin: auto;
        float: none;
        text-align: center;
        padding: 23px 0 0;
    }

    #main #legion-instagram-reviews #legion-instagram-images {
        background: #F9F9F9;
        padding: 30px 0 0 0;
        /*max-width: 768px;*/
        margin: 0 auto;
    }

    #main #legion-instagram-reviews #legion-instagram-images li {
        width: 235px !important;
        height: 235px !important;
        margin-bottom: 14px;
    }

    #main #legion-instagram-reviews #legion-instagram-images li:last-child,
    #main #legion-instagram-reviews #legion-instagram-images li:nth-last-child(2) {
        display: none;
    }

    .industry-experts {
        padding: 44px 55px 11px 55px;
    }

    .industry-experts > .container {
        padding: 0;
    }

    .industry-experts div.quotes {
        max-width: 650px;
    }

    .industry-experts h2 {
        font-size: 27px;
        text-align: center;
    }

    .industry-experts ul li .company {
        text-align: center;
    }

    .industry-experts ul li p {
        text-align: center;
        font-size: 17px;
        margin-bottom: 17px;
    }

    .industry-experts ul li .img {
        float: none;
        margin: 0 auto 20px;
    }

    .industry-experts .btn.prev {
        left: -15px;
    }

    .industry-experts .btn.next {
        right: -15px;
    }

    .industry-experts .btn {
        top: 54px;
        margin-top: 0;
    }

    #inpost-timer {
        width: 25.5%;
        left: 9%;
    }

    #inpost-timer .countdown {
        font-size: 2.7vw;
    }

    #inpost-timer .unit {
        font-size: 1vw;
    }

    #sidebar-timer {
        left: 26.8%;
        bottom: 37%;
    }

    #sidebar-timer.may2022Triumph {
        /*left: 26.5%;*/
    }

    #sidebar-timer .countdown,
    #sidebar-timer.aug2021Protein .countdown {
        font-size: 2vw;
    }

    #sidebar-timer .unit,
    #sidebar-timer.aug2021Protein .unit {
        font-size: 0.8vw;
    }

    #sidebar-timer.may2022Triumph .countdown {
        /*font-size: 2vw;*/
    }

    #sidebar-timer.may2022Triumph .unit {
        font-size: 0.8vw;
    }

    /** 2024 New Mobile Navigation **/
    #supplements-sub-menu {
        padding-left: 20px;
        
    }
    #supplements-sub-menu span.label.second-level-sub-menu  {
            width: 90%;
    }
    #supplements-sub-menu span.label.second-level-sub-menu a:after {
        width: 11px;
        height: 12px;
        display: block;
        right: 0;
        top: 0;
        position: absolute;
        content: "";
        background: url(images/2017-images/mobile-menu-arrow@2x.png) center no-repeat;
        background-size: 8px;
    }   
    .second-level-dropdown {
        display: none;
    }
    
    .second-level-dropdown {
        display: none;
    }

    .second-level-dropdown.active-second-dropdown {
        display: block;
    }

    #mobile-menu .second-level-dropdown.active-second-dropdown li a {
        font-weight: normal;
    }

    #supplements-sub-menu span.label.second-level-sub-menu.active-span  a:after{
        color: #ff0000; 
        width: 12px;
        height: 10px;
        top: 0;
        background: url(images/2017-images/mobile-menu-arrow-active@2x.png) center no-repeat;
        background-size: 8px;
    }
    .redText {
        color: #FF0000;

    }
}


@media screen and (max-width: 900px) {
    .blog #more-from-legion-featured.featured-category article,
    .five-wide-posts article {
        width: 31%;
    }

    .blog #more-from-legion article {
        padding-bottom: 0;
    }

    .blog #more-from-legion article .bot {
        height: calc(100% - 176px);
    }

    .five-wide-posts article .bot {
        height: 65%;
    }

    .blog #more-from-legion-featured.featured-category article:nth-child(3),
    .five-wide-posts article:nth-child(3) {
        display: none;
    }

    #sidebar-timer .countdown,
    #sidebar-timer.aug2021Protein .countdown {
        font-size: 2.4vw;
    }

    #sidebar-timer .unit,
    #sidebar-timer.aug2021Protein .unit {
        font-size: 0.9vw;
    }
}








/*--------------------------------------------------------------
# MEDIA QUERIES: Phone [ MAX WIDTH: 782px PIXELS ]
--------------------------------------------------------------*/

@media screen and (max-width: 782px) {
    body.admin-bar #store-nav {
        top: 46px;
    }

    body.admin-bar #header,
    body.admin-bar #header.scroll  {
        top: 81px;
    }

    .top-rated-products .btn.next{
        right:0;
    }

    .top-rated-products .btn.prev{
        left:0;
    }

    #sidebar-timer {
        width: 47.5%;
        left: 27%;
        bottom: 36%;
    }

    #sidebar-timer .countdown,
    #sidebar-timer.aug2021Protein .countdown {
        font-size: 3vw;
    }

    #sidebar-timer .unit,
    #sidebar-timer.aug2021Protein .unit {
        font-size: 1.2vw;
    }
}








/*--------------------------------------------------------------
# MEDIA QUERIES: Phone [ MAX WIDTH: 767 PIXELS ]
--------------------------------------------------------------*/

@media screen and (max-width: 457px) {
    #toggleMoneyBackGuaranteeMobile .large-screens {
        display:  none;
    }
    #toggleMoneyBackGuaranteeMobile .small-screens {
        display:  inherit;
    }
}

@media screen and (min-width: 458px) {
    #toggleMoneyBackGuaranteeMobile .large-screens {
        display:  inherit;
    }
    #toggleMoneyBackGuaranteeMobile .small-screens {
        display:  none;
    }
}

@media screen and (max-width: 1024px) {
    .desktop-moneyback-quiz {
        display:  none;
    }
    .mobile-moneyback-quiz {
        display:  inherit;
    }
}

@media screen and (min-width: 1025px) {
    .desktop-moneyback-quiz {
        display:  inherit;
        margin-bottom:  60px !important;
    }
    .mobile-moneyback-quiz {
        display:  none;
    }
}

@media screen and (max-width: 767px) {

    body {
        margin-top: 139px !important;
    }

    body.admin-bar #header {
        top: 46px;
    }

    .mobile-hidden {
        display: block;
    }

    .container {
        padding: 0 30px;
    }

    #header {
        top: 69px;
    }

    body.admin-bar #header.scroll {
        top: 46px;
    }

    [class^="styles_moneyback_"] {
        top:-20px !important;
        left:auto;
    }

    #header .logo,
    #header.scroll .logo {
        width: 109px;
        height: 32px;
        margin-left: -55px;
        top: 12px;
        background: url('images/2017-images/2020-legion-logos/legion-logo-2020.png') center no-repeat;
        background-size: 78px;
        margin-top: 9px;
    }

    #header .logo.xmas-logo,
    #header.scroll .logo.xmas-logo {
        width: 109px;
        height: 32px;
        margin-left: -40px;
        top: 12px;
        background: url('images/2017-images/2020-legion-logos/legion-logo-christmas-2020@2x.png') center left no-repeat;
        background-size: 79px;
        margin-top: 9px;
    }

    #header .logo.logo-trademark {
        background: url('images/2017-images/2020-legion-logos/legion-logo-2020-full@2x.png') top center no-repeat;
        background-size: contain;
        top: 2px;
    }

    #header.scroll .logo.logo-trademark  {
        top: 2px;
    }

    .mobile-header-toggle {
        padding: 35px 18px 35px 20px;
    }

    #mobile-nav-icon {
        width: 16px;
        height: 14px;
        background: url('images/2017-images/phone-header-menu-toggle-v2@2x.png') 6px center no-repeat;
        background-size: 30px;
    }

    #mobile-nav-icon.mob-menu-open {
        background-size: 16px;
        background-position-x: 13px;
    }

    #mobile-search {
        width: 16px;
        height: 18px;
        background: url('images/2017-images/phone-header-search@2x.png') center no-repeat;
        background-size: 17px;
    }

    #profile-toggle {
        width: 19px;
        height: 19px;
        background: url('images/2017-images/phone-header-profile@2x.png') center no-repeat;
        background-size: 19px;
    }

    #shopping-cart-toggle {
        width: 22px;
        height: 19px;
        background: url('images/2017-images/phone-header-shopping-cart@2x.png') center no-repeat;
        background-size: 22px;
    
    }

    #shopping-cart-toggle .num {
        top: 30%;
        right: 0%;
    }

    [class^=styles_modal_] [class*=styles_protDisclaimer_] {
        max-width: 310px;
        margin: -6px auto 0px auto;
        font-size: 12px;
    }

    [class^=styles_modal_] [class^=styles_productDetails_] [class*=styles_protDisclaimer_] {
        display: none;
    }

    .footer#tablet-footer {
        display: none;
    }

    .footer#phone-footer {
        display: block;
    }

    .footer#phone-footer .footer-top {
        padding: 0;
    }

    .footer#phone-footer .footer-top .container {
        text-align: center;
    }

    .footer .footer-top nav {
        width: 100%;
        border-bottom: 1px solid #c1cace;
        padding: 0;
    }

    .footer .footer-top nav h2 {
        text-align: left;
        line-height: 1em;
        padding: 25px 25px 25px 25px;
        cursor: pointer;
        color: #fff;
    }

    .footer .footer-top nav h2 a.find-a-store-link {
        text-decoration: none;
        color: #fff;
    }

    .footer .footer-top nav h2 span {
        font-size: 8px;
        position: relative;
        top: 0;
        color: #fff;
        float: right;
        left: 0;
    }

    .footer .footer-top nav h2 span.invert {
        transform: rotate(180deg);
        display: inline-block;
        top: -6px;
    }

    .footer .footer-top nav ul {
        margin-top: 0;
        padding: 0 25px;
    }

    .footer .footer-top nav ul li {
        margin-bottom: 20px;
    }

    .footer .footer-top nav ul li a {
        font-size: 15px;
    }

    #footer-mobile-form-container {
        background: #f2f2f2;
        padding: 30px 30px 16px 30px !important;
    }

    #footer-mobile-form-container h2 {
        font-size: 28px;
        margin-bottom: 15px;
        line-height: 1.2;
        color: #263341;
    }

    #footer-mobile-form-container p {
        color: #333;
        font-size: 13px;
    }

    .footer#phone-footer .footer-bot .social-nav {
        display: inline-block;
        float: none;
        margin-top: 15px;
        margin-bottom: 13px;
    }

    .footer#phone-footer .footer-bot .social-nav span {
        display: block;
        position: relative;
        float: left;
        top: 22px;
        width: 100%;
        margin-bottom: 15px;
        margin-right: 0;
    }

    .footer#phone-footer .footer-bot .social-nav a {
        margin-left: 20px;
        margin-top: 18px
    }

    .footer#phone-footer .footer-bot .social-nav a.tw {
        width: 24px;
        height: 24px;
        filter: none;
        margin-left: 0;
        margin-top: 20px;
    }

    .footer#phone-footer .footer-bot .social-nav a.fb {
        width: 24px;
        height: 24px;
        filter: none;
    }

    .footer#phone-footer .footer-bot .social-nav a.ig {
        width: 24px;
        height: 24px;
        filter: none;
    }

    .footer#phone-footer  .footer-bot {
        padding: 0 0 26px 0;
        /*height: 582px;*/
    }

    .footer#phone-footer .footer-bot .logo {
        width: 130px;
        height: 15px;
        display: block;
        background: url('images/2017-images/footer-logo@2x.png') center no-repeat;
        background-size: 130px;
        margin: 0 auto 25px;
        text-indent: -9999px;
    }

    .footer#phone-footer .footer-bot .main-nav ul {
        padding-left: 16px;
        margin-top: 20px;
        max-width: 260px;
        margin: auto;
    }

    .footer#phone-footer .footer-bot .main-nav ul li {
        margin-bottom: 22px;
        float: left;
        width: 50%;
    }

    .footer#phone-footer .footer-bot .main-nav ul li.search {
        display: none;
    }

    .footer#phone-footer .footer-bot .main-nav ul li a {
        text-align: left;
        color: #fff;
        text-decoration: none;
        font-size: 14px;
        display: block;
        font-weight: 600;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .footer#phone-footer .footer-bot .left,
    .footer#phone-footer .footer-bot .right {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .footer#phone-footer .footer-bot .left {
        border-right: none;
    }

    .footer#phone-footer .footer-bot .support {
        margin-right: auto;
        margin-left: auto;
        float: none;
        width: 259px;
        line-height: 47px;
        margin-bottom: 20px;
        display: block;
    }

    .footer#phone-footer .footer-bot .call {
        margin-top: 3px;
        margin-bottom: 15px;
        padding-left: 42px;
        background-position: 6px 6px !important;
        display: inline-block;
        text-align: left;
    }

    .footer#phone-footer .footer-bot .left p {
        font-size: 14px;
        text-align: center;
        max-width: 300px;
        margin: 0 auto 23px;
    }

    .footer#phone-footer .footer-bot form {
        margin-bottom: 20px;
        max-width: 258px;
        margin: 0 auto 20px;
    }

    .footer#phone-footer .footer-bot input[type="email"] {
        width: 100%;
        border: 1px solid #333;
    }

    .footer#phone-footer .footer-bot input[type="submit"] {
        width: 100%;
        background: #00A2FF;
        background-size: 14px;
        color: #ffffff;
        font-weight: bold;
        margin-top: 10px;
    }

    .footer#phone-footer .footer-bot p.terms {
        font-size: 12px;
        padding: 0 15px;
        text-align: center;
        line-height: 1.4;
        margin: 0 auto -5px;
        position: relative;
        top: -20px;
        max-width: 276px;
    }

    .footer#phone-footer .footer-bot p.terms:before {
        height: 20px;
        top: 12px;
        left: -5px;
        display: inline-block;
        position: relative;
    }

    .footer#phone-footer .footer-bot p.copyright {
        text-align: center;
        line-height: 1.5;
        margin: 0 auto 6px;
        font-size: 12px;
    }

    .footer#phone-footer .footer-bot p.copyright a.space {
        margin-left: 5px;
    }

    .footer#phone-footer .footer-bot .credits {
        text-align: center;
        max-width: 275px;
        margin: auto;
    }

    .footer#phone-footer .footer-bot .credits a {
        display: inline-block;
    }

    .quiz-box,
    .box-man,
    .box-woman {
        width: 100%;
        max-width: 678px;
        max-width: 602px;
        margin: 0 auto 30px;
        float: none;
    }

    .box-woman {
        margin-bottom: 0;
    }

    .remodal {
        margin-bottom: 16px;
    }

    .remodal-wrapper {
        padding: 0 30px !important;
    }

    .hidden {
        display: none;
    }

    [data-remodal-id="guarantee_modal"],
    [data-remodal-id="free_shipping"] {
        margin-bottom: 0;
        padding: 40px 30px 20px !important;
        box-shadow: inset 0 0 0 5px #F7F7F7;
        z-index: 9999999 !important;
    }

    [data-remodal-id="free_shipping"] p {
        font-size: 15px;
    }

    [data-remodal-id="free_shipping"] h2 {
        font-size: 20px;
        margin-bottom: 25px;
    }

    [data-remodal-id="guarantee_modal"] .remodal-close,
    [data-remodal-id="free_shipping"] .remodal-close {
        top: 5px !important;
        right: 5px !important;
    }

    #mobile-navigation {
        width: 100%;
        height: 58px;
        background: #F7F7F7;
        border-top: 1px #D9D9D9 solid;
        clear: both;
        display: block;
        position: fixed;
        bottom: 0 !important;
        left: 0;
        z-index: 999;
    }

    #mobile-navigation ul {
        width: 100%;
        clear: both;
    }

    #mobile-navigation ul li {
        float: left;
        width: 20%;
    }

    #mobile-navigation ul li a {
        width: 100%;
        height: 58px;
        display: block;
        padding-top: 38px;
        font-size: 10px;
        text-transform: uppercase;
        color: #8C9095;
        text-decoration: none;
        text-align: center;
        letter-spacing: 0.5px;
    }

    #mobile-navigation ul li a.supplements {
        background: #F7F7F7 url('images/2017-images/mobile-nav-supplements@2x.png') center 9px no-repeat;
        background-size: 20px;
    }

    #mobile-navigation ul li a.merch {
        background: #F7F7F7 url('images/2017-images/mobile-nav-merch@2x.png') center 11px no-repeat;
        background-size: 23px;
    }

    #mobile-navigation ul li a.blog {
        background: #F7F7F7 url('images/2017-images/mobile-nav-blog@2x.png') center 10px no-repeat;
        background-size: 25px;
    }

    #mobile-navigation ul li a.support {
        background: #F7F7F7 url('images/2017-images/mobile-nav-support@2x.png') center 7px no-repeat;
        background-size: 22px;
    }

    #mobile-navigation ul li a.login {
        background: #F7F7F7 url('images/2017-images/mobile-nav-login@2x.png') center 11px no-repeat;
        background-size: 20px;
    }

    #mobile-navigation ul li a:hover,
    #mobile-navigation ul li a.active {
        box-shadow: inset 0 2px 0 0 #00A2FF;
        color: #1BA3FB;
    }

    #mobile-navigation ul li a.supplements:hover,
    #mobile-navigation ul li a.supplements.active {
        background: #F3F3F3 url('images/2017-images/mobile-nav-supplements-active@2x.png') center 9px no-repeat;
        background-size: 20px;
    }

    #mobile-navigation ul li a.merch:hover,
    #mobile-navigation ul li a.merch.active {
        background: #F3F3F3 url('images/2017-images/mobile-nav-merch-active@2x.png') center 11px no-repeat;
        background-size: 23px;
    }

    #mobile-navigation ul li a.blog:hover,
    #mobile-navigation ul li a.blog.active {
        background: #F3F3F3 url('images/2017-images/mobile-nav-blog-active@2x.png') center 10px no-repeat;
        background-size: 25px;
    }

    #mobile-navigation ul li a.support:hover,
    #mobile-navigation ul li a.support.active {
        background: #F3F3F3 url('images/2017-images/mobile-nav-support-active@2x.png') center 7px no-repeat;
        background-size: 22px;
    }

    #mobile-navigation ul li a.login:hover,
    #mobile-navigation ul li a.login.active {
        background: #F3F3F3 url('images/2017-images/mobile-nav-login-active@2x.png') center 11px no-repeat;
        background-size: 20px;
    }

    #sale-timer li:after,
    #sale-timer li .timer-number:after {
        display: none;
    }

    #sale-timer {
        margin: 0 auto 30px;
        max-width: 100%;
    }

    #sale-timer li {
        margin-right: 5%;
        width: 21%;
        border: none;
        box-shadow: none;
    }

    #sale-timer li .timer-number span {
        width: auto;
    }

    #sale-timer li#seconds .timer-text {
        border-right: 0;
    }

    #sale-timer li#days .timer-number:before {
        display: none;
    }

    #sale-timer li:after {
        top: 20px;
        right: 0;
    }

    div[id^=sale-banner-timer-countdown] #timer {
        bottom: 4%;
    }

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

    .footer #address-1 {
        margin-bottom: 5px;
    }

    .footer #address-2 {
        margin-bottom: 10px;
    }

    .footer .footer-payment-methods {
        justify-content: center;
        flex-wrap:nowrap;
        max-width: 450px;
        margin: auto;
        margin-bottom: 12px;
    }

    .footer .footer-visa-icon {
        filter: brightness(0) invert(1) contrast(22%);
        width: 8%;
        min-width: 25px;
    }
    .footer .footer-mastercard-icon {
        filter: grayscale(1);
        width: 8%;
        min-width: 25px;
    }
    .footer .footer-discover-icon {
        filter: grayscale(1);
        width: 6%;
        min-width: 19px;
    }
    .footer .footer-americanexpress-icon {
        filter: grayscale(1);
        width: 10%;
        min-width: 32px;
        margin-right: 12px;
    }
    .footer .footer-applepay-icon {
        filter: brightness(0) invert(1) contrast(22%);
        width: 9%;
        min-width: 28px;
        margin-right: 16px;
    }
    .footer .footer-paypal-icon {
        width: 12%;
        min-width: 38px;
        margin-right: 18px;
    }
    .footer .footer-amazonpay-icon {
        width: 14%;
        min-width: 44px;
        position: relative;
        bottom: -2px;
        margin-right: 16px;
    }
    .footer .footer-sezzle-icon {
        width: 11%;
        min-width: 34px;
    }

    .faq-item .answer ul li {
        font-size: 16px;
    }

    .faq-item .question {
        padding: 27px 40px 27px 60px;
    }

    .faq-item .question:before {
        left: 18px;
        width: 21px;
        height: 21px;
        line-height: 21px;
        font-size: 13px;
    }

    .faq-item .answer {
        padding: 30px;
    }

    .faq-item .question:after,
    .faq-item.active .question:after {
        right: 20px;
    }

    .load-more-button {
        width: 100%;
        padding: 20px;
    }

    body.page-template-page-about-php .sumome-share-client-wrapper.sumome-share-client-wrapper-mobile-bottom-bar,
    .blog .sumome-share-client-wrapper.sumome-share-client-wrapper-mobile-bottom-bar,
    body.single-post .sumome-share-client-wrapper.sumome-share-client-wrapper-mobile-bottom-bar,
    body.page-template-page-science-board .sumome-share-client-wrapper.sumome-share-client-wrapper-mobile-bottom-bar {
        bottom: 0 !important;
    }

    body.single-post .sumome-share-client-wrapper.sumome-share-client-wrapper-mobile-bottom-bar.scroll {
        bottom: -50px !important;
    }

    body.single-post .intercom-lightweight-app-launcher.scroll,
    body.single-post .intercom-launcher-frame.scroll,
    body.single-post .intercom-launcher-badge-frame.scroll {
        right: -70px !important;
    }

    body.single-post iframe[name='intercom-notifications-frame'].scroll,
    body.single-post iframe[name='intercom-chat-frame'].scroll {
        right: -320px;
    }

    body.single-post iframe#chat-button.scroll {
        right: -70px !important;
    }

    body.single-post iframe#chat-campaigns.scroll,
    body.single-post iframe#chat-window.scroll {
        right: -320px !important;
    }

    #main .product-add-to-cart {
        display: none;
    }

    .dv-star-rating > label {
        margin-right: 5px;
    }

    .browse-our-store {
        padding: 50px 0 60px;
        margin-top: 60px;
        overflow: hidden;
    }

    /* .browse-our-store .img {
        background: url('images/2017-images/phone-general-page-CTA@2x.jpg') center no-repeat;
        background-size: 100%;
        width: 100%;
        max-width: 440px;
        height: 284px;
        margin: 23px auto 0;
    } */

    [class^=styles_amazonBookLink_] {
        display: contents;
    }

    .customer-testimonials header {
        margin-bottom: 23px !important;
    }

    #main.fsd-non-woocommerce {
        padding: 30px;
        padding-bottom: 10px;
    }

    .fsd-non-woocommerce h1 {
        font-size:  21px;
    }

    .friendbuy-dnK-lqy.mobile-friendbuy {
        width: 26px;
        height: 26px;
        background: url('images/2017-images/phone-header-coupon.png') center no-repeat;
        background-size: 100%;
        display: block;
        position: relative;
        float: left;
        top: 22px;
        right: 12px;
    }

    #main #legion-instagram-reviews {
        background: #F9F9F9;
        padding: 25px 0 0;
        padding-bottom: 0 !important;
    }

    #main #legion-instagram-reviews h2 {
        font-weight: 600;
        letter-spacing: 0;
        width: 100%;
        margin: 0;
        text-align: center;
        max-width: 100%;
        padding: 5px 30px 2px 30px;
        margin-bottom: 10px;
        font-size: 28px;
    }

    #main #legion-instagram-reviews p {
        padding: 5px 30px 2px 30px;
        font-size: 18px !important;
        margin-bottom: -10px !important;
    }

    #main #legion-instagram-reviews .social-share {
        padding: 22px 20px;
        padding-bottom: 0;
    }

    #main #legion-instagram-reviews .social-share h3 {
        font-size: 18px;
    }

    #main #legion-instagram-reviews .social-share p {
        font-size: 16px;
    }

    #main #legion-instagram-reviews #legion-instagram-images {
        max-width: 450px;
        margin-bottom: 0;
        padding: 35px 0 35px;
    }

    #main #legion-instagram-reviews.fans-product-insta #legion-instagram-images {
        padding-top: 0;
    }

    #main #legion-instagram-reviews #legion-instagram-images li {
        width: 124px !important;
        height: 124px !important;
        margin: 0 4px 10px;
    }

    #main #legion-instagram-reviews #legion-instagram-images li:last-child,
    #main #legion-instagram-reviews #legion-instagram-images li:nth-last-child(2) {
        display: inline-block;
    }

    .blog #more-from-legion article,
    .five-wide-posts article {
        width: 48%;
    }

    .blog #more-from-legion article {
        padding-bottom: 0;
    }

    .five-wide-posts article {
        padding-bottom: 10%;
    }

    .blog #more-from-legion article .bot {
        height: calc(100% - 176px);
    }

    .five-wide-posts article .bot {
        height: 68%;
    }

    .blog #more-from-legion-featured h3,
    .blog #more-from-legion h3 {
        font-size: 18px;
        line-height: 1.4;
        margin-bottom: 30px;
    }

    .before-after {
        width: 100%;
        border-radius: 0;
        border-top: none;
        margin-left: -28px;
    }

    body.single-post .before-after {
        margin-left: 0;
    }

    .before-after .image-wrap .beforeImage,
    .before-after .image-wrap .afterImage {
        background-size: 160px !important;
        width: 80px !important
    }
    .before-after .image-wrap .afterImage {
        background-position: -80px 0
    }

    .before-after {
        border-radius: 0;
        border-top: none;
        max-width: 450px;
        float: none;
        margin: 0px auto;
    }

    .before-after .caption-container {
        height: auto !important;
    }

    .before-after .caption {
        top: initial;
        transform: initial;
    }

    .postWrap .before-after {
        margin-left: 0;
    }

    .industry-experts div.quotes {
        max-width: 300px;
    }

    .industry-experts header {
        margin-bottom: 20px;
    }

    .industry-experts h2 {
        font-size: 25px;
        line-height: 1.3;
    }

    .industry-experts ul li .img {
        width: 117px;
        height: 117px;
        background-size: 150% !important;
    }

    .industry-experts .btn.prev {
        left: -10px;
        top: 35px;
    }

    .industry-experts .btn.next {
        right: -10px;
        top: 35px;
    }

    .industry-experts ul li h2 {
        font-size: 22px;
        padding-top: 0;
        margin-bottom: 2px;
    }

    .industry-experts ul li .company {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .industry-experts ul li p {
        font-size: 16px;
        margin-bottom: 16px;
    }

    .industry-experts {
        padding: 0;
    }

    .homepage .most-popular .products {
        margin-bottom: 0;
    }

    body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-headline.category,
    body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-headline.tax_product_cat,
    body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-headline.post,
    body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-headline.posts,
    body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-headline.product,
    body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-headline.Products,
    body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-headline.article,
    body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-headline.Articles,
    body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion,
    body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-selected,
    body .dgwt-wcas-suggestions-wrapp .dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
        padding-left: 30px !important;
    }

    .dgwt-wcas-suggestion.dgwt-wcas-suggestion-more .dgwt-wcas-st-more {
        padding: 0px !important;
    }

    /** Expert Carousel Global Changes Mobile View**/
    .industry-experts ul li .company, .industry-experts ul li p {
        letter-spacing: 0.3px;
        font-weight: 400;
        font-size: 18px;
    }

}










@media screen and (max-width: 649px) {
    .blog #more-from-legion-featured.featured-category article,
    .five-wide-posts article {
        width: 48%;
    }

    .blog #more-from-legion-featured.featured-category article:nth-child(2),
    .five-wide-posts article:nth-child(2) {
        display: none;
    }
}

@media (max-width: 549px) {
    div[id^=sale-banner-timer-countdown] #timer {
        bottom: 2.5%;
    }

    #inpost-timer {
        width: 29.5%;
        left: 35.5%;
        bottom: 37.5%;
    }

    #inpost-timer .countdown {
        font-size: 3vw;
    }

    #sidebar-timer .countdown {
        font-size: 4vw;
    }

    #inpost-timer .unit {
        font-size: 1.1vw;
    }

    #sidebar-timer .unit {
        font-size: 1.5vw;
    }

    #sidebar-timer.may2022Triumph .unit {
        font-size: 1.5vw;
    }
}

@media (max-width: 524px) {
    div[id^=sale-banner-timer-countdown] #timer {
        bottom: 7%;
    }

    div[id^=sale-banner-timer-countdown].jan2022Sub #timer,
    div[id^=sale-banner-timer-countdown].jan2022Sub.jan2022SubLastChance #timer {
        left: 6.5%;
        width: 32%;
    }

    div[id^=sale-banner-timer-countdown].may2023Memorial #timer {
        left: 7.3% !important;
        bottom: 9.5% !important;
    }

    div[id^=sale-banner-timer-countdown].mar2022Pulse #timer {
        left: 3%;
        width: 32%;
        bottom: 9.5%
    }
    div[id^=sale-banner-timer-countdown].mar2022Pulse.may2022Triumph #timer {
        left: 4%;
        width: 44%;
        bottom: 0% !important;
        top: 65%;
    }

    div[id^=sale-banner-timer-countdown].mar2022Pulse.may2022Triumph.no-cta #timer {
        left: 11.5%;
        width: 32%;
        bottom: 0% !important;
        top: 67%;
    }

    div[id^=sale-banner-timer-countdown].feb2024PulseRecharge.international-banner #timer {
        left: 7.9%;
        width: 32%;
        bottom: 15% !important;
    }
    div[id^=sale-banner-timer-countdown].mar2022Pulse.bfcm2023 #timer {
        left: 6%;
        width: 32%;
        bottom: 6.5%
    }
    div[id^=sale-banner-timer-countdown].mar2022Pulse.bfcm2023.bfcm2023PDP #timer {
        left: 3.5%;
        width: 32%;
        bottom: 9.5%;
    }

    div[id^=sale-banner-timer-countdown].mar2022Pulse.bfcm2023.dec2023 #timer {
        bottom: 11%;
        width: 30%;
        left: 4.2%;
    }
    div[id^=sale-banner-timer-countdown].mar2022Pulse.may2022Triumph.sept2023LaborDay #timer {
        left: 5%;
        bottom: 10%;
    }

    div[id^=sale-banner-timer-countdown].mar2022Pulse.may2022Triumph.sept2023LaborDay.lastChance #timer {
        left: 4.5%;
        bottom: 10%;
    }

    div[id^=sale-banner-timer-countdown].mar2022Pulse.may2022Triumph.oct2023BOGO #timer {
        left: 9%;
    }

    #affiliate-banner.mar2022Pulse.may2022Triumph #timer {
        left: 6.2%;
        width: 31%;
        bottom: 3.5% !important;
    }

    div[id^=sale-banner-timer-countdown].mar2022Pulse.july42023 #timer {
        left: 7.5% !important;
        width: 32%;
        bottom: 6% !important;
    }

    div[id^=sale-banner-timer-countdown].mar2022Pulse.july2023Health #timer {
        bottom: 10% !important;
    }

    div[id^=sale-banner-timer-countdown].mar2022Pulse.july2023Health.jan2024protein #timer {
        bottom: 8% !important;
        left: 5%;
    }

    div[id^=sale-banner-timer-countdown].mar2022Pulse.may2022Triumph.may2023Protein #timer {
        left: 3.5%;
        width: 32%;
        bottom: 9.5%;
    }

    div[id^="sale-banner-timer-countdown"].may2023Spring #timer {
      left: 2.5% !important;
      bottom: 15% !important;
    }

    div[id^="sale-banner-timer-countdown"].specialOffer.may2023Spring #timer {
      left: 2.5% !important;
      bottom: 6.5% !important;
    }

    div[id^="sale-banner-timer-countdown"].may2023Spring #timer {
      left: 2.5% !important;
      bottom: 15% !important;
    }

    div[id^="sale-banner-timer-countdown"].specialOffer.may2023Spring #timer {
      left: 2.5% !important;
      bottom: 6.5% !important;
    }

    div[id^="sale-banner-timer-countdown"].feb2024PulseRecharge #timer {
      left: 5%;
      bottom: 14% !important;
    }

    div[id^=sale-banner-timer-countdown].mar2022Pulse.oct2022Halloween #timer {
        left: 3.3%;
        width: 32%;
        bottom: 14.5%;
    }

    div[id^=sale-banner-timer-countdown].apr2022Spring #timer {
        left: 3%;
        width: 32%;
        bottom: 9.5%
    }

    div[id^=sale-banner-timer-countdown].apr2022Spring.lastChance #timer {
        left: 2.8%;
        width: 32%;
        bottom: 17.5%;
    }

    div[id^=sale-banner-timer-countdown].bfcm2021 #timer {
        left: 5.3%;
        bottom: 4.9%;
    }

    div[id^=sale-banner-timer-countdown].bfcm2021.bfcm2021LastChance #timer {
        bottom: 6%;
    }

    div[id^=sale-banner-timer-countdown].halloween2021 #timer {
        left: 2.3%;
        bottom: 7.5%;
    }

    div[id^=sale-banner-timer-countdown].halloween2021.halloween2021LastChance #timer {
        left: 2.3%;
        bottom: 7.5%;
    }

    div[id^=sale-banner-timer-countdown].laborDay2021 #timer {
        left: 10.7%;
        bottom: 30.5%;
        width: 27%;
    }

    div[id^=sale-banner-timer-countdown].laborDay2021.laborDay2021LastChance #timer {
        bottom: 22.5%;
        left: 10.8%;
    }

    div[id^=sale-banner-timer-countdown].laborDay2021 #timer .timer-box {
        width: 24%;
    }

    div[id^=sale-banner-timer-countdown].laborDay2021 #timer .countdown {
        font-size: 3.6vw;
    }
    div[id^=sale-banner-timer-countdown].mar2022Pulse.bfcm2023.dec2023 #timer .countdown {
        padding-left: 10.8%;
    }

    div[id^=sale-banner-timer-countdown].laborDay2021 #timer .unit {
        font-size: 1.4vw;
    }
    div[id^=sale-banner-timer-countdown].intlBanner #timer {
        left: 17.5% !important;
        width: 32% !important;
        bottom: 11.5% !important;
    }
}

@media screen and (max-width: 440px) {
    .footer#phone-footer .footer-bot p.copyright {
        max-width: 160px;
    }

    #inpost-timer .countdown,
    #sidebar-timer .countdown,
    #sidebar-timer.aug2021Protein .countdown {
        font-size: 4.3vw;
    }

    #inpost-timer .unit, #sidebar-timer .unit {
        font-size: 1.8vw;
    }
}

@media screen and (max-width: 360px) {
    .footer .footer-payment-methods {
        max-width: 200px;
        flex-wrap: wrap;
    }

    .footer .footer-visa-icon {
        margin-left: 12px;
    }

    .footer .footer-applepay-icon {
        margin-right: 12px;
    }

    .footer .footer-paypal-icon, .footer .footer-amazonpay-icon, .footer .footer-sezzle-icon {
        margin-top: 10px;
    }

    .footer#phone-footer .footer-bot p.copyright.cr-first {
        margin-bottom: 3px;
    }
}









/*--------------------------------------------------------------
# MEDIA QUERIES: Phone [ MAX WIDTH: 600 PIXELS ]
--------------------------------------------------------------*/

@media screen and (max-width: 600px) {
    body.admin-bar #header.scroll {
        top: 0;
    }

    .top-rated-products .btn.next {
        border-radius: 0;
        width: 42px;
        height: 42px;
        background-size: 17px;
        border: none;
        right:0;
    }

    .top-rated-products .btn.prev {
        left:0;
    }

    .top-rated-products .btn {
        border-radius: 0;
        width: 42px;
        height: 42px;
        background: #fff url(images/2017-images/phone-slider-arrow@2x.png) center no-repeat;
        background-size: 17px;
        border: none;
        top: 200px;
        margin-top: 0;
    }
}











@media screen and (max-width: 577px) {
    .blog #more-from-legion-featured.featured-category {
        display: none;
    }

    .blog #more-from-legion-featured.featured-category article,
    .five-wide-posts article {
        width: 100%;
        display: block;
    }

    .blog #more-from-legion-featured.featured-category article .bot h4,
    .five-wide-posts article .bot h4 {
        font-size: 14px;
    }
}










@media only screen and (max-width: 575px) {
    .blog #more-from-legion-featured article,
    .blog #more-from-legion article,
    .five-wide-posts article {
        width: 100%;
        margin: 0 0 37px 0;
        padding-bottom: 18px;
    }
    .blog #more-from-legion article .bot {
        padding-bottom: 20px;
    }
    .blog #more-from-legion article .bot,
    .five-wide-posts article .bot {
        padding-left: 11px;
        padding-right: 11px;
    }
    .blog #more-from-legion article .bot {
        height: auto;
    }
    .five-wide-posts article .bot {
        height: 68%;
    }
    .blog #more-from-legion article h4,
    .five-wide-posts article h4 {
        margin-bottom: -5px;
    }
    .blog .read-more.orange {
        margin-top: 24px;
    }
}









/*--------------------------------------------------------------
# MEDIA QUERIES: Phone [ MAX WIDTH: 560 PIXELS ]
--------------------------------------------------------------*/

@media screen and (max-width: 560px) {
    .woocommerce-ResetPassword {
        padding: 30px;
    }

    .woocommerce-ResetPassword p  {
        font-size: 15px;
    }
}







@media screen and (max-width: 530px) {
    #store-nav {
        top: 34px;
    }

    #header {
        top: 71px;
    }

    #mobile-menu {
        height: calc(100% - 142px);
        top: 142px;
    }

    body.single-post #mobile-menu {
        height: calc(100% - 146px);
        top: 146px;
    }

    body.single-post.legion-sb-disabled #mobile-menu {
        height: calc(100% - 110px);
        top: 110px;
    }
}









@media (max-width: 500px) {
    .before-after .image-wrap {
        float: none !important;
        max-width: 90%;
        margin: 0 auto;
    }

    body.single-post .before-after .image-wrap {
        float: left !important;
    }
}









/*--------------------------------------------------------------
# MEDIA QUERIES: Phone [ MAX WIDTH: 499px PIXELS ]
--------------------------------------------------------------*/

@media only screen and (max-width: 499px) {
    .footerBottom {
        margin-top: -25px;
        z-index: 1;
        position: relative;
    }

    .footerTop .r-420 {
        padding-top: 1px;
    }

    .postWrap {
        padding: 20px 15px 0px 15px;
    }

    .paginationFront {
        margin-top: 20px;
    }
}








/*--------------------------------------------------------------
# MEDIA QUERIES: Phone [ MAX WIDTH: 440px PIXELS ]
--------------------------------------------------------------*/

@media screen and (max-width: 440px) {
    .customer-testimonials ul li {
        min-height: 433px;
    }
}









/*--------------------------------------------------------------
# MEDIA QUERIES: Phone [ MAX WIDTH: 420 PIXELS ]
--------------------------------------------------------------*/

@media screen and (max-width: 420px) {
    [class^="styles_featuredStacks_"] .container {
        padding: 0;
    }
}





@media screen and (max-width: 412px) {
    #store-nav {
        top: 36px;
    }
}





@media screen and (max-width: 385px) {
    #save-20-now-menu-button,
    #quiz-2021-button {
        font-size: 13px;
        padding: 19px 0px;
    }
}


@media screen and (max-width: 375px) {
    #store-nav .center {
        font-size: 11px;
    }
}



@media screen and (max-width: 350px) {
    .industry-experts .btn.prev {
        left: 0;
    }

    .industry-experts .btn.next {
        right: 0;
    }

    .blog #more-from-legion-featured article .bot,
    .five-wide-posts article .bot {
        height: 62%;
    }

    .blog #more-from-legion article .bot {
        height: auto;
    }

}






@media screen and (max-width: 335px) {
    #legion-sale-banner {
        padding: 7px 2px;
        font-size: 11px;
    }

    #store-nav .center {
        font-size: 10px;
    }
}

#did-you-mean-search {
    display:  none;
}

#fibo-search-container {
    display:  none;
}

#did-you-mean-search {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
}

.popular-searches {
    margin-top:  25px;
    margin-left:  20px;
}

.dgwt-wcas-suggestion-nores,
.dgwt-wcas-close {
    display:  none !important;
}

.dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier {
    left: auto !important;
    right: 15px !important;
    opacity: 1 !important;
    fill: #27a2ff !important;
    max-width: 100px !important;
    max-height: 100px !important;
    height: 93% !important;
    padding: 30px;
    cursor: pointer;
}

@media only screen and (max-width : 500px) {
    .dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier {
        right:  -10px !important;
    }
}

.dgwt-wcas-ico-magnifier path {
    fill: #27a2ff !important;
}

.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::placeholder {
    font-style:  normal !important;
}

.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
    font-size:  16px !important;
}

/*.term-on-sale #supplements .shop-header {
    display:  none;
}*/

.cat-sub-header.stacks {
    margin-top: 0px;
    margin-bottom:  -20px;
}

.cat-sub-header{
    font-size: 16px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 30px;
    line-height: 1.5;
    margin-top: -30px;
    margin-bottom: 0px;
    font-size: 18px;
    color: #333;
}

.cat-sub-header a {
    white-space:  nowrap;
}

.term-on-sale .productFlavor {
    display:  none;
}

@media screen and (min-width: 1491px) {

    .cat-sub-header.stacks {
        margin-top:  -30px;
    }

}

@media screen and (max-width: 1024px) {

    .cat-sub-header {
        max-width: 95%;
    }

}

@media screen and (max-width: 766px) {
    .cat-sub-header{
        font-size: 13px;
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
        display: block;
        padding: 30px;
        line-height: 1.5;
        margin-top: -30px;
        margin-bottom: -13px;
        max-width:  100% !important;
    }

    .cat-sub-header.stacks {
        margin-top: -40px;
        margin-bottom: 10px;
    }

    section.merchandise .cat-sub-header {
        margin-bottom: 0px;
    }

    .page-template-page-products .cat-sub-header {
        margin-bottom:  0px !important;
    }

}