::-webkit-scrollbar { /* display: none; */ } html { overflow-x: hidden; scroll-behavior: smooth; } *:focus { outline: 2px solid #0071e3 !important; outline-offset: 0px; } button:focus, [class^="btn-"]:focus, input[type="submit"]:focus, div.accept-btn:focus { box-shadow: 0 0 0 3px white, 0 0 0 5px #0071E3 !important; outline: none !important; } html>iframe { display: none; } .tk-bebas-neue-by-fontfabric { font-family: "bebas-neue-by-fontfabric",sans-serif !important; } html { font-family: 'Lato', sans-serif; } body { overflow-x: hidden; } sup > sup { top: 0; font-size: inherit; } h1 { letter-spacing: 8px; text-transform: uppercase; margin-bottom: 24px; font-size: 44px; color: #343a42; } h2 { letter-spacing: 3px; margin-bottom: 15px; font-size: 28pt; font-weight: 400; color: #343a42; } h3 { margin-top: 10px; letter-spacing: 1px; font-size: 22pt; margin-bottom: 18px; color: #343a42; } h4 { margin-top: 10px; letter-spacing: 1px; font-size: 18pt; margin-bottom: 18px; color: #343a42; } h5 { font-size: 18px; color: #343a42; line-height: 24px; } body,html,div{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } p { font-family: "Lato",sans-serif; font-weight: 400; font-size: 16px; line-height: 1.45; margin: 0 0 24px 0; color: #343a42; } p.large { font-size: 18px; line-height: 1.45; } b, strong { font-weight: 800; } ul { margin: 0 0 24px 0; } ul li, ol li { font-size: 16px; line-height: 30px; margin: 0 0 12px 0; font-weight: 400; color: #343a42; } a, a:focus { color: #0b99ff; text-decoration: none; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; } .et-db #et-boc .et-l .et_pb_module strong a { border-bottom: 1px dashed !important; padding-bottom: 0px !important; font-weight: inherit !important; -webkit-transition: padding 0.3s ease, color 0.3s ease; -moz-transition: padding 0.3s ease, color 0.3s ease; -o-transition: padding 0.3s ease, color 0.3s ease; transition: padding 0.3s ease, color 0.3s ease; } a:hover, a:active, .et-db #et-boc .et-l .et_pb_module a:hover { color: #00677F; text-decoration: none; cursor: pointer; } .et-db #et-boc .et-l .et_pb_module strong a:hover { padding-bottom: 2px !important; } .right { float: right; } .left { float: left; } img.alignright { margin-left: 20px; float: right; } img.alignleft { margin-right: 20px; float: left; } .phyto{ color: #68b558; } .transformation{ color: #09ad96; } .hope{ color: #5bc2e7; } .sophistication{ color: #a7a8aa; } .power{ color: #e7142c; } .balance{ color: #00a4e5; } .swagger{ color: #f36c21; } .opportunity{ color: #ede800; } .homeliving{ color: #4E3524; } .uppercase { text-transform: uppercase; } small, .small, .disclaimer p { font-size: 8pt; line-height: 12px; letter-spacing: 0.3px; } /* Buttons */ .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] { display: inline-block; background-color: #00a4e5; padding: 13px 40px; letter-spacing: 3px; color: #fff; text-decoration: none; text-align: center; margin-bottom: 8px; text-transform: uppercase; border: 0; width: 100% !important; font-weight: 600; font-size: 14pt !important; border-radius: 2px; -moz-border-radius: 2px; -webkit-transition: .15s all; -moz-transition: .15s all; -o-transition: .15s all; -ms-transition: .15s all; transition: .15s all; } .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover { -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.03), 0 0 0 60px rgba(255,255,255,.15) inset; box-shadow: 0 2px 1px rgba(0,0,0,.03), 0 0 0 60px rgba(255,255,255,.15) inset; } .gform_wrapper .gform_footer input.button:active, .gform_wrapper .gform_footer input[type=submit]:active{ -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.3) inset, 0 0 0 60px rgba(0,0,0,.05) inset; box-shadow: 0 1px 5px rgba(0,0,0,.3) inset, 0 0 0 60px rgba(0,0,0,.05) inset; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } [class^="btn"], a[class^="btn"] { display: inline-block; border-radius: 10px; background-color: #09ad96; font-size: 16px; padding: 14px 40px; font-weight: 700; letter-spacing: 1px; color: #fff; text-decoration: none; text-align: center; margin-bottom: 8px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-transform: uppercase; -webkit-transition: .15s all; -moz-transition: .15s all; -o-transition: .15s all; -ms-transition: .15s all; transition: .15s all; } [class^="btn-"].disabled, [class^="btn-"].disabled:hover, [class^="btn-"].disabled:active { filter: alpha(opacity=45); -webkit-box-shadow: none; box-shadow: none; opacity: .45; background-color: inherit; pointer-events: none; cursor: not-allowed; } [class^="btn-"].btn-large{ font-size: 18px; padding: 19px 44px; letter-spacing: 3px; } [class^="btn-"].btn-medium{ font-size: 18px; padding: 13px 40px; letter-spacing: 2px; } [class^="btn-"].btn-small{ font-size: 14px; padding: 9px 24px; letter-spacing: 1px; } [class^="btn-"].btn-xsmall{ font-size: 12px; padding: 6px 18px 5px; letter-spacing: 1px; } [class^="btn-"].btn-light{ padding-top: 11px; padding-bottom: 11px; } [class^="btn-"].btn-large.btn-light{ padding-top: 17px; padding-bottom: 17px; } [class^="btn-"].btn-medium.btn-light{ padding-top: 11px; padding-bottom: 11px; } [class^="btn-"].btn-small.btn-light{ padding-top: 7px; padding-bottom: 7px; } [class^="btn-"].btn-xsmall.btn-light{ padding-top: 4px; padding-bottom: 4px; } [class^="btn-"].btn-outline{ padding-top: 11px; padding-bottom: 11px; } [class^="btn-"].btn-large.btn-outline{ padding-top: 17px; padding-bottom: 17px; } [class^="btn-"].btn-medium.btn-outline{ padding-top: 11px; padding-bottom: 11px; } [class^="btn-"].btn-small.btn-outline{ padding-top: 7px; padding-bottom: 7px; } [class^="btn-"].btn-xsmall.btn-outline{ padding-top: 4px; padding-bottom: 4px; } [class^="btn-"].btn-outline-white{ padding-top: 11px; padding-bottom: 11px; } [class^="btn-"].btn-large.btn-outline-white{ padding-top: 17px; padding-bottom: 17px; } [class^="btn-"].btn-medium.btn-outline-white{ padding-top: 11px; padding-bottom: 11px; } [class^="btn-"].btn-small.btn-outline-white{ padding-top: 7px; padding-bottom: 7px; } [class^="btn-"].btn-xsmall.btn-outline-white{ padding-top: 4px; padding-bottom: 4px; } [class^="btn-"].btn-block{ display: block; text-align: center; } [class^="btn-"].btn-white{ background-color: #fff; color:#343a42; } [class^="btn-"].btn-phyto{ background-color: #68b558; } [class^="btn-"].btn-transformation{ background-color: #09ad96; } [class^="btn-"].btn-hope{ background-color: #5bc2e7; } [class^="btn-"].btn-sophistication{ background-color: #545454; } [class^="btn-"].btn-power{ background-color: #e7142c; } [class^="btn-"].btn-balance{ background-color: #00a4e5; } [class^="btn-"].btn-balance-phyto{ background-color: #00d290; } [class^="btn-"].btn-swagger{ background-color: #f36c21; } [class^="btn-"].btn-opportunity{ color: #3e3e3e; background-color: #ede800; } [class^="btn-"].btn-homeliving{ color: #fff; background-color: #4E3524; } [class^="btn-"].btn-light{ color: #a7b1b9; border: 2px solid #e5eaef; background-color: #f7f9fa; } [class^="btn-"].btn-dark{ background-color: #343a42; } [class^="btn-"].btn-outline{ color: #a7a8aa; border: 2px solid #a7a8aa; background-color: transparent; background-image: none; } [class^="btn-"].btn-outline-white{ color: #fff; border: 2px solid rgba(255, 255, 255, 1); background-color: transparent; background-image: none; } [class^="btn-"].btn-light:hover, a[class^="btn-"].btn-light:hover { -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.01), 0 0 0 60px rgba(255,255,255,.8) inset; box-shadow: 0 2px 1px rgba(0,0,0,.01), 0 0 0 60px rgba(255,255,255,.8) inset; } [class^="btn-"].btn-outline:hover, a[class^="btn-"].btn-outline:hover { color: #b5b7ba; border: 2px solid #c1c2c6; -webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.02), 0 0 0 60px rgba(255,255,255,0) inset !important; box-shadow: 0 2px 1px rgba(0,0,0,0.02), 0 0 0 60px rgba(255,255,255,0) inset !important; } [class^="btn-"].btn-outline-white:hover, a[class^="btn-"].btn-outline-white:hover{ background-color: rgba(255,255,255,0.3); -webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.02), 0 0 0 60px rgba(255,255,255,0) inset !important; box-shadow: 0 2px 1px rgba(0,0,0,0.02), 0 0 0 60px rgba(255,255,255,0) inset !important; } [class^="btn-"].btn-light:active, a[class^="btn-"].btn-light:active{ -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.1) inset, 0 0 0 60px rgba(0,0,0,.03) inset !important; box-shadow: 0 1px 5px rgba(0,0,0,.1) inset, 0 0 0 60px rgba(0,0,0,.03) inset !important; } [class^="btn-"].btn-outline:active, a[class^="btn-"].btn-outline:active{ border: 2px solid #a7a8aa; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.3) inset, 0 0 0 60px rgba(0,0,0,.05) inset; box-shadow: 0 1px 5px rgba(0,0,0,.3) inset, 0 0 0 60px rgba(0,0,0,.05) inset; } [class^="btn-"].btn-outline-white:active, a[class^="btn-"].btn-outline-white:active{ background-color: rgba(255,255,255,0.5); } [class^="btn"]:hover, a[class^="btn"]:hover{ -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.03), 0 0 0 60px rgba(255,255,255,.15) inset; box-shadow: 0 2px 1px rgba(0,0,0,.03), 0 0 0 60px rgba(255,255,255,.15) inset; } [class^="btn"]:active, a[class^="btn"]:active{ -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.3) inset, 0 0 0 60px rgba(0,0,0,.05) inset; box-shadow: 0 1px 5px rgba(0,0,0,.3) inset, 0 0 0 60px rgba(0,0,0,.05) inset; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } [class^="btn-"].btn-right{ float: right; margin-left: 40px; } [class^="btn-"].btn-left{ float: left; margin-left: 40px; } .btn-secondary { padding: 10px 35px; font-weight: 400; } /* MODAL */ .modal-content { display: none; } .remodal{ background-color: ; padding: 0px; padding-top: 30px; width: 960px; max-width:960px; display: none; } .remodal .remodal-body{ overflow:hidden; background-color: transparent; text-align: left; padding: 0px; } .remodal .remodal-body iframe{ background-color: transparent; display:none; width: 100%; height: 540px; margin: 0px; } .remodal .remodal-close{ left:inherit; right:0px; } .remodal-overlay{ background-color: rgba(0,0,0,.85); } .remodal.white .remodal-body{ padding: 20px; text-align: left; background-color: #fff; border-bottom: 15px solid #09AD95; } .remodal.white{ max-width:500px; } .remodal.white .remodal-body .vc_column-inner{ padding:0px; } /*Menu*/ .menu-color li a { color: #09ad96 !important; } .menu-color li a:hover { color: #68b558 !important; } .menu-color { margin-top: 40px; } #top-menus .search-icon { top:2px; } #top-menus .search-field { padding: 0 0 0 5px; font-size: 12px; font-weight: 500; width: 65px; border: 0px; text-transform: uppercase; color: #efefef; -webkit-transition: width 0.5s ease; -moz-transition: width 0.5s ease; -ms-transition: width 0.5s ease; -o-transition: width 0.5s ease; transition: width 1s ease; background-color: transparent; line-height: 40px; } #top-menus .search-field:focus { width: 180px; color: #FFFFFF; -webkit-transition: width 0.5s ease; -moz-transition: width 0.5s ease; -ms-transition: width 0.5s ease; -o-transition: width 0.5s ease; transition: width 0.5s ease; outline: none; background-color: transparent; } #top-menus .search-form label { margin-bottom: 0; font-size: 12px; color: #efefef; } .disclaimer .wpb_content_element { margin-bottom: 22px; } .center { text-align: center; } .alignright{ text-align: right; } .alignrleft{ text-align: left; } .aligncenter{ text-align: center; } /*NAVIGATION*/ #primary-menus .row > [class^="col"]{ position: initial; display: flex; justify-content: space-between; align-items: center; } #primary-menus .row > .col-sm-2, #primary-menus .row > .col-sm-4 { padding: 0; display: inline; } #top-menu-container{ position: fixed; left:0; right:0; top:0; z-index:997; padding-bottom: 0px; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease; -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); background-color: rgba(255,255,255,0.90); } #top-menu-container ul li { margin-bottom: 0; line-height: 24px; font-size: 14px; text-align: center; } #top-menu-container.mini ul li, ol li { margin-bottom: 0; line-height: 5px; font-size: 14px; } #primary-menus .row > [class^="col"]>ul{ list-style: none; display: inline-block; vertical-align: top; padding-left: 0; margin-bottom: 0; } #primary-menus .row > [class^="col"]:first-child >ul { margin-right: 0; } #primary-menus .row > [class^="col"]:last-child >ul { margin-left: 0; } #primary-menus ul>li a, #primary-menus .col-signin a { font-family: 'Lato', sans-serif; text-transform: uppercase; font-size: 14px; color: #333a42; font-weight: 600; } #primary-menus ul>li a:hover, #primary-menus a:hover { color: #00677f; } #primary-menus .row > [class^="col"]>ul>li { padding: 22px 7px; text-align: center; } #primary-menus [class^="col"]>ul >div{ display: inline-block; max-height: 0; position: absolute; width: 100%; left: 0; margin-top: 0px; background-color: #f2f2f2; z-index: 9; -webkit-transition: 0.5s max-height ease; -moz-transition: 0.5s max-height ease; transition: 0.5s max-height ease; overflow: hidden; box-shadow: 0px 6px 4px rgba(0,0,0,0.07); } @media only screen and (max-width: 767px) { #primary-menus [class^="col"]>ul >div{ box-shadow: 0px 6px 4px rgba(0,0,0,0); } } @media all and (-ms-high-contrast:none) /* fix for IE display issue */ { *::-ms-backdrop, #primary-menus [class^="col"]>ul >div { position: -ms-page; } /* IE11 */ } #primary-menus [class^="col"]>ul >div>div { max-width: 1120px; margin: 0 auto; padding: 40px 0 30px; } #primary-menus [class^="col"]>ul:hover >div { max-height: 1600px; } /*#primary-menus [class^="col"]>ul:hover:after { content: ''; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #fff; position: absolute; bottom: -15px; margin-left: 13px; z-index: 10; } #primary-menus [class^="col"]>ul.stand-alone:hover:after { border: none; }*/ #primary-menus ul:hover >div>div{ max-height: 1600px; } #primary-menus ul >div>div ul { list-style: none; display: inline-block; padding-left: 0; width: 100%; vertical-align: top; } #primary-menus ul >div>div ul.stand-alone { list-style: none; display: block; padding-left: 0; width: 100%; vertical-align: top; margin: 0 auto; } #primary-menus .product-line-menu ul>div>div ul.stand-alone { width: 100%; } #primary-menus ul >div>div ul.stand-alone li { text-align: center; } #primary-menus .product-line-menu ul li { width: 100%; text-align: left; } #primary-menus .product-line-menu ul>div>div ul.stand-alone > li { width: 100%; text-align: left; } #primary-menus ul:hover >div>div ul{ max-height: 1600px; } #primary-menus ul:hover >div>div >ul>li{ max-height: 1600px; } #primary-menus ul >div>div >ul>li a, #primary-menus ul >div>div ul>li a { color: #333a42; text-transform: none; font-size: 14px; margin-bottom: 3px; line-height: 20px !important; padding-bottom: 8px !important; display: inline-block; } #primary-menus ul >div>div ul div>div { display: flex; flex-direction: column; } #primary-menus ul >div>div>ul li a { text-transform: uppercase; font-weight: 700; } #primary-menus ul >div>div>ul div>div ul li a{ color: #797e85; text-transform: none; font-size: 15px; margin-bottom: 3px; font-weight: 400; } #primary-menus ul >div>div>ul div>div ul li a:hover{ color: #343a42; } #primary-menus ul >div>div ul div>div ul { display: inline-block; } #primary-menus ul >div>div ul div>div ul>li a { text-align: left; } #primary-menus ul >div>div ul div>div ul { width: 100%; text-align: left; } /*#primary-menus [class^="col"]>ul >div>div >ul>li a:first-child { text-transform: uppercase; font-weight: 700; }*/ #primary-menus ul >div>div >ul>li a img { max-height: 120px; max-width: 150px; display: block; margin: 0 auto; } #primary-menus ul >div div.product-line-menu>ul>li a:hover span { border-bottom: 2px solid #000; padding-bottom: 3px; } #primary-menus ul >div>div.product-line-menu >ul { width: 20%; float: left; } #primary-menus ul >div>div.product-line-menu >ul:nth-child(2) { margin-top: 15px; margin-right: 2%; margin-bottom: 50px; } #primary-menus ul >div>div.product-line-menu >ul:first-child { width: 77%; display: flex; justify-content: space-around; align-items: center; float: right; margin: 30px 0 32px; } #primary-menus ul >div>div.product-line-menu >ul:first-child li { text-align: center; } #primary-menus [class^="col"] ul>div>div.product-line-menu ul.stand-alone li a { color: #333a42; text-transform: none; font-size: 15px; margin-bottom: 3px; font-weight: 400; white-space: nowrap; } #primary-menus [class^="col"] ul>div>div.product-line-menu ul.stand-alone li a:hover { color: #343a42; } #primary-menus [class^="col"] ul>div>div.product-line-menu ul li a { border: none; } #primary-menus .product-line-menu ul li a span { text-align: center; font-size: 11px; font-weight: 600; color: #333a42; } #primary-menus .product-line-menu ul li a span:hover { color: #343a42; } #primary-menus,#top-menus > .container-fluid { /* max-width: 1155px; */ width: 95%; margin:0 auto; } @media only screen and (max-width: 767px) { #primary-menus,#top-menus > .container-fluid { width: 100%; } } #primary-menus { padding: 0; } #top-menus > .container-fluid { padding: 0 18px; } #primary-menus .container-fluid { position: static; } .navbar { margin-bottom: 0px; } .navbar-default{ background-color: transparent !important; } .navbar-nav li { display: inline-block; } #top-menus.navbar-default .navbar-nav > li > a { display: inline-block; margin-left: 8px; font-weight: 500; } #primary-menus .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #00a4e5 !important; background-color: transparent !important; } #primary-menus .dropdown-menu > li > a { color: #09ad96 !important; background-color: transparent !important; } #primary-menus .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #68b558 !important; background-color: transparent !important; } #primary-menus.mini > div > .navbar-header { opacity: 0; -webkit-animation: seconds .7s forwards; -webkit-animation-iteration-count: .7; -webkit-animation-delay: .7s; animation: seconds .7s forwards; animation-iteration-count: 1; margin-left: -25px; animation-delay: .7s; } .menu-spacer{ height: 108px; background-color: transparent; } #primary-menus{ border:none !important; position: static; } #primary-menus .row { display: flex; align-items:center; clear: both; } #primary-menus .navbar-brand { padding: 0px; height: 100%; } .navbar-brand>img { width: 100%; } #primary-menus > div > .navbar-header img { margin: 0 80px; opacity: 0; -webkit-animation: seconds 1.0s forwards; -webkit-animation-iteration-count: 1; -webkit-animation-delay: 5s; animation: seconds 1.0s forwards; animation-iteration-count: 1; animation-delay: 1s; } .mannatech-logo { background: url('../../img/mlogo.png') no-repeat center center; display: block; width: 100%; height: 50px; background-size:contain; } .mannatech-logo-2 { background: url(/wp-content/themes/mannatech/img/Mannatech-logo-2022.png) no-repeat center center; display: block; width: 90%; height: 50px; background-size: contain; max-width: 194px; } #primary-menus .row > .col-cart, #primary-menus .row > .col-signin { text-align: right; display: inline-block; } /*Mini nav section */ #top-menu-container.mini { padding-bottom: 0; box-shadow: 0px 10px 18px rgba(0,0,0,0.2); -webkit-transition: box-shadow 0.3s; transition: box-shadow 0.3s; border-top: 0; } #top-menu-container.mini .navbar-default { border-bottom: 0px solid #fff; } #top-menu-container.mini .mannatech-logo { background: url('../../img/logo.png') no-repeat center center; width: 41px; height: 33px; background-size: cover; margin-left: auto; margin-right: auto; } #top-menu-container.mini #primary-menus { min-height: 49px !important; } #top-menu-container.mini #top-menus { /* hide top bar on scroll */ min-height: 0; max-height: 0; margin-bottom: 0px; overflow: hidden; /* show top bar on scroll */ /* min-height: 40px; */ /* max-height: 40px; */ /* margin-bottom: 0px; */ } #top-menu-container.mini #primary-menus ul >div { margin-top: 0px; } #primary-menus.mini.navbar { min-height: 40px; } #primary-menus.mini > div > .navbar-header img { width: 76px; margin-left: -38px; } #primary-menus.mini .navbar-header { width: 100%; padding-left: 50%; } #primary-menus.mini .navbar-brand { width: 41px; height: 33px; } #primary-menus.mini ul { margin-bottom: 0; } /* End mini menu */ ul.dropdown-menu{ position: fixed; left: 0; right: 0; top: 99px; min-height: 150px; } ul.dropdown-menu li{ } @-webkit-keyframes seconds { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes seconds { 0% { opacity: 0; } 100% { opacity: 1; } } #primary-menus > div > div > .navbar-nav { padding: 20px 0px; -webkit-transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; -ms-transition: all ease-in-out .5s; -o-transition: all ease-in-out .5s; transition: all ease-in-out .5s; } #primary-menus.mini > div > div > .navbar-nav { padding: 0px 0px; } .new-item { background-color: #990000; color: #fff !important; font-weight: 800 !important; margin-left: 5px; margin-right: 5px; font-size: 7pt !important; vertical-align: 2px; background: linear-gradient(to bottom left, #ffb972 0%, #ff7e3f 100%); color: #ffffff; text-transform: uppercase; font-weight: 800; padding: 2px 5px; border-radius: 4px; white-space: nowrap; } .navbar sup.new-item { background-color: #00a4e5; color: #fff !important; font-weight: 600 !important; margin-left: 5px; padding: 2px 6px; border-radius: 30px; vertical-align: -4px; } .new-item-coming-soon { background-color: #aa0000; color: #fff !important; font-weight: 800 !important; margin-left: 5px; margin-right: 5px; font-size: 7pt !important; vertical-align: 2px; background: linear-gradient(to bottom left, #ffa26f 0%, #aa0000 100%); color: #ffffff; text-transform: uppercase; font-weight: 800; padding: 2px 5px; border-radius: 4px; } #top-menus { top: 0px; /* overflow: hidden; */ max-height: 40px; min-height: 40px; font-weight: 500; text-transform: uppercase; background-color: #333a42!important; border-radius: 0; -webkit-transition: 0.1s all ease; -moz-transition: 0.1s all ease; transition: 0.1s all ease; } #top-menus .container { padding: 0 30px 0 27px; } #top-menus ul li, #top-menus ol li, #top-menus a { color: #efefef; line-height: 24px; font-size: 12px; -webkit-transition: 0.8s all ease; -moz-transition: 0.8s all ease; transition: 0.8s all ease; } #top-menus a { padding: 0; -webkit-transition: 0.8s all ease; -moz-transition: 0.8s all ease; transition: 0.8s all ease; } #top-menus a:hover { color: #00a4e5; -webkit-transition: 0.8s all ease; -moz-transition: 0.8s all ease; transition: 0.8s all ease; } #top-menus .post-edit-link { margin-right: 10px; } #top-menus >div >ul { padding: 8px 8px 0; } #top-menus >div >div { padding: 8px; } .navbar-default{ color: #efefef; letter-spacing: 0.2px; } .navbar-default { border: none; border-bottom: 0px solid #E3E9EF; } .navbar-default:hover{ color:#efefef; } ::-webkit-input-placeholder{ color:#efefef; } ::-webkit-input-placeholder:hover{ color:#efefef; } .localize-selector, .localize-selector:focus, .localize-selector:active, .localize-selector option, .redirect .redirect:focus, .redirect:active, .redirect option { padding-top: 5px; margin: 0 10px; outline: none; } /* FLEX SLIDER */ .flexslider .ytplayer{ max-width: 1000%; margin-left: 0px; margin-top: -10%; width: 1920px; height: 1080px; } .flexslider .flex-slider-overlay{ position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; z-index: 2; } .flexslider, .flexslider .slides{ min-height:600px !important; } .flexslider .slides li,.flexslider .slides li{ max-height:600px; } .flexslider .slides > li .slide-content{ display: none; } .flexslider .slides > li.flex-active-slide .slide-content{ position: absolute; bottom:20px; right:0px; left:0px; display: inherit; margin: 0 20%; } .flexslider .slides{ background: #2D2D2D url('/wp-content/themes/mannatech/img/watermark19.png') no-repeat center center; } /* PROMO BAR */ #promo-bar { display: none; position: fixed; bottom: 0px; background-color: rgba(9,173,150,0.95); right: 0px; left: 0px; color: #fff; overflow-y: auto; z-index: 4; overflow-x: hidden; margin-bottom: -1px; } #promo-bar img { overflow: hidden; vertical-align: top; margin-top: 3px; } #promo-bar .promo-close{ text-align: right; padding:0px; position: absolute; right: 15px; top: -5px; margin:0px; } #promo-bar .promo-close i { font-size: 30px; color:#fff; cursor: pointer; margin: 10px; } #promo-bar .promo-close i:hover { color: #68b558; } #promo-bar>div>div{ padding: 0 20%; } #promo-bar .promo-content,#promo-bar>div>div>img{ display:inline-block; } #promo-bar .promo-content{ padding: 15px 0 0 10px; } #promo-bar .promo-content { font-size: 24px; font-weight: 400; } /*#promo-bar .promo-content p span { color: #FFFFFF; font-size: 16px; } #promo-bar .promo-content p:first-child span{ font-size: 20px; }*/ #promo-bar .promo-content a { display: block; position: absolute; right: 350px; top: 40px; } #promo-bar .promo-content a button { padding: 7px 35px; background-color: transparent; color: #fff; border: 1px solid #fff; font-size: 20px; letter-spacing: 0.1em; } #promo-bar .promo-content,#promo-bar .promo-content p,#promo-bar .promo-content p span{ color:#FFFFFF; } /*VISUAL COMPOSER*/ #ribbons > div.vc_row { min-height: 250px; width: 100%; margin: 0 auto; padding: 20px 20%; } div.vc_row.gray{ background-color:#f7f9fa; } div.vc_row.teal{ background-color:#09ad96; } div.vc_row.teal *{ color:#fff; } div.vc_row.teal input{ color:#88898a; } div.vc_row.no-padding{ padding:0 20% !important; } div.ribbon.wide { min-height: 400px; width: 100%; margin: auto; padding: 0% 0% !important; } button { font-size: 20px; font-weight: 400; letter-spacing: 0.1em; } #ribbons h2 { font-weight: 400; margin-bottom: 1px; font-size: 24px; } #ribbons h3 { color: #929092; } #ribbons h4 { color: #929092; } .letter-spacer { letter-spacing: 0.19em; } .light-green-panel,.dark-green-panel{ margin-bottom:20px; padding: 10px 5% !important; font-size: 12px; overflow: hidden; background: url('../../img/light-green-panel.png') no-repeat center top; height:250px !important; } .light-green-panel .wpb_wrapper,.dark-green-panel .wpb_wrapper{ text-align: center; } .dark-green-panel{ background: url('../../img/dark-green-panel.png') no-repeat center top; } .dark-green-panel p,.dark-green-panel p strong,.light-green-panel p,.light-green-panel p strong{ color:#fff; } /*NEWS*/ div.news .widget.widget_rss{ text-align: left !important; } div.news ul{ padding:0px; } div.news .widgettitle{ display:none; } div.news ul{ list-style: none; } div.news ul>li{ display: inline-block; width: 30%; padding: 0px; margin: 1%; vertical-align: top; } @media (max-width: 767px) { .site-main { padding-top: 46px; } .site-main.region-us.en, .site-main.region-us.zh-us, .site-main.region-us.es-us, .site-main.region-ca.en, .site-main.region-ca.zh-ca { padding-top: 90px; } div.news ul>li + li{ display: none; } div.news ul>li { width: 94%; max-width: 94%; } #footer-menu>div { margin-bottom: 40px; } #site-footer .menu li { line-height: 20px; } #primary-menus .row > [class^="col"]>ul>li { padding: 0; } } #menu-phone .fa { margin-right: 8px; } /*REGION*/ #external-links { padding: 0 !important; margin-right: -5px; } #region i { margin-right: 5px; } #region,#external-links, .navbar-nav { float: right; } #region{ margin:0 4px 0 0; font-size: 12px; color: #efefef; line-height: 24px; font-size: 10pt; } #region .region-menu { float: right; position: relative; display: inline-block; opacity: 1; } #region-mobile{ margin:0 15px 0 0; font-size: 13px; color: #A3A7AB; line-height: 20px; font-size: 10pt; display: none; } #region-mobile .region-menu { float: right; position: relative; display: inline-block; opacity: 1; } #external-links .external-menu{ position: fixed; z-index:15; display: none; margin-left: 107px; top: 36px; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; transition: 0.5s all ease; } #region .region-menu .region-content{ position: absolute; padding: 20px 30px 25px 25px; background-color: #fff; overflow: auto; box-shadow: 0px 4px 10px rgba(0,0,0,0.2); color: #A3A7AB; right: -8px; top: 28px; z-index: 999; width: 270px; } #region-mobile .region-menu .region-content{ position: absolute; padding: 20px 30px 25px 25px; background-color: #fff; overflow: auto; box-shadow: 0px 4px 10px rgba(0,0,0,0.2); color: #A3A7AB; right: -47px; top: 12px; z-index: 999; width: 200px; } @-moz-document url-prefix() { #region .region-menu .region-content { top: 28px; } } #external-links .external-menu .external-content{ position: absolute; /* border: 1px solid #09AD96; */ /* padding: 18px 18px 12px; */ background-color: #fff; margin-left: -250px; overflow: hidden; box-shadow: 0px 4px 10px rgba(0,0,0,0.2); width: 182px; } #region .region-menu .region-content select{ display:block; width:100%; margin-top: 1px; margin-bottom: 10px; margin-left: 10px; } #region.active .region-menu { display: inline-block !important; } #region-mobile.active .region-menu { display: inline-block !important; } #top-menus .region-menu .region-content h5, #region .region-menu .region-content h5, #region-mobile .region-menu .region-content h5 { text-transform: uppercase; font-size: 15px; margin-bottom: 0; font-weight: 800; } #top-menus .region-menu .region-content a, #region .region-menu .region-content a, #region-mobile .region-menu .region-content a { display: block; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; transition: 0.5s all ease; text-transform: none; color: #555758; font-size: 14px; } #top-menus .region-menu .region-content a:hover, #region .region-menu .region-content a:hover, #region-mobile .region-menu .region-content a:hover { color: #09ad96; } #external-links.active .external-menu, #external-links .external-menu.active { display: block !important; } #external-links .fa-bars, div#region { font-size: 12px; padding: 14px 13px 13px 13px; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; } #external-links.active, #external-links:hover { padding-top: 0px !important; } #external-links.active .fa-bars, #external-links:hover .fa-bars, div#region.active, div#region:hover, div#region-mobile.active, div#region-mobile:hover { color: #00a4e5; cursor: pointer; -webkit-transition: 0.8s all ease; -moz-transition: 0.8s all ease; transition: 0.8s all ease; } @media only screen and (min-width: 768px) { .region-mobile { display: none; } } .region-mobile { z-index: 999; position: fixed; float: left !important; margin-left: 50px !important; padding: 13px 13px 12px 13px !important; } .region-mobile span { font-size: 12pt; color: #85898c; text-transform: uppercase; font-weight: 600; } .region-mobile span:hover, .region-mobile span:active, .region-mobile:hover span, .region-mobile.active span { color: #00a4e5; } .region-mobile .region-menu { float: right; position: relative; display: inline-block; } .region-mobile span i { font-size: 9pt; margin-left: 5px; vertical-align: 1px; } #external-links .external-menu .external-content ul{ text-indent: 0; margin: 10px 0 10px 0; padding: 0px; list-style: none; } #external-links .external-menu .external-content div{ /* padding: 0 5px; */ } #external-links .external-menu .external-content div.col-sm-3{ height: 35px; } #external-links .external-menu .external-content ul li{ padding: 0px 5px; text-align: left; text-transform: none; font-weight: 400; font-size: 14px; color: #343a42; line-height: 30px; } #external-links .external-menu .external-content ul li.title{ border-top: 1px solid #c5cbd0; margin-top: 5px; padding-top: 5px; color: #a7a8aa !important; } #external-links .external-menu .external-content ul li.title:first-of-type{ border-top: 0px solid #c5cbd0; margin-top: 0; padding-top: 0; } #external-links .external-menu .external-content ul li.title a{ font-weight: 400; font-size: 12px; text-transform: uppercase; } #external-links .external-menu .external-content ul li:first-child { /* border-bottom: 2px solid #a7a8aa; */ /* padding-bottom: 2px; */ /* margin-bottom: 3px; */ } #external-links .external-menu .external-content ul:last-child li:first-child { /* margin-bottom: 7px; */ } #external-links .external-menu .external-content ul:last-child .row { margin: 0; padding: 0; } #external-links .external-menu .external-content ul li a{ padding: 0 10px; text-align: center; text-transform: initial; font-weight: initial; font-size: 14px; color: #343a42; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #external-links .external-menu .external-content ul li a:hover { color: #09ad96 !important; } #external-links .external-menu .external-content ul li.title a{ color: #a7a8aa !important; } #external-links .external-menu .external-content ul li.title a:hover { color: #a7a8aa !important; } #external-links .external-menu .external-content ul li.col-sm-3 a{ position: absolute; right: 0px; left: 0px; top: 0px; bottom: 0px; } #external-links .external-menu .external-content ul li ul { margin: 5px 0; } #external-links .external-menu .external-content ul li ul li { display: inline; padding: 0; } #external-links .external-menu .external-content ul li ul li a { padding: 0 3px; } #external-links .external-menu .external-content ul li ul li a i { font-size: 16px; border: 1px solid #bdbbbb; border-radius: 60px; line-height: 34px; width: 34px; height: 34px; margin-bottom: 6px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #external-links .external-menu .external-content ul li ul li a i.fa-facebook-f { color: #3b5998; border-color: #3b5998; } #external-links .external-menu .external-content ul li ul li a i.fa-facebook-f:hover { color: #fff; background-color: #3b5998; } #external-links .external-menu .external-content ul li ul li i.fa-twitter { color: #1DA1F2; border-color: #1DA1F2; } #external-links .external-menu .external-content ul li ul li i.fa-twitter:hover { color: #fff; background-color: #1DA1F2; } #external-links .external-menu .external-content ul li ul li i.fa-x-twitter { color: #0f141a; border-color: #0f141a; } #external-links .external-menu .external-content ul li ul li i.fa-x-twitter:hover { color: #fff; background-color: #0f141a; } #external-links .external-menu .external-content ul li ul li i.fa-youtube { color: #cd201f; border-color: #cd201f; } #external-links .external-menu .external-content ul li ul li i.fa-youtube:hover { color: #fff; background-color: #cd201f; } #external-links .external-menu .external-content ul li ul li i.fa-instagram { color: #c13584; border-color: #c13584; } #external-links .external-menu .external-content ul li ul li i.fa-instagram:hover { color: #fff; background-color: #c13584; } #external-links .external-menu .external-content ul li ul li i.fa-pinterest-p { color: #bd081c; border-color: #bd081c; } #external-links .external-menu .external-content ul li ul li i.fa-pinterest-p:hover { color: #fff; background-color: #bd081c; } #external-links .external-menu .external-content ul li ul li i.fa-google-plus { color: #dd4b39; border-color: #dd4b39; } #external-links .external-menu .external-content ul li ul li i.fa-google-plus:hover { color: #fff; background-color: #dd4b39; } #external-links .external-menu .external-content ul li ul li i.fa-vimeo { color: #1ab7ea; border-color: #1ab7ea; } #external-links .external-menu .external-content ul li ul li i.fa-vimeo:hover { color: #fff; background-color: #1ab7ea; } #external-links .external-menu .external-content ul li ul li i.fa-linkedin-in { color: #0077b5; border-color: #0077b5; } #external-links .external-menu .external-content ul li ul li i.fa-linkedin-in:hover { color: #fff; background-color: #0077b5; } #external-links .external-menu .external-content ul li ul li i.fa-rss { color: #fcaf45; border-color: #fcaf45; } #external-links .external-menu .external-content ul li ul li i.fa-rss:hover { color: #fff; background-color: #fcaf45; } #external-links .external-menu .external-content ul li ul li a i.fa-weixin { color: #2ec100; border-color: #2ec100; } #external-links .external-menu .external-content ul li ul li i.fa-weixin:hover { color: #fff; background-color: #2ec100; } #multilingual-dropdown { display: inherit !important; } .logged-in #multilingual-dropdown { display: inherit !important; } #multilingual-dropdown i { margin: 0 6px 0 0; font-size: 17px; vertical-align: -2px; } #multilingual-dropdown ul { display: none; position: absolute; right: 0px; top: 36px; list-style: none; padding: 20px 30px 15px 25px; margin: 0; background: #fff; box-shadow: 0px 4px 10px rgba(0,0,0,0.2); z-index:2; } #multilingual-dropdown.active ul { display: block; z-index: 9; } #multilingual-dropdown span { font-size: 12px; cursor: pointer; } #multilingual-dropdown { position: relative; line-height: 24px; padding-bottom: 7px !important; } #multilingual-dropdown ul li:last-child a { padding-bottom: 10px; } #multilingual-dropdown ul li a { line-height: 24px; text-transform: none; color: #555758; font-size: 14px; display: block; } #multilingual-dropdown ul li a:hover { color: #09ad96; } /*FOOTER*/ #site-footer{ background-color: #333a44; width: 100%; padding-top: 50px; margin-top: -1px; } #site-footer .menu{ list-style:none; margin: 0px 0px 0px -40px; } #site-footer .menu li{ margin: 0 0 5px; line-height: 20px; } #site-footer .title{ margin-bottom: 15px; font-size: 18px; color: #ffffff !important; letter-spacing: 0.2px; font-weight: 600; } #site-footer .menu li a{ color: #dcdcdc; font-size: 14px; letter-spacing: 0.2px; font-weight: 600; } #site-footer .menu li a:hover{ color: #ffffff; } #site-footer .menu li a img { width: 46px; height: 36px; } #site-footer .media-icons i{ background-color: #f7f9fa; padding: 16px; font-size: 28px; min-width:60px; color: #a7a8aa; border: 1px solid #dedede; } #site-footer .media-icons .col-sm-6{ padding:5px; } #site-footer .media-icons i:hover{ background-color:#e7ecef; } #site-footer #footer-menu { margin-bottom: 40px; } #site-footer .eval-statement{ border: 1px solid #5a6064; line-height: 16px; font-size: 11px; margin: 0 0 40px; color: #939ea4; text-align: center; font-weight: 500; letter-spacing: 0.3px; padding: 20px; background-color: #333a44; border-radius: 5px; } #site-subfooter{ min-height:40px; background-color: #232b33; line-height:3; font-size:12px; padding: 5px 20px; color: #939ea4; } #site-subfooter a{ color:#88898a !important; } #site-subfooter img#footlogo { width: 165px; margin: -9px 20px 0 0; } @media only screen and (max-width: 767px) { #site-subfooter img#footlogo { display: block; margin: 0 auto 15px; } #site-footer .eval-statement { margin: 0 15px 40px; } } #site-subfooter .textwidget, #site-subfooter .textwidget p { color: #939ea4; font-weight: 500; letter-spacing: 0.2px; font-size: 12px; margin-bottom: 0; line-height: 14px; padding: 11px 0px 8px; } #footer-spacer{ margin:15px 0 40px; background-color:#f7f9fa; line-height:3; padding:0 10%; width:100%; } #footer-spacer img{ height:50px; } #footer-spacer div{ display: inline-block; margin: 0 15px; } #footer-spacer a{ color:#a7a8aa !important; } #footer-spacer div:nth-child(1){ font-weight:bold; } #vc_load-inline-editor { font-size: 10pt; letter-spacing: 0; } @media only screen and (max-width: 940px) { .flexslider { display: none; } .navbar-header { left: 0px !important; } .navbar-header img { display: none !important; } #top-menus .navbar-nav { margin: 0px; } #primary-menus { position: relative; top: 30px; left: 0px; right: 0px; z-index: 5; padding: 0 10%; } .promo-close { position: absolute; top: 9px; right: 23px; } } @media (min-width:768px) and (max-width:940px) { #primary-menus { padding: 0; top: 0; } #primary-menus ul>li a { font-size: 12px; } #primary-menus .product-line-menu ul li a span { font-size: 12px; } #primary-menus ul >div>div >ul>li { text-align: center; } #primary-menus ul >div>div>ul li a { font-size: 12px; text-transform: none; } #primary-menus [class^="col"] ul>div>div.product-line-menu ul:nth-child(2) li:first-child a { font-size: 12px; } #primary-menus [class^="col"] ul>div>div.product-line-menu ul.stand-alone li a { font-size: 12px; } #primary-menus .row > [class^="col"]>ul>li { padding: 22px 6px 21px; } } .logo-mobile, .cart-mobile { display: none; } #primary-menus .row > [class^="col"]>ul.signin-mobile { display: none; } @media only screen and (max-width: 767px) { .flexslider { display: none; } .navbar-default { border: none; border-bottom: 1px solid #fff; } .navbar-header { left: 0px !important; } .navbar-header img { display: none !important; } #top-menus .navbar-nav { margin: 0px; } #top-menus .container-fluid div:first-child { float: left; } /* #primary-menus { position: relative; top: 30px; left: 0px; right: 0px; z-index: 5; padding: 0 10%; } */ .promo-close { position: absolute; top: 9px; right: 23px; } #top-menu-container #top-menus { margin-bottom: 0; } #top-menu-container #top-menus .container-fluid { display: flex; justify-content: flex-end; flex-direction: row-reverse; } #top-menu-container #primary-menus { top: 0px; padding: 0; margin: 0; left: inherit; right: inherit; box-shadow: 0px 6px 4px rgba(0,0,0,0.07); } #top-menu-container #primary-menus .container-fluid { padding: 0; } #top-menu-container #primary-menus .container-fluid .row { margin: 12px 10px 8px; padding: 0; align-items: flex-start; flex-direction: column; } #top-menu-container #primary-menus .container-fluid .row [class^="col"] { flex-flow: row wrap; justify-content: flex-start; flex-direction: column; align-items: flex-start; width: 100%; margin: 10px 0 0; } #top-menu-container #primary-menus .container-fluid .row .col-sm-2:first-of-type, #top-menu-container #primary-menus .container-fluid .row > .col-sm-4:first-of-type { display: none !important; } #top-menu-container #primary-menus .container-fluid .row [class^="col"] ul { margin: 0 0 5px 0px; min-height: 25px; vertical-align: middle; } #top-menu-container #primary-menus .container-fluid .row [class^="col"] ul.cart-header-container { display: none; } #primary-menus [class^="col"] ul>div>div.product-line-menu ul.stand-alone li a { margin-bottom: 0 !important; padding-bottom: 0 !important; font-size: 14px !important; } #primary-menus [class^="col"] ul>div>div.product-line-menu ul.stand-alone { margin-bottom: 0 !important; } #top-menu-container { display: flex; flex-direction: column-reverse; top: inherit; left: inherit; right: inherit; width: 100%; padding-bottom: 0; max-height: 46px; } #page.us.en #top-menu-container, #page.us.zh-us #top-menu-container, #page.us.es-us #top-menu-container, #page.ca.en #top-menu-container, #page.ca.zh-ca #top-menu-container { max-height: 92px; } #top-menu-container:after { content: ''; background: url('') no-repeat center center; background-size: cover; height: 35px; width: 40px; margin: 6px 0 5px 7px; float: left; } #top-menu-container #top-menus { max-height: 0; min-height: 0; } #top-menu-container #primary-menus { max-height: 0; min-height: 0; overflow: hidden; } #top-menu-container.is-active, #top-menu-container.is-active #top-menus, #top-menu-container.is-active #primary-menus { max-height: 1600px !important; } #top-menu-container.is-active #primary-menus { padding: 10px 0 10px 0; } #top-menus { display: none; } .menu-spacer { float: left; display: block; position: fixed; overflow: hidden; margin: 0; padding: 0; width: 46px; height: 45px !important; font-size: 0; text-indent: -9999px; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; transition: background 0.3s; z-index:997; left: 0; } .menu-spacer:focus { outline: none; } .menu-spacer span { transition: background 0s 0.3s; display: block; position: absolute; top: 23px; left: 14px; height: 0px; background: #494b4d; right: 14px; } .menu-spacer span:before, .menu-spacer span:after { position: absolute; display: block; left: 0; width: 100%; height: 2px; background-color: #494b4d; content: ""; transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s; } .menu-spacer span::before { top: -5px; transition-property: top, transform; } .menu-spacer span::after { transition-property: bottom, transform; bottom: -5px; } .menu-spacer.is-active span { background: none; } .menu-spacer.is-active span::before { top: -1px; transform: rotate(45deg); } .menu-spacer.is-active span::after { bottom: -1px; transform: rotate(-45deg); } .menu-spacer.is-active span::before, .menu-spacer.is-active span::after { transition-delay: 0s, 0.3s; } .logo-mobile { display: block; position: fixed; overflow: hidden; margin: 0; padding: 0; width: 45px; height: 30px; z-index:997; margin-left: auto; margin-right: auto; text-align: center; left: 44%; top: 10px; } .logo-mobile span { } .logo-mobile span img { width: auto; height: 25px; } .cart-mobile { display: block; position: fixed; overflow: hidden; margin: 0; padding: 0; width: 60px; height: 30px; z-index: 997; margin-left: auto; margin-right: auto; text-align: right; right: 10px; top: 5px; } .signin-top-mobile { display: block; position: fixed; overflow: hidden; margin: 0; padding: 0; width: 60px; height: 30px; z-index: 997; margin-left: auto; margin-right: auto; text-align: right; right: 75px; top: 5px; } .cart-mobile a, .signin-top-mobile a { color: #494b4d; font-size: 11pt; line-height: 36px; } .hide-mobile { display: none !important; } .ff-slideshow { display: none !important; } #top-menu-container.is-active #primary-menus { background-color: #f2f2f2 !important; border-top: 1px solid #d8d8d8 !important; border-bottom: 1px solid #d8d8d8 !important; } #top-menu-container.is-active #primary-menus [class^="col"] >ul { width: 100%; overflow: hidden; /* max-height: 35px; */ } #top-menu-container.is-active #primary-menus [class^="col"] >ul li { margin: 0; text-align: left; line-height: 22px; } #top-menu-container.is-active #primary-menus [class^="col"] ul > div { position: relative; margin-top: 0; } #top-menu-container.is-active #primary-menus [class^="col"] ul > div > div { display: flex; /* flex-direction: column-reverse; */ flex-direction: column; padding: 0; margin: 7px 15px 0px; } #top-menu-container.is-active #primary-menus [class^="col"] ul > div > div > ul > div > div { margin: -7px 0px 0px 24px; } #top-menu-container.is-active #primary-menus [class^="col"] ul > div > div > ul { display: flex; flex-direction: column; width: 100%; } #top-menu-container.is-active #primary-menus [class^="col"] ul > div > div > ul li img { display: none; } #primary-menus [class^="col"] ul.active { max-height: 1600px !important; } #primary-menus [class^="col"] ul.active > li a { color: #68b558; } #primary-menus [class^="col"] ul.active > div { max-height: 1600px; } #primary-menus [class^="col"] ul.active >div>div.product-line-menu >ul:first-child li { text-align: left; } #primary-menus ul >div>div.product-line-menu >ul:nth-child(2) { /* display: none !important; */ display: inline-block !important; } #primary-menus ul >div>div.product-line-menu >ul:nth-child(2) >li { display: none !important; } #primary-menus .product-line-menu ul li a span { font-weight: 700; font-size: 14px; } #primary-menus ul > li > a::after { content: "\f078"; margin-left: 15px; font-family: "Font Awesome 6 Pro"; } #primary-menus ul >div>div>ul li a::after { display: none; } #primary-menus ul.active > li > a::after { content: "\f077"; } #primary-menus ul.stand-alone > li > a::after, #primary-menus ul.active > div > div.product-line-menu ul > li > a::after, #primary-menus ul.active > div > div > ul > li > a::after { content: ""; } #top-menu-container #primary-menus .container-fluid .row [class^="col"], #primary-menus .row > [class^="col"] > ul.signin-mobile { margin: 0 !important; display: block; } #top-menu-container #primary-menus .container-fluid .row { margin: 20px 10px 0px !important; } #top-menu-container #primary-menus .container-fluid .row .row { margin: 0px !important; } #top-menu-container #primary-menus .container-fluid .row .col-sm-2 { display: none; } #top-menu-container #primary-menus .container-fluid .row .col-sm-2:last-child { display: inline; } #primary-menus .row > [class^="col"]>ul.signin-mobile { margin-left:15px !important; } } .custom-menu .vc_column-inner { padding-top: 0 !important; } .custom-menu .wpb_content_element { margin-bottom: 0; } .custom-menu ul { margin: 0; padding-left: 20px; padding-right: 20px; } .custom-menu ul li { list-style: none; float:right; margin: 0 50px 0 0; padding: 14px 0 13px; cursor: pointer; text-transform: uppercase; font-size: 14px; } .custom-menu ul >li:nth-child(2){ margin-right: 0; } .custom-menu ul >li:first-child{ float: left; padding: 0; } .custom-menu ul >li:first-child a{ text-transform: none; font-size: 16pt; letter-spacing: 1px; line-height: 2.7; } .custom-menu ul li a{ color: #5c5c5c; } .custom-menu ul li a:hover{ opacity: 0.8; } @media only screen and (max-width: 680px) { #main .container .vc_row.custom-menu { display: none; } } .next-chapter h1 a { } .next-chapter h1 a:hover { opacity: 0.8; } .clear { height: 0; line-height: 0; clear: both; margin: 0; display: block !important; } .clear5 { height: 5px; line-height: 5px; clear: both; margin: 0; display: block !important; } .clear10 { height: 10px; line-height: 10px; clear: both; margin: 0; display: block !important; } .clear15 { height: 15px; line-height: 15px; clear: both; margin: 0; display: block !important; } .clear20 { height: 20px; line-height: 20px; clear: both; margin: 0; display: block !important; } .clear30 { height: 30px; line-height: 30px; clear: both; margin: 0; display: block !important; } .clear40 { height: 40px; line-height: 40px; clear: both; margin: 0; display: block !important; } .clear50 { height: 50px; line-height: 50px; clear: both; margin: 0; display: block !important; } #site-footer #social-media-icons { text-align: center; padding: 0 0 45px; } #site-footer #social-media-icons .title { margin-bottom:30px; } #site-footer #social-media-icons ul.menu li { display: inline; padding: 0 10px 10px; } #site-footer #social-media-icons a i { font-size: 24px; border: 1px solid #b6c0cd; color: #b6c0cd; border-radius: 60px; line-height: 54px; width: 54px; height: 54px; margin-bottom: 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #site-footer #social-media-icons a i:hover { border-color: #b6c0cd; } #site-footer #social-media-icons a i[class^="fa-"] #site-footer #social-media-icons a i[class*=" fa-"], { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #site-footer #social-media-icons a i.fa-facebook-f { /* color: #3b5998; */ /* border-color: #3b5998; */ } #site-footer #social-media-icons a i.fa-facebook-f:hover { color: #fff; background-color: #1977f2; border-color: #1977f2; } #site-footer #social-media-icons a i.fa-twitter { /* color: #1DA1F2; */ /* border-color: #1DA1F2; */ } #site-footer #social-media-icons a i.fa-twitter:hover { color: #fff; background-color: #1fa1f1; border-color: #1fa1f1; } #site-footer #social-media-icons a i.fa-x-twitter:hover { color: #fff; background-color: #0f141a; border-color: #0f141a; } #site-footer #social-media-icons a i.fa-tiktok { /* color: #1DA1F2; */ /* border-color: #1DA1F2; */ } #site-footer #social-media-icons a i.fa-tiktok:hover { color: #fff; background-color: #ff2c55; border-color: #ff2c55; } #site-footer #social-media-icons a i.fa-youtube { /* color: #cd201f; */ /* border-color: #cd201f; */ } #site-footer #social-media-icons a i.fa-youtube:hover { color: #fff; background-color: #ff0100; border-color: #ff0100; } #site-footer #social-media-icons a i.fa-instagram { /* color: #c13584; */ /* border-color: #c13584; */ } #site-footer #social-media-icons a i.fa-instagram:hover { color: #fff; /* background-color: #c000a1; */ background: radial-gradient(circle at 30% 107%, #fedb84 0%, #ffbe1e 20%, #fb6812 35%,#ee0212 60%,#c000a1 85%); border-color: #323b44; } #site-footer #social-media-icons a i.fa-pinterest-p { /* color: #bd081c; */ /* border-color: #bd081c; */ } #site-footer #social-media-icons a i.fa-pinterest-p:hover { color: #fff; background-color: #e60122; border-color: #e60122; } #site-footer #social-media-icons a i.fa-google-plus { /* color: #dd4b39; */ /* border-color: #dd4b39; */ } #site-footer #social-media-icons a i.fa-google-plus:hover { color: #fff; background-color: #dd4b39; border-color: #dd4b39; } #site-footer #social-media-icons a i.fa-vimeo { /* color: #1ab7ea; */ /* border-color: #1ab7ea; */ } #site-footer #social-media-icons a i.fa-vimeo:hover { color: #fff; background-color: #1ab7ea; border-color: #1ab7ea; } #site-footer #social-media-icons a i.fa-linkedin-in { /* color: #0077b5; */ /* border-color: #0077b5; */ } #site-footer #social-media-icons a i.fa-linkedin-in:hover { color: #fff; background-color: #0c65c2; border-color: #0c65c2; } #site-footer #social-media-icons a i.fa-rss { /* color: #fcaf45; */ /* border-color: #fcaf45; */ } #site-footer #social-media-icons a i.fa-rss:hover { color: #fff; background-color: #fcaf45; border-color: #fcaf45; } #site-footer #social-media-icons a i.fa-weixin { /* color: #2ec100; */ /* border-color: #2ec100; */ } #site-footer #social-media-icons a i.fa-weixin:hover { color: #fff; background-color: #2dcb21; border-color: #2dcb21; } #site-footer #social-media-icons a i.fa-line, #site-footer #social-media-icons a i.fa-at { /* color: #82c91e; */ /* border-color: #82c91e; */ } #site-footer #social-media-icons a i.fa-line:hover, #site-footer #social-media-icons a i.fa-at:hover { color: #fff; background-color: #82c91e; border-color: #82c91e; } div.disclaimer { background-color: #435263; border-bottom: 1px solid #313f4f; padding: 30px 0 10px; color:#c1c2c3; } div.disclaimer p { font-size: 8pt; line-height: 12px; color:#c1c2c3; } div.disclaimer a { color:#29c4a9 !important; font-weight:600; text-decoration: underline; } div.disclaimer .container { padding-left: 0; padding-right: 0; } .rev_slider embed, .rev_slider iframe, .rev_slider object, .rev_slider audio, .rev_slider video { border: 0; } .rs-fullvideo-cover { background: rgba(0,0,0,0.5); } #user-sign-in a:hover { color: #00a4e5; } #mannafest a:hover { color: #00a4e5; } li.buy-now a { background-color: #00a4e5; color: #fff !important; padding: 4px 10px; border-radius: 2px; font-weight: 600; } #catalog-menu-container{ background-color: #f2f2f2; text-align: center; } #catalog-menu{ min-height: 0px !important; padding: 0 !important; background-color: #f2f2f2; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; } #catalog-menus { margin: 0 auto; padding: 0; } #catalog-menus div{ text-align: center; border:1px solid #dedede; border-left:0px transparent !important; margin: -1px 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #catalog-menus div:first-child { border-left:1px solid #f7f9fa; } #catalog-menus div:last-child { border-right:1px solid #f2f2f2; } #catalog-menus div a { color:#343a42; padding: 15px 2px; width: 100%; display: block; letter-spacing: .5px; text-transform: uppercase; font-size: 9pt; font-weight: 600; } #catalog-menus div:hover a, #catalog-menus div a:hover { color: #fff; } @media only screen and (max-width: 991px) { #catalog-menus div a { font-size: 8pt !important; } #catalog-menus div.col-md-15 { width: 20% !important; } #catalog-menus.container { width: 95% !important; } } @media only screen and (max-width: 767px) { #catalog-menus-container{ display:none; } #site-footer #footer-menu { text-align: left; } #site-footer #footer-menu div.col-sm-3 { float: left; width: 40%; padding: 0 15px; margin: 0 0 30px 20px; margin: 0 0 30px 4%; } #site-footer #footer-menu div.col-sm-3:nth-child(odd) { clear: both; } #site-footer #footer-menu div.col-sm-3:nth-child(even) { margin-left: 0; width: 54%; } #site-footer #footer-menu { margin-bottom: 0px; } #site-footer #social-media-icons .title { margin-bottom: 30px; } #site-subfooter .textwidget, #site-subfooter .textwidget p { text-align: center; } #site-footer .menu-image-title-after.menu-image-title { padding-left: 0 !important; } #site-footer .menu li a { letter-spacing: 0; } #catalog-menus div{ border-left:0px transparent !important; border-right:0px transparent !important; } #catalog-menu { border-top: 0px solid #d6d6d6; } #catalog-menus div.col-md-15 { width: 100% !important; } #catalog-menus.container { width: 100% !important; } } @media only screen and (min-width: 768px) { .navbar-header { float: none; } } @media (max-width: 890px) { .hellobar-pusher, #hellobar-wrapper { display: none !important; } } .ls-wp-container { z-index: 1; } .lang_sel_list_vertical ul { list-style: none; margin: 0; padding-left: 10px; } .topbar-search { padding: 0px 8px 0 !important; } #top-menus #cart-header a:hover { color: #87bf00; } #header-cart-count { text-align: center; background: #0b99ff; border-radius: 6px; color: #fff; font-size: 10pt; padding: 0; margin: -10px 0 -11px 5px; min-width: 25px; min-height: 23px; display: inline-block; line-height: 24px; } #header-cart-count-2 { text-align: center; background: #87bf00; border-radius: 2px; color: #fff; font-size: 10pt; padding: 0; margin: 0 0 0 5px; min-width: 20px; min-height: 20px; display: inline-block; line-height: 20px; } #top-menu-container.mini ul li #cart-header i { line-height: 0; font-size: 16px; } #top-menu-container.mini ul li #header-cart-count-2 { float: right; margin-top: -9px; } .mtex-rep #account-info-header { background-color: #f7f9fa; padding: 5px 0; text-align: right; } .mtex-rep #account-info-header .container div { display: inline-block; vertical-align: middle; } .mtex-rep #account-profile-img-header img { width: 28px; } .mtex-rep #account-name-header { font-size: 14px; margin-right: 10px; } .mtex-rep #account-name-header .account-name { font-weight: bold; } #top-menus #referral #account-info-header2 span.account-name { margin-right: 18px; } #top-menus #referral #account-info-header2 span.account-name, #top-menus #referral #account-info-header2 span.account-email { line-height: 24px; font-size: 12px; text-transform: none; } #top-menus #referral #account-info-header2 span.account-name { font-weight: 400; } #top-menus #referral #account-info-header2 span.account-email { font-weight: 800; } #top-menus #referral #account-info-header2 #account-profile-img { float: left; margin-right: 5px; display: none; } #top-menus #referral #account-info-header2 #account-profile-img img { max-height: 10px; max-width: 10px; } .menu-mobile { background: rgba(255,255,255,0.95); } .search-mobile { display: none; } .account-mobile { display: none; } @media only screen and (max-width: 767px) { .search-mobile { display: block; padding: 3px 15px 8px; border-bottom: 1px solid #d8d8d8; } .search-mobile i { position: absolute; font-size: 12pt; top: 24px; left: 23px; color: #bcbfc5; } .search-mobile input[type=search] { width: 100%; border-radius: 3px; box-shadow: none; line-height: 2.11765em; font-size: 13pt; font-weight: 400; color: #333a42; padding: 0 10px 0 30px; border: 1px solid #d8d8d8; background: #fff; } .search-mobile input[type=search]:focus { outline: none; } .search-mobile input[type=search]::placeholder { color: #9ca1a4; } .search-mobile label { display: block; border-radius: 3px; } .account-mobile { display: block; margin: 0px 20px 36px; background: rgb(66 83 99); border: 1px solid rgb(65 84 98); border-radius: 20px; text-align: center; font-size: 11pt; padding: 14px 14px 20px; line-height: 19px; color: rgb(252 252 252); } .account-mobile .account-email a { display: block; margin-top: 12px; color: #00a8ed; font-weight: 600; } .account-mobile #account-profile-img-footer-wrap { width: 50px; height: 50px; text-align: center; margin: -40px auto 10px; } .account-mobile #account-profile-img-footer { width: 50px; height: 50px; text-align: center; box-shadow: 0px 2px 2px rgba(0,0,0,0.1); border-radius: 50%; overflow: hidden; } .account-mobile #account-profile-img-footer img { width: 76px; height: 51.33px; background: rgb(65 84 98); margin-left: -26%; margin-top: -1px; } } .box-left { border-right: 5px solid #fff; } .box-right { border-left: 5px solid #fff; } @media only screen and (max-width: 767px) { .box-left { border-right: 0px solid #fff; border-bottom: 10px solid #fff } .box-right { border-left: 0px solid #fff; } } #ao { display: none; } #catalog-search { background: #f2f2f2; border-bottom: 1px solid #e2e2e2; } #catalog-search.catalog-search-top { border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; } #catalog-search label { margin-bottom: 0; width: 100%; } #catalog-search label i { position: absolute; top: 17px; left: 16px; font-size: 14pt; color: #9ca1a4; } #catalog-search input[type=search] { border: 1px solid #e2e2e2; line-height: 48px; width: 100%; background: #f2f2f2; border-top: 0; border-bottom: 0; font-size: 18pt; display: block; padding: 1px 15px 1px 42px; color: #343a42; } #catalog-search input[type=search]:focus { outline: none; } #catalog-search input[type=search]::placeholder { color: #9ca1a4; } #catalog-search > .container > div { padding: 0; } #catalog-search input[type=search].placeholder-fix::-webkit-input-placeholder { color: #9ca1a4; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #catalog-search input[type=search].placeholder-fix::-moz-placeholder { color: #9ca1a4; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #catalog-search input[type=search].placeholder-fix:-moz-placeholder { color: #9ca1a4; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #catalog-search input[type=search].placeholder-fix:focus::-webkit-input-placeholder {color:transparent;} #catalog-search input[type=search].placeholder-fix:focus::-moz-placeholder {color:transparent;} #catalog-search input[type=search].placeholder-fix:-moz-placeholder {color:transparent;} #catalog-search #search-bubbles { padding: 0 0 0 15px; overflow: hidden; max-height: 50px; display: none; } #catalog-search #search-bubbles div { display: block; overflow-x: scroll; white-space: nowrap; height: 30px; margin: 10px 0 10px; padding-top: 7px; scrollbar-width: none; -ms-overflow-style: none; } #catalog-search #search-bubbles div::-webkit-scrollbar { display: none; } #catalog-search #search-bubbles div::before { content: ''; -webkit-mask-image: -webkit-gradient(linear, left 10%, right 10%, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); mask-image: -webkit-gradient(linear, left 10%, right 10%, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); width: 20px; height: 50px; position: absolute; top: 0; left: 39px; background: #f2f2f2; display: inline-block; } #catalog-search #search-bubbles div::after { content: ''; -webkit-mask-image: -webkit-gradient(linear, left 10%, right 10%, from(rgba(0,0,0,0)), to(rgba(0,0,0,1))); width: 40px; height: 50px; position: absolute; top: 0; right: 0; background: #f2f2f2; display: inline-block; } #catalog-search #search-bubbles h5 { color: #FF6C7A; line-height: 51px; margin: 0px 4px 0 0; font-size: 18pt; font-weight: 600; float: left; background: linear-gradient(to top right, #ff5263 0%, #ff7381 35%, #fcbd01 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; width: 20px; padding-left: 1px; } #catalog-search #search-bubbles h5 i { background: linear-gradient(to top right, #ff5263 0%, #ff7381 35%, #fcbd01 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 30px; width: 20px; padding-left: 1px; } #catalog-search #search-bubbles a { /* float: left; */ background-color: #dedede; padding: 5px 15px; border-radius: 30px; margin: 12px 5px 11px; color: #343a42; font-size: 11pt; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #catalog-search #search-bubbles a:first-of-type { margin: 12px 5px 11px 9px; } #catalog-search #search-bubbles a:last-of-type { margin: 12px 30px 11px 5px; } #catalog-search #search-bubbles a:hover { background-color: #343a42; color: #fff; } #catalog-search #searchform { margin-bottom:0; } @media only screen and (max-width: 767px) { #catalog-search .container { padding: 0; } #catalog-search input[type=search] { border-top: 0; border-bottom: 1px solid #dedede; border-left: 0; border-right: 0; } #catalog-search #search-bubbles { display: none; } #catalog-search input[type=search] { border-bottom: 0px solid #dedede; } } .search-results #catalog-menu{ border-top: 1px solid #d6d6d6; margin-top: -1px; } .rev_slider_wrapper { background: url('/wp-content/themes/mannatech/img/watermark19.png') center center no-repeat #5a6264 !important; background-size: 12% !important; } #footer-country-mobile { text-align: center; margin-bottom: 40px; margin-right: 0px; margin-left: 0px; } #footer-country-mobile a { border: 0px solid #5a6064; border-radius: 3px; padding: 10px 24px 11px; font-size: 14pt; color: #b6c0cd; background: #415462; display: block; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #footer-country-mobile a:hover { border: 0px solid #415462; background: #242c33; } #footer-country-mobile a i { margin-right: 5px; } @media only screen and (min-width: 768px) { #footer-country-mobile { display: none; } } #menu-customer-care-phone > li > a { margin-left:0 !important; } #menu-customer-care-phone > li > i { margin-right:8px; } #mannafest > a > i { margin-right:5px; } @media only screen and (max-width: 991px) { #mannafest { display: none !important; } } #main.de #search-bubbles, #main.de-at #search-bubbles, #main.cs #search-bubbles, #main.nl #search-bubbles, #main.da #search-bubbles, #main.et #search-bubbles, #main.fi #search-bubbles, #main.nb #search-bubbles, #main.es #search-bubbles, #main.sv #search-bubbles { display: none; } #top-menus.navbar-default .navbar-nav > li > a > .fa-phone { display: none; } /* GDPR Popup CSS */ .njt-gdpr { background: linear-gradient(150deg,#25a88e 0%,#00A4E5 100%); padding: 30px 15%; z-index:999999 !important; width: 70vw; } .njt-gdpr-content { color: #fff; font-size: 13px; margin: 0px auto; width: 65%; float: left; } .njt-gdpr-content p { color: #fff; font-size: 14px; margin-bottom: 0; line-height: 1.3; font-weight: 500; margin-right:5%; } .njt-gdpr-content p span { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .njt-gdpr-content a { color: inherit !important; text-decoration: underline !important; } .njt-gdpr-btns { width: 35%; float: left; text-align:center; margin-top: 0.5%; } .decline-btn p { color: #fff; font-size: 14px; } .accept-btn { background-color: transparent !important; border-radius: 50px !important; -moz-border-radius: 50px !important; padding: 7px 30px !important; border: 1px solid #fff; margin: 0 !important; } .accept-btn p { color:#fff; font-size: 18px; font-weight: 800; } .custom-btn { font-size: 14pt !important; padding: 0px !important; vertical-align: -2px; } .njt-gdpr-btns>.accept-btn.loading:before, .njt-gdpr-btns>.custom-btn.loading:before { background-color:rgba(0,0,0,.3); content:" "; left:0; top:0; right:0; bottom:0; z-index:9999; border-radius: 50px !important; -moz-border-radius: 50px !important; position:absolute; } .njt-gdpr-btns>.decline-btn.loading:before { background-color:rgba(0,0,0,0); content:" "; left:0; top:0; right:0; bottom:0; z-index:9999; border-radius: 50px !important; -moz-border-radius: 50px !important; position:absolute; } @media only screen and (max-width: 1030px) { .njt-gdpr { padding: 25px 8%; } } @media only screen and (max-width: 870px) { .njt-gdpr { padding: 20px 4%; } .njt-gdpr-content { width: 60%; } .njt-gdpr-btns { width: 40%; margin-top: 3%; } } @media only screen and (max-width: 767px) { .njt-gdpr-content { width: 100%; } .njt-gdpr-content p { margin-right:0%; } .njt-gdpr { padding: 30px 8% 20px; } .njt-gdpr-btns { width: 100%; float: none; text-align:center; clear: both; padding-top:20px; } } /* GDPR Privacy Settings Page CSS */ .njt-gdpr-privacy-settings-frm { font-size: 12pt; color: #343a42; text-align: center; } .njt-gdpr-privacy-settings-frm table { text-align: left; } .njt-gdpr-privacy-settings-frm table thead tr { height:80px; font-size: 14pt; } .njt-gdpr-privacy-settings-frm table thead tr th:last-child { text-align: center; } .njt-gdpr-privacy-settings-frm table tbody tr { height:60px; line-height: 24px; vertical-align: top; } .njt-gdpr-privacy-settings-frm table tbody tr > td { width:25%; font-weight:600; } .njt-gdpr-privacy-settings-frm table tbody tr > td + td { width:60%; font-weight:400; } .njt-gdpr-privacy-settings-frm table tbody tr > td + td + td { width:15%; font-weight:400; text-align: center; } .njt-gdpr-privacy-settings-frm button { border: 0px; background: #00a4e5; color: #fff; padding: 11px 35px 12px; font-size: 12pt; letter-spacing: 1px; font-weight: 600; text-transform: uppercase; outline: none; margin-top:30px; border-radius: 2px; -moz-border-radius: 2px; } .njt-gdpr-privacy-settings-frm button:hover { background: #16aeea; } .logged-in.et_divi_builder .menu-spacer { /* height: 119px !important; */ } .top-menus i.fa-user-headset { font-size:10pt; } .gform_confirmation_message { text-align: center; font-size: 17pt; margin-bottom: 50px; color: #fff; font-weight: 600; width: 100%; background-color: #2DA24C; padding: 5%; border-radius: 3px; -moz-border-radius: 3px; } .gform_wrapper .field_description_below .gfield_consent_description, .gform_wrapper .gfield_consent_description { padding: 20px 24px !important; font-size: 14px !important; line-height: 24px !important; } .gform_confirmation_message p { color: #fff !important; font-weight: 600 !important; font-size: 22px !important; margin-bottom: 0 !important; } .gform_wrapper div.validation_error { color: #ffffff !important; font-size: 16px !important; } .validation_error { background-color: #d62c31; border: 0; font-size: 17pt; padding: 5%; border-radius: 3px; -moz-border-radius: 3px; } form.post-password-form { text-align: center !important; font-size: 15pt !important; padding: 20% 0 !important; } form.post-password-form input[type=password] { background-color: #efefef !important; border-radius: 3px !important; } form.post-password-form input[type=submit] { background-color: #efefef !important; margin-left: 10px !important; border-radius: 3px !important; padding: 10px 20px !important; margin-top: 1px !important; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .wistia_popover_embed { z-index: 999!important; /* Fix for menu filter blur */ box-shadow: 0 10px 20px 0 rgb(0 0 0 / 20%) !important; border-radius: 5px !important; /* overflow: hidden; */ } .wistia_popover_overlay { z-index: 998!important; /* Fix for menu filter blur */ background: rgba(255,255,255,.7) !important; backdrop-filter: blur(13px) !important; } .kommunicate-custom-iframe { right: 10px !important; bottom: 75px !important; } .kommunicate-custom-iframe.km-iframe-closed, .kommunicate-custom-iframe.chat-popup-widget-vertical { height: 70px !important; } body iframe.km-iframe-dimension-no-popup { height: 520px; } .section-upsell i.fa-crown, .colorIcon i.fa-crown { background: linear-gradient(to top right,#ff0000 0%,#9d00ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding: 8px; } .section-upsell i.fa-shipping-fast, .colorIcon i.fa-shipping-fast { background: linear-gradient(to top right,#8111f9 0%,#4783f6 35%,#0ce3f0 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding: 8px; } .section-upsell i.fa-badge-dollar, .colorIcon i.fa-badge-dollar { background: linear-gradient(to top right,#36c5a6 0%,#00e270 45%,#a5d975 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding: 8px; } .section-upsell i.fa-child, .colorIcon i.fa-child { background: linear-gradient(to top right,#ff6300 0%,#ff9000 35%,#fbda60 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding: 8px; } .section-upsell p.upsell-description { padding-bottom: 7px !important; } /* AddEvent.com Button */ .addeventatc { display:inline-block; position:relative; font-family:"Open Sans",Roboto,"Helvetica Neue",Helvetica,Optima,Segoe,"Segoe UI",Candara,Calibri,Arial,sans-serif; color:#000!important; font-weight:600; line-height:100%; background:#fff!important; font-size:17px; text-decoration:none; border:1px solid transparent!important; padding:14px 15px 14px 54px!important; -webkit-border-radius:3px!important; border-radius:3px!important; cursor:pointer; -webkit-font-smoothing:antialiased!important; outline-color:rgba(0,78,255,0.5)!important; text-shadow:1px 1px 1px rgba(0,0,0,0.004)!important; -webkit-user-select:none!important; -webkit-tap-highlight-color:rgba(0,0,0,0); box-shadow:0 0 0 0.5px rgba(50,50,93,.17), 0 2px 5px 0 rgba(50,50,93,.1), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent!important; background-image: url(../../img/icon-calendar-t5.png), url(../../img/icon-calendar-t1.svg), url(../../img/icon-apple-t5.svg), url(../../img/icon-facebook-t5.svg), url(../../img/icon-google-t5.svg), url(../../img/icon-office365-t5.svg), url(../../img/icon-outlook-t5.svg), url(../../img/icon-outlookcom-t5.svg), url(../../img/icon-yahoo-t5.svg) !important; background-position: -9999px -9999px !important; background-repeat: no-repeat !important; } .addeventatc:hover { background-color:#fafafa; color:#000; font-size:17px; text-decoration:none; } .addeventatc:active { border-width:2px 1px 0px 1px; } .addeventatc-selected { background-color:#f9f9f9; } .addeventatc .addeventatc_icon { width:24px !important; height:24px !important; position:absolute !important; z-index:1 !important; left:14px !important; top:9px !important; background:url(../../img/icon-calendar-t1.svg) no-repeat !important; background-size:24px 24px !important; } .addeventatc .start, .addeventatc .end, .addeventatc .timezone, .addeventatc .title, .addeventatc .description, .addeventatc .location, .addeventatc .organizer, .addeventatc .organizer_email, .addeventatc .facebook_event, .addeventatc .all_day_event, .addeventatc .date_format, .addeventatc .alarm_reminder, .addeventatc .recurring, .addeventatc .attendees, .addeventatc .calname, .addeventatc .uid, .addeventatc .status, .addeventatc .method, .addeventatc .client, .addeventatc .transp { display:none!important; } .addeventatc br { display:none; } /* Drop down */ .addeventatc_dropdown { width:230px; position:absolute; padding:6px 0px 0px 0px!important; font-family:"Open Sans",Roboto,"Helvetica Neue",Helvetica,Optima,Segoe,"Segoe UI",Candara,Calibri,Arial,sans-serif; color:#000!important; font-weight:600; line-height:100%; background:#fff!important; font-size:15px; text-decoration:none; text-align:left!important; margin-left:-1px!important; display:none; -moz-border-radius:3px!important; -webkit-border-radius:3px!important; -webkit-box-shadow:rgba(0,0,0,0.4) 0px 10px 26px!important; -moz-box-shadow:rgba(0,0,0,0.4) 0px 10px 26px!important; box-shadow:rgba(0,0,0,0.4) 0px 10px 26px!important; transform:scale(.98,.98) translateY(5px)!important; z-index:-1; transition:transform .15s ease!important; -webkit-user-select:none!important; -webkit-tap-highlight-color:rgba(0,0,0,0)!important; } .addeventatc_dropdown.topdown { transform:scale(.98,.98) translateY(-5px)!important; } .addeventatc_dropdown span { display: block; line-height: 100%; background: #fff !important; text-decoration: none; cursor: pointer; font-size: 15px; color: #333 !important; font-weight: 600; padding: 14px 10px 14px 55px !important; margin: -2px 0px !important; } .addeventatc_dropdown span:hover { background-color:#f4f4f4 !important; color:#000 !important; text-decoration:none !important; font-size:15px !important; } .addeventatc_dropdown em { color:#999!important; font-size:12px!important; font-weight:400; } .addeventatc_dropdown .frs a { background:#fff; color:#cacaca!important; cursor:pointer; font-size:9px!important; font-style:normal!important; font-weight:400!important; line-height:110%!important; padding-left:10px; position:absolute; right:10px; text-align:right; text-decoration:none; top:5px; z-index:101; } .addeventatc_dropdown .frs a:hover { color:#999!important; } .addeventatc_dropdown .ateappleical { background:url(../../img/icon-apple-t5.svg) 18px 40% no-repeat!important; background-size:22px 100%!important; } .addeventatc_dropdown .ategoogle { background:url(../../img/icon-google-t5.svg) 18px 50% no-repeat!important; background-size:22px 100%!important; } .addeventatc_dropdown .ateoffice365 { background:url(../../img/icon-office365-t5.svg) 19px 50% no-repeat!important; background-size:18px 100%!important; } .addeventatc_dropdown .ateoutlook { background:url(../../img/icon-outlook-t5.svg) 18px 50% no-repeat!important; background-size:22px 100%!important; } .addeventatc_dropdown .ateoutlookcom { background:url(../../img/icon-outlookcom-t5.svg) 18px 50% no-repeat!important; background-size:22px 100%!important; } .addeventatc_dropdown .ateyahoo { background:url(../../img/icon-yahoo-t5.svg) 18px 50% no-repeat!important; background-size:22px 100%!important; } .addeventatc_dropdown .atefacebook { background:url(../../img/icon-facebook-t5.svg) 18px 50% no-repeat!important; background-size:22px 100%!important; } .addeventatc_dropdown .copyx { height:21px; display:block; position:relative; cursor:default; } .addeventatc_dropdown .brx { height:1px; overflow:hidden; background:#e8e8e8; position:absolute; z-index:100; left:10px; right:10px; top:9px; } .addeventatc_dropdown.addeventatc-selected { transform:scale(1,1) translateY(0px); z-index:99999999999; } .addeventatc_dropdown.topdown.addeventatc-selected { transform:scale(1,1) translateY(0px)!important; } .addeventatc_dropdown .drop_markup { background-color:#f4f4f4; } em.copyx { display: none !important; } .be-ix-link-block:first-of-type { margin: -20px 0 60px; background: #435264; padding: 30px 0 30px; margin-top: -50px; } .be-ix-link-block .be-related-link-container { margin-bottom:0px !important; } .be-ix-link-block .be-related-link-container .be-list .be-list-item .be-related-link { color: #c1c2c3 !important; font-size: 13px !important; letter-spacing: 0.2px !important; font-weight: 600 !important; text-transform: capitalize; } .be-ix-link-block .be-related-link-container .be-list .be-list-item .be-related-link:hover { color: #ffffff !important; } .be-ix-link-block .be-related-link-container .be-label { margin: 0; font-size: 18px !important; color: #ffffff!important; text-transform: none!important; letter-spacing: 0.2px!important; font-weight: 600!important; margin-top: -3px; } span#accessibilityWidget { position: fixed; bottom: 150px; right: 20px; width: 50px; height: 50px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 99997; cursor: pointer; } span#accessibilityWidget i { border-radius: 50%; background: linear-gradient(to right top, #913bdf 0%, #f72a87 100%); -webkit-box-shadow: rgb(0 0 0 / 6%) 0px 1px 6px 0px, rgb(0 0 0 / 16%) 0px 2px 32px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 6px 0px, rgba(0, 0, 0, 0.16) 0px 2px 32px 0px; box-shadow: rgb(0 0 0 / 6%) 0px 1px 6px 0px, rgb(0 0 0 / 16%) 0px 2px 32px 0px; border: 0 none; color: #fff; margin: 0; font-size: 30px; vertical-align: middle; line-height: 52px; width: 50px; height: 50px; text-align: center; } @media only screen and (max-width: 767px) { .be-ix-link-block .be-related-link-container .be-label { margin-bottom: 10px!important; } } .search-results #top-menu-container, .search-results .menu-spacer, .search-results #footer-menu, .search-results #footer-country-mobile, .search-results #social-media-icons { display:revert !important; } @media only screen and (min-width: 768px) { .hide-desktop { display: none !important; } .search-results .hide-desktop { display: none !important; } .search-results #footer-country-mobile { display: none !important; } } @media only screen and (max-width: 767px) { .hide-mobile { display: none !important; } .search-results .hide-mobile { display: none !important; } .search-results .menu-spacer { display: block !important; } .search-results #top-menu-container { display: flex !important; } } .pyro > .before, .pyro > .after { position: absolute; width: 5px; height: 5px; border-radius: 50% !important; box-shadow: -120px -218.66667px blue, 248px -16.66667px #00ff84, 190px 16.33333px #002bff, -113px -308.66667px #ff009d, -109px -287.66667px #ffb300, -50px -313.66667px #ff006e, 226px -31.66667px #ff4000, 180px -351.66667px #ff00d0, -12px -338.66667px #00f6ff, 220px -388.66667px #99ff00, -69px -27.66667px #ff0400, -111px -339.66667px #6200ff, 155px -237.66667px #00ddff, -152px -380.66667px #00ffd0, -50px -37.66667px #00ffdd, -95px -175.66667px #a6ff00, -88px 10.33333px #0d00ff, 112px -309.66667px #005eff, 69px -415.66667px #ff00a6, 168px -100.66667px #ff004c, -244px 24.33333px #ff6600, 97px -325.66667px #ff0066, -211px -182.66667px #00ffa2, 236px -126.66667px #b700ff, 140px -196.66667px #9000ff, 125px -175.66667px #00bbff, 118px -381.66667px #ff002f, 144px -111.66667px #ffae00, 36px -78.66667px #f600ff, -63px -196.66667px #c800ff, -218px -227.66667px #d4ff00, -134px -377.66667px #ea00ff, -36px -412.66667px #ff00d4, 209px -106.66667px #00fff2, 91px -278.66667px #000dff, -22px -191.66667px #9dff00, 139px -392.66667px #a6ff00, 56px -2.66667px #0099ff, -156px -276.66667px #ea00ff, -163px -233.66667px #00fffb, -238px -346.66667px #00ff73, 62px -363.66667px #0088ff, 244px -170.66667px #0062ff, 224px -142.66667px #b300ff, 141px -208.66667px #9000ff, 211px -285.66667px #ff6600, 181px -128.66667px #1e00ff, 90px -123.66667px #c800ff, 189px 70.33333px #00ffc8, -18px -383.66667px #00ff33, 100px -6.66667px #ff008c; -moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards; -webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards; -o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards; -ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards; animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards; } .pyro > .after { -moz-animation-delay: 1.25s, 1.25s, 1.25s; -webkit-animation-delay: 1.25s, 1.25s, 1.25s; -o-animation-delay: 1.25s, 1.25s, 1.25s; -ms-animation-delay: 1.25s, 1.25s, 1.25s; animation-delay: 1.25s, 1.25s, 1.25s; -moz-animation-duration: 1.25s, 1.25s, 6.25s; -webkit-animation-duration: 1.25s, 1.25s, 6.25s; -o-animation-duration: 1.25s, 1.25s, 6.25s; -ms-animation-duration: 1.25s, 1.25s, 6.25s; animation-duration: 1.25s, 1.25s, 6.25s; } @-webkit-keyframes bang { from { box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } } @-moz-keyframes bang { from { box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } } @-o-keyframes bang { from { box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } } @-ms-keyframes bang { from { box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } } @keyframes bang { from { box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } } @-webkit-keyframes gravity { to { transform: translateY(200px); -moz-transform: translateY(200px); -webkit-transform: translateY(200px); -o-transform: translateY(200px); -ms-transform: translateY(200px); opacity: 0; } } @-moz-keyframes gravity { to { transform: translateY(200px); -moz-transform: translateY(200px); -webkit-transform: translateY(200px); -o-transform: translateY(200px); -ms-transform: translateY(200px); opacity: 0; } } @-o-keyframes gravity { to { transform: translateY(200px); -moz-transform: translateY(200px); -webkit-transform: translateY(200px); -o-transform: translateY(200px); -ms-transform: translateY(200px); opacity: 0; } } @-ms-keyframes gravity { to { transform: translateY(200px); -moz-transform: translateY(200px); -webkit-transform: translateY(200px); -o-transform: translateY(200px); -ms-transform: translateY(200px); opacity: 0; } } @keyframes gravity { to { transform: translateY(200px); -moz-transform: translateY(200px); -webkit-transform: translateY(200px); -o-transform: translateY(200px); -ms-transform: translateY(200px); opacity: 0; } } @-webkit-keyframes position { 0%, 19.9% { margin-top: 10%; margin-left: 40%; } 20%, 39.9% { margin-top: 40%; margin-left: 30%; } 40%, 59.9% { margin-top: 20%; margin-left: 70%; } 60%, 79.9% { margin-top: 30%; margin-left: 20%; } 80%, 99.9% { margin-top: 30%; margin-left: 80%; } } @-moz-keyframes position { 0%, 19.9% { margin-top: 10%; margin-left: 40%; } 20%, 39.9% { margin-top: 40%; margin-left: 30%; } 40%, 59.9% { margin-top: 20%; margin-left: 70%; } 60%, 79.9% { margin-top: 30%; margin-left: 20%; } 80%, 99.9% { margin-top: 30%; margin-left: 80%; } } @-o-keyframes position { 0%, 19.9% { margin-top: 10%; margin-left: 40%; } 20%, 39.9% { margin-top: 40%; margin-left: 30%; } 40%, 59.9% { margin-top: 20%; margin-left: 70%; } 60%, 79.9% { margin-top: 30%; margin-left: 20%; } 80%, 99.9% { margin-top: 30%; margin-left: 80%; } } @-ms-keyframes position { 0%, 19.9% { margin-top: 10%; margin-left: 40%; } 20%, 39.9% { margin-top: 40%; margin-left: 30%; } 40%, 59.9% { margin-top: 20%; margin-left: 70%; } 60%, 79.9% { margin-top: 30%; margin-left: 20%; } 80%, 99.9% { margin-top: 30%; margin-left: 80%; } } @keyframes position { 0%, 19.9% { margin-top: 10%; margin-left: 40%; } 20%, 39.9% { margin-top: 40%; margin-left: 30%; } 40%, 59.9% { margin-top: 20%; margin-left: 70%; } 60%, 79.9% { margin-top: 30%; margin-left: 20%; } 80%, 99.9% { margin-top: 30%; margin-left: 80%; } } @keyframes slam { 0% { transform: scale(10, 10); opacity: 0; } 40% { opacity: 0; } 100% { transform: scale(1, 1); opacity: 1; } } @keyframes rattle { 0% { margin-top: 0; margin-left: 0; } 10% { margin-top: -5px; margin-left: 0; } 20% { margin-top: 0; margin-left: -5px; } 30% { margin-top: 5px; margin-left: 0; } 40% { margin-top: 0; margin-left: 5px; } 50% { margin-top: -2px; margin-left: 0; } 60% { margin-top: 0; margin-left: -2px; } 70% { margin-top: 2px; margin-left: 0; } 80% { margin-top: 0; margin-left: 2px; } 90% { margin-top: -1px; margin-left: 0; } 100% { margin-top: 0; margin-left: 0; } } .modal-dialog { margin: 20% auto; } .modal-content { border-radius: 15px; } .modal-header { padding: 30px; border-bottom: 1px solid #d2d6da; background: #f2f2f2; border-radius: 15px 15px 0 0; } .modal-header h5 { font-size: 30px; font-weight: 800; } .modal-body { padding: 30px; border-radius: 0 0 15px 15px; } .modal-body p { font-size: 16px !important; margin-bottom: 5px; text-align: left !important; padding: 0 !important; } .modal-body input[type=text] { display: block; text-align: left !important; width: 100% !important; margin: 0 auto 10px !important; height: 50px !important; border-radius: 10px !important; border: 1px solid #c2c6ca !important; color: #343a42 !important; padding: 38px 20px 20px !important; font-size: 16px; } .modal-body input[type=text]:focus-visible { outline: 0; border: 1px solid #4ba5e7; } .modal-body input[type=text]::-webkit-input-placeholder { color: #c4c4c4; } .modal-body label { position: relative; bottom: -32px; left: 20px; text-transform: uppercase; letter-spacing: 1px; color: #7c848d; font-size: 12px; } .modal-body .btn { padding: 18px 20px !important; width: 100% !important; letter-spacing: 1px !important; font-weight: 600 !important; border-radius: 10px !important; } .modal-body .btn.notifyme-btn:hover { color: #fff; } .modal-header .close { margin-top: -20px; margin-right: -20px; } .modal-header h5 i { margin-right: 10px; font-size: 42px; vertical-align: -4px; } .modal-header h5 i.inStock { color: #16c180; } .modal-body .notifyme-msg { display: inline-block; margin: 15px auto !important; width: 100%; border: none !important; text-align: center !important; font-weight: 800; } .modal-body .alert-success { color: #4ba5e7 !important; } .page-template-template-promo .be-ix-link-block { display: none; } .newsfeed ul { margin-left: 0 !important; margin-bottom: 0 !important; } .newsfeed ul li { float: left; margin-right: 60px !important; width: 27.5%; list-style: none !important; } .newsfeed ul li:last-of-type { margin-right:0px !important; } .newsfeed .wp_rss_retriever_image { overflow: hidden; border-radius: 10px; margin-bottom: 20px !important; display: block; float: none; box-shadow: 0px 3px 3px rgb(0 0 0 / 9%); } .newsfeed a.wp_rss_retriever_title { color:#333a42 !important; font-weight: 600 !important; font-size: 14px; line-height: 1.2em !important; text-align: left !important; padding-bottom: 0 !important; } .newsfeed a.wp_rss_retriever_title:hover { color:#09ad96 !important; } .newsfeed .wprss_ajax { text-align: center !important; } .newsfeed .wprss_ajax > img { height: 100px !important; width: 100px; margin: 45px 60px 30px 0px!important; } .health-needs-mega { min-width: 1080px; padding:25px 30px !important; box-shadow: 0 8px 60px 0 rgb(27 37 57 / 11%), 0 12px 90px 0 rgb(35 50 83 / 11%) !important; } .health-needs-mega .health-needs-row { width: 100% !important; padding: 0 !important; margin-bottom: 25px !important; } .health-needs-mega .health-needs-row:last-of-type { margin-bottom:0px !important; } .health-needs-mega .health-needs-row .rollover { background-color: #f7f7f9; transition: background-color 300ms ease 0ms; cursor: pointer; padding: 20px 10px 8px !important; min-height: 90px !important; } .health-needs-mega .health-needs-row .rollover:hover { background-color: #dddddd; } .health-needs-mega .health-needs-row .rollover > div:first-of-type { margin-bottom: 10px !important; } .health-needs-mega .health-needs-row i { font-size: 30px !important; color: #1e3050 !important; } .health-needs-mega .health-needs-row p { line-height: 12px !important; } .tippy-content { box-shadow: none !important; } .dancing-script, .dancing-script p { font-family: 'Dancing Script', cursive; } @media only screen and (max-width: 768px) { .health-needs-mega { max-width: 748px !important; min-width: unset !important; padding:20px 20px !important; margin-top: 9px !important; } .health-needs-mega .health-needs-row { margin-bottom:12px !important; } .health-needs-mega .health-needs-row i { font-size: 24px !important; } .health-needs-mega .health-needs-row p { line-height: 12px !important; font-size:9px !important; font-weight: 600 !important; } .health-needs-mega .health-needs-row .rollover { max-width: 22% !important; margin-right: 4% !important; max-height: 100px !important; margin-bottom: 0px !important; } .health-needs-mega .health-needs-row .rollover:last-of-type { margin-right: 0% !important; } .tippy-tooltip[data-placement^=bottom] > .tippy-svg-arrow { top: 2px !important; } .et-db #et-boc .et-l .et_pb_column.home-search-field { margin-bottom: 0px !important; max-height: 53px !important; } } .lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu { display: flex!important; } .lwp-hide-mobile-menu .et_mobile_nav_menu { display: none !important; } /* version 1 */ .hn-menu .hn-icon { margin-right: 5px; vertical-align: 1px; font-size: 32px; } /* version 1 */ .hn-menu i.fa-chevron-down { font-size: 15px; vertical-align: 5px; margin-left: 5px; } /* version 1 */ .hn-menu .hn-menu-action:hover { cursor:pointer; } /* version 2 */ .et-db #et-boc .et-l .et_pb_code ul.mm-sb-menu, .et-db #et-boc .et-l .et_pb_toggle_content ul.hn-sb-menu, .et-db #et-boc .et-l .et_pb_toggle_content ul.pc-sb-menu { margin: 0; } .et-db #et-boc .et-l .et_pb_code ul.mm-sb-menu li { list-style: none; line-height: 40px; font-weight: 700; font-size: 19px; } .et-db #et-boc .et-l .et_pb_code ul.mm-sb-menu li a { color: #343a42; } .et-db #et-boc .et-l .et_pb_code ul.mm-sb-menu li a:hover, .et-db #et-boc .et-l .et_pb_code ul.mm-sb-menu li.current-menu-item a { color: #0b99ff; } /* version 2 */ .et-db #et-boc .et-l .et_pb_toggle_content ul.hn-sb-menu li, .et-db #et-boc .et-l .et_pb_toggle_content ul.pc-sb-menu li { list-style: none; font-weight: 600; font-size: 13px; line-height: 28px; } /* version 2 */ .et-db #et-boc .et-l .et_pb_toggle_content ul.hn-sb-menu li a, .et-db #et-boc .et-l .et_pb_toggle_content ul.pc-sb-menu li a { padding-left: 27px; } /* version 2 US ES */ .et-db .es-us #et-boc .et-l .et_pb_toggle_content ul.hn-sb-menu li a, .et-db .es-us #et-boc .et-l .et_pb_toggle_content ul.pc-sb-menu li a { display: inline-flex; line-height: 15px; padding-bottom: 8px; } /* version 2 */ .et-db #et-boc .et-l .et_pb_toggle_content ul.hn-sb-menu li:before, .et-db #et-boc .et-l .et_pb_toggle_content ul.pc-sb-menu li:before { content: "\f111"; margin-right: -21px; font-family: "Font Awesome 6 Pro"; color: #c5c5c5; font-weight: 400; font-size: 18px; vertical-align: -2px; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } /* version 2 */ .et-db #et-boc .et-l .et_pb_toggle_content ul.hn-sb-menu li.current-menu-item:before, .et-db #et-boc .et-l .et_pb_toggle_content ul.pc-sb-menu li.current-menu-item:before, .et-db #et-boc .et-l .et_pb_toggle_content ul.hn-sb-menu li:hover:before, .et-db #et-boc .et-l .et_pb_toggle_content ul.pc-sb-menu li:hover:before { content: "\f192"; color: #55ba89; font-weight: 600; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } /* version 2 */ .et-db #et-boc .et-l .et_pb_toggle_content ul.hn-sb-menu li i { width: 24px; text-align: center; margin-right: 5px; } #et-boc .et-l #mtex-search label { margin-bottom: 0; width: 100%; } #et-boc .et-l #mtex-search label i { position: absolute; top: 14px; right: 15px; font-size: 12pt; font-weight: 800; color: #343a42; } #et-boc .et-l #mtex-search input[type=search] { width: 100%; font-size: 18px; line-height: 40px; border-radius: 15px; border: 1px solid #dedede; padding: 0 15px; color: #343a42; background-color: #fff; } #et-boc .et-l #mtex-search input[type=search]:focus { outline: none; } #et-boc .et-l #mtex-search input[type=search]::placeholder { color: #9ca1a4; } #et-boc .et-l #mtex-search input[type=search].placeholder-fix::-webkit-input-placeholder { color: #9ca1a4; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #et-boc .et-l #mtex-search input[type=search].placeholder-fix::-moz-placeholder { color: #9ca1a4; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #et-boc .et-l #mtex-search input[type=search].placeholder-fix:-moz-placeholder { color: #9ca1a4; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #et-boc .et-l #mtex-search input[type=search].placeholder-fix:focus::-webkit-input-placeholder {color:transparent;} #et-boc .et-l #mtex-search input[type=search].placeholder-fix:focus::-moz-placeholder {color:transparent;} #et-boc .et-l #mtex-search input[type=search].placeholder-fix:-moz-placeholder {color:transparent;} .et_pb_toggle_title:before { content: "\33" !important; transition: all .3s ease-in-out; font-size: 27px !important; font-weight: 600 !important; } .et_pb_toggle_open .et_pb_toggle_title:before { content: "\33" !important; transform: rotate(180deg); } .nav li.et-touch-hover>ul, .nav li:hover>ul { opacity: 0 !important; visibility: hidden !important; } ul.sub-menu.hiddden.visible { opacity: 1 !important; visibility: visible !important; } .nav li.et-touch-hover>ul, .nav li:hover>ul, .et-db #et-boc .et-l .nav li:hover>ul { opacity: 0; visibility: hidden; } ul.sub-menu.hiddden.visible, .et-db #et-boc .et-l .nav li ul.hiddden.visible { opacity: 1 !important; visibility: visible; background-color: #fff !important; width: calc(100% + 100px); border-top: 0px; border-radius: 10px; top: calc(100% - -20px); left: -48px; box-shadow: 0 8px 60px 0 rgb(0 0 0 / 11%), 0 12px 90px 0 rgb(0 0 0 / 11%); -moz-box-shadow: 0 8px 60px 0 rgb(0 0 0 / 11%), 0 12px 90px 0 rgb(0 0 0 / 11%); -webkit-box-shadow: 0 8px 60px 0 rgb(0 0 0 / 11%), 0 12px 90px 0 rgb(0 0 0 / 11%); } ul.sub-menu.hiddden.visible li, .et-db #et-boc .et-l .nav li ul.hiddden.visible li, ul.sub-menu.hiddden.visible li a, .et-db #et-boc .et-l .nav li ul.hiddden.visible li a, ul#menu-health-needs li a { font-weight: 600; font-size: 16px; width: 100%; color: #343a42 !important; } ul.sub-menu.hiddden.visible li a, .et-db #et-boc .et-l .nav li ul.hiddden.visible li a { padding: 8px 10px !important; } ul.sub-menu.hiddden.visible li a:hover, .et-db #et-boc .et-l .nav li ul.hiddden.visible li a:hover { background-color: rgb(5 165 236); opacity: 1; color: #fff !important; border-radius: 7px; -webkit-transition: background-color .2s ease-in-out, color .2s; transition: background-color .2s ease-in-out, color .2s; } ul.sub-menu:before { width: 0 !important; top: -14px !important; border-left: 25px solid transparent !important; border-right: 25px solid transparent !important; border-bottom: 14px solid #fff !important; left: 50% !important; margin-left: -20px !important; position: absolute !important; content: '' !important; display: block !important; border-top-color: #fff !important; display: none !important; } .sb-country-select { z-index: 99999 !important; } ul#menu-sb-country-selection li ul.sub-menu.hiddden.visible, ul[id^="menu-sb-country-selection-"] li ul.sub-menu.hiddden.visible { left: -9px !important; max-height: 165px; overflow: auto !important; top: calc(100% - 2px) !important; width: calc(100% + 18px) !important; max-width: 310px; border-radius: 0 0 10px 10px !important; box-shadow: 0 30px 40px 0 rgb(0 0 0 / 0%), 0 40px 30px 0 rgb(0 0 0 / 0%)!important; -moz-box-shadow: 0 30px 40px 0 rgb(0 0 0 / 0%), 0 40px 30px 0 rgb(0 0 0 / 0%)!important; -webkit-box-shadow: 0 30px 40px 0 rgb(0 0 0 / 0%), 0 40px 30px 0 rgb(0 0 0 / 0%)!important; border-top: 15px solid #e5e5e8!important; padding-top: 0px !important; } .et-db #et-boc .et-l ul#menu-sb-country-selection.et-menu .menu-item-has-children>a:first-child, .et-db #et-boc .et-l ul[id^="menu-sb-country-selection-"].et-menu .menu-item-has-children>a:first-child { min-width: 240px; } .et-db #et-boc .et-l ul#menu-sb-country-selection.et-menu .menu-item-has-children>a:first-child:after, .et-db #et-boc .et-l ul[id^="menu-sb-country-selection-"].et-menu .menu-item-has-children>a:first-child:after { font-size: 27px; } .mtex-catalog>div>.et-last-child { width: 100% !important; padding-right:40px !important; } @media only screen and (max-width: 767px) { .mtex-catalog>div>.et-last-child { padding-right:0px !important; } } .mtex-catalog .sb-sep-1 { margin-bottom: 30px!important; } .et-db #et-boc .et-l .mtex-catalog .et_pb_column.hide-mobile, .et-db #et-boc .et-l .mtex-catalog .et_pb_column.hide-mobile { background-color: #f5f5f7 !important; min-width: 320px !important; max-width: 320px !important; } .hn-page-title a { font-size: 11px; background-color: #f5f5f7 !important; padding: 5px 10px 6px !important; border-radius: 4px !important; vertical-align: 4px !important; margin-left: 5px !important; } .hn-page-title a i { font-size:10px; margin-left: 5px; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; } .hn-page-title a:hover i { color: #e02404; } .mtex-catalog .mtex-grid { max-width: 1140px; } .mtex-product-row .et_pb_code_inner { display: grid; grid-gap: 0 3%; /* grid-gap: 0 40px; */ /* grid-template-columns: repeat(auto-fit, minmax(270px, auto)); */ /* grid-template-columns: repeat(auto-fit, minmax(275px, 330px)); */ /* grid-template-columns: repeat(auto-fit, minmax(30.63973%, 1fr)); */ grid-template-columns: repeat(3, minmax(0, 1fr)); } .et-db #et-boc .et-l .et_pb_module .prod-wrap { background-color: #f5f5f7; border-radius: 15px 15px 15px 15px; padding-top: 40px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; /* width: 30.63973%; */ /* margin-right: 4.04%; */ margin-bottom: 8%; /* float: left; */ position: relative; max-width: 400px; } .et-db #et-boc .et-l .et_pb_module .prod-wrap:nth-child(3n+0) { margin-right: 0; } .et-db #et-boc .et-l .et_pb_module .prod-wrap .cart-shortcode { min-height: 535px; } @media only screen and (max-width: 1259px) { .mtex-product-row .et_pb_code_inner { grid-template-columns: repeat(2, minmax(0, 1fr)); } .et-db #et-boc .et-l .et_pb_module .prod-wrap .cart-shortcode { min-height: 585px; } } .et-db #et-boc .et-l .et_pb_module .prod-wrap .cart-shortcode .add-to-cart-wrapper { position: absolute !important; bottom: 20px; } @media only screen and (max-width: 768px) { .mtex-product-row .et_pb_code_inner { grid-gap: 10px 3%; /* grid-template-columns: repeat(auto-fit, minmax(46%, auto)); */ grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0px 0px !important } .et-db #et-boc .et-l .et_pb_module .prod-wrap { background-color:#fff; padding: 20px 12px 0px; margin-bottom: 0; } .et-db #et-boc .et-l .et_pb_module .prod-wrap .cart-shortcode { min-height: 430px; } .hn-page-title a { background: #fff !important; } /* .et-db #et-boc .et-l .et_pb_module .prod-wrap { width: 47%; margin-right: 2%; margin-bottom: 2%; } .et-db #et-boc .et-l .et_pb_module .prod-wrap:nth-child(3n+0) { margin-right: 2%; } .et-db #et-boc .et-l .et_pb_module .prod-wrap:nth-child(even) { margin-right: 0; } .et-db #et-boc .et-l .et_pb_module .prod-wrap:nth-child(odd) { margin-left: 2%; } */ } .et-db #et-boc .et-l .et_pb_module .prod-wrap .cart-shortcode-mega .grid-img-wrap { width: 70%; margin: 0 auto; position: relative; } .et-db #et-boc .et-l .et_pb_module .prod-wrap .cart-shortcode-mega .grid-img-wrap a { display: block; text-align: center; } .et-db #et-boc .et-l .et_pb_module .prod-wrap .cart-shortcode-mega .grid-img-wrap a img { width: 100%; max-width: 100%; } .et-db #et-boc .et-l .et_pb_module .prod-wrap .cart-shortcode-mega .grid-img-wrap .grid-img-wrap-overlay { z-index: -1; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: radial-gradient(#ffffffd9 35%, #ffffff00 70%) !important; opacity: 0; pointer-events: none; transition: all .3s; box-sizing: border-box; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; } .et-db #et-boc .et-l .et_pb_module .prod-wrap .cart-shortcode-mega .grid-img-wrap:hover .grid-img-wrap-overlay { z-index: 1; opacity: 1; } .et-db #et-boc .et-l .et_pb_module .prod-wrap .cart-shortcode-mega .grid-img-wrap .grid-img-wrap-overlay:before { content: "\f00e"; font-family: "Font Awesome 6 Pro"; color: #343a42; position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -16px; font-size: 32px; transition: all .4s; } .et-db #et-boc .et-l .et_pb_module .prod-wrap .cart-shortcode-mega h2, .et-db #et-boc .et-l .et_pb_module .prod-wrap .cart-shortcode-mega h3 { font-size: 15px; line-height: 1.2446; font-weight: 600; text-align: left; letter-spacing: 0; padding-bottom: 0; margin-bottom: 5px; margin-top: 8px; color: #343a42; } .et-db #et-boc .et-l .et_pb_module .prod-wrap .cart-shortcode-mega p.sh-description { text-align: left; font-size: 13px !important; min-height: 50px; clear: both; } @media only screen and (max-width: 767px) { .et-db #et-boc .et-l .et_pb_module .prod-wrap .cart-shortcode-mega h2, .et-db #et-boc .et-l .et_pb_module .prod-wrap .cart-shortcode-mega h3 { font-size: 12px; } .et-db #et-boc .et-l .et_pb_module .prod-wrap .cart-shortcode-mega p.sh-description { font-size: 11px !important; } } .et-db #et-boc .et-l .et_pb_module .prod-wrap .cart-shortcode-mega .m5m-tooltip { right: 0; left: unset; } .et-db #et-boc .et-l .et_pb_module .prod-wrap .cart-shortcode-mega .multiple-prices .price-label { width: 48.7%; } .et-db #et-boc .et-l .et_pb_column .et_pb_row_inner.mtex-product-row>div { overflow: visible; z-index: unset; } #trustpilotpopup>i { margin-top: 4px; margin-left: 5px; margin-right: 5px; font-size: 10px; font-weight: 800; } #trustpilotpopup .trustpilot-review-star i { margin-right: 2px; font-size: 14px; color: #c8cfd8; margin-top: -2px; background-color: #8c98a8; color: transparent; text-shadow: 0px 1px 1px rgb(255 255 255 / 70%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; } #trustpilotpopup .trustpilot-review-star .five-star i { color: #00b095; } #trustpilotpopup .trustpilot-review-star .four-star i:nth-child(-n+4) { color: #45ce94; } #trustpilotpopup .trustpilot-review-star .three-star i:nth-child(-n+3) { color: #ffd65c; } #trustpilotpopup .trustpilot-review-star .two-star i:nth-child(-n+2) { color: #ffd65c; } #trustpilotpopup .trustpilot-review-star .one-star i:nth-child(-n+1) { color: #ffd65c; } .et-db #et-boc .et-l .et_pb_column .et_pb_row_inner.mtex-product-row #trustpilotpopup>i { margin-top: 1px; color: #343a42; } #trustpilotpopup label.mnt-tp-total-reviews, #et-boc .et-l #trustpilotpopup label.mnt-tp-total-reviews { /* font-size: 12px; */ font-weight: 600; vertical-align: 1px; margin-bottom: 0; color: #343a42; /* margin-left:8px; */ font-size: 13px; margin-left: 3px; } #et-boc .et-l #trustpilotpopup label.mnt-tp-total-reviews { vertical-align: 3px; } .et-db #et-boc .et-l .mtex-product-row .et_pb_module .product-item-sku { display: none; font-size: 11px !important; word-wrap: break-word; padding: 0.3rem 0.8rem 0.1rem !important; border-radius: 0.2rem; -webkit-box-decoration-break: clone; box-decoration-break: clone; background: -webkit-gradient(linear,left top,right top,from(#ffbed4),to(#ffcd90)); background: linear-gradient(90deg,#ffbed4,#ffcd90); font-family: Operator Mono SSm A,Operator Mono SSm B,Operator Mono,Source Code Pro,Menlo,Consolas,Monaco,monospace; box-shadow: 0px 0px 3px 2px rgb(255 255 255 / 70%); position: absolute; bottom: -9px; left: 1px; } @media only screen and (max-width: 767px) { #trustpilotpopup .trustpilot-review-star i { font-size: 1.2em; vertical-align: 2px; } .add-to-cart-wrapper .mnt-tp-wrapper { width: 100%; } } .cart-shortcode .product-item-sku { display: none; } .logged-in.et-db #et-boc .et-l .mtex-product-row .et_pb_module .product-item-sku, .logged-in .cart-shortcode .product-item-sku { display: inline-block; } .cust-serv-cta-desktop { } .cust-serv-cta-desktop i { font-size: 40px; color: #48a6e7; vertical-align: -8px; margin-right: 20px; } #et-boc .et-l .cust-serv-cta-desktop h4 { padding-bottom:0px; } .cust-serv-cta-mobile { margin-bottom:30px !important; } .cust-serv-cta a { background-color: #fff !important; padding: 14px 16px !important; font-size: 22px; border-radius: 50% !important; margin-left: 20px !important; } .prod-wrap.sku-146601 .retail-price { /* display: none; */ } .prod-wrap.sku-146601 .add-to-cart-wrapper [class^="btn"], .prod-wrap.sku-146601 .add-to-cart-wrapper a[class^="btn"] { width: 100%; margin-left:0 !important; } @media only screen and (max-width: 767px) { .cust-serv-cta a { background-color: #f1f1f2 !important; } } /* Top Sellers for Homepage begin */ .swiper { width: 100%; /* height: 100%; */ z-index: 2; } .swiper-wrapper { position: relative !important; width: 100% !important; height: 100%; z-index: 1 !important; display: flex; transition-property: transform; min-height: 530px !important; max-height: 530px; /* box-sizing: content-box !important; */ } .swiper-slide { background-color: #FFFFFF !important; border-radius: 15px 15px 15px 15px !important; padding-top: 0px !important; padding-right: 0% !important; padding-bottom: 30px !important; padding-left: 0% !important; box-shadow: 0px 5px 18px 0px rgb(0 0 0 / 9%) !important; margin-right:30px !important; height: auto !important; text-align: center !important; -webkit-transition: 0.3s all ease !important; -moz-transition: 0.3s all ease !important; transition: 0.3s all ease !important; /* Center slide text vertically */ display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; -webkit-justify-content: center !important; justify-content: center !important; -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; -webkit-align-items: baseline !important; align-items: baseline !important; } .swiper-slide:hover { transform: scaleX(1.01) scaleY(1.01)!important; box-shadow: 0px 5px 18px 0px rgb(0 0 0 / 20%) !important; } .swiper-slide>div>img:first-of-type { width: 100%; margin-top: 0px !important; margin-bottom: 20px !important; border-radius: 15px 15px 0 0 !important; } .swiper-slide h5 { font-weight: 600 !important; font-size: 16px; line-height: 1.2em !important; text-align: left !important; padding-bottom: 7px !important; padding-left: 24px !important; padding-right: 24px !important; } .swiper-slide p.sh-description { font-size: 14px !important; line-height: 1.4em !important; text-align: left !important; padding-left: 24px !important; padding-right: 24px !important; } .top-sellers .nav-wrapper { opacity: 0; -webkit-transition: 0.3s opacity ease; -moz-transition: 0.3s opacity ease; transition: 0.3s opacity ease; } .top-sellers:hover .nav-wrapper { opacity:1; } .swiper-button-next, .swiper-button-prev { top: 0 !important; border-radius: 15px !important; height: 100px !important; margin-top: -405px !important; min-height: 288px; padding: 0 30px !important; -webkit-backdrop-filter: saturate(180%) blur(20px) !important; backdrop-filter: saturate(180%) blur(20px) !important; background-color: rgb(221 221 221 / 80%) !important; -webkit-transition: 0.3s background-color ease !important; -moz-transition: 0.3s background-color ease !important; transition: 0.3s background-color ease !important; } .swiper-button-next:hover, .swiper-button-prev:hover { background-color: rgb(191 191 191 / 80%) !important; } .swiper-button-next:after, .swiper-button-prev:after { color:#333a42; opacity:0.7; } .swiper-button-next:hover:after, .swiper-button-prev:hover:after { opacity:1; } .topten-content .mnt-tp-wrapper { padding-left: 25px !important; padding-right: 25px !important; } .topten-content .mnt-tp-wrapper i { margin-top:1px !important; } @media only screen and (max-width: 768px) { .et-db #et-boc .et-l .et_pb_column.swiper-slide { width: inherit !important; margin-bottom: inherit !important; width: 100% !important; margin-right: 20px !important; } .et-db #et-boc .et-l .et_pb_gutters1 .et_pb_column.swiper-slide, .et-db #et-boc .et-l .et_pb_gutters1.et_pb_row .et_pb_column.swiper-slide { margin: inherit !important; width: 100% !important; margin-right: 20px !important; } .swiper-button-next, .swiper-button-prev { display: none !important; } .swiper-slide h5 { font-size: 18px; } .swiper-slide p.sh-description { font-size: 15px !important; } .topten-content #trustpilotpopup label.mnt-tp-total-reviews, .topten-content #et-boc .et-l #trustpilotpopup label.mnt-tp-total-reviews { font-size: 12px !important; vertical-align: 3px !important; } .topten-content .trustpilot-review-star { width: 33%; } .topten-content .total-reviews { width: 28%; } .swiper-slide:hover { transform: none!important; box-shadow: 0px 5px 18px 0px rgb(0 0 0 / 9%); } .swiper-slide.swiper-slide-active { transform: scaleX(1.01) scaleY(1.01)!important; box-shadow: 0px 5px 18px 0px rgb(0 0 0 / 20%); } } /* Top Sellers for Homepage end */ /* Homepage begin */ @media only screen and (max-width: 768px) { .et-db #et-boc .et-l .et_pb_row.upsell-group .et_pb_column.et_pb_column_1_4 { margin: 0; } .newsfeed ul li { margin-right: 0px !important; width: 100%; display: inline-block; margin-bottom: 20px !important; } .newsfeed .wp_rss_retriever_image { width: 100% !important; height: 160px !important; margin-bottom: 15px !important; } .newsfeed a.wp_rss_retriever_title { font-size: 15px; } } /* Homepage end */ .cat-mobile-filters { background-color: #FFFFFF !important; border-radius: 15px 15px 0 0 !important; padding: 17px 25px 16px !important; margin: 0 2.5% !important; font-size: 16px !important; } .cat-mobile-search { background-color: #FFFFFF !important; border-radius: 0 0 15px 15px !important; padding: 10px 23px !important; margin: 0 2.5% !important; font-size: 16px !important; border: 0px solid #ddd !important; border-top: 1px solid #f1f1f2 !important; } .et-db #et-boc .et-l .cat-mobile-search.et_pb_hide_search_button input.et_pb_s { padding: 0 !important; padding-left: 0 !important; padding-right: 0 !important; font-size: 16px !important; } #overlay-62418 .et_pb_section, #overlay-71466 .et_pb_section, #overlay-71471 .et_pb_section { padding: 0; } #overlay-62418 .et_pb_section .et_pb_column, #overlay-71466 .et_pb_section .et_pb_column, #overlay-71471 .et_pb_section .et_pb_column { padding-left: 40px; } .et-db #et-boc .et-l .et_pb_menu_dov_62418_5.et_pb_menu, .et-db #et-boc .et-l .et_pb_menu_dov_62418_5.et_pb_menu .et_pb_menu__menu, .et-db #et-boc .et-l .et_pb_menu_dov_62418_5.et_pb_menu .et-menu-nav, .et-db #et-boc .et-l .et_pb_menu_dov_62418_5.et_pb_menu ul, .et-db #et-boc .et-l .et_pb_menu_dov_62418_5.et_pb_menu ul li, .et-db #et-boc .et-l .et_pb_menu_dov_62418_5.et_pb_menu ul li a, .et-db #et-boc .et-l .et_pb_menu_dov_71466_5.et_pb_menu, .et-db #et-boc .et-l .et_pb_menu_dov_71466_5.et_pb_menu .et_pb_menu__menu, .et-db #et-boc .et-l .et_pb_menu_dov_71466_5.et_pb_menu .et-menu-nav, .et-db #et-boc .et-l .et_pb_menu_dov_71466_5.et_pb_menu ul, .et-db #et-boc .et-l .et_pb_menu_dov_71466_5.et_pb_menu ul li, .et-db #et-boc .et-l .et_pb_menu_dov_71466_5.et_pb_menu ul li a, .et-db #et-boc .et-l .et_pb_menu_dov_71471_5.et_pb_menu, .et-db #et-boc .et-l .et_pb_menu_dov_71471_5.et_pb_menu .et_pb_menu__menu, .et-db #et-boc .et-l .et_pb_menu_dov_71471_5.et_pb_menu .et-menu-nav, .et-db #et-boc .et-l .et_pb_menu_dov_71471_5.et_pb_menu ul, .et-db #et-boc .et-l .et_pb_menu_dov_71471_5.et_pb_menu ul li, .et-db #et-boc .et-l .et_pb_menu_dov_71471_5.et_pb_menu ul li a { width:100%; } .et-db #et-boc .et-l .et_pb_menu_dov_62418_5.et_pb_menu .menu-item-has-children>a:first-child:after, .et-db #et-boc .et-l .et_pb_menu_dov_71466_5.et_pb_menu .menu-item-has-children>a:first-child:after, .et-db #et-boc .et-l .et_pb_menu_dov_71471_5.et_pb_menu .menu-item-has-children>a:first-child:after { font-size: 28px; position: absolute; right: -6px; } .et-db #et-boc .et-l .et_pb_menu_dov_62418_5.et_pb_menu .menu-item-has-children ul.sub-menu:before, .et-db #et-boc .et-l .et_pb_menu_dov_71466_5.et_pb_menu .menu-item-has-children ul.sub-menu:before, .et-db #et-boc .et-l .et_pb_menu_dov_71471_5.et_pb_menu .menu-item-has-children ul.sub-menu:before { display: none !important; } .et-db #et-boc .et-l .et_pb_menu_dov_62418_5 .et_pb_menu__wrap, .et-db #et-boc .et-l .et_pb_menu_dov_71466_5 .et_pb_menu__wrap, .et-db #et-boc .et-l .et_pb_menu_dov_71471_5 .et_pb_menu__wrap { justify-content: flex-start !important; } .overlay-customclose-btn-62418, .overlay-customclose-btn-71466, .overlay-customclose-btn-71471 { color: #333a42 !important; background-color: transparent !important; font-size: 40px !important; font-weight: 500 !important; padding: 10px 5px !important; } @media only screen and (max-width: 768px) { .et_pb_menu_dov_62418_5 ul.sub-menu.hiddden.visible, .et_pb_menu_dov_62418_5 .et-db #et-boc .et-l .nav li ul.hiddden.visible, .et_pb_menu_dov_71466_5 ul.sub-menu.hiddden.visible, .et_pb_menu_dov_71466_5 .et-db #et-boc .et-l .nav li ul.hiddden.visible, .et_pb_menu_dov_71471_5 ul.sub-menu.hiddden.visible, .et_pb_menu_dov_71471_5 .et-db #et-boc .et-l .nav li ul.hiddden.visible { width: calc(100% + 25px) !important; border-top: 0px !important; border-radius: 0 0 10px 10px !important; top: calc(100% - 0px) !important; left: -9px !important; box-shadow: 0 8px 60px 0 rgb(0 0 0 / 1%), 0 12px 90px 0 rgb(0 0 0 / 0%) !important; -moz-box-shadow: 0 8px 60px 0 rgb(0 0 0 / 1%), 0 12px 90px 0 rgb(0 0 0 / 0%) !important; -webkit-box-shadow: 0 8px 60px 0 rgb(0 0 0 / 1%), 0 12px 90px 0 rgb(0 0 0 / 0%) !important; } } .nav form { margin-bottom: 0px !important; } .region-us #adc-146601 { content: "Join Now"; } .region-us .sku-37001:before, .region-us .sku-12701:before, .region-us .sku-85601:before, .region-us .sku-37101:before, .region-us .sku-35101:before, .region-us .sku-51701:before, .region-us .sku-51101:before, .region-us .sku-56701:before, .region-us .sku-15601:before, .region-us .sku-16601:before, .region-us .sku-54601:before, .region-us .sku-11101:before { content: "Best Seller"; background: linear-gradient(to bottom left, #a3d4bf 0%, #22a08a 100%); color: #ffffff; text-transform: uppercase; font-weight: 800; padding: 3px 5px; border-radius: 4px; position: absolute; top: 15px; left: 15px; } .region-us.es-us .sku-37001:before, .region-us.es-us .sku-12701:before, .region-us.es-us .sku-85601:before, .region-us.es-us .sku-37101:before, .region-us.es-us .sku-35101:before, .region-us.es-us .sku-51701:before, .region-us.es-us .sku-51101:before, .region-us.es-us .sku-56701:before, .region-us.es-us .sku-15601:before, .region-us.es-us .sku-16601:before, .region-us.es-us .sku-54601:before, .region-us.es-us .sku-11101:before { content: "De Mayor Venta"; } .region-us.zh-us .sku-37001:before, .region-us.zh-us .sku-12701:before, .region-us.zh-us .sku-85601:before, .region-us.zh-us .sku-37101:before, .region-us.zh-us .sku-35101:before, .region-us.zh-us .sku-51701:before, .region-us.zh-us .sku-51101:before, .region-us.zh-us .sku-56701:before, .region-us.zh-us .sku-15601:before, .region-us.zh-us .sku-16601:before, .region-us.zh-us .sku-54601:before, .region-us.zh-us .sku-11101:before { content: "最畅销产品"; } .region-us .sku-000000:before { content: "Coming Soon"; background: linear-gradient(to bottom left, #ffa26f 0%, #aa0000 100%); color: #ffffff; text-transform: uppercase; font-weight: 800; padding: 3px 5px; border-radius: 4px; position: absolute; top: 15px; left: 15px; } .region-us.es-us .sku-000000:before { content: "Próximamente"; } .region-us.zh-us .sku-000000:before { content: "快来了"; } .region-us .sku-15201::before, /* TruEdge Coffee */ .region-us .sku-16401::before, /* TruEdge Energy */ .region-us .sku-29901::before, /* TruEdge Energy + Coffee */ .region-us .sku-79601::before, /* The Makeover */ .region-us .sku-79501::before, /* The Foundation Ultimate */ .region-us .sku-78101::before, /* The Foundation Transformation */ .region-us .sku-77901::before, /* The Foundation */ .region-us .sku-60501::before, /* Gut Pro+ */ .region-us .sku-49001::before, /* Sweetheart Wellness Trip */ .region-us .sku-48201::before, /* Luminovation Beauty Bundle */ .region-us .sku-10701::before, /* TruHealth Satiety */ .region-us .sku-46401::before, /* TruHealth */ .region-us .sku-96201::before, /* TruHealth */ .region-us .sku-10501::before, /* TruHealth */ .region-us .sku-15701::before, /* TruHealth */ .region-us .sku-96101::before, /* TruHealth */ .region-us .sku-75101::before, /* Luminovation Glow Collagen Glaze - 2 Pack */ .region-us .sku-11301::before, /* Luminovation Glow Collagen Glaze */ .region-us .sku-27801::before, /* Luminovation Bundle */ .region-us .sku-27101::before, /* Luminovation Toner */ .region-us .sku-25801::before, /* Luminovation Cleanser */ .region-us .sku-27301::before, /* Luminovation Cream */ .region-us .sku-27201::before, /* Luminovation Lotion */ .region-us .sku-28401::before, /* Luminovation Skin Returning Care Program */ .region-us .sku-46201::before /* Illuminate, Inside & Out Bundle */ { content: "New"; background: linear-gradient(to bottom left, #ffb972 0%, #ff7e3f 100%); color: #ffffff; text-transform: uppercase; font-weight: 800; padding: 3px 5px; border-radius: 4px; position: absolute; top: 15px; left: 15px; } .region-us.es-us .sku-15201::before, /* TruEdge Coffee */ .region-us.es-us .sku-16401::before, /* TruEdge Energy */ .region-us.es-us .sku-29901::before, /* TruEdge Energy + Coffee */ .region-us.es-us .sku-60501::before, /* Gut Pro+ */ .region-us.es-us .sku-49001::before, /* Sweetheart Wellness Trip */ .region-us.es-us .sku-48201::before, /* Luminovation Beauty Bundle */ .region-us.es-us .sku-10701::before, /* TruHealth Satiety */ .region-us.es-us .sku-46401::before, /* TruHealth */ .region-us.es-us .sku-96201::before, /* TruHealth */ .region-us.es-us .sku-10501::before, /* TruHealth */ .region-us.es-us .sku-15701::before, /* TruHealth */ .region-us.es-us .sku-96101::before, /* TruHealth */ .region-us.es-us .sku-75101::before, /* Luminovation Glow Collagen Glaze - 2 Pack */ .region-us.es-us .sku-11301::before, /* Luminovation Glow Collagen Glaze */ .region-us.es-us .sku-27801::before, /* Luminovation Bundle */ .region-us.es-us .sku-27101::before, /* Luminovation Toner */ .region-us.es-us .sku-25801::before, /* Luminovation Cleanser */ .region-us.es-us .sku-27301::before, /* Luminovation Cream */ .region-us.es-us .sku-27201::before, /* Luminovation Lotion */ .region-us.es-us .sku-28401::before, /* Luminovation Skin Returning Care Program */ .region-us.es-us .sku-46201::before /* Illuminate, Inside & Out Bundle */ { content: "Nuevo"; } .region-us.zh-us .sku-15201::before, /* TruEdge Coffee */ .region-us.zh-us .sku-16401::before, /* TruEdge Energy */ .region-us.zh-us .sku-29901::before, /* TruEdge Energy + Coffee */ .region-us.zh-us .sku-60501::before, /* Gut Pro+ */ .region-us.zh-us .sku-49001::before, /* Sweetheart Wellness Trip */ .region-us.zh-us .sku-48201::before, /* Luminovation Beauty Bundle */ .region-us.zh-us .sku-10701::before, /* TruHealth Satiety */ .region-us.zh-us .sku-46401::before, /* TruHealth */ .region-us.zh-us .sku-96201::before, /* TruHealth */ .region-us.zh-us .sku-10501::before, /* TruHealth */ .region-us.zh-us .sku-15701::before, /* TruHealth */ .region-us.zh-us .sku-96101::before, /* TruHealth */ .region-us.zh-us .sku-75101::before, /* Luminovation Glow Collagen Glaze - 2 Pack */ .region-us.zh-us .sku-11301::before, /* Luminovation Glow Collagen Glaze */ .region-us.zh-us .sku-27801::before, /* Luminovation Bundle */ .region-us.zh-us .sku-27101::before, /* Luminovation Toner */ .region-us.zh-us .sku-25801::before, /* Luminovation Cleanser */ .region-us.zh-us .sku-27301::before, /* Luminovation Cream */ .region-us.zh-us .sku-27201::before, /* Luminovation Lotion */ .region-us.zh-us .sku-28401::before, /* Luminovation Skin Returning Care Program */ .region-us.zh-us .sku-46201::before /* Illuminate, Inside & Out Bundle */ { content: "新产品"; } .region-us .sku-00000:before /* GI-Zyme */ { content: "New + Improved"; background: linear-gradient(to bottom left, #ffb972 0%, #ff7e3f 100%); color: #ffffff; text-transform: uppercase; font-weight: 800; padding: 3px 5px; border-radius: 4px; position: absolute; top: 15px; left: 15px; } .region-us.es-us .sku-00000:before { content: "Nuevo + Mejorado"; } .region-us.zh-us .sku-00000:before { content: "进步的更新版"; } .region-us .sku-00000:before /* Singles Day */ { content: "Singles Day"; background: linear-gradient(to bottom left, #009bbf 0%, #87c0d5 100%); color: #ffffff; text-transform: uppercase; font-weight: 800; padding: 3px 5px; border-radius: 4px; position: absolute; top: 15px; left: 15px; } .region-us.es-us .sku-42801:before, /* Singles Day */ .region-us.es-us .sku-44101:before /* Singles Day */ { content: "Día de los Solteros"; } .region-us.zh-us .sku-42801:before, /* Singles Day */ .region-us.zh-us .sku-44101:before /* Singles Day */ { content: "双十"; } .region-us .sku-00000:before /* December Special */{ content: "December Special"; background: linear-gradient(to bottom left, #009bbf 0%, #87c0d5 100%); color: #ffffff; text-transform: uppercase; font-weight: 800; padding: 3px 5px; border-radius: 4px; position: absolute; top: 15px; left: 15px; } .region-us.es-us .sku-00000:before /* December Special */ { content: "Especial de Diciembre"; } .region-us.zh-us .sku-00000:before /* December Special */ { content: "十二月特价"; } .region-us .sku-59401::before, /* Steve Edwards Starter 5k Bundle */ .region-us .sku-60101::before, /* Steve Edwards Progress Half Marathon Bundle */ .region-us .sku-61001::before, /* Steve Edwards Elite Marathon Bundle */ .region-us .sku-000000::before { content: "Special Offer"; background: linear-gradient(to bottom left, #eb99d4 0%, #841ce0 100%); color: #ffffff; text-transform: uppercase; font-weight: 800; padding: 3px 5px; border-radius: 4px; position: absolute; top: 15px; left: 15px; } .region-us.es-us .sku-59401::before, /* Steve Edwards Starter 5k Bundle */ .region-us.es-us .sku-60101::before, /* Steve Edwards Progress Half Marathon Bundle */ .region-us.es-us .sku-61001::before /* Steve Edwards Elite Marathon Bundle */ { content: "Oferta Especial"; } .region-us.zh-us .sku-59401::before, /* Steve Edwards Starter 5k Bundle */ .region-us.zh-us .sku-60101::before, /* Steve Edwards Progress Half Marathon Bundle */ .region-us.zh-us .sku-61001::before /* Steve Edwards Elite Marathon Bundle */ { content: "特价产品"; } .region-us .sku-000000:before { content: "Black Friday Special"; background: linear-gradient(to bottom left, #eb282e 0%, #ae1419 100%); color: #ffffff; text-transform: uppercase; font-weight: 800; padding: 3px 5px; border-radius: 4px; position: absolute; top: 15px; left: 15px; } .region-us.es-us .sku-000000:before { content: "Especial Viernes Negro"; } .region-us.zh-us .sku-000000:before { content: "黑色星期五特惠"; } .region-us .sku-37101:before { content: "Now Vegan Friendly"; background: linear-gradient(to bottom left, #009bbf 0%, #87c0d5 100%); color: #ffffff; text-transform: uppercase; font-weight: 800; padding: 3px 5px; border-radius: 4px; position: absolute; top: 15px; left: 15px; } .region-us.es-us .sku-37101:before { content: "Ahora Apto Para Veganos"; } .region-us.zh-us .sku-37101:before { content: "纯素主义者可用"; } .region-us .sku-67201:after, /* Essential Wellness Starter Pack: Catalyst + AA Capsules */ .region-us .sku-67101:after, /* Essential Wellness Starter Pack: Catalyst + Ambrotose Caps */ .region-us .sku-67301:after, /* Essential Wellness Starter Pack: Catalyst + Ambrotose Powder */ .region-us .sku-27801:after, /* Luminovation Bundle */ .region-us .sku-28401:after, /* Luminovation Skin Returning Program */ .region-us .sku-16601:after, .region-us .sku-78901:after, .region-us .sku-51101:after, .region-us .sku-37001:after, .region-us .sku-11101:after, .region-us .sku-15601:after, .region-us .sku-37101:after, .region-us .sku-51701:after { content: "Featured"; background: linear-gradient(to bottom left, #5aacc1 0%, #00667f 100%); color: #ffffff; text-transform: uppercase; font-weight: 800; padding: 3px 5px; border-radius: 4px; position: absolute; top: 15px; right: 15px; } .region-us.zh-us .sku-27801:after, /* Luminovation Bundle */ .region-us.zh-us .sku-28401:after, /* Luminovation Skin Returning Program */ .region-us.zh-us .sku-16601:after, .region-us.zh-us .sku-78901:after, .region-us.zh-us .sku-51101:after, .region-us.zh-us .sku-37001:after, .region-us.zh-us .sku-11101:after, .region-us.zh-us .sku-15601:after, .region-us.zh-us .sku-37101:after, .region-us.zh-us .sku-51701:after { content: "精选"; } .region-us.es-us .sku-27801:after, /* Luminovation Bundle */ .region-us.es-us .sku-28401:after, /* Luminovation Skin Returning Program */ .region-us.es-us .sku-16601:after, .region-us.es-us .sku-78901:after, .region-us.es-us .sku-51101:after, .region-us.es-us .sku-37001:after, .region-us.es-us .sku-11101:after, .region-us.es-us .sku-15601:after, .region-us.es-us .sku-37101:after, .region-us.es-us .sku-51701:after { content: "Presentada"; } .region-us .sku-34301:before /* Nutriverus */ { content: "Backorder"; background: linear-gradient(to bottom left, #f4524d 0%, #f4524d 100%); color: #ffffff; text-transform: uppercase; font-weight: 800; padding: 3px 5px; border-radius: 4px; position: absolute; top: 15px; left: 15px; } .region-us.es-us .sku-34301:before /* Nutriverus */ { content: "Agotado"; } .region-us.zh-us .sku-34301:before /* Nutriverus */ { content: "缺货"; } .region-us .sku-000000:before, /* 2x Ambrotose & 2x Manapol */ .region-us .sku-000000:before, /* Ambrotose & Manapol */ .region-us .sku-000000:before /* Health Is Wealth Bundle */ { content: "Partial Backorder"; background: linear-gradient(to bottom left, #f4524d 0%, #f4524d 100%); color: #ffffff; text-transform: uppercase; font-weight: 800; padding: 3px 5px; border-radius: 4px; position: absolute; top: 15px; left: 15px; } .region-us.es-us .sku-000000:before, /* 2x Ambrotose & 2x Manapol */ .region-us.es-us .sku-000000:before, /* Ambrotose & Manapol */ .region-us.es-us .sku-000000:before /* Health Is Wealth Bundle */ { content: "Agotado Parcial"; } .region-us.zh-us .sku-000000:before, /* 2x Ambrotose & 2x Manapol */ .region-us.zh-us .sku-000000:before, /* Ambrotose & Manapol */ .region-us.zh-us .sku-000000:before /* Health Is Wealth Bundle */ { content: "部分缺货"; } @media only screen and (max-width: 767px) { .prod-wrap:before, .prod-wrap:after { font-size: 0.8em; } } .green-gradient { background: linear-gradient(to bottom left, #a3d4bf 0%, #22a08a 100%); } .blue-gradient { background: linear-gradient(to bottom left, #009bbf 0%, #87c0d5 100%); } .orange-gradient { background: linear-gradient(to bottom left, #ffb972 0%, #ff7e3f 100%); } .dark-green-gradient { background: linear-gradient(to bottom left, #007c6d 0%, #17a591 100%); } .platinum-gradient { background: linear-gradient(to bottom left, #edeceb 0%, #d7d7d5 100%); } .mobile-pmw-info #account-info-mobile-header { background-color: #fff; padding: 5px 0; border-top: 1px solid #f1f1f2; } .mobile-pmw-info #account-profile-img-header-wrap { width: 20px; height: 20px; margin: 0 8px 0 0; display: inline-block; float: left; } .mobile-pmw-info #account-profile-img-header { width: 20px; height: 20px; text-align: center; box-shadow: 0px 2px 2px rgb(0 0 0 / 10%); border-radius: 50%; overflow: hidden; } .mobile-pmw-info #account-profile-img-header img { max-width: 50px; height: 21.33px; background: rgb(65, 84, 98); margin-left: -26%; margin-top: -1px; } .mobile-pmw-info #account-name-header { font-size: 12px; font-weight: 400; color: #323b42; letter-spacing: 0.01em; padding:2px 0 0 0; } .mobile-pmw-info #account-name-header .account-name { font-weight: 800; } .mobile-pmw-info #account-name-header a { color: #07a6ec; } .redText { color:#f40000; font-weight:800; } .logged-in .sb-menu-bf22.hide { display: block !important; } .sb-menu-bf22 a i, .product-line-menu i.fa-gift { color: #f40000; margin-left:3px; align-self: flex-end; animation-duration: 4s; animation-iteration-count: infinite; transform-origin: bottom; } .bounce-7 { animation-name: bounce-7; animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1); } @keyframes bounce-7 { 0% { transform: scale(1,1) translateY(0); } 5% { transform: scale(1.1,.9) translateY(0); } 10% { transform: scale(.8,1.1) translateY(-15px); } 20% { transform: scale(1.05,.95) translateY(0); } 24% { transform: scale(1,1) translateY(-3px); } 25% { transform: scale(1,1) translateY(-1px); } 26% { transform: scale(1,1) translateY(0); } 60% { transform: scale(1,1) translateY(0); } 70% { transform: scale(1,1) translateY(0); } 80% { transform: scale(1,1) translateY(0); } 90% { transform: scale(1,1) translateY(0); } 100% { transform: scale(1,1) translateY(0); } } .random_bg { background-position: bottom center !important; background-size: cover !important; background-color: #f5f5f7 !important; } .admin-only { display: none; } .logged-in .admin-only { display: revert; } #newsletter-wrap { text-align: center; margin: 0 auto 40px; } #newsletter-wrap .title { max-width: 300px; margin-left: auto; margin-right: auto; } #newsletter-wrap p, #social-media-icons p { color: #dcdcdc; font-size: 14px !important; letter-spacing: 0.2px; font-weight: 400 !important; margin: 5px 0 0; } #newsletter-wrap form { margin-top: -3px; } #newsletter-wrap input[type=text] { line-height: 40px; font-size: 20px; padding: 2px 17px; border-radius: 10px 0 0 10px; border: 2px solid transparent; background-color: #62768c; color: #fff; font-weight: 600; outline: none; -webkit-transition: border .2s; transition: border .2s; width: 65%; max-width: 230px; } #newsletter-wrap input[type=text]::placeholder { color: #cad4e0; } #newsletter-wrap input[type=text]:active, #newsletter-wrap input[type=text]:focus { border: 2px solid #0b99ff; } #newsletter-wrap input[type=submit] { line-height: 44px; font-size: 15px; padding: 3px 17px 1px; border-radius: 0 10px 10px 0; border: 0px solid transparent; background-color: #0b99ff; color: #fff; font-weight: 600; outline: none; font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif; margin-left: -4px; text-transform: uppercase; vertical-align: top; -webkit-transition: background-color .2s; transition: background-color .2s; } #newsletter-wrap input[type=submit]:hover { background-color: #00b1ff; } /* Instagram Feed Styles */ .ff-slideshow-open.ff-slideshow { z-index: 2243002 !important; } .ff-slideshow.ff-slideshow-classic { background: rgba(255,255,255,.7) !important; backdrop-filter: blur(13px) !important; -webkit-backdrop-filter: blur(13px) !important; -ms-backdrop-filter: blur(13px) !important; } .ff-stream-wrapper { margin: 0px -14px 0 !important; } .ff-item .picture-item__inner { border: 2px solid #07a6ec !important; } .ff-video-preview { background-color: #242b33 !important; } #ff-stream-1 .ff-image .picture-item__inner, #ff-stream-1 .ff-image .ff-item-bar, #ff-stream-1 .ff-image .ff-item-bar a { color:#fff !important; } .ff-item-bar>a span, [class*=ff-icon-]:before, .ff-layout-grid .ff-content, #ff-stream-1 .ff-nickname, #ff-stream-1 .ff-timestamp, #ff-stream-1 .ff-item-bar, #ff-stream-1 .ff-item-bar a { font-weight: 600 !important; } .ff-loadmore-wrapper { display: none !important; } .ff-stream { min-height: fit-content !important; padding-top: 0 !important; margin-top: -20px; position: initial !important; } .ff-slideshow nav span, .ff-slideshow span.ff-nav-close { color: #333a42 !important; } .ff-slideshow nav span:hover, .ff-slideshow span.ff-nav-close:hover { color: #07a6ec !important; } .ff-slideshow li.ff-show { box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2) !important; } .ff-slideshow .ff-slide-wrapper { border-radius: var(--border-radius) !important; } .ff-slideshow li.ff-show .ff-media-wrapper { border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important; } .ff-slideshow li.ff-show .ff-item-cont { border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; } .ff-dropdown a.ff-external-link, .ff-slideshow .ff-dropdown .flaticon-share2 { background: #07a6ec !important; } .ff-share-popup { border: 1px solid rgba(229,226,220,.2); } #ff-stream-1 .ff-share-popup, #ff-stream-1 .ff-share-popup:after { background: #333a42 !important; } .ff-slideshow nav span { font-size: 4.2em !important; } .weglot-dropdown { display: none; } img[data-opt-src]:not([data-opt-lazy-loaded]) { opacity: .75; -webkit-filter: blur(58px); -moz-filter: blur(58px); -o-filter: blur(58px); -ms-filter: blur(58px); filter: blur(58px); transform: scale(1.04); animation: 0.1s ease-in; -webkit-transform: translate3d(0, 0, 0); } img[data-opt-src]:not([data-opt-lazy-loaded]) { transition: .2s filter linear, .2s opacity linear, .2s border-radius linear; -webkit-transition: .2s filter linear, .2s opacity linear, .2s border-radius linear; -moz-transition: .2s filter linear, .2s opacity linear, .2s border-radius linear; -o-transition: .2s filter linear, .2s opacity linear, .2s border-radius linear; } #main.blurred>.container { } #main.blurred>.container::before { opacity: 1; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 9; background-color: rgba(255,255,255,.7) !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; -ms-backdrop-filter: blur(20x) !important; } ul.mtex-menu { vertical-align: top; padding-left: 0; margin-top: 0; margin-bottom: 0; position: relative; z-index: 10; } ul.mtex-menu li { list-style: none; text-align: left; line-height: 26px; } ul.mtex-menu>li { text-align: center; margin: 0 20px; padding: 20px 7px; display: inline-block; border-bottom: 3px solid transparent; -webkit-transition: .3s border-bottom ease; -moz-transition: .3s border-bottom ease; transition: .3s border-bottom ease; } ul.mtex-menu>li:hover, ul.mtex-menu>li.current-menu-parent { border-bottom:3px solid #06a6ec; } ul.mtex-menu>li>ul.sub-menu>li { width:25%; float:left; } ul.mtex-menu>li.mcol-4>ul.sub-menu>li { width:25%; } ul.mtex-menu>li.mcol-3>ul.sub-menu>li { width:33%; } ul.mtex-menu>li.mcol-2>ul.sub-menu>li { width:50%; } ul.mtex-menu>li>ul.sub-menu>li.shop-1 { width:25%; } ul.mtex-menu>li>ul.sub-menu>li.comp-1 { width:33%; } ul.mtex-menu > li > a { color: #343a42; line-height: 24px; font-size: 14px; font-weight: 400; } ul.mtex-menu>li>a { font-family: 'Lato', sans-serif; text-transform: uppercase; font-size: 14px; color: #333a42; font-weight: 600; } ul.mtex-menu>li>ul.sub-menu { display:none; } ul.mtex-menu>li>ul.sub-menu.visible { display: inline-block; position: absolute; top: 69px; left: 0; left: 5vw; /* delete this after fixing the fluid/flex styles from existing menu */ z-index: 10; padding: 40px 20vw 30px; list-style: none; margin-top: 0px; background-color: #f2f2f2; width: 101vw; margin-left: -35vw; opacity:1; box-shadow: 0px 15px 18px 0px rgb(0 0 0 / 10%); } ul.mtex-menu>li.mcol-4>ul.sub-menu.visible { padding-left: 35%; padding-right: 35%; padding-left: 30%; /* delete this after fixing the fluid/flex styles from existing menu */ padding-right: 30%; /* delete this after fixing the fluid/flex styles from existing menu */ } ul.mtex-menu>li.mcol-3>ul.sub-menu.visible { padding-left: 45%; padding-right: 45%; padding-left: 45%; /* delete this after fixing the fluid/flex styles from existing menu */ padding-right: 45%; /* delete this after fixing the fluid/flex styles from existing menu */ } ul.mtex-menu>li.mcol-2>ul.sub-menu.visible { padding-left: 70%; padding-right: 70%; padding-left: 80%; /* delete this after fixing the fluid/flex styles from existing menu */ padding-right: 80%; /* delete this after fixing the fluid/flex styles from existing menu */ } ul.mtex-menu>li.shp>ul.sub-menu.visible { background-image: url(/wp-content/uploads/sites/4/2023/03/shp-bg-img-alt-no-lazy.png); background-size: 17%; background-repeat: no-repeat; background-position: bottom right; } ul.mtex-menu>li.comp>ul.sub-menu.visible { background-image: url(/wp-content/uploads/sites/4/2020/02/bg-aloe-transparent-1.png); background-size: 27%; background-repeat: no-repeat; background-position: bottom right; } ul.mtex-menu>li.opp>ul.sub-menu.visible { background-image: url(/wp-content/uploads/sites/4/2023/03/opp-bg-img-no-lazy-1.png); background-size: contain; background-repeat: no-repeat; background-position: bottom right; } ul.mtex-menu .col-head>a { text-transform: uppercase; font-size: 0.8em; letter-spacing: 0.024em; color: #828991; font-weight: 600; margin-bottom: 10px; display: block; } ul.mtex-menu>li>ul.sub-menu>li>ul.sub-menu { padding:0; } ul.mtex-menu>li>ul.sub-menu>li>ul.sub-menu li { margin-bottom: 0; } ul.mtex-menu>li>ul.sub-menu>li>ul.sub-menu li.major { margin-bottom: 0; line-height: 2.3em; } ul.mtex-menu>li>ul.sub-menu>li>ul.sub-menu a { font-size: 0.9em; color: #333a42; font-weight: 600; } ul.mtex-menu>li>ul.sub-menu>li>ul.sub-menu a sup { font-size: 60%; vertical-align: 1px; } ul.mtex-menu>li>ul.sub-menu>li>ul.sub-menu a i.fa-external-link { font-size: 80%; margin-left: 5px; margin-right: 5px; vertical-align: 1px; color: #00677f; } ul.mtex-menu>li>ul.sub-menu>li>ul.sub-menu a span.mnew { color: #fff !important; font-weight: 800 !important; margin-left: 5px; margin-right: 5px; font-size: 7pt !important; vertical-align: 2px; background: linear-gradient(to bottom left,#ffb972 0%,#ff7e3f 100%); color: #fff; text-transform: uppercase; font-weight: 800; padding: 2px 5px; border-radius: 4px; white-space: nowrap; } ul.mtex-menu>li>ul.sub-menu>li>ul.sub-menu li.major a { font-size: 1.3em; color: #333a42; line-height: 1em; font-weight: 600; letter-spacing: 0; } ul.mtex-menu>li>ul.sub-menu>li>ul.sub-menu li a i.fa-crown { background: linear-gradient(to top right,#ff0000 0%,#9d00ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; vertical-align: 0px; margin-left: 3px; padding-top: 1px; } ul.mtex-menu>li>ul.sub-menu>li>ul.sub-menu li a i.fa-badge-dollar { background: linear-gradient(to top right,#00637e 0%,#09ad96 55%,#a5d975 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; vertical-align: 0px; margin-left: 3px; padding-top: 1px; } ul.mtex-menu>li>ul.sub-menu>li>ul.sub-menu li a i.fa-child { background: linear-gradient(to top right,#ff6300 0%,#ff9000 35%,#fdcd1c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; vertical-align: 1px; margin-left: 3px; padding-top: 1px; } ul.mtex-menu>li>ul.sub-menu>li>ul.sub-menu a:hover, ul.mtex-menu>li>ul.sub-menu>li>ul.sub-menu li.major a:hover, ul.mtex-menu>li>ul.sub-menu>li>ul.sub-menu li.major.current-menu-item a { color: #0b99ff; } ul.mtex-menu>li>ul.sub-menu>li>ul.sub-menu li.dkit a { background-color: #f2f2f2; border-radius: 6px; padding: 0px 10px; display: block; font-size: 0.87em; line-height: 38px; margin-top:8px; border: 1px solid #c3c5c8; position: relative; } ul.mtex-menu>li>ul.sub-menu>li>ul.sub-menu li.dkit a:hover { color: #333a42; } ul.mtex-menu>li>ul.sub-menu>li>ul.sub-menu li.dkit a span.dk-right { float:right; } ul.mtex-menu>li>ul.sub-menu>li>ul.sub-menu li.dkit a::after { content: ""; position: absolute; display: inline-block; right: 50%; bottom: -9px; width: 1px; height: 8px; background-color: #c3c5c8; z-index: 0; } ul.mtex-menu>li>ul.sub-menu>li>ul.sub-menu li.cta-btn a { text-align: center; background-color: #0b99ff; border-radius: 6px; color: #fff; padding: 0px 5px; display: block; line-height: 40px; margin-top:8px; box-shadow: 0px 12px 18px -6px rgb(0 0 0 / 20%); -webkit-transition: .55s background-color, .55s box-shadow; -moz-transition: .55s background-color, .55s box-shadow; -o-transition: .55s background-color, .55s box-shadow; -ms-transition: .55s background-color, .55s box-shadow; transition: .55s background-color, .55s box-shadow; } ul.mtex-menu>li>ul.sub-menu>li>ul.sub-menu li.cta-btn a:hover { background-color: #0493f2; box-shadow: 0px 12px 18px -6px rgb(0 0 0 / 30%); } /* Fixes post WP Upgrade 072623 */ .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: #000; background: transparent url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e) center/1em auto no-repeat; border: 0; border-radius: 0.25rem; opacity: .5; background-color: transparent; } .modal-header .btn-close { padding: 0.5rem 0.5rem; margin: -0.5rem -0.5rem -0.5rem auto; font-size: 25px; top: 10px; position: absolute; right: 10px; width: auto; } #shareModal.fade { opacity: 1 !important; } .fade { /* opacity: 1 !important; */ background-color: transparent; } .tp-widget-readmore-arrow-down { display: none; } /* End Fixes post WP Upgrade 072623 */ /* BEGIN Energy Coffee Treatments */ .region-us .prod-wrap.energycoffeewrap .cart-shortcode { z-index:2; } .region-us .prod-wrap.energycoffeewrap { background: linear-gradient(#f4f4f6 0%, #e9e9ec 35%, #f5f6f7 35%, #f5f5f7 100%)!important; } .region-us .prod-wrap.preorder000000::before { content: "Preorder"; background: linear-gradient(to bottom left, #249bff 0%, #fe6e01 100%); color: #ffffff; text-transform: uppercase; font-weight: 800; padding: 3px 5px; border-radius: 4px; position: absolute; top: 15px; left: 15px; z-index:1; } .region-us .prod-wrap.energycoffeewrap::after { content: ""; background: url(/wp-content/uploads/sites/4/2024/11/bg-grid-energy-coffee-truedge-tag2.png) no-repeat; background-size: cover !important; position: absolute; top: 0px; right: 0px; height: 170px; width: 100%; } @media only screen and (max-width: 768px) { .region-us .prod-wrap.energycoffeewrap { background: #fff !important; } .region-us .prod-wrap.energycoffeewrap::after { top: 6px; right: 0px; height: 100px; width: 100%; } } /* END Energy Coffee Treatments */ /* BEGIN Holiday 2024 Promotions */ .region-us .prod-wrap.holiday24wrap, .region-ca .product-item.holiday24wrap { background: linear-gradient(#f5e5cd 0%, #e7d5bb 35%, #f5e5cd 35%, #e6ceac 100%)!important; background: linear-gradient(#414141 0%, #1e1e1e 35%, #353535 35%, #020202 100%)!important; background: linear-gradient(#5c8493 0%, #24383b 35%, #3c5a5f 35%, #24383b 100%)!important; } .region-us .prod-wrap.holiday24wrap::before, .region-ca .product-item.holiday24wrap::before { content: "Holiday Special"; background: linear-gradient(to bottom left, #3b5a5f 0%, #25383c 100%); color: #ffffff; text-transform: uppercase; font-weight: 800; padding: 3px 5px; border-radius: 4px; position: absolute; top: 15px; left: 15px; } .region-us.es-us .prod-wrap.holiday24wrap::before { content: "Especial de temporada"; } .region-us.zh-us .prod-wrap.holiday24wrap::before { content: "节日特惠"; } .region-us .prod-wrap.holiday24wrap::after, .region-ca .product-item.holiday24wrap::after { content: ""; background: url(/wp-content/uploads/sites/4/2024/11/tag-holiday24.png) no-repeat; background-size: contain !important; position: absolute; top: 13px; right: 10px; height: 46px; width: 100px; } .region-us .prod-wrap.holiday24wrap .cart-shortcode h2, .region-us .prod-wrap.holiday24wrap .cart-shortcode h3, .region-us .prod-wrap.holiday24wrap .cart-shortcode .product-title h3, .region-ca .product-item.holiday24wrap .product-title h2 { color: #ffffff !important; } .et-db .region-us #et-boc .et-l .et_pb_module .prod-wrap.holiday24wrap .cart-shortcode-mega p.sh-description, .et-db .region-us #et-boc .et-l .et_pb_module .prod-wrap.holiday24wrap .cart-shortcode p.sh-description, .region-ca .product-item.holiday24wrap p { color: #ffffff !important; } .region-us .prod-wrap.holiday24wrap .cart-shortcode .multiple-prices, .region-ca .product-item.holiday24wrap .multiple-prices { border-bottom: 1px solid #3b5a5f !important; color: #fff !important; } .region-us .prod-wrap.holiday24wrap .cart-shortcode .m5m-container, .region-ca .product-item.holiday24wrap .m5m-container { background-image: linear-gradient(#25383c, #25383c), radial-gradient(circle at top right, #f0ac00,#f75b00) !important; } .region-us .prod-wrap.holiday24wrap .cart-shortcode .add-to-cart-wrapper [class^="btn"], .region-us .prod-wrap.holiday24wrap .cart-shortcode .add-to-cart-wrapper a[class^="btn"], .region-ca .product-item.holiday24wrap .add-to-cart-wrapper [class^="btn"], .region-ca .product-item.holiday24wrap .add-to-cart-wrapper a[class^="btn"] { background: #5c8493 !important; } .region-us .prod-wrap.holiday24wrap .cart-shortcode .add-to-cart-wrapper .product-detail-bottom .qty-field input[type="text"], .region-ca .product-item.holiday24wrap .add-to-cart-wrapper .product-detail-bottom .qty-field input[type="text"] { border: 1px solid #4a6772 !important; color: #fff !important; background: #25383c !important; } .region-us .prod-wrap.holiday24wrap .cart-shortcode .add-to-cart-wrapper .product-detail-bottom .qty-field a, .region-ca .product-item.holiday24wrap .add-to-cart-wrapper .product-detail-bottom .qty-field a { border: 1px solid #4a6772 !important; color: #fff !important; background: #25383c !important; } .region-us .prod-wrap.holiday24wrap .cart-shortcode .add-to-cart-wrapper .product-detail-bottom .qty-field a.qty-inc, .region-ca .product-item.holiday24wrap .add-to-cart-wrapper .product-detail-bottom .qty-field a.qty-inc { border-bottom:0px !important; } .et-db .region-us #et-boc .et-l .et_pb_module .prod-wrap.holiday24wrap .cart-shortcode-mega .grid-img-wrap .grid-img-wrap-overlay, .et-db .region-us #et-boc .et-l .et_pb_module .prod-wrap.holiday24wrap .cart-shortcode .grid-img-wrap .grid-img-wrap-overlay { background: radial-gradient(#fff1dc 35%, #fff6e800 75%) !important; background: radial-gradient(#0d0d0dc9 35%, #ffffff00 75%) !important; } .et-db .region-us #et-boc .et-l .et_pb_module .prod-wrap.holiday24wrap .cart-shortcode-mega .grid-img-wrap .grid-img-wrap-overlay:before, .et-db .region-us #et-boc .et-l .et_pb_module .prod-wrap.holiday24wrap .cart-shortcode .grid-img-wrap .grid-img-wrap-overlay:before { color: #ffffff; } .region-us .prod-wrap.holiday24wrap #trustpilotpopup .trustpilot-review-star .five-star i, .region-us .prod-wrap.holiday24wrap #trustpilotpopup .trustpilot-review-star .four-star i:nth-child(-n+4), .region-us .prod-wrap.holiday24wrap #trustpilotpopup .trustpilot-review-star .three-star i:nth-child(-n+3), .region-us .prod-wrap.holiday24wrap #trustpilotpopup .trustpilot-review-star .two-star i:nth-child(-n+2), .region-us .prod-wrap.holiday24wrap #trustpilotpopup .trustpilot-review-star .one-star i:nth-child(-n+1) { color: #89b0be; } .prod-wrap.holiday24wrap #trustpilotpopup .trustpilot-review-star i { background-color: #ffa6bb; text-shadow: 0px 1px 1px rgb(0 0 0 / 70%); } .region-us .prod-wrap.holiday24wrap #trustpilotpopup label.mnt-tp-total-reviews, .region-us #et-boc .et-l .prod-wrap.holiday24wrap #trustpilotpopup label.mnt-tp-total-reviews { color: #ffffff; } .prod-wrap.holiday24wrap .ships-free, .product-item.holiday24wrap .ships-free { display:none !important; } @media only screen and (max-width: 768px) { .region-us .prod-wrap.holiday24wrap, .region-ca .product-item.holiday24wrap { background: linear-gradient(#5c8493 0%, #24383b 26%, #3c5a5f 26%, #24383b 100%) !important; } .region-us .prod-wrap.holiday24wrap::after, .region-ca .product-item.holiday24wrap::after { top: 13px; right: 10px; height: 30px; width: 60px; } } /* END Holiday 2024 Promotions */ /* BEGIN Black Friday 2023 Promotions */ .et-db #et-boc .et-l .et_pb_code ul.mm-sb-menu li.bf23 { background: linear-gradient(45deg, #1e1e1e, #414141); margin: 5px 20px 0 -20px; padding: 2px 0 3px 20px; border-radius: 10px; position: relative; } .et-db #et-boc .et-l .et_pb_code ul.mm-sb-menu li.bf23:after { content: ""; background: url(/wp-content/uploads/sites/4/2023/11/tag-bf23.png) no-repeat; background-size: contain !important; position: absolute; top: 5px; right: 10px; height: 35px; width: 35px; } .et-db .zh-us #et-boc .et-l .et_pb_code ul.mm-sb-menu li.bf23:after { background: url(/wp-content/uploads/sites/4/2023/11/tag-bf23-zh.png) no-repeat; } .et-db .es-us #et-boc .et-l .et_pb_code ul.mm-sb-menu li.bf23:after { background: url(/wp-content/uploads/sites/4/2023/11/tag-bf23-es.png) no-repeat; } .et-db #et-boc .et-l .et_pb_code ul.mm-sb-menu li.bf23 a { color: #ffffff !important; width: 100% !important; display: inline-block; } .region-us .prod-wrap.bf23wrap { background: linear-gradient(#f5e5cd 0%, #e7d5bb 35%, #f5e5cd 35%, #e6ceac 100%)!important; background: linear-gradient(#414141 0%, #1e1e1e 35%, #353535 35%, #020202 100%)!important; } .region-us .prod-wrap.bf23wrap::after { content: ""; background: url(/wp-content/uploads/sites/4/2023/11/tag-bf23.png) no-repeat; background-size: contain !important; position: absolute; top: 13px; right: 10px; height: 55px; width: 55px; } .region-us.zh-us .prod-wrap.bf23wrap::after { background: url(/wp-content/uploads/sites/4/2023/11/tag-bf23-zh.png) no-repeat; } .region-us.es-us .prod-wrap.bf23wrap::after { background: url(/wp-content/uploads/sites/4/2023/11/tag-bf23-es.png) no-repeat; } .region-us .prod-wrap.bf23wrap .cart-shortcode h2 { color: #ffffff !important; } .et-db .region-us #et-boc .et-l .et_pb_module .prod-wrap.bf23wrap .cart-shortcode-mega p.sh-description { color: #ffffff !important; } .region-us .prod-wrap.bf23wrap .cart-shortcode .multiple-prices { border-bottom: 1px solid #383838 !important; color: #fff !important; } .region-us .prod-wrap.bf23wrap .cart-shortcode .m5m-container { background-image: linear-gradient(#0d0d0d, #0d0d0d), radial-gradient(circle at top right, #f0ac00,#f75b00) !important; } .region-us .prod-wrap.bf23wrap .cart-shortcode .add-to-cart-wrapper [class^="btn"], .region-us .prod-wrap.bf23wrap .cart-shortcode .add-to-cart-wrapper a[class^="btn"] { background: #ff4971 !important; } .region-us .prod-wrap.bf23wrap .cart-shortcode .qty-field input[type="text"] { border: 1px solid #575757 !important; color: #fff !important; background: #353535 !important; } .region-us .prod-wrap.bf23wrap .cart-shortcode .qty-field a { border: 1px solid #575757 !important; color: #fff !important; background: #272727 !important; } .et-db .region-us #et-boc .et-l .et_pb_module .prod-wrap.bf23wrap .cart-shortcode-mega .grid-img-wrap .grid-img-wrap-overlay { background: radial-gradient(#fff1dc 35%, #fff6e800 75%) !important; background: radial-gradient(#0d0d0dc9 35%, #ffffff00 75%) !important; } .et-db .region-us #et-boc .et-l .et_pb_module .prod-wrap.bf23wrap .cart-shortcode-mega .grid-img-wrap .grid-img-wrap-overlay:before { color: #ffffff; } .region-us .prod-wrap.bf23wrap #trustpilotpopup .trustpilot-review-star .five-star i, .region-us .prod-wrap.bf23wrap #trustpilotpopup .trustpilot-review-star .four-star i:nth-child(-n+4), .region-us .prod-wrap.bf23wrap #trustpilotpopup .trustpilot-review-star .three-star i:nth-child(-n+3), .region-us .prod-wrap.bf23wrap #trustpilotpopup .trustpilot-review-star .two-star i:nth-child(-n+2), .region-us .prod-wrap.bf23wrap #trustpilotpopup .trustpilot-review-star .one-star i:nth-child(-n+1) { color: #ff4972; } .prod-wrap.bf23wrap #trustpilotpopup .trustpilot-review-star i { background-color: #ffa6bb; text-shadow: 0px 1px 1px rgb(0 0 0 / 70%); } .region-us .prod-wrap.bf23wrap #trustpilotpopup label.mnt-tp-total-reviews, .region-us #et-boc .et-l .prod-wrap.bf23wrap #trustpilotpopup label.mnt-tp-total-reviews { color: #ffffff; } .prod-wrap.bf23wrap .ships-free {display:none !important;} .menu-block.bf23-menu-block { background-color: #000 !important; } .menu-block.bf23-menu-block a .block-title { color: #ffffff !important; } .f-pink { color:#ff4971 !important; } @media only screen and (max-width: 768px) { .region-us .prod-wrap.bf23wrap { background: linear-gradient(#f5e5cd 0%, #e7d5bb 20%, #f5e5cd 20%, #e6ceac 100%)!important; background: linear-gradient(#414141 0%, #1e1e1e 25%, #353535 25%, #020202 100%)!important; } .region-us .prod-wrap.bf23wrap::after { height: 35px; width: 35px; } } /* END Black Friday 2023 Promotions */ /* Hide Notify Me */ .region-us .prod-wrap.sku-000000 .notify-me-popup, .region-us .item000000 .notify-me-popup { display:none !important; } /* Begin Modal Styles */ .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out !important; -o-transition: -o-transform .3s ease-out !important; transition: transform .3s ease-out !important; -webkit-transform: translate(0, -25%) !important; -ms-transform: translate(0, -25%) !important; -o-transform: translate(0, -25%) !important; transform: translate(0, -25%) !important; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0) !important; -ms-transform: translate(0, 0) !important; -o-transform: translate(0, 0) !important; transform: translate(0, 0) !important; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; background: rgba(255,255,255,.7) !important; backdrop-filter: blur(13px) !important; -webkit-backdrop-filter: blur(13px) !important; -ms-backdrop-filter: blur(13px) !important; z-index: 99999; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff !important; -webkit-background-clip: padding-box !important; background-clip: padding-box !important; border: 1px solid #999 !important; border: 1px solid rgba(0, 0, 0, .2) !important; border-radius: 6px !important; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .15) !important; box-shadow: 0 3px 9px rgba(0, 0, 0, .15) !important; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; display: none !important; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: .5; } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30vh auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .15) !important; box-shadow: 0 5px 15px rgba(0, 0, 0, .15) !important; } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } /* END Modal Styles */ .hello-slider-container { width: 100%; overflow: hidden; position: relative; height: 44px; } .hello-slider-content { display: flex; position: absolute; top: 0; left: 0; width: 100%; } .hello-slide { min-width: 100%; box-sizing: border-box; text-align: center; padding: 14px 20px; background-color: #f0f0f0; opacity: 0; transition: opacity 1s ease-in-out; position: absolute; font-size: 9pt; letter-spacing: 1.5px; color: #fff; text-transform: uppercase; font-weight: 800; font-family: "Proxima Nova W01","Helvetica Neue",Calibri,Helvetica,Arial,sans-serif; pointer-events: auto; /* Allow click events on links */ } .hello-slide.slide-bf23 { background-color: #000; } .hello-slide.slide-fall20 { background: linear-gradient(21deg, rgb(185, 58, 217) 0%, rgb(238, 134, 93) 100%)!important; color: #fff; } .hello-slide.slide-christmas-ship { background: linear-gradient(21deg, rgb(214, 173, 253) 0%, rgb(160, 213, 255) 100%)!important; color: #343a42; } .hello-slide.slide-free-ship { background: linear-gradient(21deg,#67b558 0%,#3ab3cd 100%)!important; color: #fff; } .hello-slide.slide-m5m { background: linear-gradient(21deg,#ffa68d 0%,#ffcb75 100%)!important; } .hello-slide.slide-guarantee { background: linear-gradient(21deg,#ff0053 0%,#a801e2 100%)!important; } .hello-slide a { text-decoration: none; pointer-events: auto; /* Allow click events on links */ z-index: 1; /* Ensure the links are above other content */ } .hello-slide.slide-bf23 a { color: #fff; } .hello-slide.slide-m5m a { color: #343a42; } .hello-slide.active { opacity: 1; z-index: 1; /* Ensure the links are above other content */ } @media only screen and (max-width: 767px) { .hello-slider-container { height: 44px; } .hello-slide { padding: 5px 2%; font-size: 8pt; letter-spacing: 1px; min-height: 45px; display: inline-grid; align-items: center; } } /* Quick Menu Styles */ #quick-menu-container { display: flex; overflow-x: scroll; scroll-snap-type: x mandatory; white-space: nowrap; scroll-padding: 10px 10px; padding: 10px 0px 10px 0 !important; background-color: #f1f1f2 !important; background-image: linear-gradient(180deg,#e0e0e0 20%,#f1f1f2 100%)!important; -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } #quick-menu-container::-webkit-scrollbar { display: none; /* Safari and Chrome */ } #quick-menu-container::before { content: ""; flex: 0 0 10px; } #quick-menu-container::after{ content: ""; flex: 0 0 1px; } .menu-block { flex: 0 0 auto; width: calc(100% / 4.8); scroll-snap-align: start; box-sizing: border-box !important; margin-right: 10px !important; border-radius: 8px !important; background-color: #fff !important; padding: 8px !important; border: 2px solid transparent; } #et-boc .et-l div.menu-block {border: 2px solid transparent;} /* Divi override fix */ .menu-block.bf23-menu-block.flashy { animation: flashBorderBF 1.5s ease-out !important; } .menu-block.flashy { animation: flashBorder 1.5s ease-out !important; } .menu-block.flashy:nth-of-type(1) { animation-delay: 1.2s !important; } .menu-block.flashy:nth-of-type(2) { animation-delay: 1.6s !important; } .menu-block.flashy:nth-of-type(3) { animation-delay: 2s !important; } .menu-block.flashy:nth-of-type(4) { animation-delay: 2.4s !important; } .menu-block.flashy:nth-of-type(5) { animation-delay: 2.8s !important; } .menu-block.flashy:nth-of-type(6) { animation-delay: 3.2s !important; } .menu-block.flashy:nth-of-type(7) { animation-delay: 3.6s !important; } .menu-block.flashy:nth-of-type(8) { animation-delay: 4s !important; } .menu-block.flashy:nth-of-type(9) { animation-delay: 4.4s !important; } .menu-block.flashy:nth-of-type(10) { animation-delay: 4.8s !important; } .menu-block a .block-title { text-align: left !important; margin-top: 5px !important; font-size: 9px; font-weight:700 !important; line-height:1.3em; text-transform: uppercase; color:#343a42 !important; white-space: initial; } @keyframes flashBorder { 0% { border-color: transparent; } 50% { border-color: #02a7ec; } 100% { border-color: transparent; } } @keyframes flashBorderBF { 0% { border-color: transparent; } 50% { border-color: #ff4971; } 100% { border-color: transparent; } } /* END Quick Menu Styles */ #dante_tooltip_iframe { bottom: 130px !important; right: 14px !important; } .dante-embed-icon { background: linear-gradient(to bottom left,#75d886 0,#00c57a 100%)!important; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 3px !important; bottom: 85px !important; right: 22px !important; } .dante-image-wrapper { bottom: 85px !important; right: 22px !important; } html.regionMaster-EU #dante_tooltip_iframe, html.regionMaster-EU .dante-embed-icon { display: none; } /* BEGIN Black Friday 2023 Specials */ .bf23-launch { display: revert; } .logged-in .bf23-launch { display: revert; } .incognito-pmw #account-info-header2, .incognito-pmw #primary-menus .prime-2020>ul+ul+ul, .incognito-pmw #latest-news, .incognito-pmw .opportunity-object, .incognito-pmw #transformation, .incognito-pmw .assoc-fee-product, .incognito-pmw .sku-146601, .incognito-pmw .page-template-template-homepage .region-be .et_pb_section_4 { display: none !important; } .site-main>#product-container, /* hide duplicate on catalog pages */ .site-main>#catalog-menu-container, /* hide duplicate on catalog pages */ .cust-serv-cta-desktop, /* hide chat link catalog pages */ .cust-serv-cta-mobile /* hide chat link catalog pages */ { display:none; }