/* Start:/local/templates/doyouknow/css/fullpage.css?17712209185235*/
/*!
 * fullPage 3.0.7
 * https://github.com/alvarotrigo/fullPage.js
 *
 * @license GPLv3 for open source use only
 * or Fullpage Commercial License for commercial use
 * http://alvarotrigo.com/fullPage/pricing/
 *
 * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: hidden;
    position: relative;
}
.fp-scroller{
    overflow: hidden;
}
.iScrollIndicator{
    border: 0 !important;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.fp-right {
    right: 17px;
}
#fp-nav.fp-left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important;
}
.fp-slidesNav.fp-bottom {
    bottom: 17px;
}
.fp-slidesNav.fp-top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.fp-right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.fp-left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}

/*Only display content to screen readers*/
.fp-sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/* End */


/* Start:/local/templates/doyouknow/css/data.css?177122091816680*/
@CHARSET "UTF-8";

@font-face {
    font-family: "HerbalifeNatural";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/local/templates/doyouknow/css/../fonts/HerbalifeNatural-Regular.woff2") format("woff2"), url("/local/templates/doyouknow/css/fonts/HerbalifeNatural-Regular.woff") format("woff");
}

@font-face {
    font-family: "HerbalifeNatural";
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url("/local/templates/doyouknow/css/../fonts/HerbalifeNatural-Thin.woff2") format("woff2"), url("/local/templates/doyouknow/css/fonts/HerbalifeNatural-Thin.woff") format("woff");
}

@font-face {
    font-family: "HerbalifeNatural";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("/local/templates/doyouknow/css/../fonts/HerbalifeNatural-Light.woff2") format("woff2"), url("/local/templates/doyouknow/css/fonts/HerbalifeNatural-Light.woff") format("woff");
}

@font-face {
    font-family: "HerbalifeNatural";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/local/templates/doyouknow/css/../fonts/HerbalifeNatural-Medium.woff2") format("woff2"), url("/local/templates/doyouknow/css/fonts/HerbalifeNatural-Medium.woff") format("woff");
}

