/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

@import url(//fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);
@import url('https://fonts.googleapis.com/css?family=Patua+One');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,400;0,700;1,800&display=swap');


html,
button,
input,
select,
textarea {
    color: #000;
}

html {
    font-size: 1em;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

body {
	margin:0px; padding:0px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#EEEEEE;
	font-size:1.3em;
	overflow-y: scroll;
   -webkit-overflow-scrolling: touch;
   height:100%;
	line-height: 1.8em;
}

#content{
	box-shadow: 0px 0px 5px gray;
	max-width:820px;
	background-color:#FFF;
	margin:0 auto;
	font-family: 'Lato', sans-serif;
}

#content2{
	box-shadow: 0px 0px 5px gray;
	width:820px;
	background-color:#FFF;
	margin:0 auto;
	font-family: 'Lato', sans-serif;
	font-size:16px;
}

.dna
{
	display: block;
}

.bg-white-shadow
{
	border: 2px solid #CCC;
	background-color:#FFF;
	padding: 2rem;
	margin-left: 2rem;
	height: auto
}

.bg-teal-shadow
{
	background-color:#008896;
	padding: 2rem;
	margin-left: 2rem;
	height: auto
}

.strokeme
{
    color: #000;
    text-shadow:
    -3px -3px 0 #FFF,
    3px -3px 0 #FFF,
    -3px 3px 0 #FFF,
    3px 3px 0 #FFF;  
}

