@font-face {
font-family: 'Helvetica Neue LT Com 55 Roman';
src: url("fonts/helveticaneue_roman.eot");
src: url("fonts/helveticaneue_roman.eot?#iefix") format("embedded-opentype"), url("fonts/helveticaneue_roman.woff2") format("woff2"), url("fonts/helveticaneue_roman.woff") format("woff"), url("fonts/helveticaneue_roman.ttf") format("truetype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Helvetica Neue LT Com 75 Bold';
src: url("fonts/helveticaneue_bold.eot");
src: url("fonts/helveticaneue_bold.eot?#iefix") format("embedded-opentype"), url("fonts/helveticaneue_bold.woff2") format("woff2"), url("fonts/helveticaneue_bold.woff") format("woff"), url("fonts/helveticaneue_bold.ttf") format("truetype");
font-weight: bold;
font-style: normal; }
@font-face {
font-family: 'Helvetica Neue LT Com 56 Italic';
src: url("fonts/helveticaneue_italic.eot");
src: url("fonts/helveticaneue_italic.eot?#iefix") format("embedded-opentype"), url("fonts/helveticaneue_italic.woff2") format("woff2"), url("fonts/helveticaneue_italic.woff") format("woff"), url("fonts/helveticaneue_italic.ttf") format("truetype");
font-weight: normal;
font-style: italic; }

/*** BEGIN HTML5 BOILERPLATE CSS (Eric Meyer's Reset CSS) ********************/
	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;}
	/* HTML5 display-role reset for older browsers */
	article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
	body{line-height:1;}
	ol, ul {list-style: none;}
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
	table {border-collapse: collapse;border-spacing: 0;}
/*** END HTML5 BOILERPLATE CSS ***********************************************/


/*** ADDITIONAL SETUP ********************************************************/
	a { text-decoration: none; color: inherit; }
	sup {
		vertical-align: super;
		font-size: smaller;
	}

	/* For ease of calulation. To scale of original 1900px spec at 1200px width. */
	body.parallax {
		font-size: .6316pt;   /* 1em = 1pt in scale */
		background-image: url('/static/media/images/body/bg/what-bg.png');
		background-size: contain;
		background-repeat: repeat-y;
		font-family: "dax-regularregular","Helvetica Neue LT Com 55 Roman","Helvetica Neue",Helvetica,Arial,sans-serif;
	}
body.parallax .navbar-main {
	position: fixed;
}
/**/
@media (max-width:1024px) and (orientation : landscape) {
    body.parallax .navbar-main {
        position: relative!important;
    }
    #home-actual {
        margin-top: -240px!important;
    }
}
/**/
body.parallax .container {
	max-width: 100%;
	background-color: transparent;
}
/*** UTILITY CLASSES *********************************************************/
	.fr { float: right; }
	.fl { float: left; }
	.trp-b { background-color: transparent; }