@font-face {
    font-family: "HerbalifeNatural";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/local/templates/doyouknow/css/../fonts/HerbalifeNatural-Bold.woff2") format("woff2"), url("/local/templates/doyouknow/css/fonts/HerbalifeNatural-Bold.woff") format("woff");
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
.li-green{
  color:#6fbb44;
  list-style: disc inside;
}
.li-green span{
  color:black;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}

/* Custom css */

body { font-family: 'HerbalifeNatural'; }

h1 { font-size:5em; color:#fff; margin:0; padding:0; }

.section { }

.section, .slide { background-size:cover; background-attachment:fixed; background-repeat: no-repeat;}

#section0 { background-image: url(/local/templates/doyouknow/css/../imgs/bg1.jpg); }
#slide1   { background-image: url(/local/templates/doyouknow/css/../imgs/bg2.jpg); }
#slide2   { background-image: url(/local/templates/doyouknow/css/../imgs/bg3.jpg); }
#slide3   { background-image: url(/local/templates/doyouknow/css/../imgs/bg4.jpg); }
#slide4   { background-image: url(/local/templates/doyouknow/css/../imgs/bg5.jpg); }
#slide5   { background-image: url(/local/templates/doyouknow/css/../imgs/bg6.jpg); }
#slide6   { background-image: url(/local/templates/doyouknow/css/../imgs/bg7.jpg); }
#slide7   { background-image: url(/local/templates/doyouknow/css/../imgs/bg9.png); }
#slide8   { background-image: url(/local/templates/doyouknow/css/../imgs/bg10.png); }
#slide9   { background-image: url(/local/templates/doyouknow/css/../imgs/bg11.png); }
#slide10  { background-image: url(/local/templates/doyouknow/css/../imgs/bg12.png); }
#slide11  { background-image: url(/local/templates/doyouknow/css/../imgs/bg13.png); }
#slide12  { background-image: url(/local/templates/doyouknow/css/../imgs/bg14.png); }
#slide15  { background-image: url(/local/templates/doyouknow/css/../imgs/bg15.png); }
#slide16  { background-image: url(/local/templates/doyouknow/css/../imgs/bg16.png); }
#slide17  { background-image: url(/local/templates/doyouknow/css/../imgs/bg17.png); }
#section4 { background-image: url(/local/templates/doyouknow/css/../imgs/bg8.jpg); }
#slide18  { background-image: url(/local/templates/doyouknow/css/../imgs/bg18.png); }
#slide19  { background-image: url(/local/templates/doyouknow/css/../imgs/bg19.jpg); }
#slide20  { background-image: url(/local/templates/doyouknow/css/../imgs/bg20.png); }
#slide21  { background-image: url(/local/templates/doyouknow/css/../imgs/bg21.png); }
#slide22  { background-image: url(/local/templates/doyouknow/css/../imgs/bg22.png); }
@media (max-width: 768px) {
    #slide7   { background-image: url(/local/templates/doyouknow/css/../imgs/bg9-mob.png); }
    #slide8   { background-image: url(/local/templates/doyouknow/css/../imgs/bg10-mob.png); }
    #slide9   { background-image: url(/local/templates/doyouknow/css/../imgs/bg11-mob.png); }
    #slide10  { background-image: url(/local/templates/doyouknow/css/../imgs/bg12-mob.png); }
    #slide11  { background-image: url(/local/templates/doyouknow/css/../imgs/bg13-mob.png); }
    #slide12  { background-image: url(/local/templates/doyouknow/css/../imgs/bg14-mob.png); }
    #slide15  { background-image: url(/local/templates/doyouknow/css/../imgs/bg15-mob.png); }
    #slide16  { background-image: url(/local/templates/doyouknow/css/../imgs/bg16-mob.png); }
    #slide17  { background-image: url(/local/templates/doyouknow/css/../imgs/bg17-mob.png); }
    #slide18  { background-image: url(/local/templates/doyouknow/css/../imgs/bg18-mob.png); }
    #slide19  { background-image: url(/local/templates/doyouknow/css/../imgs/bg19-mob.jpg); }
    #slide20  { background-image: url(/local/templates/doyouknow/css/../imgs/bg20-mob.jpg); }
    #slide21  { background-image: url(/local/templates/doyouknow/css/../imgs/bg21-mob.png); }
    #slide22  { background-image: url(/local/templates/doyouknow/css/../imgs/bg22-mob.png); }
}


.fp-slide { position:relative; }

.NIndMenu li {
	display:inline-block;
	margin: 22px 0;
	color: #fff;
	background: #89c35c;
}
.NIndMenu li.active{
	background: #70b13e;
	color: #fff;
}
.NIndMenu li a,
.NIndMenu li.active a{
	text-decoration:none;
	color: #fff;
	font-size: 12pt;
	text-transform:uppercase;
	display:block;
	padding:10px 8px;
	font-size:10pt;
	letter-spacing:1px;
}
.NIndMenu li.active a:hover{
	color: #fff;
}
.NIndMenu li:hover{
	background: #a9d984;
}
.NIndMenu li.active a{
	color: #fff;
}
.NIndMenu, .NMddtoggle {
	position:fixed;
	top:0;
	left:0;
	z-index: 70;
	width: 100%;
	padding: 0 10px;
	margin:0;
	background:#88c25b;
	height:80px;
	overflow:hidden;
}
.NIndMenu span { color:#fff; margin:0; font-size:21px; }

#homelnk { display:none; }
#NMenubg { position:absolute; top:0; left:0; height:56px; width:100%; }

.NMddtoggle { display:none; width:70px; margin:20px 0 0 10px; background:none; }
.NMddtoggle a { display:block; background:url(/local/templates/doyouknow/css/../imgs/menu.png); width:50px; height:43px; background-size:50px 43px; }

.NMdd { display:none; margin:18px 0 0 75px; background:none; overflow:unset; }
.NMdd li { display:block; max-width:280px; margin:1px 0; min-width:220px; padding:3px 10px; }
.NMdd span { display:none; }

#logos { z-index:99; display:block; position:absolute; background:#fff; top:0; right:0; height:80px; }
#logos img { margin:12px; }

#requestlnk { font-size:16pt; position:fixed; left:50%; display:block; bottom:20px; z-index:99; background:#88c25b; padding:15px 25px; color:#fff; border-radius:10px; transform:translateX(-50%); }
.toprlnk { top:20px; bottom:unset !important; }
/*.toprlnk:hover { background:#658e46 !important; }*/
.redbutton { background:#a00 !important; }
.redbutton:hover { background:#7d0000 !important; }

#instlnk { position:fixed; left:50%; display:block; bottom:10px; z-index:99; transform:translateX(-50%); text-align:center; width:85%; max-width:340px; }
#instlnk img { border-radius:100%; padding:3px; width:70px; height:70px; background-color:#fff; border:2px solid #bd0000; }
#instlnk img:hover { opacity:0.9; }
#instlnk a { position:relative; }
.smallinst img { width:54px !important; height:54px !important; }
.subscribeinst { color: #fff; background: rgba(0,0,0,0.7); padding: 10px; margin-top: 3px; border-radius: 10px; font-size: 10pt; letter-spacing:1px; }
/*.toprlnk .subscribeinst { display:none; } */
#instlnk a > span {
    position: absolute;
    background: rgba(255,255,255,0.9);
    color: #212121;
    padding: 0 3px;
    text-transform: uppercase;
    font-size: 9pt;
    font-weight: bold;
    border-radius: 3px;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
}

.Arrows { width:118px; height:80px; position:absolute; background-size:118px 80px; }
.DArrow { background-image:url(/local/templates/doyouknow/css/../imgs/arrow.png); bottom:-80px; left:50%; transform: translateX(-50%); }
.UArrow { background-image:url(/local/templates/doyouknow/css/../imgs/arrow.png); top:-80px; left:50%; transform: translateX(-50%) rotate(180deg); }
.LArrow { background-image:url(/local/templates/doyouknow/css/../imgs/arrow.png); top:50%; left:-105px; transform: translateY(-50%) rotate(90deg); }
.RArrow { background-image:url(/local/templates/doyouknow/css/../imgs/arrow.png); top:50%; right:-105px; transform: translateY(-50%) rotate(270deg); }
.GUArrow { background-image:url(/local/templates/doyouknow/css/../imgs/green-arrow.png); top:-80px; left:50%; transform: translateX(-50%) rotate(180deg); }
.GLArrow { background-image:url(/local/templates/doyouknow/css/../imgs/green-arrow.png); top:50%; left:-105px; transform: translateY(-50%) rotate(90deg); }
.GRArrow { background-image:url(/local/templates/doyouknow/css/../imgs/green-arrow.png); top:50%; right:-105px; transform: translateY(-50%) rotate(270deg); }

.HomeScr { font-size:13pt; display:block; width:100%; max-width:500px; position:relative; background: rgba(255,255,255,0.9); height:auto; padding:40px; border:1px solid #fff; border-radius:10px; float:left; margin-left:7%; top:50%; transform: translateY(-50%); }
#HomeSc { font-size:15pt; top:40%; }
#WhySc1 { float:none; max-width:550px; }
#WhySc2 { margin-left:50%; transform: translateX(-50%) translateY(-50%); max-width:800px; float:none; }
#WhySc3 { margin-left:50%; transform: translateX(-50%) translateY(-50%); max-width:800px; float:none; }
#WhySc4 { margin-left:50%; transform: translateX(-50%) translateY(-50%); max-width:800px; float:none; }
#WhySc5 { margin-left:50%; transform: translateX(-50%) translateY(-50%); max-width:800px; float:none; }
#WhySc6 { transform: translateY(-50%); max-width:800px; float:right; margin:0 7% 0 0; }


#ElemSc1 { float:none; max-width:550px; }
#ElemSc2 { margin-left:50%; transform: translateX(-50%) translateY(-50%); max-width:800px; float:none; }
#ElemSc3 { margin-left:50%; transform: translateX(-50%) translateY(-50%); max-width:800px; float:none; }
#ElemSc4 { margin-left:50%; transform: translateX(-50%) translateY(-50%); max-width:800px; float:none; }
#ElemSc5 { margin-left:50%; transform: translateX(-50%) translateY(-50%); max-width:800px; float:none; }
#ElemSc6 { margin-left:50%; transform: translateX(-50%) translateY(-50%); max-width:800px; float:none; }
#ElemSc7 { margin-left:50%; transform: translateX(-50%) translateY(-50%); max-width:800px; float:none; }
#ElemSc8 { margin-left:50%; transform: translateX(-50%) translateY(-50%); max-width:800px; float:none; }
#ElemSc9 { transform: translateY(-50%); max-width:800px; float:right; margin:0 7% 0 0; }

/*#Ration1 { margin-left:50%; transform: translateX(-50%) translateY(-50%); max-width:800px; float:none; }*/
#Ration2 { background:none; border:none; float:right; margin-left:0; margin-right:7%; }
#Ration2 img { width:100%; max-width:550px; }
#Ration1, #Ration2 { max-width:35% !important; }

h2 { position:absolute; color:#fff; top:26px; font-size:20pt; font-weight:bold; left:85px; text-shadow: 1px 1px 2px #212121; }
.h2green h2 { color:#212121; text-shadow:1px 1px 3px #d9d9d9; }

h3 { color:#212121; font-weight:bold; font-size:inherit; }


@media only screen and (min-width:1280px) {
    .NIndMenu li a { font-size:0 !important; letter-spacing:0; }
    .NIndMenu li a::after { font-size:10pt; letter-spacing:1px; }
    #homelnk a::after { content: 'Главная'; }
    #whylnk a::after { content: 'Почему Herbalife?'; }
    #elementslnk a::after { content: 'Питательные вещества'; }
    #planlnk a::after { content: 'Особенности питания'; }
    #rationlnk a::after { content: 'Рацион'; }
    #advantageslnk a::after { content: 'Преимущества продукции'; }
}

@media only screen and (max-width:1365px) {
    .HomeScr { font-size:12pt !important; max-width:600px !important; top:48% !important; }
    #HomeSc { font-size:14pt !important; max-width:450px !important; top:43% !important; }
    h2 { font-size:16pt !important; top:27px !important; }
}

@media only screen and (max-width:1279px) {
    .NIndMenu li a { padding:10px 5px; }
}

@media only screen and (max-width: 1199px) {
    .NIndMenu li a { padding:10px 1px; }
}

@media only screen and (max-width:1023px) {
    #NMenu { display:none; margin:18px 0 0 75px; background:none; overflow:unset; }
    #NMenu li { display:block; max-width:200px; margin:1px 0; }
    #NMenu span { display:none; }
    .NMddtoggle { display:block; }
    #NMenu li { min-width:220px; padding:3px 10px; }
    .HomeScr { width:75%; top:50% !important; margin:0 0 0 50% !important; transform: translateY(-50%) translateX(-50%) !important; font-size:11pt !important; float:none !important; }
    .toprlnk { top:unset; bottom:10px !important; }
    .mhide { display:none; }
    #Ration1, #Ration2 { max-width:40% !important; top:27% !important; }
    #Ration2 { top:47% !important; }
}

@media only screen and (max-width:940px) {
}

@media only screen and (max-width:900px) {
    .HomeScr { font-size:11pt !important; }
    .Arrows { width:73px; height:50px; background-size: 73px 50px; }
    .UArrow, .GUArrow { top: -50px; }
    .DArrow, .GDArrow { bottom: -50px; }
    .LArrow, .GLArrow { left: -60px; }
    .RArrow, .GRArrow { right: -60px; }
    h2 { display:none; }
    .HomeScr { top:47% !important; }
}

@media only screen and (max-width:640px) {
    .Arrows { width:48px; height:31px; background-size:48px 31px; }
    .UArrow, .GUArrow { top: -35px; }
    .DArrow, .GDArrow { bottom: -35px; }
    .LArrow, .GLArrow { left: -40px; }
    .RArrow, .GRArrow { right: -40px; }
    .NIndMenu { z-index:101; }
    #HomeSc { font-size:12pt !important; padding:20px; top:45% !important; }
    .HomeScr { font-size:9pt !important; padding:20px; }
    #requestlnk { width:220px; text-align:center; }
    #logos img { max-width:200px; margin:20px; }
    #instlnk img { width:65px; height:65px; }
    .subscribeinst { font-size:9pt; }
    #Ration1, #Ration2 { max-width:70% !important; top:50% !important; }
    #Ration1 { top:30% !important; }
    #section2 { background:#f0eadc; }
}
.menu_mobile{
  display: none;
}
.menu-mobile img{
  float: right;
}
@media only screen and (max-width:480px) {

    #instlnk img { width:54px; height:54px; }
    .menu_mobile{
      background-color: #7bbf44;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-end;
      position: absolute;
      width: 100%;
      z-index: 9999;
      top:0;
    }
    .menu_mobile img{
      margin-right: 20px;
    }
  .NMddtoggle{
    margin: 5px 0 0 10px;
  }
  .NMddtoggle a {
    display: block;
    background: url(/local/templates/doyouknow/css/../imgs/menu_mob.png) no-repeat;
    width: 50px;
    height: 43px;
    background-size: 36px 38px;
  }
    .menu_desktop{
      display: none;
    }
  #NMenu {
    display: none;
    margin: 50px 0 0 13px;
    background: none;
    overflow: unset;
  }
}
.arrow__inst{
  display: none;
}
@media only screen and (max-width:640px) {
  #instlnk { bottom:75px;}
  .arrow__inst{
    display: block;
  }
}
.subscribeinst{
  position: relative;
}
.arrow__inst{
  position: absolute;

  width: 20px;
  height: 20px;
  z-index: 342342323;
}
.arrow__inst.more{
  background: url(/local/templates/doyouknow/css/../imgs/more.png) no-repeat;
  background-size: 20px 20px;
}
.arrow__inst{
  background: url(/local/templates/doyouknow/css/../imgs/less.png) no-repeat;
  background-size: 20px 20px;
}
.arrow__inst:first-child{
  top: 25%;
  left: 7px;
}
.arrow__inst:last-child{
  top: 25%;
  right: 7px;
}


.box-not-found {
  position: relative;
  overflow: hidden;
}

.box-not-found .bg-img {
  display: block;
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  max-width: inherit;
}

.box-not-found--message {
  width: 505px;
  position: absolute;
  top: 35px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 1;
  text-align: center;
}

.box-not-found--message .title {
  font-size: 28px;
  line-height: 1;
  color: #7bc143;
  font-family: "PH", Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin-bottom: 16px;
}

.box-not-found--message .msg-text {
  font-size: 16px;
  line-height: 1.6;
}

.box-not-found--message .msg-text a {
  color: #7bc143;
}

.box-not-found--message .msg-text a:hover, .box-not-found--message .msg-text .nav-top .top-level ul li:hover > a, .nav-top .top-level ul .box-not-found--message .msg-text li:hover > a {
  color: #84d941;
}

@media (max-width: 991px) {
  .box-not-found .bg-img {
    margin-left: -4%;
  }
}

@media (max-width: 767px) {
  .box-not-found .bg-img {
    margin-left: -3%;
    height: 410px;
  }

  .box-not-found--message {
    position: relative;
    width: 100%;
    top: auto;
    left: auto;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    -webkit-box-shadow: 0 15px 30px 10px #fff;
    -moz-box-shadow: 0 15px 30px 10px #fff;
    box-shadow: 0 15px 30px 10px #fff;
  }

  .box-not-found--message .title {
    font-size: 18px;
    margin-bottom: 8px;
  }
}

@media (max-width: 480px) {
  .box-not-found .bg-img {
    height: 270px;
  }
}
/* End */


/* Start:/local/templates/herbalife-official-new/css/mobile.widget.css?17712209183376*/
.notic-app-download {
    position: relative;
    background: #3A6800;
    transition: all linear 0.2s;
}

@media(min-width: 1025px) {
    .notic-app-download {
        display: none !important;
    }
}

.notic-app-download__content {
    padding: 10px 15px;
}

.notic-app-download__text-wrap {
    display: flex;
    align-items: center;
}

@media(max-width: 767px) {
    .notic-app-download__text-wrap {
        display: block;
        text-align: center;
        margin-left: 8px;
    }
}

@media(max-width: 1023px) {
    .notic-app-download--fixed {
        display: none !important;
    }
}

.notic-app-download--fixed {
    position: fixed;
    top: -68px;
    left: 0;
    z-index: 200;
    width: 100%;
}

.notic-app-download--fixed.show {
    top: 0;
}

.notic-app-download__content {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media(max-width: 369px) {
    .notic-app-download__content {
        justify-content: flex-start;
    }
}

.notic-app-download__text {
    font-size: 16px;
    line-height: 16px;
    color: #FFFFFF;
    margin: 0 0 0 20px;
}

@media(max-width: 767px) {
    .notic-app-download__text {
        width: 100%;
        font-size: 12px;
        line-height: 12px;
        margin: 0;
    }
}

.notic-app-download__link {
    color: #FFFFFF;
    text-decoration: underline;
    font-size: 16px;
    line-height: 16px;
    margin-left: 40px;
}

@media(max-width: 767px) {
    .notic-app-download__link {
        width: 100%;
        margin-left: 0;
        font-size: 12px;
        line-height: 12px;
    }
}

.notic-app-download__close {
    display: flex;
    align-items: center;
    justify-content: center;

    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);

    height: 30px;
    width: 30px;

    background: transparent;
    border: 0;
}

@media(max-width: 767px) {
    .notic-app-download__close {
        right: 10px;
    }
}

@media(max-width: 369px) {
    .notic-app-download__close {
        right: 0;
    }
}

.notic-app-download__close svg {
    width: 13px;
    max-width: 13px;
    height: 13px;
}

.notic-app-download__close svg path {
    fill: #fff;
}

.notic-app-download__close img {
    width: 13px;
    max-width: 13px;
    height: 13px;
}




.footer__text {
    position: relative;
}

.footer__app-links {
    display: flex;
    align-items: center;
    margin-top: 35px;
}

.footer__app-links a+a {
    margin-left: 30px;
}

.footer__app-link {
    display: inline-block;
    width: 128px;
}

.footer__app-images {
    display: block;
}

.footer__app-links--absolute {
    position: absolute;
    left: auto;
    top: auto;
}

@media(min-width: 1700px) {
    .app-hidden-lg {
        display: none;
    }
}

@media(min-width: 1024px) and (max-width: 1699px) {
    .app-hidden-md {
        display: none;
    }
}

@media(min-width: 768px) and (max-width: 1023px) {
    .app-hidden-tablet {
        display: none;
    }
}

@media(max-width: 767px) {
    .app-hidden-sm {
        display: none;
    }
}

@media (max-width: 1699px) {
    .footer__link-dsa {
        width: 100%;
        max-width: 35px;
        margin-top: -30px;
    }
    .footer__app-links {
        margin-top: 25px;
    }
}
@media (max-width: 767px) {
    .footer__app-links {
        margin-top: 25px;
    }
}
.notic-app-download__icon img{
    width: 40px;
    min-width: 40px;
}
/* End */


/* Start:/local/templates/.default/css/cookie.css?17712209181113*/
.cookie-banner{
    position: fixed;
    bottom: 100px;
    width: 80%;
    left: 10%;
    display: flex;
    align-items: center;
    box-shadow: 0 0 8px 2px #8d8d8d;
    border-radius: 5px;
    z-index: 500;
    background: #fff;
    padding: 15px 25px;
}
.cookie-banner__text{
    color: #878b90;
    margin-right: 30px;
    font-size: 14px;
}
.cookie-banner__text a{
    color: #7ac142;
}
.cookie-banner__text a:hover{
    color: #5f9b30;
}
.cookie-banner__close{
    border-radius: 5px;
    padding: 10px 20px;
    border: 1px solid #7ac142;
    background: #7ac142;
    color: #fff;
    cursor: pointer;
}
.cookie-banner__close:hover{
    background: #fff;
    color: #7ac142;
}

@media (max-width: 1023px) {
    .cookie-banner{
        bottom: 50px;
        width: 90%;
        left: 5%;
    }
}
@media (max-width: 768px) {
    .cookie-banner{
       flex-direction: column;
        padding: 10px 15px;
    }
    .cookie-banner__text{
        margin-bottom: 15px;
        margin-right: 0;
        font-size: 12px;
    }
    .cookie-banner__close{
        font-size: 14px;
        padding: 5px 15px;
    }
}
/* End */


/* Start:/local/components/herbalife/club_zoj.button/templates/.default/style.css?1771220918682*/
.club-zoj__button{
  background-color: #6FBB44;
  position: fixed;
  top: 70%;
  left: 0;
  padding: 15px 25px;
  z-index: 7;
  font-size: 18px;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  -moz-transition: background .2s;
  -o-transition: background .2s;
  -webkit-transition: background .2s;
  transition: background .2s;
}
@media (max-width: 767px) {
  .club-zoj__button{
    display: none;
  }
}
/* End */


/* Start:/local/components/herbalife/abtestbutton/templates/.default/style.css?1771220918896*/
.leave_request_footer{
  position: fixed;
  cursor: pointer;
  width: auto;
  bottom: 10px;
  left: 10px;
  right: 10px;
  display: block;
  height: 54px;
  background-color: #f28630;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding: 16px 0 0 35px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: none;
  box-sizing: border-box;
}
@media( max-width: 640px) {
  .leave_request_footer {
    display: block;
  }
}
.leave_request_footer span {
  position: relative;
}
.leave_request_footer span:before{
  display: block;
  content: ' ';
  background-image: url('/local/components/herbalife/abtestbutton/templates/.default/images/icon_mail_footer.png');
  background-size: 29px 17px;
  height: 17px;
  width: 29px;
  position: absolute;
  left: -40px;
  top: 1px;
}
@media (min-width: 641px){
  .leave_request_footer{
    display: none;
  }
}
/* End */
/* /local/templates/doyouknow/css/fullpage.css?17712209185235 */
/* /local/templates/doyouknow/css/data.css?177122091816680 */
/* /local/templates/herbalife-official-new/css/mobile.widget.css?17712209183376 */
/* /local/templates/.default/css/cookie.css?17712209181113 */
/* /local/components/herbalife/club_zoj.button/templates/.default/style.css?1771220918682 */
/* /local/components/herbalife/abtestbutton/templates/.default/style.css?1771220918896 */