.bg-title1
{
	background-image:url(../images/bgTitle1.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:auto;
	color:#FFF;
	font-size: 2.5em;
	font-weight: 300;
}

.bg-title1-wrapper
{
	padding: 1.2rem 4rem 1.2rem 4rem;
}

.bg-title2
{
	background-image:url(../images/bgTitle2.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:auto;
	color:#FFF;
	font-size: 2.5em;
	font-weight: 300;
}

.bg-title2-wrapper
{
	padding: 1.2rem 4rem 1.2rem 4rem;
}


.bg-title3
{
	background-image:url(../images/bgTitle3.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:auto;
	color:#FFF;
	font-size: 1.9em;
	font-weight: 300;
}

.bg-title3-wrapper
{
	padding: 1.2rem 4rem 1.2rem 4rem;
}

.box {
    overflow: hidden;
    max-width: 820px;
}


h1 {
    background: #FFE21A;
    font-size: 1em;
    display: inline;
    padding: 2px 0px 2px 0px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h1 {
}
h2 {
	font-size: 48px;
	line-height: 52px;
}
h3 {
	font-size: 35px;
	line-height: 39px;
}
h4 {
	font-size: 28px;
}
h5 {
	font-size: 22px;
}
h6 {
	font-size: 18px;
}

/*accordion*/

.div-accordion{

}
.accordion {
	color: #333333;
	cursor: pointer;
	padding: 1rem .5rem;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	transition: 0.4s;
	background-color: #FFF;
	border-bottom: 1px solid rgb(134, 134, 134);
	font-weight: bold;
}

.active, .accordion:hover {
	
}

.panel {
	padding: 1rem;
	display: none;
	text-align: left;
	overflow: hidden;
}

.panel p{
	color: #333333;
	font-size: 1.2rem;
}

.accordion::after{
	content: '\025BC';
	float: right;
}
.active2::after{
	content: '\025b2';
	float: right;
}
/*accordion end*/


.bg-title4
{
	background-image:url(../images/bgTitle4.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:auto;
	color:#FFF;
	font-size: 2.5em;
	font-weight: 300;
}

.bg-title4-wrapper
{
	padding: 1.2rem 4rem 1.2rem 4rem;
}

.bg-title5
{
	background-image:url(../images/bgTitle5.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:auto;
}

.bg-title5-wrapper
{
	padding: 1.2rem 4rem 1.2rem 4rem;
}

.bg-title6
{
	background-image:url(../images/bgTitle6.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:auto;
}

.bg-title6-wrapper
{
	padding: 1.2rem 4rem 1.2rem 4rem;
}

.bg-title7
{
	background-color: #B51041;
	width:100%;
	height:auto;
	color: #FFF;
}

.bg-title7-wrapper
{
	padding: 2rem 4rem 2rem 4rem;
}

.bg-title7-sub-text
{
	font-size: 1.5em;
}

.bg-title7-sub-text2
{
	font-size: 2.5em;
}

.bg-title8
{
	background-image:url(../images/bgTitle8.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:auto;
	color: #FFF;
	font-size: 2.5em;
	font-weight: 300;
}

.bg-title8-wrapper
{
	padding: 1.2rem 4rem 1.2rem 4rem;
}

.bg-title9
{
	background-image:url(../images/bgTitle9.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:auto;
	color: #FFF;
	font-size: 2.5em;
	font-weight: 300;
}

.bg-title9-wrapper
{
	padding: 1.2rem 4rem 1.2rem 4rem;
}

.bg-title10
{
	background-image:url(../images/bgTitle10.jpg);
	background-repeat:no-repeat;
	width:820px;
	height:auto;
}

.bg-title11
{
	background-image:url(../images/bgTitle11.jpg);
	background-repeat:no-repeat;
	width:820px;
	height:auto;
}

.bg-white-concrete
{
	max-width:820px;
}

.bg-bladder
{
	background-image:url(../images/img75.png);
	background-repeat:no-repeat;
	width:100%;
}

.bg-bacteria
{
	background-image:url(../images/img76.png);
	background-repeat:no-repeat;
	width:100%;
}

.bg-running
{
	background-image:url(../images/img78.png);
	background-position: bottom;
	background-repeat:no-repeat;
	width:100%;
}

.bg-night-sky
{
	background-image:url(../images/img80.png);
	background-position: bottom;
	background-repeat:no-repeat;
	background-color: #FFF7E2;
	width:100%;
}


.bg-sunset
{
	background-image:url(../images/imgSunset.jpg);
	background-repeat:no-repeat;
	width:100%;
}

.bg-sunset-inner
{
	padding: 2rem;
}

.bg-blue-light
{
	background-image:url(../images/bgBlueLight.jpg);
	background-repeat:no-repeat;
	width:100%; 
}

.bg-blue-light-inner
{
	padding: 2rem;
}



.bg-syringe
{
	background-image:url(../images/bgSyringe.jpg);
	background-repeat:no-repeat;
	max-width:820px;
	text-align:left;
	padding:30px;
}


.bg-cells
{
	background-image:url(../images/bgCells.jpg);
	background-repeat:no-repeat;
	width:100%;
	text-align:left;
}

.bg-cells-inner
{
	padding:2rem;
}

.bg-cells2-inner {
    padding: 2rem;
}

.bg-cells2
{
	background-image:url(../images/img34.png);
	background-repeat:repeat-y;
	width:100%;
	text-align:left;
	background-color: #200623;
}

.bg-cells3
{
	background-image:url(../images/img42.png);
	background-repeat:repeat-y;
	width:100%;
	text-align:left;
	background-color: #200623;
}

.bg-cells4
{
	background-image:url(../images/img45.png);
	background-repeat:repeat-y;
	width:100%;
	text-align:left;
}

.one_sally2-inner
{
	padding:2rem;
}

.bg-blueberry
{
	background-image:url(../images/bgBlueberry.jpg);
	background-repeat:no-repeat;
	width:100%;
	text-align:left;
}

.bg-blueberry-inner
{
	padding:2rem;
}

.bg-bilberry
{
	background-image:url(../images/imgSaffron.jpg);
	background-repeat:no-repeat;
	width:100%;
	text-align:left;
	background-position: right center;
}

.bg-black-currant
{
	background-image:url(../images/imgBlackCurrant.jpg);
	background-repeat:no-repeat;
	width:100%;
	text-align:left;
	background-position: right center;
}

.bg-bilberry-inner
{
	padding:2rem;
}

.bg-stomach-acids
{
	background-image:url(../images/imgStomachAcids.png);
	background-repeat:no-repeat;
	background-position:220px 0px;
	text-align:left;
}

.bg-macular-carotenoids
{
	background-image:url(../images/imgMacularCarotenoids.png);
	background-repeat:no-repeat;
	background-position:350px 0px;
	text-align:left;
}

.bg-marigold
{
	background-image:url(../images/bgMarigold.png);
	background-repeat:no-repeat;
	width:100%;
	text-align:left;
}

.bg-marigold-inner
{
	padding:2rem;
}

.bg-molecule2
{
	background-image:url(../images/bgMolecule2.jpg);
	background-repeat:repeat-y;
	width:100%;
	text-align:left;
}

.bg-molecule2-inner
{
	padding:2rem;
}

.bg-tisa
{
	background-image:url(../images/bgTisa_mob.png);
	background-repeat:no-repeat;
	width:100%;
	text-align:left;
	height:auto;
}

.bg-tisa-inner
{
	padding:2rem;
}

.bg-couple-beach
{
	background-image:url(../images/img55.png);
	background-repeat:no-repeat;
	background-color: #BDD4F3;
	background-position: bottom;
	width:100%;
	text-align:left;
	height:auto;
}

.bg-couple-beach-inner
{
	padding:2rem;
}

.bg-morning-sun
{
	background-image:url(../images/img55.png);
	background-repeat:no-repeat;
	width:900px;
	text-align:left;
	padding:30px;
	height:100%;
}

.bg-va-grass
{
}

.bg-va-grass-inner
{
	padding:2rem;
	line-height: 1.3em;
}

.bg-wood-packages
{
	background-image:url(../images/bgWoodPackages.jpg);
	background-repeat:no-repeat;
	width:900px;
	text-align:center;
	margin: 0 auto;
	height:1095px;
}

.bg-wood-packages2
{
	background-image:url(../images/bgWoodPackages2.jpg);
	background-repeat:no-repeat;
	width:900px;
	text-align:center;
	margin: 0 auto;
	height:853px;
}

.bg-click-below
{
	background-image:url(../images/imgClickBelow.png);
	background-position:28px 22px;
	background-repeat:no-repeat;
	width:820px;
	text-align:left;
	height:91px;
}

.bg-bottle-one
{
	background-image:url(../images/bgBottleOne.png);
	background-repeat:no-repeat;
	width:265px;
	height:631px;
}

.bg-bottle-three
{
	background-image:url(../images/bgBottleThree.png);
	background-repeat:no-repeat;
	width:265px;
	height:631px;
}

.bg-bottle-six
{
	background-image:url(../images/bgBottleSix.png);
	background-repeat:no-repeat;
	width:280px;
	height:633px;
}

.bg-molecule3
{
	background-image:url(../images/bgMolecule3.jpg);
	background-repeat:no-repeat;
	width:100%;
	text-align:left;
}

.molecule-inner
{
	padding:2rem 0;
}

.bg-old-couple-2-container{
  width:70%;
  float: left;
}

.box-translucent-white-sunset{
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  background-color: rgba(255,255,255,0.9);
  width:70%;
  float: right;
}

.box-translucent-white-sun{
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  background-color: rgba(255,255,255,0.9);
  width:70%;
  padding:2rem;
	float: right;
}

.box-translucent-white-blue{
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  background-color: rgba(255,255,255,0.9);
  width:50%;
  padding:2rem;
	float: left;
}

.box-translucent-white{
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  background-color: rgba(255,255,255,1);
  max-width:520px;
  padding:30px;
}

.box-translucent-white-beach{
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  background-color: rgba(255,255,255,0.9);
  width:55%;
  margin-top: 1rem;
}


.box-translucent-white2{
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  background-color: rgba(255,255,255,0.9);
  max-width:100%;
	padding: 1rem;
}

.box-translucent-white2-visible{
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  background-color: rgba(255,255,255);
  max-width:100%;
  padding:2rem;
}

.box-translucent-white3{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background-color: rgba(255,255,255,0.9);
	width:70%;
	float: right;
}

.box-translucent-white4{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background-color: rgba(255,255,255,0.9);
	width:70%;
	float: left;
}

.box-translucent-white3-inner{
	padding:2rem;
}

.box-translucent-black{
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  background-color: rgba(0,0,0,0.9);
  max-width:520px;
  padding:30px;
}

.box-translucent-lblue{
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  background-color: rgba(214,244,252,0.5);
  width:100%;
  border:1px solid #87BBC9;
}

.box-translucent-lblue-inner{
  padding:2rem;
}

.box-translucent-lblue2{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background-color: rgba(214,244,252,0.5);
	width:380px;
	border:1px solid #87BBC9;
}

.box-translucent-lblue2-inner{
  padding:2rem;
}


table.table-marigold td
{
	background-color:#FFFFFF;
	padding:5px 10px 5px 10px;	
}

table.table-marigold td.orange
{
	background-color:#FF5C26;
	color:#FFF;
	font-size:22px;
	padding:5px 10px 5px 10px;		
}

table.table-marigold td.lorange
{
	background-color:#FFF7D5;
	color:#000;
	font-size:20px;
	padding:5px 10px 5px 10px;		
}

.speech1
{
	max-width:550px;
	position: relative;
    padding: 2rem;
	margin:0rem 0rem 2rem 0rem;
    border: 1px solid #5FB1A3;
    color: #333;
    background: #C1FFF1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	text-align:left;
	line-height:30px;
}

.speech1:after
{
	content: "";
    position: absolute;
    bottom: -13px;
    left: 47px;
    border-width: 13px 13px 0;
    border-style: solid;
    border-color: #C1FFF1 transparent;
    display: block;
    width: 0;
}

.speech1:before
{
	content: "";
    position: absolute;
    bottom: -14px;
    left: 46px;
    border-width: 14px 14px 0;
    border-style: solid;
    border-color: #5FB1A3 transparent;
    display: block;
    width: 0;
}



.speech2
{
	max-width:550px;
	position: relative;
    padding: 2rem;
    margin:0rem 0rem 2rem 0rem;
    border: 1px solid #5FB1A3;
    color: #333;
    background: #ECFEFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	text-align:left;
	line-height:30px;
}

.speech2:after
{
	content: "";
    position: absolute;
    bottom: -13px;
    left: 557px;
    border-width: 13px 13px 0;
    border-style: solid;
    border-color: #ECFEFF transparent;
    display: block;
    width: 0;
}

.speech2:before
{
	content: "";
    position: absolute;
    bottom: -14px;
    left: 556px;
    border-width: 14px 14px 0;
    border-style: solid;
    border-color: #5FB1A3 transparent;
    display: block;
    width: 0;
}
    

.speech2-2
{
	max-width:550px;
	position: relative;
    padding: 2rem;
    border: 1px solid #5FB1A3;
    color: #333;
    background: #ECFEFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	text-align:left;
	line-height:30px;
	margin:0rem 0rem 2rem 0rem;
}

.speech2-2:after
{
	content: "";
    position: absolute;
    bottom: -13px;
    right: 47px;
    border-width: 13px 13px 0;
    border-style: solid;
    border-color: #ECFEFF transparent;
    display: block;
    width: 0;
}

.speech2-2:before
{
	content: "";
    position: absolute;
    bottom: -14px;
    right: 46px;
    border-width: 14px 14px 0;
    border-style: solid;
    border-color: #5FB1A3 transparent;
    display: block;
    width: 0;
}


.speech3
{
	max-width:550px;
	position: relative;
    padding: 2rem;
	margin:0rem 0rem 2rem 0rem;
    border: 1px solid #5FB1A3;
    color: #333;
    background: #CDECF8;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	text-align:left;
}

.speech3:after
{
	content: "";
    position: absolute;
    bottom: -13px;
    left: 48px;
    border-width: 13px 13px 0;
    border-style: solid;
    border-color: #CDECF8 transparent;
    display: block;
    width: 0;
}

.speech3:before
{
	content: "";
    position: absolute;
    bottom: -14px;
    left: 48px;
    border-width: 14px 14px 0;
    border-style: solid;
    border-color: #5FB1A3 transparent;
    display: block;
    width: 0;
}



.speech4
{
	max-width:440px;
	position: relative;
    padding: 1.5rem;
    border: 1px solid #5FB1A3;
    color: #333;
    background: #ECFEFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	text-align:left;
	margin: 0 0 2rem 0;
}

.speech4:after
{
	content: "";
    position: absolute;
    bottom: -13px;
    left: 437px;
    border-width: 13px 13px 0;
    border-style: solid;
    border-color: #ECFEFF transparent;
    display: block;
    width: 0;
}

.speech4:before
{
	content: "";
    position: absolute;
    bottom: -14px;
    left: 436px;
    border-width: 14px 14px 0;
    border-style: solid;
    border-color: #5FB1A3 transparent;
    display: block;
    width: 0;
}


.speech5
{
	max-width:440px;
	position: relative;
    padding: 1.5rem;
    border: 1px solid #5FB1A3;
    color: #333;
    background: #CDECF8;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	text-align:left;
	margin: 0 0 2rem 0;
}

.speech5:after
{
	content: "";
    position: absolute;
    bottom: -13px;
    left: 47px;
    border-width: 13px 13px 0;
    border-style: solid;
    border-color: #CDECF8 transparent;
    display: block;
    width: 0;
}

.speech5:before
{
	content: "";
    position: absolute;
    bottom: -14px;
    left: 46px;
    border-width: 14px 14px 0;
    border-style: solid;
    border-color: #5FB1A3 transparent;
    display: block;
    width: 0;
}


.speech6
{
	width:100%;
	position: relative;
    color: #333;
    background: #0685C7;
	text-align:left;
	line-height:30px;
}

.speech6:after
{
	content: "";
    position: absolute;
    bottom: 90px;
    left: 179px;
    border-width: 13px 0px 13px 13px;
    border-style: solid;
    border-color: transparent #0685C7;
    display: block;
    width: 0;
}

.speech6-inner
{
	padding: 1.5rem;
}

.speech7
{
	width:100%;
	position: relative;
    color: #333;
    background: #FFCA00;
	text-align:left;
	line-height:30px;
}

.speech7:after
{
	content: "";
    position: absolute;
    bottom: 31px;
    left: 179px;
    border-width: 13px 0px 13px 13px;
    border-style: solid;
    border-color: transparent #FFCA00;
    display: block;
    width: 0;
}

.speech7-inner
{
	padding: 1.5rem;
}

.speech8_wrapper
{
	margin:2rem;
}

.speech8
{
	width:100%;
    border: 1px solid #777777;
    color: #333;
    background: #F9F9F9;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	text-align:left;
}

.speech8-inner
{
    padding: 2rem;
}

.speech9
{
	position: relative;
    padding: 1.5rem;
    border: 2px solid #1B2E41;
    color: #333;
    background: transparent;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	text-align:center;
}


.speech10
{
	width:100%;
	position: relative;
    color: #000;
    background: #FDDB17;
	text-align:left;
	line-height:30px;
}

.speech10-inner
{
    padding: 2rem;
}

.speech10-inner-no-top
{
    padding: 0rem 2rem 2rem 2rem;
}


.speech10:after
{
}

.speech-bubble-ds {
    background: #F9F9F9;
    border: 1px solid #777777;
	-webkit-border-radius: 10px;
            border-radius: 10px;
    font-size: 1.2rem;
    line-height: 1.3;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
}

.speech-bubble-ds p {
    margin-bottom: 0px;
}
.speech-bubble-ds p:last-of-type {
    margin-bottom: 0;
}

.speech-bubble-ds-arrow {
    border-left: 21px solid transparent;
    bottom: -25px;
    position: absolute;
    right: 50%;
}
.speech-bubble-ds-arrow::before {
    border-left: 53px solid transparent;
    border-top: 53px solid #777777;
    bottom: -28px;
    content: "";
    position: absolute;
    right: 5px;
}
.speech-bubble-ds-arrow::after {
    border-left: 51px solid transparent;
    border-top: 51px solid #F9F9F9;
    bottom: -26px;
    content: "";
    position: absolute;
    right: 6px;
}


.bg-brush-stroke
{
	background-image:url(../images/imgBrushStroke.png);
	background-repeat:no-repeat;
	background-position: 280px 80px;
}

.bg-molecule
{
	background-image:url(../images/bgMolecule.jpg);
	background-repeat:no-repeat;
	padding: 2rem;
}

.bg-concrete-grunge
{
	background-image:url(../images/bgConcreteGrunge.jpg);
	background-repeat:no-repeat;
	padding: 2rem;
}

.bg-dark-grunge
{
	background-image:url(../images/imgDarkGrunge.jpg);
	background-repeat:repeat-y;
	padding: 2rem;
	text-align: left;
}

.bg-orange-smoke
{
	background-image:url(../images/bgOrangeSmoke.jpg);
	background-repeat:no-repeat;
	padding: 2rem;
	text-align: left;
}

.bg-giving-hand
{
	background-image:url(../images/imgGivingHand.png);
	background-position:580px 0px;
	background-repeat:no-repeat;
	height:404px;
}

.bg-old-couple-2
{
	background-image:url(../images/imgOldCouple2.jpg);
	background-repeat:no-repeat;
}

.bg-old-couple-3
{
	background-image:url(../images/imgOldCouple3.png);
	background-repeat:no-repeat;
}

.bg-brain-cells
{
	background-image:url(../images/bgBrainCells.jpg);
	background-repeat:no-repeat;
}


input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

input.middle:focus {
    outline-width: 0;
}

#footer 
	{
		padding:0px;
		text-align:center;
		width: 960px;
		margin: 0rem auto;
		font-size: .7em;
		color: #747474;
		line-height: 1.2em;
	}

#footer a
{
	text-decoration:underline;
	color:blue;
}


hr
{color:#000; background-color:#000; border:0px none transparent}


.stroke-white{
	color: #000;
	text-shadow:
	-2px -2px 0 #FFF,
	2px -2px 0 #FFF,
	-2px 2px 0 #FFF,
	2px 2px 0 #FFF;  
}

/* Fonts */

.passion-one{
	font-family: 'Passion One', sans-serif;
}

@font-face {
    font-family: 'LatoRegular';
    src: url('../content/fonts/Lato-Regular.ttf') format('truetype'); 
    font-style: italic;
    text-rendering: optimizeLegibility;
}

.lato-regular{
    font-family: 'LatoRegular';
}

@font-face {
    font-family: 'LatoLight';
    src: url('../content/fonts/Lato-Light.ttf') format('truetype'); 
    font-style: italic;
    text-rendering: optimizeLegibility;
}

.lato-light{
    font-family: 'LatoLight';
}

@font-face {
    font-family: 'LatoItalic';
    src: url('../content/fonts/Lato-Italic.ttf') format('truetype'); 
    font-style: italic;
    text-rendering: optimizeLegibility;
}

.lato-italic{
    font-family: 'LatoItalic';
}

@font-face {
    font-family: 'LatoBoldItalic';
    src: url('../content/fonts/Lato-BoldItalic.ttf') format('truetype'); 
    font-style: italic;
    text-rendering: optimizeLegibility;
}

.lato-bold-italic{
    font-family: 'LatoBoldItalic';
}

@font-face {
    font-family: 'LatoBlackItalic';
    src: url('../content/fonts/Lato-BlackItalic.ttf') format('truetype'); 
    font-style: italic;
    text-rendering: optimizeLegibility;
}

.lato-black-italic{
    font-family: 'LatoBlackItalic';
}

@font-face {
    font-family: 'LatoBlack';
    src: url('../content/fonts/Lato-Black.ttf') format('truetype'); 
    text-rendering: optimizeLegibility;
}

.lato-black{
    font-family: 'LatoBlack';
}

.lblue-black
{
	font-family: 'LatoBlack';
	color:#0685C5;
}

.circle
{
width:78px;
height:78px;
border-radius:50%;
font-size:60px;
color:#fff;
line-height:78px;
text-align:center;
background:#1885CC;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}


@font-face{font-family:'Ruly';src:url('../content/fonts/RulyRG.ttf');font-weight:normal;font-style:normal}
@font-face{font-family:'Ruly_IE';src:url('../content/fonts/RulyRG.eot');font-weight:normal;font-style:normal}
.ruly { font-family: Ruly,Ruly_IE; }

@font-face{font-family:'Helvetica_heavy';src:url('../content/fonts/HelveticaNeueLTCom-Hv.ttf');}
@font-face{font-family:'Helvetica_heavy_IE';src:url('../content/fonts/HelveticaNeueLTCom-Hv.eot');}
.helvetica_heavy { font-family: Helvetica_heavy,Helvetica_heavy_IE; }

@font-face{font-family:'Roboto_bold';src:url('../content/fonts/robotocondensed-bold.ttf');}
@font-face{font-family:'Roboto_bold_IE';src:url('../content/fonts/robotocondensed-bold.eot');}
.roboto_bold { font-family: Roboto_bold,Roboto_bold_IE; }

@font-face{font-family:'Helvetica_It';src:url('../content/fonts/helveticaneueltcom-lt.ttf');}
@font-face{font-family:'Helvetica_It_IE';src:url('../content/fonts/helveticaneueltcom-lt.eot');}
.helvetica_light { font-family: Helvetica_It,Helvetica_It_IE; }

@font-face{font-family:'Helvetica_bold_con';src:url('../content/fonts/helveticaneueltcom-bdcn.ttf');}
@font-face{font-family:'Helvetica_bold_con_IE';src:url('../content/fonts/helveticaneueltcom-bdcn.eot');}
.helvetica_bold_con { font-family: Helvetica_bold_con,Helvetica_bold_con_IE; }

@font-face{font-family:'MyriadPro_regular';src:url('../content/fonts/MyriadPro-Regular.ttf');}
@font-face{font-family:'MyriadPro_regular_IE';src:url('../content/fonts/MyriadPro-Regular.eot');}
.myriadPro_regular { font-family: MyriadPro_regular,MyriadPro_regular_IE; }

@font-face{font-family:'MyriadPro_bold';src:url('../content/fonts/MyriadPro-Bold.ttf');}
@font-face{font-family:'MyriadPro_bold_IE';src:url('../content/fonts/MyriadPro-Bold.eot');}
.myriadPro_bold { font-family: MyriadPro_bold,MyriadPro_bold_IE; }

@font-face{font-family:'Century_regular';src:url('../content/fonts/Century_Regular.ttf');}
@font-face{font-family:'Century_regular_IE';src:url('../content/fonts/Century_Regular.eot');}
.century_regular { font-family: Century_regular,Century_regular_IE; }

@font-face{font-family:'KGYouWontBringMeDownBold';src:url('../content/fonts/KGYouWontBringMeDownBold.ttf');}
@font-face{font-family:'KGYouWontBringMeDownBold_IE';src:url('../content/fonts/KGYouWontBringMeDownBold.eot');}
.kGYouWontBringMeDownBold { font-family: KGYouWontBringMeDownBold,KGYouWontBringMeDownBold_IE; }

@font-face{font-family:'Trebu';src:url('../content/fonts/trebuc_0.ttf');}
@font-face{font-family:'Trebu_IE';src:url('../content/fonts/trebuc_0.eot');}
.trebu { font-family: Trebu,Trebu_IE; }

@font-face{font-family:'OpenSans_Bold';src:url('../content/fonts/OpenSans-Bold.ttf');}
@font-face{font-family:'OpenSans_Bold_IE';src:url('../content/fonts/OpenSans-Bold.eot');}
.opensans_bold { font-family: OpenSans_Bold,OpenSans_Bold_IE; }

@font-face{font-family:'OpenSans';src:url('../content/fonts/OpenSans-Regular.ttf');}
@font-face{font-family:'OpenSans_IE';src:url('../content/fonts/OpenSans-Regular.eot');}
.opensans { font-family: OpenSans,OpenSans_IE; }

@font-face{font-family:'Lucida_Bright';src:url('../content/fonts/Lucida_Bright.ttf');}
@font-face{font-family:'Lucida_Bright_IE';src:url('../content/fonts/Lucida_Bright.eot');}
.lucidabright { font-family: Lucida_Bright,Lucida_Bright_IE; }

@font-face{font-family:'GothamBlack';src:url('../content/fonts/GothamBlack.ttf');}
@font-face{font-family:'GothamBlack_IE';src:url('../content/fonts/GothamBlack.eot');}
.gothamblack { font-family: GothamBlack,GothamBlack_IE; }

.fmTahoma {font-family:Tahoma, Geneva, sans-serif}
.fmTimes {font-family:"Times New Roman", Times, serif}

.fs96 {font-size:96px}
.fs80 {font-size:80px}
.fs79 {font-size:79px}
.fs74 {font-size:74px}
.fs66 {font-size:66px}
.fs61 {font-size:61px}
.fs59 {font-size:59px}
.fs54 {font-size:54px}
.fs52 {font-size:52px}
.fs50 {font-size:50px}
.fs45 {font-size:45px}
.fs42 {font-size:42px}
.fs40 {font-size:40px}

.fs38 {font-size:38px}
.fs37 {font-size:37px}
.fs35 {font-size:35px}
.fs34 {font-size:34px}
.fs32 {font-size:32px}
.fs30 {font-size:30px}
.fs28 {font-size:28px}
.fs26 {font-size:26px}
.fs25 {font-size:25px}
.fs24 {font-size:24px}
.fs23 {font-size:23px}
.fs21 {font-size:21px}
.fs20 {font-size:20px}
.fs19 {font-size:19px}
.fs18 {font-size:18px}
.fs17 {font-size:17px}
.fs16 {font-size:16px}
.fs15 {font-size:15px}
.fs14 {font-size:14px}
.fs13 {font-size:13px}
.fs0  {font-size:0px}

.ls0  {letter-spacing:0px}

.lh80 {line-height:80px}
.lh72 {line-height:72px}
.lh34 {line-height:34px}
.lh30 {line-height:30px}
.lh40 {line-height:40px}
.lh55 {line-height:55px}
.lh50 {line-height:50px}
.lh45 {line-height:45px}
.lh61 {line-height:61px}
.lh25 {line-height:25px}
.lh22 {line-height:22px}
.lh19 {line-height:19px}
.lh18 {line-height:18px}
.lh16 {line-height:16px}
.lh0 {line-height:0px}

img{
	max-width: 100%;
  	height: auto;
}


.bgwhite	{background-color:#FFF}
.bgblack	{background-color:#000}
.bgbeige	{background-color:#FFF9CD}
.bggray		{background-color:#DCDCDC}
.bgdgray	{background-color:#DDDDDD}
.bglgray	{background-color:#CCCCCC}
.bglgray2	{background-color:#F8F8F8}

.bgdblue	{background-color:#1B242D}
.bgdblue2	{background-color:#2C4A69}

.bglblue	{background-color:#EAF7FD}
.bgpblue	{background-color:#ECFBFF}
.bglblue2	{background-color:#0685C7}
.bglblue3	{background-color:#E1EFF7}
.bglblue4	{background-color:#F3F9FC}

.bgcyan		{background-color:#D2F0FB}
.bgfushchia	{background-color:#B90A47}
.bgbluegreen{background-color:#107895}
.bgdred2	{background-color:#B20000}
.bgdred3	{background-color:#AA1809}
.bgorange	{background-color:#FF5C26}
.bgbgreen	{background-color:#006674}
.bgteal		{background-color:#008896}


.brdrred	{border:solid #D90000 1px}
.brdrblue	{border:solid #1B242D 2px}
.brdrgray	{border:solid #F3F3F3 3px}

.fwnormal {font-weight:normal}
.fwbold {font-weight:bold}
.fw900	{font-weight:900}
.fw800	{font-weight:800}
.fw700	{font-weight:700}
.fw600	{font-weight:600}
.fw500	{font-weight:500}
.fw400	{font-weight:400}
.fw300	{font-weight:300}
.fw200	{font-weight:200}
.fw100	{font-weight:100}
		
/*Misc*/
.pabsolute	{position:absolute}

.fleft	{float:left}
.fright	{float:right}
.clear  {clear:both}

.taligncenter {text-align:center}
.talignleft {text-align:left}
.talignright {text-align:right}

.pall60	{padding:60px}
.pall30	{padding:30px}
.pall20	{padding:20px}
.pall15	{padding:15px}
.pall10	{padding:10px}

.pall1rem	{padding:1rem}

.ptop110	{padding-top:110px}
.ptop90	{padding-top:90px}
.ptop80	{padding-top:80px}
.ptop70	{padding-top:70px}
.ptop60	{padding-top:60px}
.ptop50	{padding-top:50px}
.ptop48	{padding-top:48px}
.ptop43	{padding-top:43px}
.ptop40	{padding-top:40px}
.ptop37	{padding-top:37px}
.ptop35	{padding-top:35px}
.ptop30	{padding-top:30px}
.ptop20	{padding-top:20px}
.ptop25	{padding-top:25px}
.ptop23	{padding-top:23px}
.ptop15	{padding-top:15px}
.ptop12	{padding-top:12px}
.ptop10	{padding-top:10px}
.ptop8	{padding-top:8px}
.ptop5	{padding-top:5px}
.ptop1	{padding-top:1px}

.pright250 	{padding-right:250px}
.pright120 	{padding-right:120px}
.pright80 	{padding-right:80px}
.pright60 	{padding-right:60px}
.pright50 	{padding-right:50px}
.pright40 	{padding-right:40px}
.pright32 	{padding-right:32px}
.pright30 	{padding-right:30px}
.pright25 	{padding-right:25px}
.pright20 	{padding-right:20px}
.pright15 	{padding-right:15px}
.pright10 	{padding-right:10px}
.pright4 	{padding-right:4px}
.pright2 	{padding-right:2px}

.pleft310 {padding-left:310px}
.pleft175 {padding-left:175px}
.pleft150 {padding-left:150px}
.pleft100 {padding-left:100px}
.pleft135 {padding-left:135px}
.pleft108 {padding-left:118px}
.pleft80 {padding-left:80px}
.pleft61 {padding-left:61px}
.pleft60 {padding-left:60px}
.pleft50 {padding-left:50px}
.pleft43 {padding-left:43px}
.pleft40 {padding-left:40px}
.pleft32 {padding-left:32px}
.pleft30 {padding-left:30px}
.pleft25 {padding-left:25px}
.pleft22 {padding-left:22px}
.pleft20 {padding-left:20px}
.pleft19 {padding-left:19px}
.pleft15 {padding-left:15px}
.pleft10 {padding-left:10px}
.pleft5 {padding-left:5px}
.pleft3 {padding-left:3px}
.pleft2 {padding-left:2px}
.pleft1 {padding-left:1px}


.pbot40	{padding-bottom:40px}
.pbot30	{padding-bottom:30px}
.pbot20	{padding-bottom:20px}
.pbot17	{padding-bottom:17px}
.pbot15	{padding-bottom:15px}
.pbot12	{padding-bottom:12px}
.pbot10	{padding-bottom:10px}
.pbot8	{padding-bottom:8px}
.pbot5	{padding-bottom:5px}

.mtop110	{margin-top:110px}
.mtop90	{margin-top:90px}
.mtop80	{margin-top:80px}
.mtop70	{margin-top:70px}
.mtop60	{margin-top:60px}
.mtop50	{margin-top:50px}
.mtop48	{margin-top:48px}
.mtop43	{margin-top:43px}
.mtop40	{margin-top:40px}
.mtop37	{margin-top:37px}
.mtop35	{margin-top:35px}
.mtop30	{margin-top:30px}
.mtop20	{margin-top:20px}
.mtop25	{margin-top:25px}
.mtop23	{margin-top:23px}
.mtop15	{margin-top:15px}
.mtop12	{margin-top:12px}
.mtop10	{margin-top:10px}
.mtop8	{margin-top:8px}
.mtop5	{margin-top:5px}
.mtop1	{margin-top:1px}

.-mtop13 {margin-top:-13px}

.mleft310 {margin-left:310px}
.mleft250 {margin-left:250px}
.mleft175 {margin-left:175px}
.mleft100 {margin-left:100px}
.mleft135 {margin-left:135px}
.mleft120 {margin-left:120px}
.mleft108 {margin-left:118px}
.mleft80 {margin-left:80px}
.mleft61 {margin-left:61px}
.mleft60 {margin-left:60px}
.mleft50 {margin-left:50px}
.mleft43 {margin-left:43px}
.mleft40 {margin-left:40px}
.mleft32 {margin-left:32px}
.mleft30 {margin-left:30px}
.mleft25 {margin-left:25px}
.mleft22 {margin-left:22px}
.mleft20 {margin-left:20px}
.mleft19 {margin-left:19px}
.mleft15 {margin-left:15px}
.mleft10 {margin-left:10px}
.mleft5 {margin-left:5px}
.mleft3 {margin-left:3px}
.mleft2 {margin-left:2px}
.mleft1 {margin-left:1px}

.mbot50	{margin-bottom:50px}
.mbot40	{margin-bottom:40px}
.mbot30	{margin-bottom:30px}
.mbot25	{margin-bottom:25px}
.mbot20	{margin-bottom:20px}
.mbot17	{margin-bottom:17px}
.mbot15	{margin-bottom:15px}
.mbot12	{margin-bottom:12px}
.mbot10	{margin-bottom:10px}
.mbot8	{margin-bottom:8px}
.mbot5	{margin-bottom:5px}

.mright80 	{margin-right:80px}
.mright60 	{margin-right:60px}
.mright50 	{margin-right:50px}
.mright40 	{margin-right:40px}
.mright32 	{margin-right:32px}
.mright30 	{margin-right:30px}
.mright25 	{margin-right:25px}
.mright20 	{margin-right:20px}
.mright15 	{margin-right:15px}
.mright10 	{margin-right:10px}
.mright4 	{margin-right:4px}
.mright2 	{margin-right:2px}

.width960	{width:960px}
.width956	{width:956px}
.width940	{width:940px}
.width920	{width:920px}
.width916	{width:916px}
.width900	{width:900px}
.width840	{width:840px}
.width843	{width:843px}
.width817	{width:817px}
.width760	{width:760px}
.width740	{width:740px}
.width720	{width:720px}
.width690	{width:690px}
.width660	{width:660px}
.width640	{width:640px}
.width630	{width:630px}
.width620	{width:620px}
.width600	{width:600px}
.width595	{width:595px}
.width590	{width:590px}
.width583	{width:583px}
.width570	{width:570px}
.width558	{width:558px}
.width545	{width:545px}
.width540	{width:540px}
.width523	{width:523px}
.width520	{width:520px}
.width500	{width:500px}
.width483	{width:483px}
.width474	{width:474px}
.width459	{width:459px}
.width443	{width:443px}
.width430	{width:430px}
.width420	{width:420px}
.width410	{width:410px}
.width403	{width:400px}
.width400	{width:400px}
.width390	{width:350px}
.width380	{width:380px}
.width370	{width:370px}
.width368	{width:368px}
.width316	{width:316px}
.width310	{width:310px}
.width300	{width:300px}
.width297	{width:297px}
.width295	{width:295px}
.width288	{width:288px}
.width284	{width:284px}
.width278	{width:278px}
.width273	{width:273px}
.width265	{width:265px}
.width260	{width:260px}
.width253	{width:253px}
.width252	{width:252px}
.width250	{width:250px}
.width240	{width:240px}
.width230	{width:230px}
.width243	{width:243px}
.width222	{width:222px}
.width215	{width:215px}
.width200	{width:200px}
.width140	{width:140px}
.w-25p	{width: 25%}
.w-50p	{width: 50%}
.w-75p	{width: 75%}
.w-100p	{width: 100%}

.height551  {height:551px}
.height518	{height:518px}
.height460	{height:460px}
.height190	{height:190px}
.height150	{height:150px}
.height125	{height:125px}
.height120	{height:120px}
.height113	{height:113px}
.height104	{height:104px}
.height40	{height:40px}
.height30	{height:30px}
.height20	{height:20px}
.height12	{height:12px}
.height2	{height:2px}
.height1	{height:1px}

.coloryorange	{color:#FFCC00}
.coloryellow	{color:#FFFF00}
.coloryellow2	{color:#FFCA00}
.colorblue	{color:#1B5D9E}
.colorlblue	{color:#0685C5}
.colordblue	{color:#061835}
.colordblue2{color:#2C3E50}
.colorpblue	{color:#338CC4}
.colordblue4	{color:#0685C7}
.colordblue5	{color:#0066cc}
.colordblue5	{color:#1A2D40}
.colorwhite	{color:#FFF}
.colorred	{color:red}
.colorred2  {color:#D80000}
.colorblack	{color:#000}
.colorred2 {color:#CC0000}
.colorgreen {color:#51AA00;}
.colorblack {color:#000}
.colorbrick	{color:#EC6633}
.colorwhite	{color:#FFF}
.colorfuschia	{color:#B80A46}
.colorbgreen	{color:#107894}
.colorgreen	{color:#00B82C}
.colordred	{color:#8C0000}
.colordred2	{color:#B20000}
.colorteal	{color:#99FCFF}
.colortortoise {color:#1885CC}

.callnow {font-size:13px}
.valign-top{vertical-align:top}
.disnone	{display:none}


.auto-center{margin:0px auto}
.td-line-through {text-decoration:line-through}

.hor-line-dashed	{border-top:2px dashed #000;}
.ver-line-dashed	{border-left-style:dotted;}

.brdr-white-dashed	{border:dotted 7px #FFF; padding:2rem;}

img{
	max-width: 100%;
  	height: auto;
}

.mtop5rem	{margin-top: 5rem}
.mtop4rem	{margin-top: 4rem}
.mtop3rem	{margin-top: 3rem}
.mtop1rem	{margin-top: 1rem}
.mtopp5rem	{margin-top: .5rem}
.mtopp2rem	{margin-top: .2rem}
.mtop2rem	{margin-top: 2rem}

.mleft5rem	{margin-left: 5rem}
.mleft3rem	{margin-left: 3rem}
.mleft2rem	{margin-left: 2rem}
.mleft1rem	{margin-left: 1rem}
.mleftp5rem	{margin-left: .5rem}

.mright2rem	{margin-right: 2rem}
.mright1rem	{margin-right: 1rem}
.mrightp5rem	{margin-right: .5rem}

.mbot1rem	{margin-bottom: 1rem}

.mall3rem	{padding: 3rem 3rem 3rem 3rem}
.mall2rem	{padding: 2rem 2rem 2rem 2rem}
.mall1rem	{padding: 1rem 1rem 1rem 1rem}
.mallp5rem	{padding: .5rem .5rem .5rem .5rem}

.fs3p5	{font-size: 3.5em}
.fs3	{font-size: 3em}
.fs2	{font-size: 2em}
.fs1p8	{font-size: 1.8em}
.fs1p5	{font-size: 1.5em}
.fs1p4	{font-size: 1.4em}
.fs1p3	{font-size: 1.3em}
.fs1p2	{font-size: 1.2em}
.fs1p1	{font-size: 1.1em}
.fs1	{font-size: 1em}
.fsp9em	{font-size: .9em}
.fsp8em	{font-size: .8em}
.fsp7em	{font-size: .7em}

.header-meltdown
{
	font-size: 4em;
	line-height: 1.2;
	font-weight: 900;
}


.sub-header-meltdown
{
	font-size: 1.3em;
	font-weight: bold;
}

.wrapper_laura
{
	margin: 1rem 6rem 1rem 6rem;
}

.wrapper_laura div {
}

.one_laura {
	float:left; 
	width:30%;
	padding-right: 2rem;
	
}

.laura_div_1
{
	margin-top: 2rem;
}

.laura_div_2
{
	margin-top: 2rem;
}


.two_laura { 
	overflow:hidden;
	height:auto;
	text-align: left;
	padding-top: 1rem;
}

.one_borderless_1 {
	float:left; 
	width:30%;
	padding-right: 2rem;
	
}

.two_borderless_1 { 
	overflow:hidden;
	height:auto;
	text-align: left;
	padding-right: 2rem;
}




.one_borderless_2 {
	float:left; 
	width:60%;
	padding-left: 2rem;
	text-align: left;
}

.two_borderless_2 { 
	overflow:hidden;
	height:auto;
	padding-left: 2rem;
	text-align: right;
}




html,body{
	width: 100%;
	height: 100%;
	margin: 0%;
	padding: 0%;
	overflow-x: hidden;
}

.laura-text
{
	font-weight: bold;
	font-size: 3em;
	padding: 0rem 0 1rem 0;
	line-height: 1em;
}

.laura-sub-text
{
	font-weight: bold;
	font-size: 1.4em;
	padding: 0rem 0 1rem 0;
}

.highlight {
    background: #FFE21A;
    font-size: 1em;
    display: inline;
    padding: 4px 0px 4px 0px;
    font-family: 'LatoBlack';
	line-height: 1.4em;
}

.wrapper_sally
{
	margin: 2rem 2rem 0rem 2rem;
	overflow: hidden;
}

.wrapper_sally div {
}

.one_sally {
	float:right; 
	width:40%;
	padding-left: 2rem;
	
}

.two_sally { 
	overflow:hidden;
	height:auto;
	text-align: left;
}

.wrapper_sally2
{
	margin: 2rem 2rem 2rem 2rem;
	overflow: hidden;
}

.wrapper_sally2 div {
}

.one_sally2 {
	float:left; 
	width:40%;
	padding-right: 2rem;
	
}

.two_sally2 { 
	overflow:hidden;
	height:auto;
	text-align: left;
}

.bam
{
	margin: 4rem 0 4rem 0;
}

.wrapper_vision
{
}

.wrapper_vision div {
}

.one_vision {
	float:left; 
	width:55%;
	padding-right: 1rem;
	
}

.two_vision { 
	overflow:hidden;
	height:auto;
	text-align: left;
}

.wrapper_vision2
{
	margin-top: 1rem;
}

.wrapper_vision2 div {
}

.one_vision2 {
	float:right; 
	width:30%;
	padding-left: 1rem;
	margin-top: 1rem;
}

.two_vision2 { 
	overflow:hidden;
	height:auto;
	text-align: left;
}

.reverse-title
{
	font-size: 2.2em;
	text-align: center;
	font-weight: 300;
	line-height: 1.3em;
}

.wrapper_reverse
{
	margin-top: 1rem;
	text-align: left;
}

.wrapper_reverse div {
}

.one_reverse {
	float:left; 
	width:50%;
	padding-right: 1rem;
}

.one_reverse2 {
	float:left; 
	width:45%;
	padding-right: 1rem;
}

.one_reverse3 {
	float:left; 
	width:30%;
	padding-right: 1rem;
	text-align: center;
}

.one_reverse4 {
	float:left; 
	width:60%;
	padding-right: 1rem;
	order: 2;
}

.two_reverse { 
	overflow:hidden;
	height:auto;
	text-align: left;
}

.two_reverse3 { 
	overflow:hidden;
	height:auto;
	text-align: left;
}

.wrapper_shave div {
}

.one_shave {
	float:left; 
	width:50%;
	padding-right: 1.5rem;
	text-align: left;
}

.two_shave { 
	overflow:hidden;
	height:auto;
	text-align: left;
}

.two_shave img{ 
	width: 80%
}

.wrapper_shave_second {
	margin: 1rem auto;
	width:90%;
}

.one_shave_second {
	float:left; 
	width:50%;
	padding-right: 1rem;
	text-align: left;
}

.two_shave_second { 
	overflow:hidden;
	height:auto;
	text-align: left;
}

.wrapper_obliterated {
	margin: 1rem auto;
	width:90%;
}

.one_obliterated {
	float:left; 
	width:50%;
	padding-right: 1rem;
	text-align: left;
}

.two_obliterated { 
	overflow:hidden;
	height:auto;
	text-align: left;
}

.wrapper_shave_third {
	margin: 1rem auto;
	width:100%;
}

.one_shave_third {
	float:left; 
	height:auto;
	text-align: left;
}

.two_shave_third { 
	width:50%;
	padding-left: 1rem;
	text-align: left;
	overflow:hidden;
}

.two_shave_third img{ 
	width:80%;
}

.wrapper_blurry
{
	margin-top: 1rem;
	border:solid #F3F3F3 3px;
	padding: 1rem;
}

.wrapper_blurry div {
}

.one_blurry {
	float:right; 
	width:37%;
	padding-left: 1rem;
}

.two_blurry { 
	overflow:hidden;
	height:auto;
	text-align: right;
}

.blurry
{
	width: 80%;
	margin: 2rem auto;
}

.incredible
{
	font-size: 1.5em;
	margin: 0 2rem 2rem 2rem;
	
}

.destruction
{
	background-color:#107895;
	width: 100%;
	color: #FFF;
}

.destruction-container
{
	padding: 2rem;
}

.title-destruction
{
	font-size: 2.6em;
	background-image:url(../images/imgBrushStroke.png);
	background-repeat:no-repeat;
	background-position: 285px 60px;
}

.title-destruction2
{
	font-size: 2.6em;
}

.wrapper_destruction
{
	margin-top: 1rem;
}

.wrapper_destruction div {
}

.one_destruction {
	float:left; 
	width:37%;
	padding-right: 1rem;
}

.two_destruction { 
	overflow:hidden;
	height:auto;
	text-align: left;
}



.wrapper_destruction2
{
	display: flex;
	flex-direction: row;
	text-align: left;
}

.wrapper_destruction2 div {
}

.one_destruction2 {
	overflow:hidden;
	height:auto;
	text-align: left;
	order: 1;
	margin-top: -1.5rem;
}

.two_destruction2 
{ 
	float:right; 
	clear: both;
	width: 100%;
	order: 2;
}

table
{
	font-size: 1em;
}




.blotch-content
{
	margin: 2rem;
	text-align: left;
}

.destruction-bottom
{
	background-color:#EAF7FD;
	width: 100%;
	color: #000;
}

.destruction-bottom-container
{
	border-color: #EAF7FD;
	padding: 2rem;
	text-align: left;
}

.one_destruction-bottom
{
	float:left; 
	width:30%;
	display: block;
	height: auto;
	padding: 0 1rem 0 0;
}

.two_destruction-bottom
{
	float:left; 
	width:30%;
	height: auto;
	display: block;
	border-left: 1px dashed #000;
	border-right: 1px dashed #000;
	padding: 0 1rem;
}

.three_destruction-bottom
{
	float:left; 
	width:30%;
	height: auto;
	padding: 0 0 0 1rem;
}

.title-shave
{
	font-size: 2.5em;
}

.title-shave2
{
	font-size: 2em;
}

.wrapper_shave_right
{
	margin: 0 auto;
	width: 90%; 
}

.wrapper_shave_right div {
}

.one_shave_right {
	float:left; 
	width:50%;
	padding-right: 1rem;
	text-align: left;
}

.two_shave_right { 
	overflow:hidden;
	height:auto;
	text-align: right;
}

.two_shave_right img{ 
	width: 90%;
}

.web_image
{
	display:block;
}
.mob_image
{
	display:none;
}

.vision_loss
{
	font-size: 2.5em;
	text-align: center;
}

.damage_cell
{
	float:right;
	padding: 0 0 2rem 2rem;
}

.float-left-image
{
	float:left;
	padding: 2rem 2rem 2rem 0;
}

.float-right-image
{
	float:right;
	padding: 2rem 0 2rem 2rem;
}

.bg_red
{
	background-color:#AA1809;
	padding: 2rem;
}

.bg_blue
{
	background-color:#0685C7;
	padding: 2rem;
}

.wrapper_2col50 div {
}

.one_2col50 {
	float:left; 
	width:40%;
	padding-right: 1rem;
	text-align: left;
}

.two_2col50 { 
	overflow:hidden;
	height:auto;
	text-align: left;
}

.wrapper_2col20 {
	margin-top: 1.5rem;
}

.one_2col20 {
	float:left; 
	width:20%;
	padding-right: 1rem;
	text-align: left;
}

.one_2col28 {
	float:left; 
	width:28%;
	padding-right: 1rem;
	text-align: left;
}

.two_2col20 { 
	overflow:hidden;
	height:auto;
	text-align: left;
}

.glass1
{
	margin: 2rem 0 2rem 0;
}

.glass2
{
	margin: 0rem 0 1rem 0;
}

.number
{
	padding-left: 2rem;
}

.stomach_width
{
	width:260px;
}

.bg_orange
{
	background-color: #37622D;
	padding: 2rem;
	font-size: 2.5em;
	color:#FFF;
}

.bg_dblue
{
	background-color: #27246C;
	padding: 2rem;
	font-size: 2.5em;
	color:#FFF;
}

.carotenoids_width
{
	width: 400px;
	float: right;
	margin-left: 1rem;
}

.marigold_title
{
	font-size: 2em;
}

.bg_bgreen
{
	background-color: #006674;
	padding: 2rem;
	color:#FFF;
}

.digestion_width
{
	float: right;
	margin: 0 0 2em 2rem;
}

.lutemax
{
	float: right;
	margin: 0 0 1rem 1rem;
}

.hiactive
{
	
}

.vitablue
{
	width: 200px;
	margin: 0 0 0 2rem;
}

.title-ofcourse
{
	font-size:2.5em;
	color:#061835;
	padding: 2rem 0;
}

.title-ofcourse-sub
{
	font-size:1.5em;
	color:#061835;
	padding: 0 2rem;
}

.iframe-container {
	position: relative;
	overflow: hidden;
	padding-top: 56.25%;
}

.iframe-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.wrapper_testimonials { 
  overflow:hidden;
	width: 100%;
}

.wrapper_testimonials div {
}


.one_testimonials2 {
	float:left; 
	min-height:170px;
	width:70%;
}

.one_testimonials {
	float:left; 
	min-height:170px;
	width:60%;
}

.two_testimonials { 
	overflow:hidden;
	padding-left:1.5rem;
	text-align: left;
}

.two_testimonials2 { 
	overflow:hidden;
	padding-left:1.5rem;
	text-align: left;
}

.wrapper_testimonials3 { 
  overflow:hidden;
	width: 100%;
}

.wrapper_testimonials3div {
   min-height: 200px;
}
.one_testimonials3 {
	width:100%;
	height: auto
}
.two_testimonials3 { 
	overflow:hidden;
	text-align: left;
	padding-top: 1rem;
}

.testimonial-video-ds
{
	width:310px; 
	height:400px;
}

.testimonial-video-ds2
{
	width:100%; 
	min-height: 340px;
}

.img_quote
{
	background-image: url(../images/imgQuote.png);
	background-repeat:no-repeat;
	padding-left: 80px;
}

.testimonial_container
{
	text-align:left;
	padding:2rem 2rem;  /* AUDIT FIX 2026-05-30: restore PROD's 32px side inset so bubble aligns with body, not flush to the edge */
}

.note_inner
{
	background-color:#FFF;
	margin-top: 1rem;
	padding: 1.5rem;
}

.note
{
	padding:1rem;
}

.beach_blue
{
	background-color:#0685C7;
	padding: 1.5rem;
	font-size: 2.5em;
	color:#FFF;
	text-align: center;
	border-radius: 10px;
}

.bg-morning-sun2
{
	background-image:url(../images/img56.png);
	background-repeat:no-repeat;
	width:100%;
	text-align:left;
	height:auto;
}

.title_risk
{
	font-size:2.5em;
	padding: 2rem;
}

.title_package
{
	font-size:2em;
	margin-top: 1.5rem;
}

.title_package2
{
	font-size:1.8em;
}

.title_package3
{
	font-size: 5em;
}

.verbiage
{
	padding:2rem;
	text-align: left;
}

.wrapper_ocean
{
	text-align: left;
	border:solid #F3F3F3 3px;
	padding: 2rem;
}

.one_ocean {
	float:left; 
	width:50%;
	padding-right: 1rem;
}

.two_ocean { 
	overflow:hidden;
	height:auto;
	text-align: left;
}

.title_risk_2
{
	font-size:2.5em;
	line-height: 1em;
}

.title_risk_3
{
	font-size:2em;
}

.title_risk_4
{
	font-size:1.5em;
}

.title_risk_5
{
	font-size:1.3em;
}

.bg_bonus
{
	background-color:#ECFBFF;
	padding: 2rem;
}

.bg_bonus2
{
	background-color:#ECFBFF;
	padding: 2rem;
}

.bg_mission
{
	padding:2rem;
	text-align: left;
}

.bg_mbg
{
	background-color:#2C4A69;
	padding: 2rem;
	color: #FFF;
}

.img_mbg
{
	float: right;
	padding: 1rem;
	margin-bottom: 2rem;
}

.bg_lblue
{
	background-color:#E1EFF7;
	padding: 2rem;
}

.bg_lbue_inner
{
	background-color:#F3F9FC;
	padding: 2rem;
	text-align: left;
}

.bg_stories
{
	padding:2rem;
	color:#2C3E50
}

.bg-giving-hand2 {
    background-image: url(../images/imgGivingHand2.png);
    background-position: 580px 0px;
    background-repeat: no-repeat;
    height: 404px;
}

.wrapper_hand
{
	text-align: left;
}

.one_hand {
	float:left; 
	width:60%;
}

.two_hand { 
	overflow:hidden;
	height:auto;
	text-align: left;
}

.title_important
{
	font-size:2.5em;
}

.bg-laura-inner
{
	padding: 0 2em 2em 2em;
}

#mask
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9000;
	background-color: #000;
	display:block;
}

.close_icon
{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9000; 
	cursor:pointer;
	margin:-15px -15px 0px 0px;
}

#boxes .window
{
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	z-index: 9999;
	text-align:left;
	padding:12px;
}

#boxes #dialog
{
	width: 1178px;
	height: auto;
	background-color: #ffffff;
	text-align:left;
	margin: 0 auto;
}

#boxes2
{
	display:none;	
}

#boxes2 .window
{
	position:fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	text-align:left;
	padding:30px;
	margin:-120px 0px 0px -35px;
}

#boxes2 #dialog2
{
	width: 356px;
	height: auto;
	background-color: #ffffff;
	text-align:left;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
#myBtn	{cursor: pointer; 
	text-decoration: underline}

.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 1rem;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 2em;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.result_container
{
	display:inline-block;
}

.wrapper_result div {
}

.one_result {
	float:left; 
	width:30%;
	padding-right: 1.5rem;
	text-align: left;
}

.two_result { 
	overflow:hidden;
	height:auto;
	text-align: left;
}

.wrapper_doctor div {
}

.flex-container {
  display: flex;
  flex-direction: row;
}

.one_doctor {
	float:none; 
	width:100%;
	text-align: left;
}

.two_doctor { 
	overflow:hidden;
	height:auto;
	text-align: center;
	line-height: 1.2em;
}

.iframe-container iframe {
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.iframe-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.img-float-right
{
	float: right;
	padding: 1rem 0 1rem 1rem;
}

.img-float-left
{
	float: left;
	padding: 1rem 0 1rem 1rem;
}

.saffron-content
{
	text-align: left;
	width: 60%;
}

.italic-testimonial
{
	font-family: Times New Roman, serif;
	font-style: italic;
	font-size: 2em;
}

.verified-buyer
{
	padding-left: 52%; 
	line-height: 1.8em; 
	margin-top: -30px; 
	position: relative
}

.red-top-stripe
{
	background-color: #D90000; 
	color: #FFF; 
	font-family: 'Fira Sans'; 
	font-weight: bold; 
	font-size: 1.3em; 
	padding: .3rem 0rem
}

.side_image
{
	width: 40%;
	margin-bottom: 1rem;
}

.side_image_sm
{
	width: 25%;
	margin-bottom: 1rem;
}

/* Dashed red border */
hr.new2 {
  border-top: 1px dashed red;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
{
	
	.two_testimonials3{ 
		overflow:hidden;
		min-height:170px;
		text-align: left
	}
	
	.result_container
	{
		display:inline-block;
	}

	.wrapper_result div {
		display: flex;
	}

	.one_result {
		float:left; 
		width:30%;
		padding-right: 1.5rem;
		text-align: left;
		order: 2
	}

	.two_result { 
		overflow:hidden;
		height:auto;
		text-align: left;
		order: 1
	}

	.wrapper_doctor div {
	}

	.one_doctor {
		float:none; 
		width:100%;
		text-align: left;
	}

	.two_doctor { 
		overflow:hidden;
		height:auto;
		text-align: center;
	}
	
	#footer 
	{
		text-align:center;
		width: 100%;
		padding: 0rem;
	}
	
	#boxes #dialog 
	{
		width: 88%;
		height: auto;
		background-color: #ffffff;
		text-align:left;
		margin: 0 auto;
	}
	
	.one_obliterated {
		float:left; 
		width:40%;
		padding-right: 2rem;
		text-align: left;
	}
	
	.box-translucent-lblue{
	  -moz-border-radius:10px;
	  -webkit-border-radius:10px;
	  border-radius:10px;
	  background-color: transparent;
	  width:100%;
	  border:0px solid #87BBC9;
	}

	.box-translucent-lblue-inner{
	  padding:0rem;
	}
	
	.box-translucent-lblue2{
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		background-color: transparent;
		width:100%;
		border:0px solid #87BBC9;
	}
	
	.box-translucent-lblue2-inner{
	  padding:0rem;
	}
	
	.title_risk
	{
		font-size:2em;
		padding: 2rem;
	}
	
	.beach_blue
	{
		background-color:#0685C7;
		padding: 1rem;
		font-size: 2em;
		color:#FFF;
		text-align: center;
		border-radius: 10px;
	}
	
	.title-ofcourse
	{
		font-size:2em;
		color:#061835;
		padding: 2rem;
	}
	
	.bg-va-grass
	{
		background-image:url(../images/bgVAGrass3.png);
		background-repeat:no-repeat;
		width:100%;
		text-align:center;
		height:1000px;
		font-size: 2em;
	}
	
	.vision_loss
	{
		font-size: 2em;
		text-align: center;
	}
	
	.title-destruction
	{
		font-size: 2em;
		background-image:none;
		background-repeat:no-repeat;
		background-position: 0px 0px;
	}
	
	.reverse-title
	{
		font-size: 2em;
		text-align: center;
		font-weight: 300;
	}
	
	.title-shave
	{
		font-size: 2em;
	}
	
	.title_important
	{
		font-size:2em;
	}
	
	.title_package
	{
		font-size:1.5em;
		margin-top: 1.5rem;
	}
	
	.bg-wood-packages2
	{
		background-image:none;
		background-repeat:no-repeat;
		width:100%;
		text-align:center;
		margin: 0 auto;
		height:auto;
	}
	
	.bg-title11
	{
		background-image:url(../images/bgTitle11.jpg);
		background-repeat:no-repeat;
		width:100%;
		height:auto;
	}
	.title_risk_2
	{
		font-size:2em;
	}
	
	.bg-title7-wrapper
	{
		padding: 1rem;
	}
	
	.bg-title10
	{
		background-image:url(../images/bgTitle10.jpg);
		background-repeat:no-repeat;
		width:100%;
		height:auto;
	}
	
	.one_2col28 {
		float:left; 
		width:32%;
		padding-right: 1rem;
		text-align: left;
	}
	
	.speech10
	{
		width:100%;
		position: relative;
		color: #000;
		background: #FDDB17;
		text-align:left;
		line-height:30px;
	}

	.speech10-inner
	{
		padding: 2rem;
	}

	.speech10-inner-no-top
	{
		padding: 0rem 2rem 2rem 2rem;
	}
	
	.bg-wood-packages
	{
		background-image:none;
		background-repeat:no-repeat;
		width:100%;
		text-align:center;
		margin: 0 auto;
		height:auto;
	}
		
	.bg-wood-packages2
	{
		background-image:none;
		background-repeat:no-repeat;
		width:100%;
		text-align:center;
		margin: 0 auto;
		height:auto;
	}
	
	.bg-morning-sun2
	{
		background-image:url(../images/img56.png);
		background-repeat:no-repeat;
		width:100%;
		text-align:left;
		height:auto;
	}
	
	.box-translucent-white-beach{
	  -moz-border-radius:10px;
	  -webkit-border-radius:10px;
	  border-radius:10px;
	  background-color: rgba(255,255,255,0.9);
	  width:70%;
	  margin-top: 1rem;
	}
	
	.testimonial-video-ds
	{
		width:230px; 
		height:300px;
	}
	
	.header-meltdown
	{
		font-size: 3em;
		line-height: 1.2;
		font-weight: 900;
	}


	.sub-header-meltdown
	{
		font-size: 1.3em;
		font-weight: bold;
	}
	
	.wrapper_laura
	{
		margin: 0rem 0rem 0rem 0rem;
	}

	.wrapper_laura div {
	}

	.one_laura {
		float:left; 
		width:30%;
		padding-right: 2rem;

	}

	.two_laura { 
		overflow:hidden;
		height:auto;
		text-align: left;
		padding-top: 0rem;
	}
	
	.bg-title1
	{
		background-image:url(../images/bgTitle1.jpg);
		background-repeat:no-repeat;
		width:100%;
		height:auto;
		color:#FFF;
		font-size: 2em;
		font-weight: 300;
	}
	
	.bg-title1-wrapper
	{
		padding: 1rem 4rem 1rem 4rem;
	}
	
	.bg-title3
	{
		background-image:url(../images/bgTitle3.jpg);
		background-repeat:no-repeat;
		width:100%;
		height:auto;
		color:#FFF;
		font-size: 1.5em;
		font-weight: 300;
	}

	.bg-title3-wrapper
	{
		padding: 1rem 4rem 1rem 4rem;
	}
	
	.bg-title4
	{
		background-image:url(../images/bgTitle4.jpg);
		background-repeat:no-repeat;
		width:100%;
		height:auto;
		color:#FFF;
		font-size: 1.9em;
		font-weight: 300;
	}

	.bg-title4-wrapper
	{
		padding: 1rem 4rem 1rem 4rem;
	}
	
	.bg-sunset
	{
		background-image:url(../images/imgSunset_mob.jpg);
		background-repeat:no-repeat;
		width:100%;
	}

	.bg-sunset-inner
	{
		padding: 2rem;
	}
	
	.bg-blue-light
	{
		background-image:url(../images/bgBlueLight_mob.jpg);
		background-repeat:no-repeat;
		width:100%; 
	}

	.bg-blue-light-inner
	{
		padding: 2rem;
	}
	
	.wrapper_2col20 {
		margin-top: 1.5rem;
	}

	.one_2col20 {
		float:left; 
		width:24%;
		padding-right: 1rem;
		text-align: left;
	}

	.two_2col20 { 
		overflow:hidden;
		height:auto;
		text-align: left;
	}
	
	.speech6:after
	{
		content: "";
		position: absolute;
		bottom: 90px;
		left: 169px;
		border-width: 13px 0px 13px 13px;
		border-style: solid;
		border-color: transparent #0685C7;
		display: block;
		width: 0;
	}

	.speech6-inner
	{
		padding: 1.5rem;
	}
	
	.bg-title7
	{
		background-image:url(../images/bgTitle7.jpg);
		background-color: #EA0F35;
		background-repeat:no-repeat;
		width:100%;
		height:auto;
		color: #FFF;
	}

	.bg-title7-wrapper
	{
		padding: 1rem 4rem 1rem 4rem;
	}
	
	.bg-title7-sub-text
	{
		font-size: 1em;
	}

	.bg-title7-sub-text2
	{
		font-size: 2em;
	}
	
	.bg-bilberry
	{
		background-image:url(../images/imgSaffron.jpg);
		background-repeat:no-repeat;
		width:100%;
		text-align:left;
	}
	
	.bg-black-currant
	{
		background-image:url(../images/imgBlackCurrant.jpg);
		background-repeat:no-repeat;
		width:100%;
		text-align:left;
	}

	.bg-bilberry-inner
	{
		padding:2rem;
	}
	
	.box-translucent-white-sun{
	  -moz-border-radius:10px;
	  -webkit-border-radius:10px;
	  border-radius:10px;
	  background-color: rgba(255,255,255,0.9);
	  width:70%;
	  padding:2rem;
		float: right;
	}
	
	.box-translucent-white-blue{
	  -moz-border-radius:10px;
	  -webkit-border-radius:10px;
	  border-radius:10px;
	  background-color: rgba(255,255,255,0.9);
	  width:70%;
	  padding:2rem;
	float: left;
	}
	
	.bg_orange
	{
		background-color: #37622D;
		padding: 2rem;
		font-size: 2em;
		color:#FFF;
	}
	
	.speech7
	{
		width:100%;
		position: relative;
		color: #333;
		background: #FFCA00;
		text-align:left;
		line-height:30px;
	}

	.speech7:after
	{
		content: "";
		position: absolute;
		bottom: 31px;
		left: 169px;
		border-width: 13px 0px 13px 13px;
		border-style: solid;
		border-color: transparent #FFCA00;
		display: block;
		width: 0;
	}
	
	.bg-title9
	{
		background-image:url(../images/bgTitle9.jpg);
		background-repeat:no-repeat;
		width:100%;
		height:auto;
		color: #FFF;
		font-size: 2em;
		font-weight: 300;
	}

	.bg-title9-wrapper
	{
		padding: 1rem 3rem 1rem 3rem;
	}
	
	/* Modal Content */
	#myBtn	{cursor: pointer}

	.modal-content {
	  background-color: #fefefe;
	  margin: auto;
	  padding: 1rem;
	  border: 1px solid #888;
	  width: 80%;
	}

	/* The Close Button */
	.close {
	  color: #aaaaaa;
	  float: right;
	  font-size: 2em;
	  font-weight: bold;
	}

	.close:hover,
	.close:focus {
	  color: #000;
	  text-decoration: none;
	  cursor: pointer;
	}
	
}


@media screen and (min-device-width : 320px) 
	and (max-device-width : 767px){
		
		.flex-container {
	  display: flex;
	  flex-direction:column-reverse;
	}
		
	body {
		margin:0px; padding:0px;
		text-align:center;
		font-family: Arial, Helvetica, sans-serif;
		background-color:#EEEEEE;
		font-size:1.2em;
		overflow-y: scroll;
	   -webkit-overflow-scrolling: touch;
	   height:100%;
		line-height: 1.5em;
	}
		
	.bg-cells3
	{
		background-image:none;
		background-repeat:repeat-y;
		width:100%;
		text-align:left;
		background-color: #FFF;
	}
		
	.laura_div_1
	{
		margin-top: 2rem;
	}

	.laura_div_2
	{
		margin-top: 0rem;
	}
		
	.side_image
	{
		width: 50%;
		margin-bottom: 1rem;
	}
		
	.side_image_sm
	{
		width: 40%;
		margin-bottom: 0rem;
	}
		
	.red-top-stripe
	{
		background-color: #D90000; 
		color: #FFF; 
		font-family: 'Fira Sans'; 
		font-weight: bold; 
		font-size: 1.3em; 
		padding: .3rem 0rem
	}
		
	.laura-sub-text
	{
		font-weight: bold;
		font-size: 1em;
		padding: 0rem 0 1rem 0;
	}
		
	h1 {
	}
	h2 {
		font-size: 34px;
		line-height: 38px;
	}
	h3 {
		font-size: 28px;
	}
	h4 {
		font-size: 18px;
	}
	h5 {
		font-size: 22px;
	}
	h6 {
		font-size: 18px;
	}
		
	.one_borderless_1 {
		float:none; 
		width:100%;
		padding: 1rem 0rem;
		margin: 0 auto;
		text-align: center;
	}

	.two_borderless_1 { 
		overflow:hidden;
		height:auto;
		text-align: center;
		padding: 0rem 1rem;
	}




	.one_borderless_2 {
		float:none; 
		width:90%;
		padding: 0rem 1rem;
		text-align: left;
	}

	.two_borderless_2 { 
		overflow:hidden;
		height:auto;
		padding: 0rem 1rem;
		text-align: right;
	}
		
	.bg-bilberry
	{
		background-image:none;
		background-repeat:no-repeat;
		width:100%;
		text-align:left;
		background-position: right center;
	}
		
	.bg-black-currant
	{
		background-image:none;
		background-repeat:no-repeat;
		width:100%;
		text-align:left;
		background-position: right center;
	}

		
	.verified-buyer
	{
		padding-left: 30%; 
		line-height: 1.8em; 
		margin-top: -20px; 
		position: relative
	}
		
	.speech-bubble-ds-arrow {
		border-left: 21px solid transparent;
		bottom: -25px;
		position: absolute;
		left: 20%;
		right: auto;
	}
		
	.title-destruction2
	{
	font-size: 2em;
		}
		
	.one_doctor {
		float:none; 
		width:100%;
		text-align: left;
	}
		
	.verified-image
	{
		width: 180px;
		}

	.two_doctor { 
		overflow:hidden;
		height:auto;
		text-align: center;
	}
		
	.testimonial-video-ds2
	{
		width:100%; 
		min-height: 175px;
	}
		
	.wrapper_doctor div {
	}

	.one_doctor {
		float:none; 
		width:100%;
		text-align: center;
	}

	.two_doctor { 
		overflow:hidden;
		height:auto;
		text-align: center;
	}
		
	.wrapper_result div {
	}

	.one_result {
		float:none; 
		width:100%;
		padding-right: 0rem;
		text-align: left;
		padding-bottom: 1rem;
	}

	.two_result { 
		overflow:hidden;
		height:auto;
		text-align: left;
	}
		
	/* Modal Content */
	#myBtn	{cursor: pointer}

	.modal-content {
	  background-color: #fefefe;
	  margin: auto;
	  padding: 1rem;
	  border: 1px solid #888;
	  width: 80%;
	}

	/* The Close Button */
	.close {
	  color: #aaaaaa;
	  float: right;
	  font-size: 2em;
	  font-weight: bold;
	}

	.close:hover,
	.close:focus {
	  color: #000;
	  text-decoration: none;
	  cursor: pointer;
	}
		
	.speech7
	{
		width:100%;
		position: relative;
		color: #333;
		background: #FFCA00;
		text-align:center;
		line-height:30px;
	}

	.speech7:after
	{
		content: "";
		position:inherit;
		bottom: 0px;
		left: 0px;
		border-width: 0px 0px 0px 0px;
		border-style: none;
		border-color: transparent;
		display: block;
		width: 0;
	}
	
	#boxes .window
	{
		position: absolute;
		left: 0;
		top: 0;
		display: none;
		z-index: 9999;
		text-align:left;
		padding:.5rem;
	}
		
	#boxes #dialog 
	{
		width: 88%;
		height: auto;
		background-color: #ffffff;
		text-align:left;
		margin: 0 auto;
	}
		
	.bg-laura-inner
	{
		padding: 0 1em 1em 1em;
	}
		
	.bg-brain-cells
	{
		background-image:none;
		background-repeat:no-repeat;
	}
		
	.title_important
	{
		font-size:1.5em;
	}
		
	.title_risk_5
	{
		font-size:1em;
	}
		
	.wrapper_hand
	{
		display: flex;
		flex-direction: column;
		text-align: left;
	}

	.one_hand {
		float:none; 
		clear: both;
		width:100%;
		order: 2;
	}

	.two_hand { 
		overflow:hidden;
		height:auto;
		text-align: center;
		order: 1;
		 margin-top: -1.5rem;
	}
		
	.bg_stories
	{
		padding:1rem;
		color:#2C3E50
	}
		
	.bg-click-below
	{
		background-image:none;
		background-repeat:no-repeat;
		width:100%;
		text-align:center;
		height:auto;
	}
		
	#content{
		box-shadow: 0px 0px 0px transparent;
		max-width:960px;
		background-color:#FFF;
		margin:0 auto;
		font-family: 'Lato', sans-serif;
	}
		
	.bg_lbue_inner
	{
		background-color:#F3F9FC;
		padding: 1rem;
		margin-left: 0rem;
		text-align: left;
	}
		
	.bg_lblue
	{
		background-color:#E1EFF7;
		padding: 1rem;
	}
		
	.speech10-inner
	{
		padding: 1rem;
	}
		
	.bg-running
	{
		background-image:url(../images/bgRunning2.jpg);
		background-repeat:no-repeat;
		width:100%;
	}
		
	.circle
	{
	width:30px;
	height:30px;
	border-radius:50%;
	margin-top: .3rem;
	font-size:20px;
	color:#FFF;
	line-height:30px;
	text-align:center;
	background:#1885CC;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
		
	.bg_lbue_inner
	{
		background-color:#F3F9FC;
		padding: 1rem;
		margin-left: 0rem;
	}
		
	.bg_mbg
	{
		background-color:#2C4A69;
		padding: 1rem;
		color: #FFF;
	}
		
	.img_mbg
	{
		width: 100%;
		float: none;
		clear: both;
		padding-left: 0rem;
		padding-bottom: 1rem;
	}
		
	.bg_mission
	{
		padding:1rem;
		text-align: left;
	}
		
	.bg_bonus
	{
		background-color:#ECFBFF;
		padding: 1rem;
	}
		
	.bg_bonus2
	{
		background-color:#ECFBFF;
		padding: 1rem 1rem 0 1rem;
	}
		
	.one_reverse3 {
		float:none; 
		clear: both;
		width:100%;
		padding-right: 0rem;
		text-align: center;
	}
		
	.one_reverse4 {
		float:none; 
		width:100%;
		padding-right: 0rem;
		text-align: left;
	}
		
	.verbiage
	{
		padding:1rem;
		text-align: left;
	}
		
	.wrapper_ocean
	{
		text-align: left;
		border:solid #F3F3F3 2px;
		padding: 1rem;
		display: flex;
		flex-direction: column;
	}

	.one_ocean {
		float:none; 
		clear: both;
		width:100%;
		padding-right: 0rem;
		order: 2;
	}

	.two_ocean { 
		overflow:hidden;
		height:auto;
		text-align: left;
		order: 1;
		padding-bottom: 1rem;
	}
		
	.title_risk
	{
		font-size:2em;
		padding: 1rem 0 0 0;
	}
		
	.title_risk_2
	{
		font-size:2em;
	}
		
	.title_risk_3
	{
		font-size:1.5em;
	}
		
	.title_risk_4
	{
		font-size:1em;
	}
		
	#footer 
	{
		text-align:center;
		width: 100%;
		padding: 0rem;
	}
		
	.speech9
	{
		position: relative;
		padding: 1rem;
		border: 2px solid #1B2E41;
		color: #333;
		background: transparent;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		text-align:center;
	}
		
	.title_package2
	{
		font-size:1.2em;
	}
		
	.title_package3
	{
		font-size: 4em;
	}
		
	.title_package
	{
		font-size:1em;
		margin-top: 1rem;
	}
		
	.bg-wood-packages
	{
		background-image:none;
		background-repeat:no-repeat;
		width:100%;
		text-align:center;
		margin: 0 auto;
		height:auto;
	}
		
	.bg-wood-packages2
	{
		background-image:none;
		background-repeat:no-repeat;
		width:100%;
		text-align:center;
		margin: 0 auto;
		height:auto;
	}
		
	.box-translucent-white-sunset{
	  -moz-border-radius:10px;
	  -webkit-border-radius:10px;
	  border-radius:10px;
	  background-color: rgba(255,255,255,0.9);
	  width:100%;
	  float: left;
	}
		
	.bg-morning-sun2
	{
		background-image:url(../images/img56_mob.png);
		background-repeat:no-repeat;
		width:100%;
		text-align:left;
		height:auto;
	}
		
	.bg-title10
	{
		background-image:url(../images/bgTitle10.jpg);
		background-repeat:no-repeat;
		width:100%;
		height:auto;
	}
		
	.bg-title11
	{
		background-image:url(../images/bgTitle11.jpg);
		background-repeat:no-repeat;
		width:100%;
		height:auto;
	}
		
	.beach_blue
	{
		background-color:#0685C7;
		padding: 1rem;
		font-size: 1.5em;
		color:#FFF;
		text-align: center;
	}
		
	.note_inner
	{
		background-color:#FFF;
		margin-top: 1rem;
		padding: 1rem;
	}
		
	.speech8_wrapper
	{
		margin:1rem;
	}

		
	.testimonial_container
	{
		text-align:left;
		width: 93%;
		padding: 1rem;
	}
		
	.speech8-inner
	{
		padding:1rem;
	}
		
	.wrapper_testimonials {
		display: flex;
		overflow:hidden;
		width: 100%;
		flex-direction: column;
	}

	.wrapper_testimonials div {
	}

	.one_testimonials2 {
		float:none; 
		clear: both;
		min-height:170px;
		width:100%;
		order: 2;
	}

	.one_testimonials {
		float:none; 
		min-height:170px;
		width:100%;
		order: 2;
	}
	.two_testimonials { 
		overflow:hidden;
		padding:1rem 0 0 0rem;
		text-align: left;
		order: 1;
		margin-bottom: 1rem;
	}
		
	.two_testimonials2 { 
		overflow:hidden;
		padding:1rem 0 0 0rem;
		text-align: center;
		order: 3;
		margin-top: 1rem;
	}
		
	.speech10-inner-no-top
	{
		padding: 0rem 1rem 1rem 1rem;
	}


	.testimonial-video-ds
	{
		width:280px; 
		height:374px;
		text-align: center;
		-webkit-overflow-scrolling: touch;
	}

	.img_quote
	{
		background-image: none;
		background-repeat:no-repeat;
		padding-left: 0px;
	}
		
	.title-ofcourse
	{
		font-size:1.6em;
		color:#061835;
		padding: 1rem;
	}
		
	.title-ofcourse-sub
	{
		font-size:1.5em;
		color:#061835;
		padding: 0 1rem;
	}

		
	.bg-va-grass
	{
		background-image:url(../images/bgVAGrass_mob.jpg);
		background-size:cover;
		background-repeat:no-repeat;
		width:100%;
		text-align:center;
		font-size: 1.5em;
		height:900px;
	}

	.bg-va-grass-inner
	{
		padding:1rem;
	}
		
	.hiactive
	{
		margin: 1rem 0 2rem 0;
	}

	.vitablue
	{
		width: 250px;
		margin: 0 0 0 0;
	}
		
	.lutemax
	{
		float: none;
		clear: both;
		margin: 0 0 1rem 0;
	}
		
	.digestion_width
	{
		float: none;
		clear: both;
		margin: 0 auto 2rem auto;
	}
		
	.bg_bgreen
	{
		background-color: #006674;
		padding: 1rem;
		color:#FFF;
	}
		
	.bg-marigold
	{
		background-image:url(../images/bgMarigold_mob.jpg);
		background-repeat:no-repeat;
		width:100%;
		text-align:left;
	}
		
	.marigold_title
	{
		font-size: 1.5em;
	}
		
	.bg-marigold-inner
	{
		padding:1rem;
	}
		
	.carotenoids_width
	{
		width: 300px;
		float: none;
		clear: both;
		margin-bottom: 1rem;
		margin-left: 0rem;
	}
		
	.box-translucent-white-beach{
	  -moz-border-radius:10px;
	  -webkit-border-radius:10px;
	  border-radius:10px;
	  background-color: rgba(255,255,255,0.9);
	  width:100%;
		margin-top: 1rem
	}
		
	.bg-couple-beach-inner
	{
		padding:1rem;
	}
		
	.bg-couple-beach
	{
		background-image:url(../images/bgCoupleBeach-mob.png);
		background-repeat:no-repeat;
		width:100%;
		text-align:left;
		height:auto;
	}
		
	.box-translucent-white2-visible{
	  -moz-border-radius:10px;
	  -webkit-border-radius:10px;
	  border-radius:10px;
	  background-color: rgba(255,255,255,0.9);
	  max-width:100%;
	  padding:1rem;
	}
		
	.box-translucent-white3{
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		background-color: rgba(255,255,255,0.9);
		width:100%;
		float: none;
		clear: both;
	}
		
	.box-translucent-white4{
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		background-color: rgba(255,255,255,0.9);
		width:100%;
		float: none;
	}
		
	.box-translucent-white3-inner{
		padding:1rem;
	}
		
	.bg-orange-smoke
	{
		background-image:url(../images/bgOrangeSmoke.jpg);
		background-repeat:no-repeat;
		padding: 1rem;
		text-align: left;
		background-color: #FFCD9B;
	}
		
	.bg_orange
	{
		background-color: #FF5C26;
		padding: 1rem;
		font-size: 1.5em;
		color:#FFF;
	}
		
	.stomach_width
	{
		width:200px;
	}
		
	.number
	{
		padding-left: 0rem;
	}
		
	.bg-blueberry
	{
		background-image:url(../images/bgBlueberry-mob.jpg);
		background-repeat:no-repeat;
		width:100%;
		text-align:left;
	}
		
		
	.bg-title7
	{
		background-image:url(../images/bgTitle7.jpg);
		background-color: #EA0F35;
		background-repeat:no-repeat;
		width:100%;
		height:auto;
		color: #FFF;
	}

	.bg-title7-wrapper
	{
		padding: .8rem 1rem .8rem 1rem;
	}

	.bg-title7-sub-text
	{
		font-size: .9em;
	}

	.bg-title7-sub-text2
	{
		font-size: 1.6em;
	}
		
	.bg-title8
	{
		background-image:url(../images/bgTitle8.jpg);
		background-repeat:no-repeat;
		width:100%;
		height:auto;
		color: #FFF;
		font-size: 1.5em;
		font-weight: 300;
	}

	.bg-title8-wrapper
	{
		padding: .8rem 1rem .8rem 1rem;
	}
		
	.bg-title9
	{
		background-color: #020D4C;
		background-image:url(../images/bgTitle9.jpg);
		background-repeat:no-repeat;
		width:100%;
		height:auto;
		color: #FFF;
		font-size: 1.5em;
		font-weight: 300;
	}
		
	
	.bg-title9-wrapper
	{
		padding: .8rem 1rem .8rem 1rem;
	}
		
		
	.glass1
	{
		margin: 1rem 0 1rem 0;
	}

	.glass2
	{
		margin: 2rem 0 2rem 0;
	}
		
	.bg-cells
	{
		background-image:none;
		background-repeat:no-repeat;
		width:100%;
		text-align:left;
	}
		
	.bg-cells-inner
	{
		padding:1rem;
	}
		
	.bg-cells2
	{
		background-image:none;
		background-repeat:no-repeat;
		background-color: #FFF;
		width:100%;
		text-align:left;
	}
		
	.bg-cells3
	{
		background-image:none;
		background-repeat:repeat-y;
		width:100%;
		text-align:left;
		background-color: #FFF;
	}
		
	.bg-cells4
	{
		background-image:none;
		background-repeat:repeat-y;
		width:100%;
		text-align:left;
		background-color: #FFF;
	}
		
	.italic-testimonial
	{
		font-family: Times New Roman, serif;
		font-style: italic;
		font-size: 1.5em;
	}
		
	.saffron-content
	{
		text-align: left;
		width: 100%;
	}
		
	.box-translucent-black{
	  -moz-border-radius:0px;
	  -webkit-border-radius:0px;
	  border-radius:0px;
	  background-color: transparent;
	  max-width:100%;
	  padding:0px;
	}
		
	.bg-cells2-inner
	{
		padding:1rem;
	}
		
	.bg-cells2-inner
	{
		padding:1rem;
	}
		
	.bg-blueberry-inner
	{
		padding:1rem;
	}
		
	.wrapper_2col20 {
		margin-top: 1rem;
	}
		
	.bg-bilberry-inner
	{
		padding:1rem;
	}

	.one_2col20 {
		float:none; 
		clear: both;
		width:100%;
		padding-right: 0rem;
		text-align: left;
	}
		
	.one_2col28 {
		float:none; 
		width:100%;
		padding-right: 0rem;
		text-align: left;
	}

	.two_2col20 { 
		overflow:hidden;
		height:auto;
		text-align: left;
	}
	
	.wrapper_2col50 div {
	}

	.one_2col50 {
		float:none; 
		clear: both;
		width:100%;
		padding-right: 1.5rem;
		text-align: left;
	}

	.two_2col50 { 
		margin-top: 1rem;
		overflow:hidden;
		height:auto;
		text-align: center;
	}
	
	.bg-blue-light
	{
		background-image:url(../images/bgBlueLight_mob.jpg);
		background-repeat:no-repeat;
		width:100%; 
	}
		
	.bg-blue-light-inner
	{
		padding: 1rem;
	}
		
	.bg-sunset
	{
		background-image:url(../images/imgSunset_mob.jpg);
		background-repeat:no-repeat;
		width:100%;
	}
		
	.bg-sunset-inner
	{
		padding: 1rem;
	}
		
	.box-translucent-white-sun{
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		background-color: rgba(255,255,255,0.9);
		width:90%;
		padding:1rem;
		float: none;
		clear: both;
	}
		
	.box-translucent-white-blue{
	  -moz-border-radius:10px;
	  -webkit-border-radius:10px;
	  border-radius:10px;
	  background-color: rgba(255,255,255,0.9);
	  width:90%;
	  padding:1rem;
		float: none;
		clear: both;
	}
		
	.brdr-white-dashed	
	{
		border:dotted 3px #FFF; padding:1rem;
	}
	
	.bg_red
	{
		background-color:#AA1809;
		padding: 1rem;
	}
		
	.bg_blue
	{
		background-color:#0685C7;
		padding: 1rem;
	}
		
	.damage_cell
	{
		float:none;
		clear: both;
		padding: 0 0 1rem 0rem;
	}
	
	.bg-dark-grunge
	{
		background-image:none;
		background-repeat:no-repeat;
		padding: 0rem;
		text-align: left;
	}
		
	.box-translucent-white2{
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
		background-color: transparent;
		max-width:840px;
		padding: 0px;
	}
	
	.web_image
	{
		display:none;
	}
	.mob_image
	{
		display:block;
	}
		
	.wrapper_obliterated {
		margin: 1rem auto;
		width:100%;
		display: flex;
		flex-direction:column;
	}

	.one_obliterated {
		float:none;
		clear: both;
		width:100%;
		padding-right: 0rem;
		text-align: center;
	}

	.two_obliterated { 
		overflow:hidden;
		height:auto;
		text-align: left;
		margin-top: 1rem;
	}
		
	.one_obliterated img{ 
		width: 80%;
	}
		
	.box-translucent-lblue{
	  -moz-border-radius:10px;
	  -webkit-border-radius:10px;
	  border-radius:10px;
	  background-color: transparent;
	  width:100%;
	  border:0px solid #87BBC9;
	}

	.box-translucent-lblue-inner{
	  padding:0rem;
	}

	.box-translucent-lblue2{
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		background-color: transparent;
		width:100%;
		border:0px solid #87BBC9;
	}

	.box-translucent-lblue2-inner{
	  padding:0rem;
	}
		
	.wrapper_shave_right
	{
		margin: 0 auto;
		width: 100%; 
		display: flex;
		flex-direction:column;
	}

	.wrapper_shave_right div {
		
	}

	.one_shave_right {
		float:none;
		clear: both;
		width:100%;
		padding-right: 0rem;
		text-align: left;
		order: 2;
		margin-top: 1rem;
	}

	.two_shave_right { 
		overflow:hidden;
		height:auto;
		text-align: center;
		order: 1
	}

	.two_shave_right img{ 
		width: 80%;
	}
		
	.wrapper_shave_second {
		margin: 1rem auto;
		width:100%;
	}

	.one_shave_second {
		float:none;
		clear: both;
		width:100%;
		padding-right: 0rem;
		text-align: left;
	}

	.two_shave_second { 
		overflow:hidden;
		height:auto;
		text-align: left;
		margin-top: 1rem;
	}

		
	.bg-molecule
	{
		background-image:url(../images/bgMolecule.jpg);
		background-repeat:no-repeat;
		padding: 1rem;
	}	
	
	.title-shave
	{
		font-size: 1.5em;
	}
		
	.title-shave2
	{
		font-size: 1.5em;
	}

	.one_shave {
		float:none;
		clear: both;
		width:100%;
		padding-right: 0rem;
		text-align: left;
	}

	.two_shave { 
		overflow:hidden;
		height:auto;
		text-align: left;
		margin: 0;
	}

	.two_shave img{ 
		width: 100%
	}
	
	.destruction-bottom-container
	{
		border-color: #EAF7FD;
		padding: 1rem;
		text-align: left;
	}
	
	.one_destruction-bottom
	{
		float:none;
		clear: both;
		width:100%;
		display: block;
		height: auto;
		padding: 0 0 1rem 0;
	}

	.two_destruction-bottom
	{
		float:none; 
		width:100%;
		height: auto;
		display: block;
		border-left: 0px dashed #000;
		border-right: 0px dashed #000;
		border-top: 1px dashed #000;
		border-bottom: 1px dashed #000;
		padding: 1rem 0;
	}

	.three_destruction-bottom
	{
		float:none;
		clear: both;
		width:100%;
		height: auto;
		padding: 1rem 0 0 0;
	}
		
	.blotch-content
	{
		margin: 1rem;
		text-align: left;
	}
		
	.destruction
	{
		background-color:#107895;
		width: 100%;
		color: #FFF;
		margin: 1rem 0 0 0;
	}
		
	.destruction-container
	{
		padding: 1rem;
	}
	
	.title-destruction
	{
		font-size: 1.5em;
		background-image:url();
		background-repeat:no-repeat;
		background-position: 0px 0px;
	}

	.wrapper_destruction
	{
		margin-top: 1rem;
	}

	.wrapper_destruction div {
	}

	.one_destruction {
		float:none;
		clear: both;
		width:100%;
		padding-right: 0rem;
	}
		
	.one_destruction img {
		width:70%;
	}

	.two_destruction { 
		overflow:hidden;
		height:auto;
		text-align: left;
		margin-top: 1rem;
	}
		
		
	.wrapper_destruction2
	{
		display: flex;
		flex-direction: column;
		text-align: left;
	}

	.wrapper_destruction2 div {
	}

	.one_destruction2 {
		order: 2;
		float:none;
		clear: both;
		width:100%;
		padding-right: 0rem;
		display: block;
		margin-top: 2rem;
	}
		
	.one_destruction2 img {
		width:70%;
	}

	.two_destruction2 { 
		overflow:hidden;
		height:auto;
		text-align: left;
		display: block;
		order: 1;
	}

	.float-right-image
	{
		float:none;
		padding: 0rem 0rem 2rem 0rem;
		text-align: center;
		display: block;
	}
		
	.float-right-image  img
	{
		width: 70%;
		margin: 0 auto;
	}
		
	.float-left-image
	{
		float:none;
		padding: 0rem 0rem 2rem 0rem;
		text-align: center;
		display: block;
	}
		
	.float-left-image  img
	{
		width: 70%;
		margin: 0 auto;
	}
		
	.incredible
	{
		font-size: 1.3em;
		margin: 0 2rem;

	}
		
	.wrapper_blurry
	{
		margin-top: 1rem;
		border:none #F3F3F3 3px;
		padding: 0rem;
	}

	.wrapper_blurry div {
	}

	.one_blurry {
		float:none;
		clear: both;
		width:100%;
		padding-left: 0rem;
	}

	.two_blurry { 
		overflow:hidden;
		height:auto;
		text-align: left;
		padding: 1rem 2rem 0rem 2rem;
	}
		
	.blurry
	{
		width: 100%;
		margin: 0rem;
	}
		
	.reverse-title
	{
		font-size: 1.5em;
		text-align: center;
		font-weight: 300;
		line-height: 1.3em;
	}

	.wrapper_reverse
	{
		margin-top: 1rem;
	}

	.wrapper_reverse2
	{
		display: flex;
		flex-direction: column;
	}

	.one_reverse {
		float:left; 
		width:50%;
		padding-right: 1rem;
	}
		
	.one_reverse2 {
		float:none;
		clear: both;
		width:100%;
		padding-right: 0rem;
	}
		
	.molecule-inner
		{
			padding:1rem;
		}

	.two_reverse { 
		overflow:hidden;
		height:auto;
		text-align: left;
	}
		
	.two_reverse2 { 
		overflow:hidden;
		height:auto;
		text-align: left;
		order: 1;
	}
		
	.wrapper_reverse
	{
		margin-top: 1rem;
	}

	.wrapper_reverse2 
		{
	}

	.one_reverse {
		float:none;
		clear: both;
		width:100%;
		padding-right: 0rem;
	}

	.two_reverse { 
		overflow:hidden;
		height:auto;
		text-align: left;
		margin-top: 1rem;
	}
		
	.two_reverse3 { 
		overflow:hidden;
		height:auto;
		text-align: center;
	}
		
	.wrapper_vision
	{
	}

	.wrapper_vision div {
	}

	.one_vision {
		float:none; 
		clear: both;
		width:100%;
		padding-right: 0rem;

	}

	.two_vision { 
		overflow:hidden;
		height:auto;
		text-align: left;
		margin-top: 1rem;
	}

	.wrapper_vision2
	{
		margin-top: 1rem;
	}

	.wrapper_vision2 div {
	}

	.one_vision2 {
		float:none;
		clear: both;
		width:100%;
		padding-left: 0rem;
		margin-top: 1rem;
		text-align: center;
	}

	.two_vision2 { 
		overflow:hidden;
		height:auto;
		text-align: left;
		margin: 1rem 0 1rem 0;
	}
	
	.bg-syringe
	{
		background-image:url(../images/bgSyringe3.jpg);
		background-repeat:no-repeat;
		max-width:960px;
		text-align:left;
		padding:1rem;
	}
		
	.box-translucent-white{
	  -moz-border-radius:0px;
	  -webkit-border-radius:0px;
	  border-radius:0px;
	  background-color: transparent;
	  max-width:520px;
	  padding:0;
	}
		
	.bam
	{
		margin: 1rem 0 1rem 0;
	}
		
	.wrapper_sally2
	{
		margin: 2rem 1rem 2rem 1rem;
	}

	.wrapper_sally2 div {
	}

	.one_sally2 {
		float:none;
		clear: both;
		width:100%;
		padding-right: 0rem;

	}

	.two_sally2 { 
		overflow:hidden;
		height:auto;
		text-align: left;
		margin-top: 1rem;
	}
		
	.wrapper_sally
	{
		margin: 2rem 1rem 0rem 1rem;
	}

	.wrapper_sally div {
	}

	.one_sally {
		float:right;
		clear: both;
		width:50%;
		padding-left: 0rem;

	}

	.two_sally { 
		margin-top: 1rem;
		overflow:hidden;
		height:auto;
		text-align: left;
	}
		
	.laura-text
	{
		font-weight: bold;
		font-size: 1.4em;
		padding: 0rem 0 1rem 0;
	}

		
	.dna
	{
		background-image:url(../images/bgDNA.jpg);
		background-repeat:no-repeat;
		max-width:900px;
		max-height:400px;
		padding:1rem;
		text-align:center;
	}
		
	.header-meltdown
	{
		font-size: 45px;
		line-height: 1.2;
		font-weight: 900;
	}


	.sub-header-meltdown
	{
		font-size: 1em;
		font-weight: bold;
	}
		
	.wrapper_laura
	{
		margin: 2rem 1rem 0rem 1rem;
	}

	.wrapper_laura div {
	}

	.one_laura {
		float:left;
		clear: both;
		width:30%;
		padding-right: 1rem;

	}

	.two_laura { 
		overflow:hidden;
		height:auto;
		text-align: left;
		padding-top: 0rem;
	}
		
	.vision_loss
	{
		font-size: 1.5em;
		text-align: center;
	}
		
	.bg-title1
	{
		background-image:url(../images/bgTitle1-mob.jpg);
		background-repeat:no-repeat;
		width:100%;
		height:auto;
		color:#FFF;
		font-size: 1.7em;
		font-weight: 300;
	}
		
	.bg-title1-wrapper
	{
		padding: .8rem 1.5rem .8rem 1.5rem;
		font-size: 1em;
	}
		
	.bg-title2
	{
		background-image:url(../images/bgTitle2-mob.jpg);
		background-repeat:no-repeat;
		width:100%;
		height:auto;
		font-size: 1.7em;
	}
		
	.bg-title2-wrapper
	{
		padding: .8rem 1rem .8rem 1rem;
		font-size: 1em;
	}
		
	.bg-title3
	{
		background-image:url(../images/bgTitle3-mob.jpg);
		background-repeat:no-repeat;
		width:100%;
		height:auto;
		color:#FFF;
		font-size: 1.5em;
		font-weight: 300;
	}
		
	.bg-title3-wrapper
	{
		padding: 1rem 1rem 1rem 1rem;
		font-size: 1em;
	}
		
	.bg-title4
	{
		background-image:url(../images/bgTitle4-mob.jpg);
		background-repeat:no-repeat;
		width:100%;
		height:auto;
		color:#FFF;
		font-size: 1.5em;
		font-weight: 300;
	}

	.bg-title4-wrapper
	{
		padding: .8rem 1rem .8rem 1rem;
	}
		
	.bg-title5
	{
		background-color: #FF8000;
		background-image:none;
		background-repeat:no-repeat;
		width:100%;
		height:auto;
	}
		
	.bg-title5-wrapper
	{
		padding: .8rem 1rem .8rem 1rem;
	}
		
	.bg-title6
	{
		background-color: #0685C5;
		background-image:none;
		background-repeat:no-repeat;
		width:100%;
		height:auto;
	}
		
	.bg-title6-wrapper
	{
		padding: .8rem 1rem .8rem 1rem;
	}
		
	.speech1
	{
		max-width:550px;
		position: relative;
		padding: 2rem;
		margin:0rem 1rem 2rem 1rem;
		border: 1px solid #5FB1A3;
		color: #333;
		background: #C1FFF1;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		text-align:left;
		line-height:30px;
	}

	.speech1:after
	{
		content: "";
		position: absolute;
		bottom: -13px;
		left: 47px;
		border-width: 13px 13px 0;
		border-style: solid;
		border-color: #C1FFF1 transparent;
		display: block;
		width: 0;
	}

	.speech1:before
	{
		content: "";
		position: absolute;
		bottom: -14px;
		left: 46px;
		border-width: 14px 14px 0;
		border-style: solid;
		border-color: #5FB1A3 transparent;
		display: block;
		width: 0;
	}



	.speech2
	{
		max-width:550px;
		position: relative;
		padding: 2rem;
		margin:0rem 1rem 2rem 1rem;
		border: 1px solid #5FB1A3;
		color: #333;
		background: #ECFEFF;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		text-align:left;
		line-height:30px;
	}

	.speech2:after
	{
		content: "";
		position: absolute;
		bottom: -13px;
		left: 557px;
		border-width: 13px 13px 0;
		border-style: solid;
		border-color: #ECFEFF transparent;
		display: block;
		width: 0;
	}

	.speech2:before
	{
		content: "";
		position: absolute;
		bottom: -14px;
		left: 556px;
		border-width: 14px 14px 0;
		border-style: solid;
		border-color: #5FB1A3 transparent;
		display: block;
		width: 0;
	}
		
	.speech2-2
	{
		max-width:280px;
		position: relative;
		padding: 2rem;
		margin:0rem 1rem 2rem 1rem;
		border: 1px solid #5FB1A3;
		color: #333;
		background: #ECFEFF;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		text-align:left;
		line-height:30px;
	}

	.speech2-2:after
	{
		content: "";
		position: absolute;
		bottom: -13px;
		left: 287px;
		border-width: 13px 13px 0;
		border-style: solid;
		border-color: #ECFEFF transparent;
		display: block;
		width: 0;
	}

	.speech2-2:before
	{
		content: "";
		position: absolute;
		bottom: -14px;
		left: 286px;
		border-width: 14px 14px 0;
		border-style: solid;
		border-color: #5FB1A3 transparent;
		display: block;
		width: 0;
	}
		
	.speech3
	{
		max-width:550px;
		position: relative;
		padding: 2rem;
		margin:0rem 1rem 2rem 1rem;
		border: 1px solid #5FB1A3;
		color: #333;
		background: #CDECF8;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		text-align:left;
	}

	.speech3:after
	{
		content: "";
		position: absolute;
		bottom: -13px;
		left: 48px;
		border-width: 13px 13px 0;
		border-style: solid;
		border-color: #CDECF8 transparent;
		display: block;
		width: 0;
	}

	.speech3:before
	{
		content: "";
		position: absolute;
		bottom: -14px;
		left: 48px;
		border-width: 14px 14px 0;
		border-style: solid;
		border-color: #5FB1A3 transparent;
		display: block;
		width: 0;
	}



	.speech4
	{
		max-width:440px;
		position: relative;
		padding: 1.5rem;
		border: 1px solid #5FB1A3;
		color: #333;
		background: #ECFEFF;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		text-align:left;
		margin:0rem 0 2rem 0;
	}

	.speech4:after
	{
		content: "";
		position: absolute;
		bottom: -13px;
		left: 437px;
		border-width: 13px 13px 0;
		border-style: solid;
		border-color: #ECFEFF transparent;
		display: block;
		width: 0;
	}

	.speech4:before
	{
		content: "";
		position: absolute;
		bottom: -14px;
		left: 436px;
		border-width: 14px 14px 0;
		border-style: solid;
		border-color: #5FB1A3 transparent;
		display: block;
		width: 0;
	}
		
	.speech5
	{
		max-width:440px;
		position: relative;
		padding: 1.5rem;
		border: 1px solid #5FB1A3;
		color: #333;
		background: #CDECF8;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		text-align:left;
		margin:0rem 0 2rem 0;
	}

	.speech5:after
	{
		content: "";
		position: absolute;
		bottom: -13px;
		left: 47px;
		border-width: 13px 13px 0;
		border-style: solid;
		border-color: #CDECF8 transparent;
		display: block;
		width: 0;
	}

	.speech5:before
	{
		content: "";
		position: absolute;
		bottom: -14px;
		left: 46px;
		border-width: 14px 14px 0;
		border-style: solid;
		border-color: #5FB1A3 transparent;
		display: block;
		width: 0;
	}


	.speech6
	{
		width:100%;
		position: relative;
		color: #FFF;
		background: #0685C7;
		text-align:center;
		margin:0rem 0 0 0;
	}
		
	.speech6-inner
	{
		padding: 1rem;
	}

	.speech6:after
	{
		content: "";
		position: absolute;
		bottom: 0px;
		left: 0px;
		border-width: 0px 0px 0px 0px;
		border-style: none;
		border-color: transparent #0685C7;
		display: block;
		width: 0;
	}
		
	.bg-white-shadow
	{
		border: 2px solid #CCC;
		background-color:#FFF;
		padding: 1rem;
		margin-left: 0rem;
		height: auto
	}
		
	.bg-teal-shadow
	{
		background-color:#008896;
		padding: 1rem;
		margin-left: 0rem;
		height: auto
	}

	.bg-molecule2-inner
	{
		padding:1rem;
	}
		
	
	.bg-tisa
	{
		background-image:url(../images/bgTisa_mob.png);
		background-repeat:no-repeat;
		width:100%;
		text-align:left;
		height:auto;
	}
		
	.bg-tisa-inner
	{
		padding:1rem;
	}
}

@media only screen and (width: 320px) {
	.verified-buyer
	{
		padding-left: 30%; 
		line-height: 1.8em; 
		margin-top: -20px; 
		position: relative
	}
		
	.speech-bubble-ds-arrow {
		border-left: 21px solid transparent;
		bottom: -25px;
		position: absolute;
		left: 20%;
		right: auto;
	}
	
  .bottleVA
	{
		width: 60%;
		margin: 3rem 0 0 0;
	}

	.vision_alive_intro_container
	{
		color: #fff;
		text-align: left;
		padding: 5rem 1rem 0 1rem;
	}

	.vision_alive_intro
	{
		font-family: 'Lato';
		font-size: 1.6em;
		font-weight: 900;
	}	
	
	.testimonial-video-ds2
	{
		width:100%; 
		min-height: 175px;
	}
}

@media only screen and (width: 360px) {
  .bottleVA
	{
		width: 60%;
		margin: 3rem 0 0 0;
	}

	.vision_alive_intro_container
	{
		color: #fff;
		text-align: left;
		padding: 5rem 1rem 0 1rem;
	}

	.vision_alive_intro
	{
		font-family: 'Lato';
		font-size: 1.6em;
		font-weight: 900;
	}	
	
	.testimonial-video-ds2
	{
		width:100%; 
		min-height: 175px;
	}
}

@media only screen and (width: 375px) {
  .bottleVA
	{
		width: 60%;
		margin: 3rem 0 0 0;
	}

	.vision_alive_intro_container
	{
		color: #fff;
		text-align: left;
		padding: 4rem 1rem 0 1rem;
	}

	.vision_alive_intro
	{
		font-family: 'Lato';
		font-size: 1.6em;
		font-weight: 900;
	}	
	
	
	.testimonial-video-ds2
	{
		width:100%; 
		min-height: 175px;
	}
	
	.one_doctor {
		float:none; 
		width:100%;
		text-align: center;
	}

	.two_doctor { 
		overflow:hidden;
		height:auto;
		text-align: center;
	}
}



@media only screen and (width: 411px) {
  .bottleVA
	{
		width: 60%;
		margin: 3rem 0 0 0;
	}

	.vision_alive_intro_container
	{
		color: #fff;
		text-align: left;
		padding: 2rem 1rem 0 1rem;
	}

	.vision_alive_intro
	{
		font-family: 'Lato';
		font-size: 1.6em;
		font-weight: 900;
	}	
	
	.testimonial-video-ds2
	{
		width:100%; 
		min-height: 175px;
	}
}

@media only screen and (width: 414px) {
  .bottleVA
	{
		width: 60%;
		margin: 3rem 0 0 0;
	}

	.vision_alive_intro_container
	{
		color: #fff;
		text-align: left;
		padding: 1rem 1rem 0 1rem;
	}

	.vision_alive_intro
	{
		font-family: 'Lato';
		font-size: 1.6em;
		font-weight: 900;
	}	
	
	.testimonial-video-ds2
	{
		width:100%; 
		min-height: 175px;
	}
	
	.one_doctor {
		float:none; 
		width:100%;
		text-align: center;
	}

	.two_doctor { 
		overflow:hidden;
		height:auto;
		text-align: center;
	}
}


@media only screen and (width: 320px) {
  .bottleVA
	{
		width: 60%;
		margin: 3rem 0 0 0;
	}

	.vision_alive_intro_container
	{
		color: #fff;
		text-align: left;
		padding: 1rem 1rem 0 1rem;
	}

	.vision_alive_intro
	{
		font-family: 'Lato';
		font-size: 1.6em;
		font-weight: 900;
	}	
	
	.testimonial-video-ds2
	{
		width:100%; 
		min-height: 175px;
	}
	
	.one_doctor {
		float:none; 
		width:100%;
		text-align: center;
	}

	.two_doctor { 
		overflow:hidden;
		height:auto;
		text-align: center;
	}
}

/* ===== AUDIT FIX 2026-05-30: float containment (lp-structural-audit Track A) =====
   Floated .side_image / .fleft children were overflowing their containers by ~14-17px.
   Clearfix contains the floats without clipping (safer than overflow:hidden). */
.mtop1rem::after,
.wrapper_result::after,
.wrapper_sally::after,
.wrapper_sally2::after {
	content: "";
	display: table;
	clear: both;
}
/* ===== END AUDIT FIX ===== */

/* ===== AUDIT FIX 2026-05-30 (fix-loop iter1): restore reference base text color =====
   Reference inherits #212529 (Bootstrap body color); target had no body color → pure #000.
   Per-class diff flagged this across 51 classes. */
body { color: #212529; }
.highlight { font-family: 'Lato' !important; font-weight: 700 !important; }
/* ===== END ===== */

/* ===== AUDIT FIX 2026-05-30 (fix-loop iter2): restore weapon-stripe bg-images =====
   v12 build stripped background-image from these 3 header bands (flat color only).
   Per-class diff flagged bg-title7/bg_orange/bg_dblue as IMG->none vs reference. */
.bg-title7 { background-image:url(../images/StripePacran.png); }
.bg_orange { background-image:url(../images/StripeDE111.png); }
.bg_dblue  { background-image:url(../images/StripePreforPro.png); }
.highlight { font-family: 'Lato' !important; font-weight: 700 !important; }
/* ===== END ===== */

/* ===== AUDIT FIX 2026-05-30 (fix-loop iter3, George-approved): contrasting heading font =====
   Restore heading/body contrast lost when Patua One -> Lato. Montserrat ExtraBold heads,
   Lato body. Clean + strong hierarchy, not the 'curly' Patua One. */
h1,h2,h3,h4,h5,h6,
.coloryellow, .colorblue, .colorlblue, .colorred {
	font-family: 'Montserrat', 'Lato', Arial, Helvetica, sans-serif !important;
	font-weight: 800;
}
.highlight { font-family: 'Lato' !important; font-weight: 700 !important; }
/* ===== END ===== */

/* ===== AUDIT FIX 2026-05-30 (fix-loop): img56 readability scrim + testimonial align =====
   72% white overlay so dark text is readable over the bright meadow photo. */
.bg-morning-sun2 { background-image: linear-gradient(rgba(255,255,255,0.72), rgba(255,255,255,0.72)), url(../images/img56.png) !important; }
.highlight { font-family: 'Lato' !important; font-weight: 700 !important; }
/* ===== END ===== */

/* ===== AUDIT FIX 2026-05-30 (margin consistency): Imagine section had double bg-cells-inner padding (304 vs 272 norm) ===== */
.bg-molecule3 .bg-cells-inner .bg-cells-inner { padding-left: 0; padding-right: 0; }
.highlight { font-family: 'Lato' !important; font-weight: 700 !important; }
/* ===== END ===== */

/* ===== AUDIT FIX 2026-05-30: consistent emphasis font =====
   .lato-black pulled a SEPARATE local font (Lato-Black.ttf) vs the Google 'Lato' body,
   so emphasis read as an abrupt different-font switch mid-sentence. Use the same Lato
   family, just bold (700) — clean emphasis, no font jump. */
.lato-black { font-family: 'Lato' !important; font-weight: 700 !important; }
.lato-black-italic { font-family: 'Lato' !important; font-weight: 700 !important; font-style: italic !important; }
.highlight { font-family: 'Lato' !important; font-weight: 700 !important; }
/* ===== END ===== */

/* ===== impact spacing: isolate a key line with extra whitespace for rhetorical punch (judgment, not density) ===== */
.impact-line { display:block; margin: 2.8rem 0; }

/* ===== AUDIT FIX 2026-05-30: let text wrap UNDER a small floated photo (no dead column) =====
   .two_laura had overflow:hidden -> separate column that didn't wrap under the short photo,
   leaving the whole left column empty. Let it flow under the float. */
.two_laura { overflow: visible !important; }
.one_laura { margin-bottom: 0.5rem; }
/* ===== END ===== */

/* AUDIT FIX 2026-05-30: UNIFY LEFT TEXT SPINE.
   Was 3 different left edges for text that should share one spine:
   body ~344px, headings 374px (bg-titleN-wrapper had 64px left pad, transparent/no band),
   blockquotes 382px (browser UA-default 40px margin leaking through).
   Align headings + quotes to the body spine. */
@media screen and (min-width: 768px) {  /* desktop only - mobile keeps its own .8rem/1rem band padding */
  .bg-title4-wrapper, .bg-title7-wrapper, [class*='bg-title'][class*='wrapper'] {
    padding-left: 34px !important; padding-right: 34px !important;
  }
}
blockquote { margin-left: 0 !important; margin-right: 0 !important; }  /* all viewports: kill UA-default 40px indent */

/* AUDIT FIX 2026-05-30: testimonial line length too long/dense (George).
   Bubble is full 820px -> ~85 chars/line. Desktop: widen horizontal padding so
   lines drop to ~65-68 cpl (comfortably under the body's 73). Mobile keeps 2rem. */
@media screen and (min-width: 768px) {
  .speech8-inner { padding-left: 5.5rem !important; padding-right: 5.5rem !important; }
}

/* AUDIT FIX 2026-05-30: testimonial text was tighter+smaller than body (19.2px/1.3 lh
   vs body 20.8px/1.8) -> read as a dense wall. Match the body so it breathes. Desktop. */
@media screen and (min-width: 768px) {
  .speech8-inner { font-size: 1.3rem !important; line-height: 1.8 !important; }
}



/* AUDIT FIX 2026-05-31 v3: inset body text to ~58px the ORIGINAL way (pad the content
   sections); colored sections & title BANDS stay full-bleed at the panel edge. Desktop. */
@media screen and (min-width: 768px) {
  .bg-cells-inner, .bg-cells2-inner, .bg-cells3-inner, .bg-cells4-inner, .bg-laura-inner {
    padding-left: 3.625rem !important; padding-right: 3.625rem !important;   /* box at edge 318 + 58 = 376 */
  }
  .bg-molecule3 .bg-cells-inner .bg-cells-inner { padding-left: 0 !important; padding-right: 0 !important; }
  .wrapper_sally, .wrapper_sally2 {
    padding-left: 1.625rem !important; padding-right: 1.625rem !important;    /* centered box at 350 + 26 = 376 */
  }
  /* doctor video was tiny (default 300x150 iframe) - make it fill its column */
  .video_doctor { width: 100% !important; height: 300px !important; min-width: 420px !important; }
}

/* AUDIT FIX 2026-05-31 v4: styled 'Free From' checklist (was an ugly <br/> wall) */
@media screen and (min-width: 768px) {
  .freefrom-list { list-style:none; margin:1.6rem 0 0.5rem; padding:0; columns:2; column-gap:3rem; }
  .freefrom-list li { break-inside:avoid; position:relative; padding-left:2.1rem; margin-bottom:1rem; line-height:1.55; }
  .freefrom-list li::before { content:'\2715'; position:absolute; left:0.3rem; top:0; color:#c0392b; font-weight:700; }
  .freefrom-list .ff-note { display:block; font-size:0.82em; color:#777; margin-top:0.15rem; }
  /* money-back guarantee: inset its text to the 58px body spine (was 32px) */
  .bg_mbg .title_risk_2, .bg_mbg .talignleft { padding-left:1.625rem !important; padding-right:1.625rem !important; }
}
@media screen and (max-width: 767px) { .freefrom-list { list-style:none; columns:1; padding-left:0; margin:1.6rem 0 0.5rem; } .freefrom-list li{ position:relative; padding-left:1.8rem; margin-bottom:1rem; line-height:1.55; } .freefrom-list li::before{ content:'\2715'; position:absolute; left:0; top:0; color:#c0392b; font-weight:700; } .freefrom-list .ff-note { display:block; font-size:0.82em; color:#777; margin-top:0.15rem; } }

/* AUDIT FIX 2026-05-31 v5: pricing/options colored sections missed the 58px inset (found by sweep) */
@media screen and (min-width: 768px) {
  [class*='bg_lblue'] .mtop1rem, [class*='bg_lblue'] .talignleft, [class*='bg_lblue'] .title_risk_2 { padding-left:1.625rem !important; padding-right:1.625rem !important; }
}

/* AUDIT FIX 2026-05-31 v6: MOBILE-SPECIFIC fixes found by lp-mobile-checks */
.testimonial_container { box-sizing: border-box; }            /* was 93%+padding=395px on 390 screen -> side-scroll */
@media screen and (max-width: 767px) {
  .site-footer a { display: inline-block; padding: 9px 6px; line-height: 1.2; }  /* footer links were 15px tall -> tappable */
}

/* AUDIT FIX 2026-05-31 v7: wrapper_laura (two-column) was inset +96 while sections are +58
   -> margin clash visible at tablet/iPad widths. Align it to the 58px spine like wrapper_sally. */
@media screen and (min-width: 768px) {
  .wrapper_laura { box-sizing:border-box !important; width:756px !important; margin-left:auto !important; margin-right:auto !important; padding-left:1.625rem !important; padding-right:1.625rem !important; }
}

/* AUDIT FIX 2026-06-01: gap above headline strips so they do not touch the text above */
.bg-title7, .bg_dblue { margin-top: 1.4rem; }

/* MOBILE PADDING UNIFORMITY 2026-06-02 (Rodun ask):
   ONE rule = every body-copy wrapper sits exactly 1rem from each viewport edge.
   Removes the previous mix of 1rem-margin + 1rem-padding (= 2rem effective on
   sally/sally2/laura) vs 1rem-padding-only on others.
   Edge-to-edge bg-title*, bg_dblue, bg-white-concrete bands keep their full
   width; their inner *-wrapper / *-inner classes already carry the 1rem inset. */
@media screen and (max-width: 767px) {
  .wrapper_laura,
  .wrapper_sally,
  .wrapper_sally2,
  .wrapper_2col20,
  .wrapper_result,
  .wrapper_doctor,
  .wrapper_testimonials3 {
    box-sizing: border-box;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  /* full-width color bands' inner content also pinned to 1rem */
  .bg-title4-wrapper,
  .bg-title5-wrapper,
  .bg-title6-wrapper,
  .bg-title7-wrapper,
  .bg-title8-wrapper,
  .bg-title9-wrapper,
  .bg-title10-wrapper,
  .bg-title11-wrapper,
  .bg-cells-inner,
  .bg-cells2-inner,
  .bg-cells3-inner,
  .bg-cells4-inner,
  .bg-blueberry-inner,
  .bg-laura-inner,
  .box-translucent-white2-visible {
    box-sizing: border-box;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

/* SCROLL REVEAL 2026-06-02 (Rodun ask):
   Fade + rise animation for top-level page sections as they enter the viewport.
   Triggered by scroll-reveal.js (IntersectionObserver).
   Respects prefers-reduced-motion via JS guard. */
/* v5: switched from CSS transition to @keyframes so the animation cannot be
   silently collapsed by browser batching. Animation only plays once when
   .sr-visible is added by the IntersectionObserver. */
.sr-reveal {
  opacity: 0;
  will-change: opacity, transform;
}
.sr-reveal.sr-visible {
  animation: srRise 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
@keyframes srRise {
  from { opacity: 0; transform: translateY(40px); }
  to   { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .sr-reveal { opacity: 1 !important; transform: none !important; animation: none !important; }
  .sr-reveal.sr-visible { animation: none !important; }
}

/* Gap-trim 2026-06-02 (Rodun ask — applies to mobile AND desktop):
   Inline diagram images already provide their own bottom margin. The
   <br/> tags that follow them inside the source create a double-gap.
   Suppress any <br/> that sits immediately after an image inside the
   body copy wrappers. */
.wrapper_sally img + br,
.wrapper_sally2 img + br,
.wrapper_laura img + br,
.two_laura img + br,
.bg-cells-inner img + br,
.bg-cells2 img + br,
.bg-cells3 img + br,
.bg-cells4 img + br,
.box-translucent-white img + br,
.box-translucent-white2 img + br,
/* and the second <br> if there's a pair */
.wrapper_sally img + br + br,
.wrapper_sally2 img + br + br,
.wrapper_laura img + br + br,
.two_laura img + br + br,
.bg-cells-inner img + br + br,
.bg-cells2 img + br + br,
.bg-cells3 img + br + br,
.bg-cells4 img + br + br,
.box-translucent-white img + br + br,
.box-translucent-white2 img + br + br {
  display: none;
}

/* Mobile white-box restore 2026-06-02 (George ask):
   An older mobile rule (line ~5588) stripped .box-translucent-white to
   transparent + zero radius + zero padding. That left the PreforPro /
   Pacran / DE111 text floating on top of the busy cells background image,
   hard to read. Restore the white overlay on mobile so the text stays
   legible against the photo backgrounds. */
@media screen and (max-width: 767px) {
  .box-translucent-white {
    background-color: rgba(255, 255, 255, 0.92) !important;
    border-radius: 10px !important;
    padding: 1.25rem 1rem !important;
    max-width: 100% !important;
  }
}

/* hero banner: desktop video / mobile still */
.hero-desktop-only { display: block !important; }
.hero-mobile-only  { display: none !important; }
@media (max-width: 767px) {
  .hero-desktop-only { display: none !important; }
  .hero-mobile-only  { display: block !important; }
}

/* MOBILE 2026-06-03: doctor photo + credentials BELOW the video (Rodun ask)
   Desktop already hidden via .mob_image{display:none}. On mobile, show as
   flex row with 25% photo / 75% name+credentials. */
@media screen and (max-width: 767px) {
  .wrapper_doctor.mob_doctor_below {
    display: flex !important;
    align-items: center;
    gap: 0.75rem;
    text-align: left;
    margin-top: 1rem;
  }
  .mob_doctor_photo { flex: 0 0 25%; max-width: 25%; }
  .mob_doctor_photo img { width: 100%; height: auto; display: block; }
  .mob_doctor_creds { flex: 0 0 75%; max-width: 75%; line-height: 1.3; }
}

/* MOBILE 2026-06-03 (Rodun): testimonial_container had width:93% + padding:1rem
   which double-inset it inside the parent bg-cells-inner's 1rem. Collapse to
   full-width + zero padding on mobile so it inherits ONLY the main container's
   1rem inset (one consistent band, max page width). */
@media screen and (max-width: 767px) {
  .testimonial_container {
    box-sizing: border-box;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* MOBILE 2026-06-03 (Rodun): doctor video iframe defaulted to its 300px HTML
   width on mobile, leaving whitespace on each side. Force 100% width like the
   parent container so the page width is fully used. */
@media screen and (max-width: 767px) {
  .video_doctor {
    width: 100% !important;
    height: 56.25vw !important;     /* 16:9 — scales with viewport */
    max-height: 240px;
    display: block;
  }
}

/* MOBILE 2026-06-03 v2 (Rodun): the global mobile padding uniformity rule
   applied 1rem to wrapper_result + wrapper_doctor — but inside the doctor
   section, the parent bg-cells-inner already supplies that 1rem. The
   double-inset narrowed the iframe + photo+creds row. Zero it inside the
   doctor block only. */
@media screen and (max-width: 767px) {
  .testimonial_container .wrapper_result,
  .testimonial_container .wrapper_doctor,
  .testimonial_container .result_container,
  .testimonial_container .one_result,
  .testimonial_container .two_result {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* MOBILE 2026-06-03 v3 (Rodun): title-ofcourse h2 had its own padding:1rem on
   top of the parent wrapper_sally's 1rem inset — visible as a second band
   around section headings ("Real Women. Real Results.", etc.). Zero its
   horizontal padding on mobile so heading reaches the same edges as the body
   paragraph below it. Vertical padding kept for breathing room. */
@media screen and (max-width: 767px) {
  .title-ofcourse {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* MOBILE 2026-06-03 v4 (Rodun): Options #1/#2/#3 cards in the .bg_lblue
   section had wrapper_2col20 row carrying its own 1rem horizontal padding
   (from the global uniformity rule) on top of the parent .bg_lblue's 1rem
   inset. Result: two visible bands (green outer + the card itself). Drop
   the redundant row padding so the card sits flush inside the section's
   single 1rem inset. */
@media screen and (max-width: 767px) {
  .bg_lblue .wrapper_2col20 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* MOBILE BG-TITLE4 BAND TOP-EMPTY-SPACE FIX (Rodun 2026-06-03):
   Rodun's arrow pointed at the empty red area above the small white kicker
   "Why Your UTI Keeps Coming Back:" inside the 3-Stage Failure band.
   Two sources of that empty space on mobile:
   (a) .bg-title4-wrapper has 0.8rem vertical padding — visible as a red band
       above/below the text. Tighten to 0.3rem so the text hugs the band edges.
   (b) The kicker span carries inline margin-bottom:0.4rem which pushes the
       yellow line further down and exaggerates the top emptiness perception.
       Override to 0.1rem on mobile. */
@media screen and (max-width: 767px) {
  .bg-title4 .bg-title4-wrapper {
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
  }
  .bg-title4 h2 > span:first-child {
    margin-bottom: 0.1rem !important;
    line-height: 1.15 !important;
  }
}

/* Mobile: stack DE111 chart on top, text below (Robert fix 2026-06-03) */
@media screen and (max-width: 767px) {
  .de111-chart-wrap {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 1rem 0 !important;
    display: block !important;
  }
}

/* Mobile: strip extra space after in-flow images and SVG charts (Robert fix 2026-06-03 #2) */
@media screen and (max-width: 767px) {
  /* Trim auto-margins on centered block images */
  img[style*="display:block"][style*="margin"] {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  /* Trim auto-margins on SVG chart wrappers (inline-styled centered divs) */
  div[style*="margin:1.5rem auto"],
  div[style*="margin:1rem auto"],
  div[style*="margin:1.2rem auto"] {
    margin-top: 0.6rem !important;
    margin-bottom: 0.6rem !important;
  }
  /* Hide redundant <br><br> immediately after centered image/svg blocks */
  img[style*="display:block"][style*="margin"] + br,
  img[style*="display:block"][style*="margin"] + br + br,
  div[style*="margin:1.5rem auto"] + br,
  div[style*="margin:1.5rem auto"] + br + br,
  div[style*="margin:1rem auto"] + br,
  div[style*="margin:1rem auto"] + br + br,
  div[style*="margin:1.2rem auto"] + br,
  div[style*="margin:1.2rem auto"] + br + br {
    display: none !important;
  }
}

/* === Chart desktop/mobile swap (added 2026-06-03 per Rodun) === */
.chart-mobile { display: none; }
@media screen and (max-width: 767px) {
  .chart-desktop { display: none !important; }
  .chart-mobile { display: block !important; }
}

/* === Testimonial pair-grid: video → stars → name → body — applied to BOTH mobile & desktop
   (Rodun 2026-06-04: "apply this to the web version"). Layout/typography rules apply at
   every viewport; only the side gutter is mobile-scoped because desktop's container provides
   its own horizontal padding. === */
.testimonial-pair {
  display: grid !important;
  grid-template-areas:
    "video"
    "stars"
    "name"
    "body" !important;
  row-gap: 0.65rem !important;
  /* Desktop side margin aligns pair content edge with body text content
     (.wrapper_sally padding 26px) so testimonial pair matches whole-page gutter.
     Bottom 1.2rem gives a clean ~19px gap between cards (Rodun 2026-06-04 —
     was 1.6rem + ~75px from br/br = too airy; pure br-hide alone = too tight).
     Mobile @media below overrides this to 0 1rem 1.2rem. */
  margin: 0 26px 1.2rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Flatten intermediates so the grandchildren become grid items */
.testimonial-pair .speech-bubble-ds,
.testimonial-pair .speech8-inner,
.testimonial-pair .wrapper_testimonials3 {
  display: contents !important;
}

/* Stars row injected as the pair's ::before — full row above the name */
.testimonial-pair::before {
  content: '\2605\2605\2605\2605\2605' !important;
  grid-area: stars !important;
  color: #f5b401 !important;
  font-size: 1.3rem !important;
  letter-spacing: 0.14em !important;
  line-height: 1 !important;
  font-style: normal !important;
  margin: 0.2rem 0 0 !important;
}

/* Grid placement */
.testimonial-pair .one_testimonials3 { grid-area: video !important; margin: 0 !important; }
.testimonial-pair .verified-buyer    { grid-area: name  !important; }
.testimonial-pair .two_testimonials3 { grid-area: body  !important; }

/* Video iframe — fill container width with 16:9 aspect ratio so Vimeo content
   doesn't letterbox left/right. */
.testimonial-pair .one_testimonials3 > div { width: 100% !important; }
.testimonial-pair .testimonial-video-ds2 {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  min-height: 0 !important;
  display: block !important;
}

/* Hide bubble arrow + the loose <br> direct child of verified-buyer */
.testimonial-pair .speech-bubble-ds-arrow { display: none !important; }
.testimonial-pair .verified-buyer > br    { display: none !important; }

/* Hide the VERIFIED BUYER seal + round photo per ref layout */
.testimonial-pair .verified-buyer .verified-image { display: none !important; }
.testimonial-pair .verified-buyer .mtop1rem > img { display: none !important; }

/* Name + location block — sits between stars and body */
.testimonial-pair .verified-buyer {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  position: static !important;
}
.testimonial-pair .verified-buyer .mtop1rem {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}
.testimonial-pair .verified-buyer .mtop1rem .pleft20 {
  padding-left: 0 !important;
  line-height: 1.15 !important;
  font-size: 1rem !important;
  color: #6b7280 !important;
}
.testimonial-pair .verified-buyer .mtop1rem .pleft20 strong {
  display: block !important;
  font-size: 1.2rem !important;
  color: #1a1f2a !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  margin: 0 !important;
}

/* Body text — readable, plain, no card chrome */
.testimonial-pair .two_testimonials3 {
  font-style: normal !important;
  color: #2a3340 !important;
  font-size: 1.05rem !important;
  line-height: 1.6 !important;
  padding: 0.4rem 0 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
/* Strip any prior ::before/::after decorations from body */
.testimonial-pair .two_testimonials3::before,
.testimonial-pair .two_testimonials3::after { content: none !important; display: none !important; }

/* Collapse the loose <br/><br/> HTML separators that the source markup puts
   between consecutive testimonial-pair blocks — they were producing a ~75px
   gap on top of the pair's margin. Adjacent-sibling chain ignores whitespace
   text nodes + HTML comments, so this catches both br's between any pair
   and the next sibling element. (Rodun 2026-06-04: "this gap is too big") */
.testimonial-pair + br,
.testimonial-pair + br + br { display: none !important; }

/* Mobile-only — tighter sizes + side gutter (desktop container provides its own padding) */
@media screen and (max-width: 767px) {
  .testimonial-pair {
    margin: 0 1rem 1.2rem !important;
    row-gap: 0.55rem !important;
  }
  .testimonial-pair::before { font-size: 1.25rem !important; }
  .testimonial-pair .verified-buyer .mtop1rem .pleft20 { font-size: 0.92rem !important; }
  .testimonial-pair .verified-buyer .mtop1rem .pleft20 strong { font-size: 1.08rem !important; }
  .testimonial-pair .two_testimonials3 { font-size: 1rem !important; line-height: 1.55 !important; padding-top: 0 !important; }
}

/* === Stage 1/2/3 header — tight gap to body text (Rodun 2026-06-05) ===
   The Stage h2 sits in its own .bg-cells-inner block with 32px padding-bottom,
   and the following .wrapper_sally2 ("E. coli latches onto your bladder wall…")
   has 32px margin-top. Total gap h2→body = 70px (too airy — Rodun arrow).
   Scoped via :has() so only bg-cells-inner blocks that contain a centered h2
   header get tightened; the bg-cells-inner sections used elsewhere
   (testimonials, supplement-facts, etc.) keep their default padding. */
.bg-cells-inner:has(> h2.taligncenter) {
  padding-bottom: 0.5rem !important;
}
/* Stage 1 + Stage 3 use .wrapper_sally2, Stage 2 uses .wrapper_sally
   — both follow a Stage-header bg-cells-inner block. */
.bg-cells-inner:has(> h2.taligncenter) + .wrapper_sally2,
.bg-cells-inner:has(> h2.taligncenter) + .wrapper_sally {
  margin-top: 0.5rem !important;
}

/* === Horizontal gray divider between testimonials (Rodun 2026-06-04) ===
   Adds a thin 1px gray rule between consecutive testimonial-pair cards.
   Using border-bottom on each pair except the last — works on desktop & mobile.
   :not(:last-of-type) keeps the bottom of the final card clean before the
   section transition (which already has its own padding handling above). */
.testimonial-pair:not(:last-of-type) {
  border-bottom: 1px solid #d0d0d0 !important;
  padding-bottom: 1.2rem !important;
}
@media screen and (max-width: 767px) {
  .testimonial-pair:not(:last-of-type) {
    padding-bottom: 1rem !important;
  }
}

/* === Testimonial section → next section transition gap (Rodun 2026-06-04) ===
   Default was Susan-pair-bottom → "Here is Exactly" h2 = 83px:
     19.2px (last testimonial-pair margin) + 32px (testimonial_container pad-bottom)
     + 32px (bg-cells-inner pad-top) = too airy section break.
   Tightening container pad-bottom + the next bg-cells-inner's pad-top so the
   testimonial→supplement-facts handoff feels like one continuous flow. Scoped
   via adjacent-sibling so other bg-cells-inner sections (used many places on
   the page) are untouched. Target gap ~40px. */
.testimonial_container { padding-bottom: 0.5rem !important; }
.testimonial_container + .bg-cells-inner { padding-top: 0.75rem !important; }
@media screen and (max-width: 767px) {
  .testimonial_container + .bg-cells-inner { padding-top: 0.5rem !important; }
}

/* === Dr. McKeown credit block — desktop size (Rodun 2026-06-04 v2) ===
   Earlier version (0.85rem / 1rem) was too small. Rodun: "like normal page font size".
   Body baseline on this page = 1.3rem (20.8px). Setting credit block to match body. */
@media screen and (min-width: 768px) {
  .wrapper_doctor.web_image .two_doctor {
    font-size: 1.3rem !important;
    line-height: 1.2 !important;
  }
  .wrapper_doctor.web_image .two_doctor .fwbold {
    font-size: 1.3rem !important;
    line-height: 1.2 !important;
  }
}