/*** FONTS FROM STYLE GUIDE **************************************************/
	/*=== Font stack definitions ========================*/
	@font-face {
	  font-family: 'Interstate Bold Compressed';
	  src: url('/static/css/fonts/interstate_boldcompressed.eot'); /* IE9 Compat Modes */
	  src: url('/static/css/fonts/interstate_boldcompressed.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		   url('/static/css/fonts/interstate_boldcompressed.woff') format('woff'), /* Modern Browsers */
		   url('/static/css/fonts/interstate_boldcompressed.ttf')  format('truetype'), /* Safari, Android, iOS */
		   url('/static/css/fonts/interstate_boldcompressed.svg#interstateboldcompressed') format('svg'); /* Legacy iOS */
	}
	@font-face {
	  font-family: 'Helvetica Neue Bold';
	  src: url('/static/css/fonts/helveticaneue_bold.eot'); /* IE9 Compat Modes */
	  src: url('/static/css/fonts/helveticaneue_bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		   url('/static/css/fonts/helveticaneue_bold.woff') format('woff'), /* Modern Browsers */
		   url('/static/css/fonts/helveticaneue_bold.ttf')  format('truetype'), /* Safari, Android, iOS */
		   url('/static/css/fonts/helveticaneue_bold.svg#HelveticaNeueBold') format('svg'); /* Legacy iOS */
	}
	@font-face {
	  font-family: 'Helvetica Neue Italic';
	  src: url('/static/css/fonts/helveticaneue_italic.eot'); /* IE9 Compat Modes */
	  src: url('/static/css/fonts/helveticaneue_italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		   url('/static/css/fonts/helveticaneue_italic.woff') format('woff'), /* Modern Browsers */
		   url('/static/css/fonts/helveticaneue_italic.ttf')  format('truetype'), /* Safari, Android, iOS */
		   url('/static/css/fonts/helveticaneue_italic.svg#HelveticaNeueItalic') format('svg'); /* Legacy iOS */
	}
	@font-face {
	  font-family: 'Helvetica Neue Roman';
	  src: url('/static/css/fonts/helveticaneue_roman.eot'); /* IE9 Compat Modes */
	  src: url('/static/css/fonts/helveticaneue_roman.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		   url('/static/css/fonts/helveticaneue_roman.woff') format('woff'), /* Modern Browsers */
		   url('/static/css/fonts/helveticaneue_roman.ttf')  format('truetype'), /* Safari, Android, iOS */
		   url('/static/css/fonts/helveticaneue_roman.svg#HelveticaNeueRoman') format('svg'); /* Legacy iOS */
	}

	/*=== Quick Font Classes and em sizing base =========*/

	/* Interstate Bold Compressed */
	.f-int {
		font-family: "Interstate Bold Compressed", Impact, "Arial Black", Arial, sans-serif;
		color: white;
	}

	/* Helvetica Neue Bold */
	.f-hvb {
		font-family: "Helvetica Neue Bold", "Helvetica Bold", "Arial Rounded MT Bold", Helvetica, Arial, sans-serif;
	}
	.f-hvr b, b.f-hvr {
		font-family: "Helvetica Neue Bold", "Helvetica Bold", "Arial Rounded MT Bold", Helvetica, Arial, sans-serif;

	}

	/* Helvetica Neue Roman */
	.f-hvr {
		font-family: "Helvetica Neue Roman", Helvetica, Verdana, Tahoma, Arial, sans-serif;
	}

	/* Helvetica Neue Italic */
	.f-hvr i, i.f-hvr {
		font-family: "Helvetica Neue Italic", Helvetica, Verdana, Tahoma, Arial, sans-serif;
		font-style: oblique;
	}


/*** COLORS FROM STYLE GUIDE *************************************************/
	/*
	Berocca Color Chart

	Color				Hex			R    G    B
	------------------- ----------- ---- ---- ----
	LIGHT GREEN			#00B25A		0,	 178, 90
	DARK GREEN			#007A3D		0,	 122, 61
	HIGHLIGHT GREEN		#00D974		0,	 217, 116
	LIGHT ORANGE		#F2B233		242, 178, 51
	DARK ORANGE			#E68225		230, 130, 37
	BEROCCA BERRY		#CF1335		207, 19,  53
	LIGHT GRAY			#B5B5B5		181, 181, 181
	DARK GRAY			#383838		56,  56,  56
	STRAIGHT WHITE		#FFFFFF		255, 255, 255  (Style guide says 0,0,0 but that is black.)
	*/

	/*=== Quick Change Color Classes ====================*/
	/* Light Green */
	.ltg { color: #00B25A; }
	.ltg-b { background-color: #00B25A; }

	/* Dark Green */
	.dkg { color: #007A3D; }
	.dkg-b { background-color: #007A3D; }

	/* Highlight Green */
	.hig { color: #00D974; }
	.hig-b { background-color: #00D974; }

	/* Light Orange */
	.lto { color: #F2B233; }
	.lto-b { background-color: #F2B233; }

	/* Dark Orange */
	.dko { color: #E68225; }
	.dko-b { background-color: #E68225; }

	/* Berocca Berry */
	.ber { color: #CF1335; }
	.ber-b { background-color: #CF1335; }

	/* Light Gray */
	.lgy { color: #B5B5B5; }
	.lgy-b { background-color: #B5B5B5; }

	/* Dark Gray */
	.dgy { color:#383838; }
	.dgy-b { background-color: #383838; }

	/* Straight White */
	.stw { color:#FFFFFF; }
	.stw-b { background-color: #FFFFFF; }

	.bubble-content h1,
	.bubble-content h2 {
		color: white;
	}

/** lt IE9 overlay **/

	.old-overlay {background: none repeat scroll 0 0 #000;bottom: 0;left: 0;position: fixed !important;right: 0;top: 0;z-index:1500;}
	#old-wrap{position:fixed;left:50%;top:20%;z-index:2000;}
	#old-wrap #old-browser{color:#EEE0AC;background:#000;width:750px;text-align:center;font-size:18px;line-height:32px;margin-left: -375px;padding:20px 0;}	
	#old-wrap #old-browser .head, #old-wrap #old-browser .now{font-size:24px;line-height:40px;}
	#old-wrap #old-browser .now{color:#007BB9;padding-bottom:20px;}
	
/*** HEADER ******************************************************************/
	header {
	    /*padding-bottom: 5px;*/
	    width: 100%;
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 1000;
	    box-shadow: 0px 2px 25px #B5B5B5;
	}

	header #head-container {
		/* spec is 1900px, but this is much too wide for most monitors */
		/*width: 1200px;	/* 63.16% of spec; covers 90% of worldwide non-mobile resolutions in use */
		/*margin: 0 auto;   /* OUTDATED - now is fluid width */
	}

	header #head-container #head-left {
		width: 37.5%;
	}
	header #berocca-logo {
		padding-bottom: 20px;
		display: inline-block;
	}
	header #berocca-tagline {
            display: none;
	}
	header #mobile-tagline {
		display: none;
	}
	
	header {
		height: 120px;
	}

	header #head-container #head-right div#mobile-menu {
		display: none;
	}
	header #head-container #head-right nav#head-nav {
		padding-bottom: 10px;
	}
	header #head-container #head-right nav#head-nav ul {
		width: 340px;
	}
	header #head-container #head-right nav#head-nav ul li {
		font-size: 14em;
		display: inline-block;
		width: 110px;
		border-right: 1px solid #B5B5B5;
		text-align: center;
		line-height: 18px;
	}
	header #head-container #head-right nav#head-nav ul li:last-child {
		border-right: none;
	}
	header #head-container #head-right nav#head-nav ul li a.global-nav-a:hover {
		text-decoration: underline;
	}

	header #head-right #bayer-logo {
            float: right;
            height: 60px;
            margin: 30px 18px 9px 30px;
            padding: 0;
            width: 60px;
	}

        #head-right {
            height: 90px;
            margin: 15px 0 0;
            width: 62.5%;
        }

        #head-nav-social
        {
            font-size: 12px;
            color: #666;
            border-right: 2px solid #b3b3b3;
            display: block;
            float: right;
            height: 120px;
            margin-bottom: 0;
            padding: 0 18px 0 0;
            font-family: "dax-regularregular","Helvetica Neue LT Com 55 Roman","Helvetica Neue",Helvetica,Arial,sans-serif;
        }

        .social-links
        {
            color: #666666;
            display: table-row;
            float: right;
        }

        .social-links ul
        {
            display: inline-block;
            list-style-type: none;
            padding: 0;
        }

        .social-links > p
        {
            float: left;
            line-height: 28px;
            margin: 0;
            padding-right: 5px;
        }

        .social-links ul > li
        {
            float: left;
            padding-left: 12px;
        }

        .social-links ul > li p
        {
            background-color: #eca204;
            border-radius: 28px;
            display: block;
            height: 28px;
            overflow: hidden;
            width: 28px;
        }

        .social-links ul > li p:hover {
            background-color: #2d8b42;
        }
        .social-links ul > li p.facebook:hover {
            background-color: #3b5999;
        }
        .social-links ul > li p.twitter:hover {
            background-color: #5dabdd;
        }
        .social-links ul > li p.google:hover {
            background-color: #df4b37;
        }
        .social-links ul > li p.instagram:hover {
            background-color: #3e749d;
        }

        #meta-nav .navbar-nav
        {
            display: block;
            margin-bottom: 30px;
            float: left;
        }

        #meta-nav .navbar-nav li
        {
            border-left: 2px solid #666666;
            font-weight: normal;
            padding: 0 14px;
            float: left;
            text-align: left;
        }
        #meta-nav > .navbar-nav > li:first-child,
        #meta-nav > .navbar-nav > li.bayergroup-link
        {
            border: 0 none;
        }

        #meta-nav > .navbar-nav > li:last-child
        {
            padding-right: 0;
        }

        #main-nav
        {
            font-size: 12px;
            color: #666;
            font-family: "dax-regularregular","Helvetica Neue LT Com 55 Roman","Helvetica Neue",Helvetica,Arial,sans-serif;
        }
		.morelinks {
			font-family: "dax-regularregular","Helvetica Neue LT Com 55 Roman","Helvetica Neue",Helvetica,Arial,sans-serif;
		}

        #main-nav .navbar-nav {
            margin: 17px 0 0;
            padding-left: 20px;
            float: left;
            background-color: white;
            width: 100%;
        }

        #main-nav .navbar-nav > li {
            border-right: 0 none;
            min-height: 22px;
            text-align: left;
        }

        #main-nav .navbar-nav > li > a {
            border-right: 1px solid #666666;
            line-height: 15px;
            font-size: 15px;
            padding: 0 10px;
        }

        #main-nav .navbar-nav > li.active > a,
        #main-nav .navbar-nav > li.active > a:hover
        {
            background: none repeat scroll 0 0 transparent;
            color: #eca204;
        }


.hidden-md, tr.hidden-md, th.hidden-md, td.hidden-md {
    display: none !important;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 6px solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent; }

.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 15px;
  background-color: white;
  border: 1px solid black;
  border: 1px solid transparent;
  border-radius: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto; }
  .dropdown-menu .divider {
    height: 1px;
    margin: 8px 0;
    overflow: hidden;
    background-color: #2d8b42; }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.2;
    color: #2d8b42;
    white-space: nowrap; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #eca204;
  background-color: white; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #eca204;
  text-decoration: none;
  outline: 0;
  background-color: white; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #b3b3b3; }

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

.open > .dropdown-menu {
  display: block; }
.open > a {
  outline: 0; }

.dropdown-menu-right {
  left: auto;
  right: 0; }

.dropdown-menu-left {
  left: 0;
  right: auto; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.2;
  color: #b3b3b3; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: ""; }
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }



/*** MAIN CONTENT ************************************************************/

	/*=== section-shared ================================*/
	.hsContainer {
		display: table;
		table-layout: fixed;
		width: 100%;
		height: 100%;
		overflow-x: hidden;
		position: relative;
	}
	.hsContent {
		margin: 0 auto;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
	.bkg {
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
		height: 100%;
		width: 100%;
		min-height: 834px;
	}
	aside.bubble-large {
		width: 300px;
		height: 300px;
		border-radius: 150px;
		display: inline-table;
		text-align: center;
		background-color: #E68225; /* Dark Orange */
		z-index: 1;
	}
	aside.bubble-medium {
		width: 276px;
		height: 276px;
		border-radius: 138px;
		display: inline-table;
		text-align: center;
		background-color: #CF1335; /* Berocca Berry */
		z-index: 2;
	}
	aside.bubble-small {
		width: 250px;
		height: 250px;
		border-radius: 125px;
		display: inline-table;
		text-align: center;
		background-color: #F2B233; /* Light Orange */
		z-index: 4;
	}
	aside div.bubble-content {
		display: table-cell;
		vertical-align: middle;
	}
	aside .bubble-std {
		font-size: 60em;
	}
	aside.bubble {
		position: absolute;
	}
	aside.bubble p {
		font-size: 20em;
	}
	aside h1.u, aside h1 .u  {
		display: inline-block;
		border-bottom: 7px solid;
	}
	aside h2.u, aside h2 .u  {
		display: inline-block;
		border-bottom: 5px solid;
	}


	/*=== splashing tablet ==============================*/
	#tablet-arrows-container,#tablet-splash-container {
		width: 100%;
	}
	#tablet-arrows {
		width: 169px;
		height: 233px;
		background-image: url('/static/media/images/body/pill_arrows.png');
		background-repeat: no-repeat;
		z-index: 12;
		position: absolute;
		top: 600px;
		/*left: calc((100% - 185px) / 2);*/
        left:50%;
        margin-left:-92.5px;
	}
	#tablet-splash-container .tablet-splash {
		width: 337px;
		height: 332px;
		background-repeat: no-repeat;
		position: absolute;
		/*left: calc((100% - 337px) / 2);*/
        left:50%;
        margin-left:-168.5px;       
		opacity: 0;
		display: none;
	}
	#tablet-splash-container .tablet-splash#tablet-splash-1 {
		background-image: url('/static/media/images/body/anim/pill_1.png');
		display: block;
		z-index: 11;
		opacity: 1;
	}
	#tablet-splash-container .tablet-splash#tablet-splash-2 {
		background-image: url('/static/media/images/body/anim/pill_2.png');
		z-index: 10;
	}
	#tablet-splash-container .tablet-splash#tablet-splash-3 {
		background-image: url('/static/media/images/body/anim/pill_3.png');
		z-index: 9;
	}
	#tablet-splash-container .tablet-splash#tablet-splash-4 {
		background-image: url('/static/media/images/body/anim/pill_4.png');
		z-index: 8;
	}
	#tablet-splash-container .tablet-splash#tablet-splash-5 {
		background-image: url('/static/media/images/body/anim/pill_5.png');
		z-index: 7;
	}


	/*=== water glass ===================================*/
	#glass-container .glass {
		width: 610px;
		height: 750px;
		background-repeat: no-repeat;
		position: absolute;
		top: 1000px;
		/*left: calc((100% - 715px) / 2);*/
        left:50%;
        margin-left:-357.5px;
		opacity: 0;
	}
	#glass-container .glass#glass-1 {
		background-image: url('/static/media/images/body/anim/glass_1.png');
		display: block;
		z-index: 6;
		opacity: 1;
	}
	#glass-container .glass#glass-2 {
		background-image: url('/static/media/images/body/anim/glass_2.png');
		z-index: 5;
		display: none;
	}
	#glass-container .glass#glass-3 {
		background-image: url('/static/media/images/body/anim/glass_3.png');
		z-index: 4;
		display: none;
	}
	#glass-container .glass#glass-4 {
		background-image: url('/static/media/images/body/anim/glass_4.png');
		z-index: 3;
		display: none;
	}
	#glass-container .glass#glass-5 {
		background-image: url('/static/media/images/body/anim/glass_5.png');
		z-index: 2;
		display: none;
	}


	/*=== home ==========================================*/
	#home {	/* click-scrolling wasn't actually going to the top of the page, so this is a workaround */
		position: absolute;
		top: 0;
	}

	#home-actual {
		margin-top: 120px; /* move home down so it is not covered by header */
	}

	#home-actual .bkg {
    background-image:url('/static/media/images/content/whatisit_leadimg3.png');
    /*background-image:url('/static/media/images/content/whatisit_leadimg.jpg');*/
	}

	#home-actual h1 {
		text-align: center;
		margin-top: 75px;
	}
	#home-actual h1 span.sharp {
		font-size: 145.53em;
	}
	#home-actual h1 span.be-you {
		font-size: 185em;
		font-style: oblique;
		border-bottom: 10px solid #FFFFFF;
		position: relative;
		left: -20px;
		top: -25px;
		height: 140px;
		display: inline-block;
		/*width: 345px;*/
		padding-right: 20px;
	}


	/*=== what is it ====================================*/
	#what .bkg {
		/*background-image:url('/static/media/images/body/bg/what-bg.png');
		background-repeat: repeat-y;*/
            min-height: 666px;
            height: 850px
	}

	#what div#what-container {
		min-height: 1050px;
		position: relative;
		z-index: 8;
	}
	#what aside h1 span.u {
		padding-bottom: 5px;
		margin-bottom: 10px;
	}
	#what aside#physical-energy {
		top: 125px;
		right: 150px;
	}
	#what aside#mental-toughness {
		top: 150px;
		left: 200px;
	}
	#what aside#key-nutrients {
		top: 475px;
		right: 125px;
	}
	#what aside#every-day {
		top: 475px;
		left: 175px;
	}
	#what aside#every-day p#available-desktop {
		display: block;
	}
	#what aside#every-day p#available-mobile {
		display: none;
	}
	#what aside .supports {
		font-size: 38em;
	}
	#what aside.what-fda-legal {
		font-size: 14em;
		width: 475px;
		padding: 15px 25px;
		border: 3px solid #b5b5b5; /* Light Gray */
		position: absolute;
		right: 15px;
		bottom: 215px;
		text-align: left;
	}


	/*=== mind & body ===================================*/
	#mind .hsContainer {
		min-height: 925px;
	}
	#mind .bkg {
		background-image:url('/static/media/images/body/bg/mind-bg.png');
		min-height: 925px;
		position: relative;
	}
	#mind .bkg#mind-bkg-1 {
		background-image:url('/static/media/images/body/bg/mind-bg1.png');
	}
	#mind .bkg#mind-bkg-2 {
		/*background-image:url('/static/media/images/body/bg/mind-bg2.png');*/
		background-image:url('/static/media/images/body/bg/mind-bg2b.png');
	}
	#mind .bkg#mind-bkg-3 {
		/*background-image:url('/static/media/images/body/bg/mind-bg3.png');*/
		background-image:url('/static/media/images/body/bg/mind-bg3b.png');
	}

	#mind div#mind-container {
		min-height: 800px;
	}
	#mind aside#mind-copy {
		display: block;
		width: 464px;
		height: 572px;
		position: absolute;
		top: 265px;
		left: 225px;
	}
	#mind h1 .mind-std {
		font-size: 110em;
		position: relative;
		left: 3px;
	}
	#mind h1 i {
		font-style: oblique;
		font-size: 110em;
		display: inline-block;
		position: relative;
		left: -5px;
	}
	#mind h1 .fizz-line {
		display: inline-block;
		border-bottom: 5px solid;
		height: 11px;
		width: 30px;
		position: absolute;
		top: 120px;
		margin-left: -25px;
	}
	/*IE10 hack */
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		#mind h1 .fizz-line{
			margin-left: 90px;
		}
	}
	#mind h1 .fizz-line.fizz-r {
		margin-left: 12px;
	}
	#mind h1 .about {
		font-size: 170em;
		position: relative;
		top: -15px;
	}
	#mind h1 .about.u {
		border-bottom: 13px solid;
		width: 300px;
	}
	#mind p {
		font-size: 18em;
		text-align: justify;
		padding-left: 85px;
		padding-right: 80px;
	}
	#mind aside.bubble-mind {
		width: 170px;
		height: 170px;
		border-radius: 85px;
		display: inline-table;
		text-align: center;
		z-index: 3;
		position: absolute;
	}
	#mind aside.bubble-mind h2 {
		display: table-cell;
		vertical-align: middle;
		font-size: 38em;
	}
	#mind aside.bubble-mind#bubble-mind-mental {
		background-color: #F2B233; /* Light Orange */
		top: 125px;
		right: 25%;
	}
	#mind aside.bubble-mind#bubble-mind-physical {
		background-color: #E68225; /* Dark Orange */
		bottom: 75px;
		right: 16.5%;
	}



/*** FOOTER ******************************************************************/
	footer {
            background-color: white;
            font-size: 12px;
            font-family: "dax-regularregular","Helvetica Neue LT Com 55 Roman","Helvetica Neue",Helvetica,Arial,sans-serif;
            color: #666;
	    min-height: 144px;
	    padding: 18px 50px;
	}
        footer .social-links
        {
            float: none;
        }

        footer .social-links ul
        {
            margin-bottom: 20px;
        }

        footer nav {
            border-bottom: 1px solid #666666;
            border-top: 1px solid #666666;
            padding: 10px 0;
            text-transform: uppercase;
            font-weight: bold;
            margin-bottom: 9px;
        }

        footer nav > a {
            /* border-left: 2px solid #666666; */
            /* padding: 0 15px; */
            text-decoration: none;
        }

        footer nav > a:first-child {
            border: 0 none;
            padding-left: 0;
        }
        footer > .copyright p {
            margin-bottom: 5px;
            line-height: 1.2;
        }

	footer aside#bayer-legal {
		margin-top: 15px;
	}
	footer aside#bayer-legal div {
		padding: 10px 0;
		width: 750px;
	}
	footer #footer-social, footer #legal-links {
		font-size: 16em;
		text-align: left;
		border-bottom: 1px solid #B5B5B5; /* Light Gray */
	}
	footer #footer-social {
		display: table;
	}
	footer #footer-social div#footer-fb {
		display: table-cell;
	}
	footer #footer-social p {
		display: table-cell;
		width: 115px;
		vertical-align: middle;
	}
	footer #legal-links ul#legal-line-2 {
		margin-top: 5px;
	}
	footer #legal-links ul li {
		display: table-cell;
		border-right: 1px solid #B5B5B5; /* Light Gray */
		padding: 0 15px;
		line-height: 25px;
		vertical-align: middle;
	}
	footer #legal-links ul li:first-child {
		padding-left: 0;
	}
	footer #legal-links ul li:last-child {
		padding-right: 0;
		border-right: none;
	}
	footer #copyright {
		font-size: 12em;
		text-align: left;
	}

/* small fixes for devices with width less than 1280 */
@media screen and (max-width: 1250px) {
	header #berocca-tagline {
		display: block;
		top: 0px;
		margin-left: 0px;
	}
	header #head-container #head-left {
		margin-left: 30px;
		width: 325px;
	}
	footer aside#bayer-legal div {
		padding: 10px 0;
		width: 475px;
	}
}
@media screen and (max-width: 1100px) {
	aside.bubble-large {
		width: 250px;
		height: 250px;
	}
	aside.bubble-small {
		width: 200px;
		height: 200px;
	}
	#what aside#physical-energy {
		top: 25px;
		right: 25px;
	}
	#what aside#mental-toughness {
		top: 350px;
		left: 100px;
	}
	#what aside#key-nutrients {
		top: 325px;
		right: 25px;
	}
	#what aside#every-day {
		top: 500px;
		left: 25px;
	}
	#mind aside#mind-copy {
		left: 125px;
	}
}
/*=== desktop detection ===*/
@media screen and (min-width: 641px) {
	#js-css {	/* changes will be detected by javascript */
		position: absolute;
		z-index: 1;
	}
}

@media screen and (min-width: 641px) and (max-width: 1100px) {
	aside .bubble-std {
		font-size: 40em;
	}
	aside .bubble-content p {
		font-size: 15px;
	}
}
/*=== mobile 480 (and landscape 640) ===*/
@media screen and (max-width: 640px) {
	html {
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}
	/*for testing responsive: hide scrollbars on webkit */
	::-webkit-scrollbar {
		width: 0;
	}

	header #main-nav .navbar-nav > li {
		float: none;
	}

	/* general fixes */
	#js-css {	/* changes will be detected by javascript */
		position: absolute;
		z-index: 2;
	}
	body {
		background-image: url('/static/media/images/mobile/body/bg/what-bg.png');
		background-size: initial;
		background-repeat: repeat-y;
	}
	.bkg {
		background-attachment: initial;
		height: auto;
	}
	aside.bubble-large {
		width: 160px;
		height: 160px;
		border-radius: 80px;
	}
	aside.bubble-medium {
		width: 124px;
		height: 124px;
		border-radius: 62px;
	}
	aside.bubble-small {
		width: 136px;
		height: 136px;
		border-radius: 68px;
	}
	aside .bubble-std {
		font-size: 26px;
		line-height: 20px;
	}
	aside.bubble p {
		font-size: 12px;
	}
	aside h1.u, aside h1 .u {
		border-bottom: 1px solid;
	}

/* HEADER */
	header {
		padding: 5px 0px;
	}
	header #head-container #head-left {
		width: 150px;
		margin-left: 10px;
	}
	header #head-container #head-left #berocca-tagline {
		font-size: 30em;
		width: 340px;
		position: relative;
		top: -2px;
	}
	header #head-container #head-left #berocca-logo {
		padding-top: 0px;
		margin-top: -5px;
		margin-left: 15px;
	}
	header #head-container #head-left #berocca-logo img {
		width: 150px;
	}
	header #head-container #head-right {
		width: 141px;
		margin-right: 15px;
	}
	header #head-container #head-right #bayer-logo {
		float: none;
		display: inline-block;
		padding-left: 15px;
	}
	header #head-container #head-right #bayer-logo img {
		width: 75px;
	}
	header #head-container #head-right div#mobile-menu {
		display: inline-block;
		width: 29px;
		height: 29px;
		margin: 12px 5px 5px 5px;
		background: transparent url('/static/media/images/mobile/head/menu.png') no-repeat 0px 0px;
		position: relative;
		top: 12px;
		left: -12px;
	}
	header #head-container #head-right aside#head-nav-social {
		display: none;
		position: fixed;
		top: 87px;
		left: 0px;
		width: 100%;
		background-color: #383838; /* Dark Gray */
		padding: 0px;
	}
	/*--- menu ---*/
	header #head-container #head-right nav#head-nav {
		padding-bottom: 0px;
	}
	header #head-container #head-right nav#head-nav ul {
		width: 100%;
	}
	header #head-container #head-right nav#head-nav ul li:first-child {
		border-top: 1px solid #B5B5B5;
	}
	header #head-container #head-right nav#head-nav ul li {
		border-right: none;
		display: block;
		padding: 15px;
		width: 100%;
		text-align: left;
		line-height: inherit;
		font-size: 20em;
		color: #FFFFFF;
		border-collapse: collapse;
		border-bottom: 1px solid #B5B5B5;
		background: transparent url('/static/media/images/mobile/head/menu-arrow.png') no-repeat 85% center;
	}
	header #head-social #share {
		background-color: transparent;
		font-size: 18em;
	}
	header #head-social .social-button {
		margin: 10px 0 10px 15px;
	}
	header #head-social #fb { background-position: 0px -34px; }
	header #head-social #tw { background-position: -35px -34px; }
	header #head-social #gp { background-position: -70px -34px; }
	header #head-social #em { background-position: -105px -34px; }
	header #head-container #head-right #head-social #fb-like {
		display: none;
	}


	/* HOME */
	
	#home-actual {
		margin-top: -120px;
	}
	#home-actual .bkg {
		background-image: url('/static/media/images/mobile/body/bg/whatisit_leadimg3-m.jpg');
    /*background-image: url('/static/media/images/mobile/body/bg/home-bg.png');*/
		background-size: initial;
		/*background-size: calc(160%) auto;*/
    background-position: 70% 50%;
	}
	#home-actual h1 {
		margin-top: 280px;
	}
	#home-actual h1 span.sharp {
		font-size: 65px;
	}
	#home-actual h1 span.be-you {
		font-size: 83px;
		border-bottom: 5px solid #FFFFFF;
		left: -15px;
		top: -10px;
		height: 75px;
		width: 205px;
		padding-right: 10px;
	}
	#tablet-arrows {
		display: none;
	}
	#tablet-splash-container .tablet-splash#tablet-splash-1 {
		background-image: url('/static/media/images/mobile/body/home-tablet.png');
		top: 382px;
		/*left: calc((100% - 144px) / 2);*/
        left:50%;
        margin-left:-72px;
		width: 144px;
	}

	/* WHAT */
	#what {
		margin-top: -231px;
		margin-bottom: -342px;
	}
	#what .bkg {
		min-height: 855px;
	}
	#what div#what-container {
		min-height: 565px;
		margin-top: -50px;
		z-index: 8;
	}
	#what aside .supports {
		font-size: 20px;
	}
	#what aside h1 span.u {
		margin-bottom: 5px;
	}
	#what aside#physical-energy {
		top: 10px;
		right: 20px;
	}
	#what aside#mental-toughness {
		top: 105px;
		left: 5px;
	}
	#glass-container .glass#glass-1 {
		background-image: url('/static/media/images/mobile/body/what-glass.png');
	}
	#glass-container .glass {
		width: 264px;
		height: 364px;
		position: absolute;
		top: 552px;
		/*left: calc((100% - 285px) / 2);*/
        left:50%;
        margin-left:-142.5px
	}
	#what aside#every-day {
		top: 285px;
		left: 15px;
	}
	#what aside#every-day p#available-desktop {
		display: none;
	}
	#what aside#every-day p#available-mobile {
		display: block;
	}
	#what aside#key-nutrients {
		top: 210px;
		right: 30px;
	}
	#what aside.what-fda-legal {
		width: 78.2%;
		bottom: auto;
		right: 5.45%;
		top: 480px;
		text-align: left;
		padding: 10px 20px;
		border: 2px solid #b5b5b5;
	}

	/* MIND */
	#mind .bkg {
		min-height: 479px;
		height: 479px;
	}
	#mind .bkg#mind-bkg-1 {
		/* background-image: url('/static/media/images/mobile/body/bg/mind-bg.png'); */
	}
	#mind .bkg#mind-bkg-2, #mind .bkg#mind-bkg-3 {
		background-image: none;
	}
	#mind .hsContainer {
		min-height: 479px;
	}
	#mind div#mind-container {
		min-height: 479px;
	}
	#mind aside.bubble-mind {
		display: none;
	}
	#mind aside#mind-copy {
		width: 290px;
		height: 572px;
		top: 70px;
		left: 0;
	}
	#mind h1 .mind-std {
		font-size: 50px;
		left: 3px;
	}
	#mind h1 .fizz-line {
		display: none;
	}
	#mind h1 i {
		font-size: 53px;
		left: -5px;
		top: -6px;
	}
	#mind h1 .about {
		font-size: 78px;
		top: -15px;
	}
	#mind h1 .about.u {
		border-bottom: 5px solid;
		width: 160px;
	}
	#mind p {
		font-size: 13px;
		text-align: left;
		padding-left: 65px;
		padding-right: 59px;
		margin-top: -10px;
	}
	#mind p b {
		font-weight: bold;
	}
	#mind p i {
		font-style: oblique;
	}


/* FOOTER */
	footer {
		min-height: 225px;
		/*padding: 0px 15px;*/
    padding: 20px 20px 20px;
	}
	footer aside#berocca-footer-product {
		display: none;
	}
	footer aside#bayer-legal {
		margin-right: 75px;
	}
	footer aside#bayer-legal div {
		padding: 10px 0;
		width: 440px;
	}
	footer aside#bayer-legal ul#legal-line-1 li:last-child {
		display: none;
	}
	footer aside#bayer-legal ul#legal-line-1 li:nth-last-child(2) {
		border-right: none;
	}
  footer p.flabel{
    padding-bottom: 10px;
  }
}

/*=== 480 specific ===*/
@media screen and (max-width: 480px) {
	#mind aside#mind-copy {
		left: -30px;
	}
	footer aside#bayer-legal {
		margin-right: 0px;
	}
}