@import url("fontawesome-all.min.css");


html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
}
html {
scroll-behavior: smooth;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;}

body {
line-height: 1;
}
.skip {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.skip:focus {
position: static;
width: auto;
height: auto;
}
ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}

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

body {
-webkit-text-size-adjust: none;
}

mark {
background-color: transparent;
color: inherit;
}

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

input, select, textarea {
appearance: none;
}

/* Basic */

html {
box-sizing: border-box;
}

*, *:before, *:after {
box-sizing: inherit;
}

body {
background:  #ffffff;
}

body.is-preload *, body.is-preload *:before, body.is-preload *:after {
animation: none !important;
transition: none !important;
}

body, input, textarea, select, #header h2, #header .logo h1, label {
font-family: Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif;
font-weight: normal;
color: #6b7770;
line-height: 2em;
}
body {
background-image: linear-gradient(90deg, rgba(31, 63, 101, .035), rgba(255, 255, 255, 0), rgba(31, 63, 101, .035));
padding-top: 3.25em;
}
#page-wrapper > section {

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
text-decoration: none;
color: #1f3f65;
}

h2.major {
position: relative;
border-top: solid 2px  #1f3f65;
font-size: 1.65em;
text-align: center;
margin: 5em 0 3em 0;
top: 0.775em;
}
h2.major.two {

}
p#locations {
text-align: center;
font-size: 1.25em;
color: rgba(79, 48, 80, 1);
margin-bottom: 1em;
}
h2.major span {
position: relative;
display: inline-block;
font-size: 1.5em;
color: #1f3f65;
background: #ffffff;
border-radius: 100%;
top: -0.45em;
padding: 0 .5em 0 .5em;
}

h3, h4 {
font-size: 1.25em;
}

a {
color: #006376;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

b, strong {
font-weight: 800;
color: #1f3f65;
}

i, em {
font-style: italic;
}

br.clear {
clear: both;
}

sub {
position: relative;
top: 0.5em;
font-size: 0.8em;
}

sup {
position: relative;
top: -0.5em;
font-size: 0.8em;
}

hr {
border: 0;
border-top: solid 2px #E7EAE8;
margin: 0 0 3em 0;
}

blockquote {
border-left: solid 5px #E7EAE8;
padding: 1em 0 1em 1.5em;
font-style: italic;
}

p, ul, ol, dl, table {
margin-bottom: 3em;
}

/* Section/Article */



#nav {
position: fixed;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.95);
background-image: url("images/overlay.png");
width: 100%;
height: 3.25em;
line-height: 3.25em;
text-align: center;
cursor: default;
z-index: 4;
}
#nav ul {
position: relative;
z-index: 1001;
}
#nav li {
display: inline-block;
margin: 0;
top: 0;
position: relative;
transition: top .15s ease-in-out;
}
#nav li > ul {
display: none;
}
#nav li a, #nav li span {
transition: background-color .075s ease-in-out, color .075s ease-in-out;
position: relative;
display: block;
text-decoration: none;
color: #1f3f65;
font-size: 1em;
font-weight: 600;
top: -6px;
padding: 6px .75em .25em .75em;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
outline: 0;
}
#nav li:hover, #nav li.active {
top: 3px;
}
#nav li:hover a, #nav li:hover span {
background:  #1f3f65;
color: #ffffff;
}
#nav li.active a, #nav li.active span {
color: #ffffff;
background:  #1f3f65;
}


#nav li a.login, #nav li span {
transition: background-color .075s ease-in-out, color .075s ease-in-out;
position: relative;
display: block;
text-decoration: none;
color: #ffffff;
font-size: 1em;
font-weight: 600;
background-color: #80048f;
top: -6px;
padding: 6px .5em 0.25em .5em;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
outline: 0;
}
#nav li.active a.login, #nav li.active span {
color: #ffffff;
background:  #80048f;
}
#nav li:hover a.login, #nav li:hover span {
background:  #1f3f65;
color: #ffffff;
}
#nav li:visited a.login, #nav li:visited span {
background:  #80048f;
color: #ffffff;
}
#nav li.current a {
background:  #1f3f65;
color: #ffffff;
}
#nav li a:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;	
}
@media screen and (max-width: 736px) {
h2.major {
font-size: 1.25em;
margin: 2em 0 3em 0;
}
}
@media screen and (max-width: 1080px) {
    #nav {
        display: none;
    }
}


/* Header */

#header {
position: relative;
text-align: center;
font-size: 1.5em;
padding:  0;
margin-bottom: 0em;
z-index: 2;
}
header > p {
display: block;
font-weight: 700;
color: rgba(79, 48, 80, 1);
}
#header .logo {
position: relative;
text-align: center;
top: 0.65em;
}
#header .logo h1 {
position: relative;
display: none;
font-size: 2em;
line-height: 1em;
color: #1f3f65;
font-weight: 500;
text-transform: capitalize;
padding: .5em 0 .75em 0;
}
#header .logo2 h1 {
position: relative;
display: block;
font-size: 1.75em;
line-height: 1em;
color: #1f3f65;
font-weight: 400;
text-transform: capitalize;
padding: 1em 0 .75em 0;
}
#header #welcomehead h1 {
position: relative;
display: block;
font-size: 1.25em;
line-height: 1em;
color: #1f3f65;
font-weight: 500;
text-transform: capitalize;
padding:  1.5em;
}
img#welcome {
border-radius: 6px;
width: 100%;
}
img#welcomePage  {
display: block;
position: relative;
margin-right: auto;
margin-left: auto;
max-width: 90px;
}
img#assessmentPage  {
display: block;
position: relative;
margin-top: 2em;
margin-bottom: 0;
margin-right: auto;
margin-left: auto;
max-width: 90px;
}
#header #assessment h1 {
position: relative;
display: block;
font-size: 1.25em;
line-height: 1em;
color: #1f3f65;
font-weight: 500;
text-transform: uppercase;
padding: .5em 0 0 0;
}
.assessmentPage p {
position: relative;
display: block;
text-align: justify;
font-size: 1em;
line-height: 1.5em;
color: #1f3f65;
font-weight: 500;
text-transform: none;
padding:  1.5em;
}
#header h2 {
position: relative;
display: block;
font-size: .85em;
color: #1f3f65;
font-weight: 300;
padding: 0 1.5em  2.5em 1.5em;
}
#header .logo p {
display: inline;
color: #C1CAC5;
}
@media screen and (max-width: 2000px) {

#header {
margin-bottom: 0;
}
}
@media screen and (max-width: 1280px) {

#header {
font-size: 1.5em;
}
}
@media screen and (max-width: 1050px) {
#header .logo2 h1 {
display: none;
}
}
@media screen and (max-width: 980px) {
    #header {
        display: none;
    }
}
/* Banner */

#banner {
display: block;
position: relative;
padding:  0;
margin: 0;
z-index: 0;
}
.rslides {
position: relative;
list-style: none;
overflow: hidden;
border: 0px solid rgba(0,0,0,.5);
padding:0;
margin: 0em 0em 0em 0em;
width: 100%;
z-index: 0;
}
 .rslides img {
position: absolute;
display: block;
float: left;
border: 0;
height: auto;
width: 100%;
z-index: 0;
}
.rslides img:first-child {
position: relative;
display: block;
float: left;
}
/*#banner img#mybanner {
display: block;
position: relative;
width: 100%;
z-index: 1;
}*/
#banner .content {
position: absolute;
    /*background-image: url(images/overlay.png), url(images/overlay.png);*/
    background-position: top left, top left, center center;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    text-align: center;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
}
img#ambassadorLoginBanner {
width: 100%;
}
#banner .content h2 {
color: #ffffff;
font-size: 2.75em;
margin: 0 0 0.5em 0;
}
#banner .content p {
display: block;
text-transform: capitalize;
color: #ffffff;
font-size: 1em;
margin-right: auto;
margin-left: auto;
margin-bottom: 1.25em;
max-width: 900px;
}

#banner .content .button {
transition: border-color .2s ease-in-out, color .2s ease-in-out;
color: #ffffff;
background: transparent !important;
border: solid 4px #ffffff;
border-color: #1f3f65;
font-size: 1.5em;
}

#banner .content .button:hover {
color: #e4e7e5;
border-color: #1f3f65;
}

#banner .content .button:active {
color: #fff;
border-color: #616763;
}
img#food-testing {
positioN: absolute;
right: 3em;
margin-top: -10em;
width: 350px;
max-width: 100%;
}
@media screen and (max-width: 1800px) {
    #banner {
        padding: 0;
    }
    img#food-testing {
        right: 3em;
        margin-top: -9em;
        width: 300px;
    }
}
@media screen and (max-width: 1680px) {

img#food-testing {
right: 2em;
}
}
@media screen and (max-width: 1280px) {
    #banner {
        padding: 0em 0 2em 0;
    }
    #banner .content {
	padding:  0;
	}
	#banner .content h2 {
	margin: 0 0 0.65em 0;
	}
	#banner .content p {

	}
}
@media screen and (max-width: 980px) {
    #banner {
        padding: 0 0 1em 0;
    }
    #banner img.topborder {
        display: none;
    }
        img#food-testing {
        right: 1em;
        margin-top: -6em;
        width: 200px;
    }
}
@media screen and (max-width: 736px) {
    #banner {
        padding: 0;
    }
    #banner .content h2 {
     font-size: 2em;
     }
     #banner img#mybanner {
    margin-left: -5em;
    width: 130%;
     }
    img#food-testing {
        right: .5em;
        margin-top: -5em;
        width: 170px;
    }
}
@media screen and (max-width: 550px) {
    img#food-testing {
        right: .5em;
        margin-top: -4em;
        width: 130px;
    }
}
/* Container */
#main {
position: relative;
display: block;
padding: 0 1em;
margin-right: auto;
margin-left: auto;
max-width: 76em;
}
#maintwo {
position: relative;
display: block;
padding: 0 .5em;
margin-right: auto;
margin-left: auto;
max-width: 76em;
}
.topheading  {
text-align: center;
}
img#logo {
position: relative;
margin-top: -4em;
width: 150px;
z-index: 3;
}
img#logotwo {
display: block;
position: relative;
margin-top: -3.2em;
margin-right: auto;
margin-left: auto;
width: 100px;
z-index: 3;
}
.topheading h2 {
display: block;
font-size: 3.5rem;
color: #1f3f65;
line-height: 1.25em;
text-transform: capitalize;
padding: 1em 1.5em 0 1.5em;
}
.topheading h2 span {
display: block;
font-size: 1.75rem;
color: #1f3f65;
line-height: 1.25em;
text-transform: capitalize;
padding: .25em 1.5em 2rem 1.5em;
}
.topheading p {
text-align: center;
font-size: 1.1rem;
color: #1f3f65;
line-height: 1.5em;
margin-right: auto;
margin-left: auto;
margin-bottom: 2em;
max-width: 780px;
}
.topheading2 h2 {
text-align: center;
font-size: 2.75em;
color: #1f3f65;
line-height: 1.25em;
text-transform: capitalize;
padding: .5em 1.5em 0 1.5em;
margin-right: auto;
margin-left: auto;
}
.topheading2 h3 {
text-align: center;
font-size: 1.75em;
color: #1f3f65;
line-height: 1.25em;
text-transform: capitalize;
padding: .5em 1.5em .5em  1.5em;
margin-right: auto;
margin-left: auto;
}
.topheading2 h3 span {
font-weight: 800;
}
.topheading2 p {
text-align: center;
font-size: 1em;
color: #1f3f65;
line-height: 1.5em;
margin-right: auto;
margin-left: auto;
margin-bottom: 2em;
max-width: 780px;
}
.topheading2 p span {
font-weight: 800;
}
.orderingnotice  {
text-align: center;
padding: 1em 0;
margin-bottom: 3em;
}
.orderingnotice h2 {
font-size: 3em;
color: #1f3f65;
font-weight: 600;
line-height: 1.25em;
border-radius: 1em;
padding: 0;
margin-top: 0;
margin-bottom: 1em;
margin-right: auto;
margin-left: auto;
max-width: 25em;
}
.orderingnotice p {
text-align: justify;
font-size: 1rem;
color: #1f3f65;
line-height: 1.5em;
margin-right: auto;
margin-left: auto;
width: 100%;
}
.orderingnoticetwo  {
text-align: center;
padding: 0;
margin-bottom: 2em;
}
.orderingnoticetwo h3 {
font-size: 1.5em;
color: #1f3f65;
font-weight: 600;
line-height: 1.25em;
border-radius: 1em;
padding: 0;
margin-top: 0;
margin-bottom: .5em;
margin-right: auto;
margin-left: auto;
max-width: 25em;
}
.orderingnoticetwo p {
text-align: justify;
font-size: .85em;
color: #1f3f65;
line-height: 1.5em;
margin-bottom: 1em;
margin-right: auto;
margin-left: auto;
max-width: 45em;
}
.health {
text-align: center;
font-size: 2em;
color: #1f3f65;
line-height: 1.5em;
margin-right: auto;
margin-left: auto;
max-width: 30em;
}
input#sname, input#snameAll {
background: rgba(31, 63, 101, .05);
border-radius: .5em;
border: 1px dotted rgba(31, 63, 101, .5);
margin-right: auto;
margin-left: auto;
margin-bottom: 1.5em;
max-width: 20em;
}
#cmonth {
color: #ffffff;
background: rgba(31, 63, 101, 1);
border-radius: .25em;
border: 1px dotted rgba(31, 63, 101, .5);
padding: .5em;
margin-right: auto;
margin-left: auto;
margin-bottom: 1.5em;
max-width: 5em;
}
select#cyear {
color: #ffffff;
background: rgba(31, 63, 101, 1);
border-radius: .25em;
border: 1px dotted rgba(31, 63, 101, .5);
padding: .5em;
margin-right: auto;
margin-left: auto;
margin-bottom: 1.5em;
max-width: 5em;
}
#cmonth:focus, select#cyear:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
input#atotal {
background: rgba(31, 63, 101, .05);
border-radius: .5em;
border: 1px dotted rgba(31, 63, 101, .5);
margin-bottom: 1.5em;
max-width: 10em;
}
input#alltime {
background: rgba(31, 63, 101, .05);
border-radius: .5em;
border: 1px dotted rgba(31, 63, 101, .5);
margin-bottom: 1.5em;
max-width: 10em;
}
input#cmonth {
background: rgba(31, 63, 101, .05);
border-radius: .5em;
border: 1px dotted rgba(31, 63, 101, .5);
margin-bottom: 1.5em;
max-width: 10em;
}
input#everything {
background: rgba(31, 63, 101, .05);
border-radius: .5em;
border: 1px dotted rgba(31, 63, 101, .5);
margin-bottom: 1.5em;
max-width: 10em;
}


.salesHead {
display: block;
text-align: left;
background: #1f3f65;
border-top-right-radius: .5em;
border-top-left-radius: .5em;
line-height: 1.5em;
padding: 0;
margin-top: 0;
margin-bottom: 0;
margin-right: auto;
margin-left: auto;
width: 100%;
}
#spec1 {
display: inline-block;
font-size: 1rem;
color: #ffffff;
line-height: 1.2em;
padding-left: 1em;
width: 16%;
}
.aCustomer {
display: inline-block;
font-size: .85rem;
color: #1f3f65;
font-weight: 600;
line-height: 1em;
width: 15%;
}
#spec2 {
display: inline-block;
font-size: 1rem;
color: #ffffff;
width: 29%;
}
.aPurchases {
display: inline-block;
font-size: .85rem;
color: #1f3f65;
font-weight: 600;
line-height: 1em;
width: 30%;
}
#spec3 {
display: inline-block;
font-size: 1rem;
color: #ffffff;
width: 7.25% ;
}
.aAmount {
display: inline-block;
font-size: .85rem;
color: #1f3f65;
font-weight: 600;
line-height: 1em; 
width: 8%;
}
#spec4 {
display: inline-block;
font-size:1rem;
color: #ffffff;
width: 10%;
}
.aCom {
display: inline-block;
font-size: .85rem;
color: #1f3f65;
font-weight: 600;
line-height: 1em; 
width: 10%;
}
#spec4-2 {
display: inline-block;
font-size: .85rem;
color: #ffffff;
width: 10%;
}
.aDate {
display: inline-block;
font-size: .85rem;
color: #1f3f65;
font-weight: 600;
line-height: 1em; 
width: 10%;
}
.orderingnoticethree  {
text-align: center;
padding: 1em;
margin-bottom: 2em;
}
.orderingnoticethree h3 {
font-size: 1.5em;
color: #1f3f65;
font-weight: 600;
line-height: 1.5em;
padding: 0;
margin-top: 0;
margin-bottom: 0;
margin-right: auto;
margin-left: auto;
max-width: 25em;
}
.orderingnoticethree p {
font-size: .85rem;
color: #1f3f65;
font-weight: 600;
line-height: 1.35em;
padding: 0;
margin-top: 0;
margin-bottom:1em;
margin-right: auto;
margin-left: auto;
max-width: 100%;
}
.schedule {
display: block;
text-align: center;
font-size: 2em;
color: #1f3f65;
background: rgba(31, 63, 101, .05);
line-height: 1.5em;
padding: 0 0 1em 0;
margin-right: auto;
margin-left: auto;
max-width: 30em;
}
.schedule row {

}
.compensationHead {
display: block;
text-align: center;
background: #1f3f65;
border-top-right-radius: .5em;
border-top-left-radius: .5em;
height: 1.5em;
padding: 0;
margin-top: 0;
margin-bottom: 0;
margin-right: auto;
margin-left: auto;
max-width: 30em;
}
#spec5 {
text-align: left;
display: inline-block;
font-size: 1rem;
color: #ffffff;
line-height: 1.2em;
width: 55%;
}
#spec6 {
text-align: left;
display: inline-block;
font-size: 1rem;
color: #ffffff;
width: 10%;
}
#spec7 {
 text-align: left;
display: inline-block;
font-size: 1rem;
color: #ffffff;
width: 10% ;
}
#discHead {
 text-align: left;
display: inline-block;
font-size: 1rem;
color: #ffffff;
width: 10% ;
}
.compRow {
position: relative;
display: block;
padding: 0;
margin: 0;
height: .75em;
width: 100%;
}
.PComone, .Discount  {
display: inline-block;
text-align: left;
appearance: none;
-webkit-writing-mode: horizontal-tb;
background: rgba(31, 63, 101, .035);
border-radius: 3px;
border: 0px;
cursor: text;
outline: none;
text-transform: capitalize;
text-decoration: none;
box-sizing: border-box;
margin:  0;
padding: 0;
height: auto;
line-height: 0;
width: 10%;
max-width: 10%;
}
#comp1, #disc1, #comp2, #disc2, #comp3, #disc3, #comp4, #disc4, 
#comp5, #disc5, #comp6, #disc6, #comp7, #disc7, #comp8, #disc8, 
#comp9, #disc9, #comp10, #disc10, #comp11, #disc11, #comp12, 
#disc12, #comp13, #disc13, #comp14, #disc14, #comp15, #disc15, 
#comp16, #disc16 {
display: inline-block;
text-align: left;
appearance: none;
-webkit-writing-mode: horizontal-tb;
color: #000000;
background: rgba(31, 63, 101, .015);
border: 0px dotted rgba(31, 63, 101, .5);
border-radius: .25em;
cursor: text;
outline: none;
text-transform: capitalize;
text-decoration: none;
box-sizing: border-box;
margin:  0;
padding: .25em .5em;
height: auto;
line-height: 0;
width: 100%;
}
#spec7B {
 text-align: left;
display: inline-block;
font-size: 1rem;
color: #ffffff;
width: 10%;
}
#spec7C {
 text-align: left;
display: inline-block;
font-size: 1rem;
color: #ffffff;
width: 10%;
}
.pName {
text-align: left;
display: inline-block;
font-size: .85rem;
color: #1f3f65;
font-weight: 600;
padding: 0;
line-height: 1.2em;
width: 55%;
}
.PCost {
text-align: left;
display: inline-block;
font-size: .85rem;
color: #1f3f65;
font-weight: 600;
line-height: 1.2em;
width: 10%;
}
.comp {
text-align: left;
display: inline-block;
font-size: .85rem;
color: #1f3f65;
font-weight: 600;
line-height: 1.2em;
width: 10%;
}
.disc {
text-align: left;
display: inline-block;
font-size: .85rem;
color: #1f3f65;
font-weight: 600;
line-height: 1.2em;
width: 10%;
}
.PCom {
text-align: left;
display: inline-block;
line-height: 1em;
font-size: .85rem;
color: #1f3f65;
font-weight: 600;
width: 10%;
}
.discVal {
text-align: left;
display: inline-block;
font-size: .85rem;
color: #1f3f65;
font-weight: 600;
line-height: 1em;
width: 10%;
}
.AmbassadorInfo {
display: block;
text-align: center;
border-radius: .5em;
line-height: 1.5em;
padding: 0 .5em;
margin-bottom: 2em;
width: 100%;
}
.AmbassadorInfo p {
display: block;
text-align: center;
font-size: .85rem;
color: #1f3f65;
border-radius: .5em;
line-height: 1.5em;
padding: 0 .5em;
margin-bottom: 1em;
width: 100%;
}

.AmbassadorInfo .inner {
border-radius: .5em;
margin-right: auto;
margin-left: auto;
width: 60.5em;
max-width: 100%;
}
input#ambassfname, input#ambasslname, input#ambassemail, 
input#ambassphone {
height: 2.5em;
text-transform: capitalize;
width: calc(25% - .5em);
}
input#ambassstreet {
height: 2.5em;
width: calc(40% - .5em);
}
input#ambasscity, input#ambassstate, input#ambasszip {
height: 2.5em;
text-transform: capitalize;
width: calc(20% - .45em);
}
a#danbar-ambassador {
display: block;
position: relative;
text-align: center;
font-size: 1em;
color: #ffffff;
background: #1F3F6D;
border: 0px solid rgba(20, 40, 64, .4);
box-shadow: inset 0px 0px 15px 3px rgba(255, 255, 255, .5);
border-radius: 6px;
text-transform: capitalize;
text-decoration: none;
letter-spacing: 1px;
line-height: 1.5em;
padding: .25em 0;
margin-left: .2em;
margin-top: 1em;
margin-bottom: 1em;
max-width: 100px;
}

/********************four***********************/

.topheading3 h2 {
text-align: center;
font-size: 1.75em;
color: #1f3f65;
line-height: 1.25em;
text-transform: capitalize;
padding: .5em 1.5em .5em 1.5em;
margin-right: auto;
margin-left: auto;
}
.topheading3 p {
text-align: center;
font-size: 1em;
color: #1f3f65;
line-height: 1.5em;
margin-right: auto;
margin-left: auto;
margin-bottom: 2em;
max-width: 780px;
}
.topheading3 p span {
font-weight: 800;
}
.orderingnoticefour  {
text-align: center;
padding: 0;
margin-bottom: 2em;
}
.orderingnoticefour h3 {
font-size: 1.5em;
color: #1f3f65;
font-weight: 600;
line-height: 1.25em;
border-radius: 1em;
padding: 0;
margin-top: 0;
margin-bottom: .5em;
margin-right: auto;
margin-left: auto;
max-width: 25em;
}
.orderingnoticefour p {
text-align: center;
font-size: 1.25em;
color: #1f3f65;
line-height: 1.5em;
margin-bottom: 1em;
margin-right: auto;
margin-left: auto;
max-width: 61em;
}
.TotalSales {
display: block;
text-align: center;
background: #1f3f65;
border-top-right-radius: .5em;
border-top-left-radius: .5em;
line-height: 1.5em;
padding: 0;
margin-top: 0;
margin-bottom: 0;
margin-right: auto;
margin-left: auto;
width: 100%;
}
#spec8 {
text-align: left;
display: inline-block;
font-size: 1rem;
color: #ffffff;
line-height: 1.2em;
width: 25%;
}
#spec9 {
text-align: left;
display: inline-block;
font-size: 1rem;
color: #ffffff;
width: 40%;
}
#spec10 {
 text-align: left;
display: inline-block;
font-size: 1rem;
color: #ffffff;
width: 10% ;
}
#spec11 {
 text-align: left;
display: inline-block;
font-size:1rem;
color: #ffffff;
width: 15%;
}
.TResults
.TCustomer {
text-align: left;
display: inline-block;
font-size: .85rem;
color: #1f3f65;
font-weight: 600;
padding: 0;
line-height: 1.2em;
width: 25%;
}
.TPurchases {
text-align: left;
display: inline-block;
font-size: .85rem;
color: #1f3f65;
font-weight: 600;
line-height: 1.2em;
width: 40%;
}
.TAmount {
text-align: left;
display: inline-block;
font-size: .85rem;
color: #1f3f65;
font-weight: 600;
width: 10%;
}
.TDate {
text-align: left;
display: inline-block;
font-size: .85rem;
color: #1f3f65;
font-weight: 600;
width: 15%;
}


/*************************five*********************************/

.orderingnoticefive {
text-align: center;
padding: .5em;
margin-bottom: 2em;
}
.orderingnoticefive h3 {
font-size: 1.5em;
color: #1f3f65;
font-weight: 600;
line-height: 1.25em;
border-radius: 1em;
padding: 0;
margin-top: 0;
margin-bottom: .5em;
margin-right: auto;
margin-left: auto;
max-width: 25em;
}
.orderingnoticefive p {
text-align: center;
font-size: .85rem;
color: #1f3f65;
line-height: 1.5em;
margin-bottom: 1em;
margin-right: auto;
margin-left: auto;
max-width: 61em;
}
.sales {
display: block;
text-align: center;
line-height: 1.5em;
margin-right: auto;
margin-left: auto;
max-width: 60em;
}
.AmHead {
display: block;
text-align: left;
background: #1f3f65;
border-top-right-radius: .5em;
border-top-left-radius: .5em;
line-height: 2em;
padding: 0 0 0 1em;
margin-top: 0;
margin-bottom: 0;
width: 100%;
}
.sales .inner  {
text-align: left;
background: rgba(31, 63, 101, .05);
border-bottom: 1px dotted rgba(31, 63, 101, .2);
line-height: 2em;
padding: 0 0 0 1em;
width: 100%;
}
#spec12 {
display: inline-block;
font-size: 1rem;
color: #ffffff;
line-height: 1.2em;
width: 15%;
}
.AmbassadorName {
display: inline-block;
font-size: .85rem;
color: #1f3f65;
font-weight: 600;
line-height: 1em;
width: 15%;
}
#spec13 {
display: inline-block;
font-size: 1rem;
color: #ffffff;
width: 14%;
}
.PCode {
display: inline-block;
font-size: .85rem;
color: #1f3f65;
font-weight: 600;
line-height: 1em;
width: 15%;
}
#spec14 {
display: inline-block;
font-size: 1rem;
color: #ffffff;
width: 34.5%;
}
.AmPurchases {
display: inline-block;
font-size: .85rem;
color: #1f3f65;
font-weight: 600;
line-height: 1em;
width: 35%;
}
#spec15 {
display: inline-block;
font-size: 1rem;
color: #ffffff;
width: 8% ;
}
.AmAmount {
display: inline-block;
font-size: .85rem;
color: #1f3f65;
font-weight: 600;
line-height: 1em;
width: 8%;
}
#spec16 {
display: inline-block;
font-size:1rem;
color: #ffffff;
width: 9%;
}
.AmCom {
display: inline-block;
font-size: .85rem;
color: #1f3f65;
font-weight: 600;
line-height: 1em;
width: 10%;
}
#spec17 {
display: inline-block;
font-size:1rem;
color: #ffffff;
width: 10%;
}
.AmDate {
display: inline-block;
font-size: .85rem;
color: #1f3f65;
font-weight: 600;
line-height: 1em;
width: 10%;
}

#sensitivityTesting {
padding: 0 0 3em 0;
margin-right: auto;
margin-left: auto;
max-width: 45em;
}
@media screen and (max-width: 1600px) {

#main {
max-width: 70em;
}
}

@media screen and (max-width: 1280px) {

img#logotwo {
margin-top: -5em;
width: 90px;
}
.topheading h2 {
font-size: 2.75rem;
}
.topheading h2 span {
font-size: 1.75rem;
}
.topheading p {
font-size: 1rem;
}
#main {
max-width: 65em;
}
}
@media screen and (max-width: 980px) {

.topheading h2 {
font-size: 2.25rem;
}
.topheading h2 span {
font-size: 1.25rem;
}
img#logotwo {
margin-top: -3.5em;
width: 80px;
}
.orderingnotice p {
text-align: justify;
font-size: 1rem;
line-height: 1.5em;
}
#spec1 {
font-size: .85rem;
width: 20%;
}
.aCustomer {
font-size: .8rem;
width: 20%;
}
#spec2 {
font-size: .85rem;
width: 40%;
}
.aPurchases {
font-size: .8rem;
width: 40%;
}
#spec3 {
font-size: .85rem;
width: 10% ;
}
.aAmount {
font-size: .8rem;
width: 10%;
}
#spec4 {
font-size: .85rem;
width: 10%;
}
.aCom {
font-size: .8rem;
width: 10%;
}



#spec5 {
font-size: .85rem;
width: 37%;
}
.pName {
font-size: .8rem;
width: 37%;
}
#spec6 {
font-size: .85rem;
width: 10%;
}
.PCost {
font-size: .8rem;
line-height: 1.2em;
width: 10%;
}
#spec7 {
font-size: .85rem;
width: 10% ;
}
#discHead {
font-size: .85rem;
}
#spec7B {
font-size: .85rem;
}
.PComone {
font-size: .85rem;
}
#spec7C {
font-size: .85rem;
}
#PComtwo {
font-size: .85rem;
}


#spec8 {
font-size: .85rem;
width: 25%;
}
#spec9 {
font-size: .85rem;
width: 40%;
}
#spec10 {
font-size: .85rem;
width: 10% ;
}
#spec11 {
font-size: .85rem;
width: 15%;
}



#spec12, .AmbassadorName {
font-size: .8rem;
}
#spec13, .PCode {
font-size: .8rem;
}
#spec14, .AmPurchases {
font-size: .8rem;
}
#spec15, .AmAmount {
font-size: .8rem;
}
#spec16, .AmCom {
font-size: .8rem;
}
#spec17, .AmDate {
font-size: .8rem;
}
}

@media screen and (max-width: 736px) {

input#ambassfname, input#ambasslname, input#ambassemail {
height: 2.5em;
width: calc(50% - .5em);
}
input#ambassstreet {
height: 2.5em;
width: calc(100% - .5em);
}
 input#ambassphone {
height: 2.5em;
width: calc(50% - .5em);
}
input#ambasscity, input#ambassstate, input#ambasszip {
height: 2.5em;
width: calc(33.333% - .4em);
}
#spec5 {
font-size: .85rem;
margin-left: 1em;
width: 55%;
}
.pName {
line-height: 1em;
width: 55%;
}

input#sname, input#snameAll {
max-width: 13em;
}
input#atotal {
max-width: 7em;
}
img#logotwo {
margin-top: -2.5em;
width: 60px;
}
.topheading h2 {
font-size: 2rem;
}
.topheading h2 span {
font-size: 1.25rem;
}
.topheading p {
font-size: 1em;
max-width: 530px;
}
.orderingnotice h2 {
font-size: 2em;
margin-bottom: 1em;
}
.health {
text-align: center;
font-size: 1.5em;
line-height: 1.5em;
}
.orderingnotice p {
font-size: .85em;
}
#sensitivityTesting {
padding: 0 .25em;
}
.topheading h2 {
font-size: 1.75rem;
}
.topheading h2 span {
font-size: 1.15rem;
}
.topheading2 h3 {
text-align: center;
font-size: 1.25em;
}
#spec1 {
font-size: .8rem;
width: 20%;
}
#spec2 {
font-size: .8rem;
width: 40%;
}
#spec3 {
font-size: .8rem;
width: 8% ;
}
#spec4 {
font-size: .8rem;
width: 10%;
}
#spec4-2 {
font-size: .8rem;
width: 12%;
}
.aCustomer {
font-size: .8rem;
width: 20%;
}
.aPurchases {
font-size: .8rem;
width: 40%;
}
.aAmount {
font-size: .8rem;
width: 8%;
}
.aCom {
font-size: .8rem;
width: 10%;
}
.aDate {
font-size: .8rem;
width: 12%;
}
.aPurchases {
vertical-align: middle;
}
}
@media screen and (max-width: 690px) {

.AmPurchases {
vertical-align: middle;
}
}
@media screen and (max-width: 670px) {
.AmbassadorName {
vertical-align: middle;
}
}
@media screen and (max-width:600px) {

.topheading h2 {
font-size: 2.5rem;
}
.topheading h2 span {
font-size: 1.25rem;
}
.AmHead {
line-height: 1.25em;
padding: .15em 0 .15em 1em;
}
.sales .inner {
line-height: 1.3em;
}
.AmPurchases, .AmbassadorName {
vertical-align: middle;
}
#spec12, .AmbassadorName{
font-size: .75rem;
width: 25%;
}
#spec13 {
font-size: .75rem;
width: 24%;
}
.PCode {
font-size: .75rem;
width: 26%;
}
#spec14 {
font-size: .75rem;
width: 40%;
}
.AmPurchases {
font-size: .75rem;
width: 40%;
}
#spec15, .AmAmount{
font-size: .75rem;
width: 25%;
}
#spec16 {
font-size: .75rem;
width: 25%;
}
.AmCom {
font-size: .75rem;
width: 26%;
}
#spec16 {
font-size: .75rem;
width: 24%;
}
.AmDate {
font-size: .75rem;
width: 25%;
}
}
@media screen and (max-width:550px) {



.aCustomer {
vertical-align: middle;
}
input#sname, input#atotal, input#alltime, input#everything, input#cmonth {
max-width: 8em;
}
 input#snameAll {
max-width: 10em;
}
img#logotwo {
margin-top: -2em;
width: 50px;
}
.topheading h2 {
font-size: 2.3rem;
padding: 0 1.5em 0 1.5em;
}
.topheading h2 span {
font-size: 1.25rem;
padding: .25em .5em 1em .5em;
}
.topheading2 h2 {
font-size: 2.25em;
}
.topheading p {
text-align: justify;
font-size: 1em;
line-height: 1.35em;
padding: 0;
}
input#ambasscity, input#ambassstate, input#ambasszip {
height: 2.5em;
width: calc(33.333% - .35em);
}
.PCom {
width: 12%;
}
#discHead {
width: 12%;
}
#spec5 {
width: 53%;
}
.pName {
width: 53%;
}
}
@media screen and (max-width: 450px) {
.topheading h2 {
font-size: 2rem;
}
.topheading h2 span {
font-size: 1.25rem;
}
}



.container {
margin: 0 auto;
max-width: 100%;
width: 75em;
}
.welcomePage .container, .assessmentPage .container {
width: 68em;
}
#about-program {
padding: 0;
}
#testimonials img {
position: relative;
display: block;
border-radius: 100%;
border: 1px solid #ffffff;
box-shadow: 0px 6px 15px rgba(0, 0, 0, .15);
margin-right: auto;
margin-left: auto;
max-width: 300px;
}
img#happy {
width: 100%;
}
#testimonials {
padding: 6em 0 0 0;
}
.testimonials  {
position: relative;
display: block;
margin-right: auto;
margin-left: auto;
max-width: 900px;
}
#testimonials h2.major {
    position: relative;
    border-top: solid 2px #1f3f65;
    font-size: 1.65em;
    text-align: center;
    margin: 1em 0 3em 0;
    top: 0.775em;
}
#testimonials h2.major span {
    position: relative;
    display: inline-block;
    font-size: 1.5em;
    color: #1f3f65;
    line-height: 1.25em;
    background: #ffffff;
    border-radius: 100%;
    top: -0.75em;
    padding: 0 .5em 0 .5em;
    max-width: 500px;
}
.testimonials h3 {
text-align: left;
font-size: 1.25em;
color: #ffffff;
padding: 0 0 1em 0;
}
.testimonials p {
text-align: justify;
font-size: 1em;
color: #ffffff;
line-height: 1.5em;
}
input[type="button"], input[type="submit"], input[type="reset"], button Danbar, .button.Danbar {
display: block;
position: relative;
text-align: center;
font-size: 1em;
color: rgba(255, 255, 255, 1);
background: #1f3f65;
border-radius: 15%;
border-top: 4px solid #abc3df;
border-bottom: 4px solid #abc3df;
cursor: pointer;
text-transform: none;
padding: .5em 1em;
margin-top: 4em;
margin-bottom: 2em;
margin-right: auto;
margin-left: auto;
width: 350px;
z-index: 2;
}
.button.Danbar:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
.Danbartab {
display: none;
margin-bottom: 2em;
}
.Danbartab span {
margin-right: 1em;
}
.Danbartab b {
font-size: .7em;
margin-left: 2px;
}
.Danbartab p {
text-align: justify;
display: block;
color: #1f3f65;
padding: 1em 0 0 0;
margin-bottom: 0;
margin-right: auto;
margin-left: auto;
max-width: 100%;
}
.Danbar h3 {
text-align: center;
padding: 0 2em;
margin-top: 1em;
}
@media screen and (max-width: 1680px) {

.container {
width: 75em;
}
}

@media screen and (max-width: 1280px) {

.container {
width: calc(100% - 100px);
}
img#logo {
margin-top: -6em;
width: 130px;
}
}

@media screen and (max-width: 980px) {

#main {
border-top-width: 0;
}
.container {
width: calc(100% - 100px);
}
img#logo {
margin-top: -4em;
width: 100px;
}
#testimonials img {
max-width: 200px;
}
}

@media screen and (max-width: 736px) {

.container {
width: calc(100% - 40px);
}
#testimonials h2.major span {
font-size: 1em;
max-width: 350px;
}
#testimonials img {
max-width: 130px;
}
img#logo {
margin-top: -2.5em;
width: 80px;
}
}
@media screen and (max-width: 550px) {


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

.container {
width: calc(100% - 30px);
}
}


/* Row */

.row {
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
align-items: stretch;
}
 .row > * {box-sizing: border-box;}.row.gtr-uniform > * > :last-child {margin-bottom: 0;}.row.aln-left {justify-content: flex-start;}.row.aln-center {justify-content: center;}.row.aln-right {justify-content: flex-end;}.row.aln-top {align-items: flex-start;}.row.aln-middle {align-items: center;}.row.aln-bottom {align-items: flex-end;}.row > .imp {order: -1;}.row > .col-1 {width: 8.33333%;}.row > .off-1 {margin-left: 8.33333%;}.row > .col-2 {width: 16.66667%;}.row > .off-2 {margin-left: 16.66667%;}.row > .col-3 {width: 30%;}.row > .off-3 {margin-left: 25%;}.row > .col-4 {width: 33.33333%;}.row > .off-4 {margin-left: 33.33333%;}.row > .col-5 {width: 41.66667%;}.row > .off-5 {margin-left: 41.66667%;}.row > .col-6 {width: 50%;}.row > .off-6 {margin-left: 50%;}.row > .col-7 {width: 58.33333%;}.row > .off-7 {margin-left: 58.33333%;}.row > .col-8 {width: 66.66667%;}.row > .off-8 {margin-left: 66.66667%;}.row > .col-9 {width: 70%;}.row > .off-9 {margin-left: 75%;}.row > .col-10 {width: 83.33333%;}.row > .off-10 {margin-left: 83.33333%;}.row > .col-11 {width: 91.66667%;}.row > .off-11 {margin-left: 91.66667%;}.row > .col-12 {width: 100%;}.row > .off-12 {margin-left: 100%;}.row.gtr-0 {margin-top: 0px;margin-left: 0px;}.row.gtr-0 > * {padding: 0px 0 0 0px;}.row.gtr-0.gtr-uniform {margin-top: 0px;}.row.gtr-0.gtr-uniform > * {padding-top: 0px;}.row.gtr-25 {margin-top: -12.5px;margin-left: -12.5px;}.row.gtr-25 > * {padding: 12.5px 0 0 12.5px;}.row.gtr-25.gtr-uniform {margin-top: -12.5px;}.row.gtr-25.gtr-uniform > * {padding-top: 12.5px;}.row.gtr-50 {margin-top: -25px;margin-left: -25px;}.row.gtr-50 > * {padding: 25px 0 0 25px;}.row.gtr-50.gtr-uniform {margin-top: -25px;}.row.gtr-50.gtr-uniform > * {padding-top: 25px;}.row {margin-top: -50px;margin-left: -50px;}.row > * {padding: 50px 0 0 50px;}.row.gtr-uniform {margin-top: -50px;}.row.gtr-uniform > * {padding-top: 50px;}.row.gtr-150 {margin-top: -75px;margin-left: -75px;}.row.gtr-150 > * {padding: 75px 0 0 75px;}.row.gtr-150.gtr-uniform {margin-top: -75px;}.row.gtr-150.gtr-uniform > * {padding-top: 75px;}.row.gtr-200 {margin-top: -100px;margin-left: -100px;}.row.gtr-200 > * {padding: 60px 0 0 100px;}.row.gtr-200.gtr-uniform {margin-top: -100px;}.row.gtr-200.gtr-uniform > * {padding-top: 100px;}@media screen and (max-width: 1680px) {.row {display: flex;flex-wrap: wrap;box-sizing: border-box;align-items: stretch;}.row > * {box-sizing: border-box;}.row.gtr-uniform > * > :last-child {margin-bottom: 0;}.row.aln-left {justify-content: flex-start;}.row.aln-center {justify-content: center;}.row.aln-right {justify-content: flex-end;}.row.aln-top {align-items: flex-start;}.row.aln-middle {align-items: center;}.row.aln-bottom {align-items: flex-end;}.row > .imp-xlarge {order: -1;}.row > .col-1-xlarge {width: 8.33333%;}.row > .off-1-xlarge {margin-left: 8.33333%;}.row > .col-2-xlarge {width: 16.66667%;}.row > .off-2-xlarge {margin-left: 16.66667%;}.row > .col-3-xlarge {width: 25%;}.row > .off-3-xlarge {margin-left: 25%;}.row > .col-4-xlarge {width: 33.33333%;}.row > .off-4-xlarge {margin-left: 33.33333%;}.row > .col-5-xlarge {width: 41.66667%;}.row > .off-5-xlarge {margin-left: 41.66667%;}.row > .col-6-xlarge {width: 50%;}.row > .off-6-xlarge {margin-left: 50%;}.row > .col-7-xlarge {width: 58.33333%;}.row > .off-7-xlarge {margin-left: 58.33333%;}.row > .col-8-xlarge {width: 66.66667%;}.row > .off-8-xlarge {margin-left: 66.66667%;}.row > .col-9-xlarge {width: 75%;}.row > .off-9-xlarge {margin-left: 75%;}.row > .col-10-xlarge {width: 83.33333%;}.row > .off-10-xlarge {margin-left: 83.33333%;}.row > .col-11-xlarge {width: 91.66667%;}.row > .off-11-xlarge {margin-left: 91.66667%;}.row > .col-12-xlarge {width: 100%;}.row > .off-12-xlarge {margin-left: 100%;}.row.gtr-0 {margin-top: 0px;margin-left: 0px;}.row.gtr-0 > * {padding: 0px 0 0 0px;}.row.gtr-0.gtr-uniform {margin-top: 0px;}.row.gtr-0.gtr-uniform > * {padding-top: 0px;}.row.gtr-25 {margin-top: -12.5px;margin-left: -12.5px;}.row.gtr-25 > * {padding: 12.5px 0 0 12.5px;}.row.gtr-25.gtr-uniform {margin-top: -12.5px;}.row.gtr-25.gtr-uniform > * {padding-top: 12.5px;}.row.gtr-50 {margin-top: -25px;margin-left: -25px;}.row.gtr-50 > * {padding: 25px 0 0 25px;}.row.gtr-50.gtr-uniform {margin-top: -25px;}.row.gtr-50.gtr-uniform > * {padding-top: 25px;}.row {margin-top: -50px;margin-left: -50px;}.row > * {padding: 50px 0 0 50px;}.row.gtr-uniform {margin-top: -50px;}.row.gtr-uniform > * {padding-top: 50px;}.row.gtr-150 {margin-top: -75px;margin-left: -75px;}.row.gtr-150 > * {padding: 75px 0 0 75px;}.row.gtr-150.gtr-uniform {margin-top: -75px;}.row.gtr-150.gtr-uniform > * {padding-top: 75px;}.row.gtr-200 {margin-top: -100px;margin-left: -100px;}.row.gtr-200 > * {padding: 70px 0 0 100px;}.row.gtr-200.gtr-uniform {margin-top: -100px;}.row.gtr-200.gtr-uniform > * {padding-top: 100px;}}@media screen and (max-width: 1280px) {.row {display: flex;flex-wrap: wrap;box-sizing: border-box;align-items: stretch;}.row > * {box-sizing: border-box;}.row.gtr-uniform > * > :last-child {margin-bottom: 0;}.row.aln-left {justify-content: flex-start;}.row.aln-center {justify-content: center;}.row.aln-right {justify-content: flex-end;}.row.aln-top {align-items: flex-start;}.row.aln-middle {align-items: center;}.row.aln-bottom {align-items: flex-end;}.row > .imp-large {order: -1;}.row > .col-1-large {width: 8.33333%;}.row > .off-1-large {margin-left: 8.33333%;}.row > .col-2-large {width: 16.66667%;}.row > .off-2-large {margin-left: 16.66667%;}.row > .col-3-large {width: 25%;}.row > .off-3-large {margin-left: 25%;}.row > .col-4-large {width: 33.33333%;}.row > .off-4-large {margin-left: 33.33333%;}.row > .col-5-large {width: 41.66667%;}.row > .off-5-large {margin-left: 41.66667%;}.row > .col-6-large {width: 50%;}.row > .off-6-large {margin-left: 50%;}.row > .col-7-large {width: 58.33333%;}.row > .off-7-large {margin-left: 58.33333%;}.row > .col-8-large {width: 66.66667%;}.row > .off-8-large {margin-left: 66.66667%;}.row > .col-9-large {width: 75%;}.row > .off-9-large {margin-left: 75%;}.row > .col-10-large {width: 83.33333%;}.row > .off-10-large {margin-left: 83.33333%;}.row > .col-11-large {width: 91.66667%;}.row > .off-11-large {margin-left: 91.66667%;}.row > .col-12-large {width: 100%;}.row > .off-12-large {margin-left: 100%;}.row.gtr-0 {margin-top: 0px;margin-left: 0px;}.row.gtr-0 > * {padding: 0px 0 0 0px;}.row.gtr-0.gtr-uniform {margin-top: 0px;}.row.gtr-0.gtr-uniform > * {padding-top: 0px;}.row.gtr-25 {margin-top: -10px;margin-left: -10px;}.row.gtr-25 > * {padding: 10px 0 0 10px;}.row.gtr-25.gtr-uniform {margin-top: -10px;}.row.gtr-25.gtr-uniform > * {padding-top: 10px;}.row.gtr-50 {margin-top: -20px;margin-left: -20px;}.row.gtr-50 > * {padding: 20px 0 0 20px;}.row.gtr-50.gtr-uniform {margin-top: -20px;}.row.gtr-50.gtr-uniform > * {padding-top: 20px;}.row {margin-top: -40px;margin-left: -40px;}.row > * {padding: 40px 0 0 40px;}.row.gtr-uniform {margin-top: -40px;}.row.gtr-uniform > * {padding-top: 40px;}.row.gtr-150 {margin-top: -60px;margin-left: -60px;}.row.gtr-150 > * {padding: 60px 0 0 60px;}.row.gtr-150.gtr-uniform {margin-top: -60px;}.row.gtr-150.gtr-uniform > * {padding-top: 60px;}.row.gtr-200 {margin-top: -80px;margin-left: -80px;}.row.gtr-200 > * {padding: 50px 0 0 80px;}.row.gtr-200.gtr-uniform {margin-top: -80px;}.row.gtr-200.gtr-uniform > * {padding-top: 80px;}}@media screen and (max-width: 980px) {.row {display: flex;flex-wrap: wrap;box-sizing: border-box;align-items: stretch;}.row > * {box-sizing: border-box;}.row.gtr-uniform > * > :last-child {margin-bottom: 0;}.row.aln-left {justify-content: flex-start;}.row.aln-center {justify-content: center;}.row.aln-right {justify-content: flex-end;}.row.aln-top {align-items: flex-start;}.row.aln-middle {align-items: center;}.row.aln-bottom {align-items: flex-end;}.row > .imp-medium {order: -1;}.row > .col-1-medium {width: 8.33333%;}.row > .off-1-medium {margin-left: 8.33333%;}.row > .col-2-medium {width: 16.66667%;}.row > .off-2-medium {margin-left: 16.66667%;}.row > .col-3-medium {width: 25%;}.row > .off-3-medium {margin-left: 25%;}.row > .col-4-medium {width: 33.33333%;}.row > .off-4-medium {margin-left: 33.33333%;}.row > .col-5-medium {width: 41.66667%;}.row > .off-5-medium {margin-left: 41.66667%;}.row > .col-6-medium {width: 50%;}.row > .off-6-medium {margin-left: 50%;}.row > .col-7-medium {width: 58.33333%;}.row > .off-7-medium {margin-left: 58.33333%;}.row > .col-8-medium {width: 66.66667%;}.row > .off-8-medium {margin-left: 66.66667%;}.row > .col-9-medium {width: 75%;}.row > .off-9-medium {margin-left: 75%;}.row > .col-10-medium {width: 83.33333%;}.row > .off-10-medium {margin-left: 83.33333%;}.row > .col-11-medium {width: 91.66667%;}.row > .off-11-medium {margin-left: 91.66667%;}.row > .col-12-medium {width: 50%;}.row > .off-12-medium {margin-left: 100%;}.row.gtr-0 {margin-top: 0px;margin-left: 0px;}.row.gtr-0 > * {padding: 0px 0 0 0px;}.row.gtr-0.gtr-uniform {margin-top: 0px;}.row.gtr-0.gtr-uniform > * {padding-top: 0px;}.row.gtr-25 {margin-top: -12.5px;margin-left: -12.5px;}.row.gtr-25 > * {padding: 12.5px 0 0 12.5px;}.row.gtr-25.gtr-uniform {margin-top: -12.5px;}.row.gtr-25.gtr-uniform > * {padding-top: 12.5px;}.row.gtr-50 {margin-top: -25px;margin-left: -25px;}.row.gtr-50 > * {padding: 25px 0 0 25px;}.row.gtr-50.gtr-uniform {margin-top: -25px;}.row.gtr-50.gtr-uniform > * {padding-top: 25px;}.row {margin-top: -50px;margin-left: -50px;}.row > * {padding: 50px 0 0 50px;}.row.gtr-uniform {margin-top: -50px;}.row.gtr-uniform > * {padding-top: 50px;}.row.gtr-150 {margin-top: -75px;margin-left: -75px;}.row.gtr-150 > * {padding: 75px 0 0 75px;}.row.gtr-150.gtr-uniform {margin-top: -75px;}.row.gtr-150.gtr-uniform > * {padding-top: 75px;}.row.gtr-200 {margin-top: -100px;margin-left: -100px;}.row.gtr-200 > * {padding: 70px 0 0 100px;}.row.gtr-200.gtr-uniform {margin-top: -100px;}.row.gtr-200.gtr-uniform > * {padding-top: 100px;}}@media screen and (max-width: 736px) {.row {display: flex;flex-wrap: wrap;box-sizing: border-box;align-items: stretch;}.row > * {box-sizing: border-box;}.row.gtr-uniform > * > :last-child {margin-bottom: 0;}.row.aln-left {justify-content: flex-start;}.row.aln-center {justify-content: center;}.row.aln-right {justify-content: flex-end;}.row.aln-top {align-items: flex-start;}.row.aln-middle {align-items: center;}.row.aln-bottom {align-items: flex-end;}.row > .imp-small {order: -1;}.row > .col-1-small {width: 8.33333%;}.row > .off-1-small {margin-left: 8.33333%;}.row > .col-2-small {width: 16.66667%;}.row > .off-2-small {margin-left: 16.66667%;}.row > .col-3-small {width: 25%;}.row > .off-3-small {margin-left: 25%;}.row > .col-4-small {width: 33.33333%;}.row > .off-4-small {margin-left: 33.33333%;}.row > .col-5-small {width: 41.66667%;}.row > .off-5-small {margin-left: 41.66667%;}.row > .col-6-small {width: 50%;}.row > .off-6-small {margin-left: 50%;}.row > .col-7-small {width: 58.33333%;}.row > .off-7-small {margin-left: 58.33333%;}.row > .col-8-small {width: 66.66667%;}.row > .off-8-small {margin-left: 66.66667%;}.row > .col-9-small {width: 75%;}.row > .off-9-small {margin-left: 75%;}.row > .col-10-small {width: 83.33333%;}.row > .off-10-small {margin-left: 83.33333%;}.row > .col-11-small {width: 91.66667%;}.row > .off-11-small {margin-left: 91.66667%;}.row > .off-12-small {margin-left: 100%;}.row.gtr-0 {margin-top: 0px;margin-left: 0px;}.row.gtr-0 > * {padding: 0px 0 0 0px;}.row.gtr-0.gtr-uniform {margin-top: 0px;}.row.gtr-0.gtr-uniform > * {padding-top: 0px;}.row.gtr-25 {margin-top: -5px;margin-left: -5px;}.row.gtr-25 > * {padding: 5px 0 0 5px;}.row.gtr-25.gtr-uniform {margin-top: -5px;}.row.gtr-25.gtr-uniform > * {padding-top: 5px;}.row.gtr-50 {margin-top: -10px;margin-left: -10px;}.row.gtr-50 > * {padding: 10px 0 0 10px;}.row.gtr-50.gtr-uniform {margin-top: -10px;}.row.gtr-50.gtr-uniform > * {padding-top: 10px;}.row {margin-top: -20px;margin-left: -20px;}.row > * {padding: 20px 0 0 20px;}.row.gtr-uniform {margin-top: -20px;}.row.gtr-uniform > * {padding-top: 20px;}.row.gtr-150 {margin-top: -30px;margin-left: -30px;}.row.gtr-150 > * {padding: 30px 0 0 30px;}.row.gtr-150.gtr-uniform {margin-top: -30px;}.row.gtr-150.gtr-uniform > * {padding-top: 30px;}.row.gtr-200 {margin-top: -40px;margin-left: -40px;}.row.gtr-200 > * {padding: 10px 0 0 40px;}.row.gtr-200.gtr-uniform {margin-top: -40px;}.row.gtr-200.gtr-uniform > * {padding-top: 40px;}}@media screen and (max-width: 600px) {.row > .col-12-small {width: 100%;}}@media screen and (max-width: 360px) {.row {display: flex;flex-wrap: wrap;box-sizing: border-box;align-items: stretch;}.row > * {box-sizing: border-box;}.row.gtr-uniform > * > :last-child {margin-bottom: 0;}.row.aln-left {justify-content: flex-start;}.row.aln-center {justify-content: center;}.row.aln-right {justify-content: flex-end;}.row.aln-top {align-items: flex-start;}.row.aln-middle {align-items: center;}.row.aln-bottom {align-items: flex-end;}.row > .imp-xsmall {order: -1;}.row > .col-1-xsmall {width: 8.33333%;}.row > .off-1-xsmall {margin-left: 8.33333%;}.row > .col-2-xsmall {width: 16.66667%;}.row > .off-2-xsmall {margin-left: 16.66667%;}.row > .col-3-xsmall {width: 25%;}.row > .off-3-xsmall {margin-left: 25%;}.row > .col-4-xsmall {width: 33.33333%;}.row > .off-4-xsmall {margin-left: 33.33333%;}.row > .col-5-xsmall {width: 41.66667%;}.row > .off-5-xsmall {margin-left: 41.66667%;}.row > .col-6-xsmall {width: 50%;}.row > .off-6-xsmall {margin-left: 50%;}.row > .col-7-xsmall {width: 58.33333%;}.row > .off-7-xsmall {margin-left: 58.33333%;}.row > .col-8-xsmall {width: 66.66667%;}.row > .off-8-xsmall {margin-left: 66.66667%;}.row > .col-9-xsmall {width: 75%;}.row > .off-9-xsmall {margin-left: 75%;}.row > .col-10-xsmall {width: 83.33333%;}.row > .off-10-xsmall {margin-left: 83.33333%;}.row > .col-11-xsmall {width: 91.66667%;}.row > .off-11-xsmall {margin-left: 91.66667%;}.row > .col-12-xsmall {width: 100%;}.row > .off-12-xsmall {margin-left: 100%;}.row.gtr-0 {margin-top: 0px;margin-left: 0px;}.row.gtr-0 > * {padding: 0px 0 0 0px;}.row.gtr-0.gtr-uniform {margin-top: 0px;}.row.gtr-0.gtr-uniform > * {padding-top: 0px;}.row.gtr-25 {margin-top: -3.75px;margin-left: -3.75px;}.row.gtr-25 > * {padding: 3.75px 0 0 3.75px;}.row.gtr-25.gtr-uniform {margin-top: -3.75px;}.row.gtr-25.gtr-uniform > * {padding-top: 3.75px;}.row.gtr-50 {margin-top: -7.5px;margin-left: -7.5px;}.row.gtr-50 > * {padding: 7.5px 0 0 7.5px;}.row.gtr-50.gtr-uniform {margin-top: -7.5px;}.row.gtr-50.gtr-uniform > * {padding-top: 7.5px;}.row {margin-top: -15px;margin-left: -15px;}.row > * {padding: 15px 0 0 15px;}.row.gtr-uniform {margin-top: -15px;}.row.gtr-uniform > * {padding-top: 15px;}.row.gtr-150 {margin-top: -22.5px;margin-left: -22.5px;}.row.gtr-150 > * {padding: 22.5px 0 0 22.5px;}.row.gtr-150.gtr-uniform {margin-top: -22.5px;}.row.gtr-150.gtr-uniform > * {padding-top: 22.5px;}.row.gtr-200 {margin-top: -30px;margin-left: -30px;}.row.gtr-200 > * {padding: 30px 0 0 30px;}.row.gtr-200.gtr-uniform {margin-top: -30px;}.row.gtr-200.gtr-uniform > * {padding-top: 30px;}}
/* Image */

.image {
position: relative;
display: inline-block;
border-radius: 8px;
}
video {
width: 100%;
}
.image img {
display: block;
width: 100%;
border-radius: 8px;
}

.image:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
/*background: url("images/overlay.png");*/
border-radius: 8px;
}

.image.fit {
display: block;
width: 100%;
}

.image.featured {
display: block;
width: 100%;
margin: 0 0 2em 0;
}
.image.left {
float: left;
margin: 0 2em 2em 0;
}

.image.centered {
display: block;
margin: 0 0 2em 0;
}

.image.centered img {
margin: 0 auto;
width: auto;
}




/* List */

ul {
list-style: disc;
padding-left: 0;
}

ul li {
padding-left: 0.25em;
padding-right: 0.25em;
}

ol {
list-style: decimal;
padding-left: 1.25em;
}

ol li {
padding-left: 0.25em;
}

/* Divided */

ul.divided {
list-style: none;
padding-left: 0;
}

ul.divided > li {
border-top: solid 2px #e7eae8;
padding-top: 2.35em;
margin-top: 2.35em;
padding-left: 0;
}

ul.divided > li:first-child {
border-top: 0;
padding-top: 0;
margin-top: 0;
}

/* Actions */

ul.actions {
list-style: none;
padding-left: 0;
text-align: center;
margin: 2em 0 0 0;
}

ul.actions li {
display: inline-block;
margin: 0 0 0 1em;
padding-left: 0;
}

ul.actions li:first-child {
margin-left: 0;
}

/* Contact */

ul.contact {
list-style: none;
padding-left: 0;
cursor: default;
}

ul.contact li {
transition: top .15s ease-in-out;
position: relative;
display: inline-block;
margin: 0 0.25em 0 0.25em;
top: 0;
padding-left: 0;
}

ul.contact li a {
transition: background-color .2s ease-in-out;
display: block;
position: relative;
text-align: center;
border-radius: 6px;
font-size: 1.25em;
font-weight: 600;
background: #c1cac5;
width: 165px;
height: 53px;
}
ul.contact li#two a {
transition: background-color .2s ease-in-out;
display: block;
position: relative;
text-align: center;
border-radius: 6px;
font-weight: 600;
background: rgba(31, 63, 101,  1);
width: 48px;
height: 53px;
}

ul.contact li a:before {
color: #f2f5f3;
font-size: 32px;
line-height: 48px;
}

ul.contact li:hover {
top: -5px;
}

ul.contact li:hover a.fa-facebook {
background-color: #3C5A98;
}

ul.contact li:hover a.fa-twitter {
background-color: #2DAAE4;
}

ul.contact li:hover a.fa-dribbble {
background-color: #C4376B;
}

ul.contact li:hover a.fa-linkedin {
background-color: #006599;
}

ul.contact li:hover a.fa-instagram {
background-color: #2E5E86;
}

ul.contact li:hover a.fa-google-plus {
background-color: #DA2713;
}

ul.contact li:active {
top: 0;
}

/* Special */

ul.special {
list-style: none;
padding-left: 0;
cursor: default;
position: relative;
margin: -2em 0 2em 0em;
}

ul.special li {
transition: top .15s ease-in-out;
position: relative;
display: inline-block;
top: 0;
padding: 2em 0 0 .5em;
}

ul.special li a {
display: block;
font-size: .75em;
color: #ffffff;
font-weight: 600;
background: rgba(175, 5, 161, 1);
box-shadow: inset 0px 0px 15px 2px rgba(255, 255, 255, .7), 0px 8px 25px rgba(0, 0, 0, .2);
border-radius: 100%;
text-decoration: none;
line-height: 1.35em;
padding: 2.65em .1em;
width: 125px;
height: 125px;
}
ul.special li span {
display: block;
font-size: 1.25em;
font-weight: 700;
}
ul.special li a:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
ul.special li a:before {
transition: background-color .2s ease-in-out;
display: block;
text-align: center;
background: #c1cac5;
border-radius: 100%;
width: 2.25em;
height: 2.25em;
line-height: 2.175em;
font-size: 5em;
color: #fff;
}

ul.special li:hover {
top: -1em;
}

ul.special li:hover a:before {
background: #b9d2ce;
}

/* Meta */

ul.meta {
font-size: 1em;
color: #a1aaa5;
list-style: none;
padding-left: 0;
}

ul.meta li {
position: relative;
display: inline-block;
color: rgba(31, 63, 101, .75);
margin-left: 1em;
padding-left: 0;
}

ul.meta li a {
color: inherit;
outline: 0;
}

ul.meta li:first-child {
margin-left: 0;
}

ul.meta li:before {
opacity: 0.5;
cursor: default;
margin-right: 0.5em;
}

/* Menu */

ul.menu {
list-style: none;
padding-left: 0;
}

ul.menu li {
border-left: solid 1px #E7EAE8;
display: inline-block;
padding: 0 0 0 0.75em;
margin: 0 0 0 0.75em;
}

ul.menu li:first-child {
border-left: 0;
margin-left: 0;
padding-left: 0;
}

/* Tables */

table {
width: 100%;
}

table.default {
width: 100%;
}

table.default tr {
border-top: solid 2px #E7EAE8;
}

table.default tr:first-child {
border-top: 0;
}

table.default td {
padding: 0.5em 1em 0.5em 1em;
}

table.default th {
text-align: left;
padding: 0.5em 1em 0.5em 1em;
margin: 0 0 1em 0;
color: #6b7770;
}

table.default thead {
background: #E7EAE8;
color: #fff;
}

/* Box */

.box.highlight {
text-align: center;
}

.box.highlight h2 {
font-size: 3em;
margin: 0 0 0.25em 0;
}

.box.highlight header > p {
font-size: 1.65em;
margin: 0 0 1.5em 0;
}

.box.feature {
text-align: center;
}
.boxenvelope {
display: block;
text-align: center;
padding: 0 1em;
margin-right: auto;
margin-left: auto;
max-width: 100%;
width: 35em;
}
.box.feature .boxenvelope p {
text-align:center;
font-size: 1em;
color: #1f3f65;
line-height: 1.35em;
margin: 0 .25em .75em .25em;
}
.box.feature.two {
position: relative;
text-align: center;
display: block;
padding: 0;
margin-bottom: 2em;
margin-right: auto;
margin-left: auto;
max-width: 60em;
}
.box.feature h2 {
text-align: center;
font-size: 2rem;
color: #1f3f65;
font-weight: 600;
line-height: 1.5em;
padding: 0;
margin-bottom: .25em;
margin-top: 0;
}
.box.feature h2 span {
display: block;
text-align: center;
font-size: 1.35rem;
color: #1f3f65;
font-weight: 600;
line-height: 1.5em;
padding: 0;
margin-bottom: 0;
}
.box.feature.two h2 {
text-align:center;
font-size: 1.25em;
color: #1f3f65;
font-weight: 600;
line-height: 1.5em;
margin-bottom: .5em;
}
.box.feature.two a {
position: relative;
display: block;
font-size: .85em;
color: #ffffff;
background: #1f3f65;
text-decoration: none;
cursor: pointer;
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
box-shadow: inset 0px 0px 10px 2px rgba(255, 255, 255, 0);
line-height: .5em;
padding: 2em .25em;
margin-top: -1em;
margin-bottom: 0;
width: 100%;
}
.box.feature a:hover {
box-shadow: inset 0px 0px 10px 2px rgba(255, 255, 255, 0);
}
.box.feature a:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
label {
text-align: center !important;
    display: block;
    font-size:  .8rem;
    color: #1f3f65;
    font-weight: 600;
    letter-spacing: 0px;
    text-align: left;
    line-height: 1.3em;
    padding: .5em 0;
    width: 100%;
}
labeltwo {
text-align: center !important;
    display: block;
    font-size:  .8rem;
    color: #1f3f65;
    font-weight: 800;
    letter-spacing: 0px;
    text-align: left;
    line-height: 1.3em;
    padding: .5em 0;
    width: 100%;
}
.controls {
    display: block;
    position: relative;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}
#fname {
    display: inline-block;
    text-transform: capitalize;
    width: calc(50% -  .25em);
}
#lname {
    display: inline-block;
    text-transform: capitalize;
    width: calc(50% -  .25em);
}
#email {
    display: inline-block;
    width: calc(50% -  .25em);
}
#address {
    display: inline-block;
    text-transform: capitalize;
    width: calc(50% - .25em);
}
#homeaddress {
    display: inline-block;
    text-transform: capitalize;
    width: calc(50% - .25em);
}
#city, #state, #zip, #phone {
    display: inline-block;
    text-transform: capitalize;
    width: calc(25% - .26em);
}
#password {
    display: block;
    width: 100%;
    text-transform: none;
}
input.promo {
}
input[type="password"], 
input[type="text"], 
input[type="number"], 
input[type="email"], 
textarea {
text-align: left;
appearance: none;
-webkit-writing-mode: horizontal-tb;
background: rgba(31, 63, 101, .035);
border: 1px dotted rgba(31, 63, 101, .5);
border-radius: .25em;
cursor: text;
outline: none;
text-decoration: none;
height: 3em;
line-height: 2em;
box-sizing: border-box;
margin: .25em 0;
padding: .25em 1em;
width: 100%;
}
input:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
input::placeholder {
text-align: center;
font-size: .75em;
color: rgba(0, 0, 0,  .5);
}
input:focus::placeholder {
color: rgba(0, 0, 0, 0);
}
.testing {
position: relative;
display: block;
margin-right: auto;
margin-left: auto;
width: 100%;
}
.box.feature.two h3 {
position: relative;
font-size: 1em;
color: #ffffff;
text-transform: none;
padding-top: .35em;
margin-top: 0;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
height: 30px;
width: 100%;
z-index: 1;
}
.box.feature p {
text-align: justify;
font-size: .75em;
color: #1f3f65;
line-height: 1.35em;
margin: 0 .25em .75em .25em;
}
.box.feature img {
border-top-right-radius: 8px;
border-top-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
width: 100%;
}
.box.post header {
margin: 0 0 2.5em 0;
}
.box.post h3 {
font-size: 2.5em;
color: rgba(31, 63, 101, .85);
line-height: 1.15em;
margin: 0 0 0.25em 0;
}
.box.post p {
text-align: justify;
font-size: 1em;
color: #1f3f65;
line-height: 1.5em;
padding: 0 0 .5em 0;
margin: 0;
}
.box.post header > p {
font-size: 1.65em;
color: rgba(31, 63, 101, .75);
margin: 0;
}
.divided p {
text-align: justify;
font-size: 1em;
color: #1f3f65;
line-height: 1.35em;
padding: 0;
margin: 0;
}
.divided a {
font-size: 1em;
color: rgba(31, 63, 101, 1);
font-weight: 600;
text-decoration: none;
}
.divided a:hover {
font-size: 1em;
color: rgba(117, 6, 149, 1);
font-weight: 600;
text-decoration: none;
}
.divided a:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
.divided b {
display: block;
font-size: 1.25em;
font-weight: 700;
color: rgba(175, 5, 161, 1);
width: 100%;
}
button#danbar-patient, button#danbar-ambassador {
display: block;
position: relative;
text-align: center;
font-size: 1em;
color: #ffffff;
background: #1F3F6D;
border: 0px solid rgba(20, 40, 64, .4);
box-shadow: inset 0px 0px 15px 3px rgba(255, 255, 255, .5); 
border-radius: 6px;
text-transform: capitalize;
text-decoration: none;
letter-spacing: 1px;
line-height: 1.5em;
cursor: pointer;
padding: .25em 0;
margin-right: 0;
margin-left: 0;
margin-top: 1em;
margin-bottom: 1em;
width: 100px;
}
button.copy {
display: block;
position: relative;
text-align: center;
font-size: 1em;
color: #ffffff;
background: #1F3F6D;
border: 0px solid rgba(20, 40, 64, .4);
box-shadow: inset 0px 0px 15px 3px rgba(255, 255, 255, .5); 
border-radius: 6px;
text-transform: capitalize;
text-decoration: none;
letter-spacing: 1px;
line-height: 1.5em;
cursor: pointer;
padding: .25em 0;
margin-right: auto;
margin-left: auto;
margin-top: 1em;
margin-bottom: 1em;
width: 200px;
}
button#danbar-patient:hover, button#danbar-ambassador:hover, button.copy:hover {
transition: all .3s ease-in-out;
box-shadow: inset 0px 0px 15px 3px rgba(255, 255, 255, .15); 
}
.box.post ul.meta {
margin: 0 0 0.5em 0;
}
.box.post-summary h3 {
color: #750695;
font-weight: 600;
line-height: 1.15em;
margin: 0 0 0.75em 0;
}
.box.post-summary .meta {
margin: 0;
line-height: 1em;
}
.box.page-content header {
margin: 0 0 2.5em 0;
}
.box.page-content h2 {
font-size: 3em;
color: #1f3f65;
margin: 3em 0 0.5em 0;
}
.box.page-content.two h2 {
text-align: center;
font-size: 2em;
color: #1f3f65;
margin: .5em 0 0.5em 0;
}
.box.page-content.two h3 {
text-align: center;
font-size: 1.25em;
color: #1f3f65;
margin: 1em 0 0.5em 0;
}
.box.page-content.two p {
text-align: justify;
font-size: 1em;
color: #1f3f65;
margin: 0 1em 2em 1em;
}
.box.page-content p {
text-align: justify;
font-size: 1em;
color: #1f3f65;
margin: 0 0 2em 0;
}
.box.page-content header > p {
font-size: 1.65em;
color: rgba(31, 63, 101, .75);
margin: 0 0 0.5em 0;
}
.box.page-content ul.meta {
margin: 0 0 0.5em 0;
}
.row > .col-4 {
width: 50%;
}
.row > .col-8 {
width: 50%;
}
input[type="button"], input[type="submit"], input[type="reset"], button calories, .button.calories {
display: block;
position: relative;
text-align: center;
font-size: 1em;
color: rgba(255, 255, 255, 1);
background: #1f3f65;
border-radius: 15%;
border-top: 4px solid #abc3df;
border-bottom: 4px solid #abc3df;
cursor: pointer;
text-transform: none;
padding: .5em 1em;
margin-top: 0em;
margin-bottom: 2em;
margin-right: auto;
margin-left: auto;
width: 350px;
z-index: 2;
}
.button.calories:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
.fitnessPage b {
color: #1f3f65;
text-transform: uppercase;
}
.caloriestab {
display: none;
}
.caloriestab span {
margin-right: 1em;
}
.caloriestab b {
font-size: .7em;
margin-left: 2px;
}
.calories p {
text-align: center;
display: block;
padding: 1em 0 3em 0;
margin-right: auto;
margin-left: auto;
max-width: 800px;
}
.calories h3 {
text-align: center;
padding: 0 2em;
margin-top: 1em;
}
/* Icons */

.icon {
text-decoration: none;
position: relative;
text-decoration: none;
}
.icon:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
text-transform: none !important;
font-family: 'Font Awesome 5 Free';
font-weight: 400;
}
.icon:before {
line-height: inherit;
}
.icon > .label {
display: none;
}
.icon.solid:before {
font-weight: 900;
}
.icon.brands:before {
font-family: 'Font Awesome 5 Brands';
}

.highlight p {
font-size: 1.1em;
color: #1f3f65;
}
/* Sidebar + Content */

.sidebar h2.major {
text-align: left;
margin: 0 0 1.5em 0;
}
.sidebar h2.major span {
padding-left: 0;
}





.tracksales {
padding: 8em 0;
background: #1f3f65;
box-shadow: inset 0px 0px 30px 10px rgba(255, 255, 255, .15);
width: 100%;
}
.tracksales h3 {
text-align: center;
font-size: 2.5em;
color: #ffffff;
padding: 1em 0 0 0;
}
.tracksales p {
text-align: center;
font-size: 1em;
color: rgba(255, 255, 255, .85);
padding: 1em 0 0 0;
margin-top: 0;
margin-bottom: 1.25em;
}

input.login2 {
display: inline-block;
text-align: left;
padding: 0;
margin-right: auto;
margin-left: auto;
width: 250px;
}
input.login2  {
text-align: left;
appearance: none;
-webkit-writing-mode: horizontal-tb;
border: solid 4px #e6e6e6;
border-radius: 6px;
background: #ffffff;
cursor: text;
outline: none;
text-transform: capitalize;
text-decoration: none;
height: 3em;
line-height: 2em;
box-sizing: border-box;
padding: .25em 1em;
margin-right: auto;
margin-left: auto;
margin-bottom: .5em;
width: 250px;
}
input.login2::placeholder {
text-align: center;
font-size: .75em;
color: rgba(0, 0, 0,  .5);
}
input.login2:focus::placeholder {
font-size: .75em;
color: rgba(0, 0, 0,  0);
}
#login form {
display: block;
position: relative;
margin-right: auto;
margin-left: auto;
max-width: 100%;
width: 32em;
}
button#resetPass {
text-align: center;
transition: all  .5s;
font-size: .75em;
color: #ffffff;
background: transparent;
cursor: pointer;
border: none;
padding: 0;
margin-right: auto;
margin-left: auto;
margin-top: .25em;
max-width: 12.5em;
}
button#resetPass:hover {
color: #ff00ff;
}
button#resetPass:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
input:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
input::placeholder {
text-align: center;
font-size: .85em;
color: rgba(0, 0, 0,  .5);
}
input:focus::placeholder {
color: rgba(0, 0, 0, 0);
}
button#danbar-patient2 {
transition: all  .5s;
display: block;
position: relative;
text-align: center;
font-size: 1em;
color: #1F3F6D;
font-weight: 600;
background: #ffffff;
box-shadow: inset 0px 0px 2px 3px rgba(31, 63, 101, .3);
border: 1px solid #ffffff;
border-radius: 6px;
text-transform: capitalize;
text-decoration: none;
letter-spacing: 1px;
line-height: 2em;
padding: 0;
margin-right: auto;
margin-left: auto;
margin-top: 1.5em;
margin-bottom: 1em;
width: 100px;
}
button#danbar-patient2:hover {
color: #ffffff;
background: #1F3F6D;
}
button#danbar-patient2:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
/* Footer */


#footer {
text-align: center;
padding: 8em 0 8em 0;
margin-right: auto;
margin-left: auto;
max-width: 76em;
}
#footer a {
font-size: 1em;
color: #ffffff;
background: rgba(31, 63, 101, 1);
text-decoration: none;
padding: .4em 0 0 0;
}
#footer a:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
#footer h2.major {
margin: 1.5em 0 1.5em 0;
}
#footer h2.major span {
background: #ffffff;
}
#footer h3 {
color: #1f3f65;
font-size: 1.5em;
margin-top: 1em;
}
#footer p {
text-align: justify;
font-size: 1em;
color: #1f3f65;
padding: 1em 0 3em 0;
}
#footer.ftwo p {
text-align: justify;
font-size: 1em;
color: #1f3f65;
padding: .5em 0 ;
margin: 0;
}
#footer  a#ada {
color: rgba(31, 63, 101, 1);
font-weight: bold;
background: transparent;
border-bottom: 1px dotted;
line-height: 1.75em;
margin-right: 0;
}
#footer  a#ada:hover {
border-bottom: 1px dotted #ffffff;
}
#footer a#ada:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
/* Copyright */

#copyright h3 {
text-align: center;
display: block;
color: #1f3f65;
padding: 0 2em 0.5em 2em;
margin-right: auto;
margin-left: auto;
}
#footer .by {
text-align: center;
padding: 2em 0 3em 0em;
margin-right: auto;
margin-left: auto;
height: 44px;
width: 200px;
max-width: 100%;
}
#footer .by img {
text-align: center;
position: relative;
display: block;
padding: 0;
margin-right: auto;
margin-left: auto;
height: 44px;
width: 200px;
max-width: 100%;
}
#footer .by a {
display: block;
text-decoration: none;
background: none;
margin: 0 !important;
padding: 0;
height: 44px;
width: 200px;
max-width: 100%;
}
#footer .by img:hover {
transition: all .3s ease-in-out;
margin-top: -1em;
}
#footer .by a:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
#navPanel, #titleBar {
display: none;
}
.address {
display: block;
text-align: center;
font-size: 1em;
color: #1f3f65;
padding:0;
margin-right: auto;
margin-left: auto;
}
@media screen and (max-width: 1800px) {

#header .logo h1 {
font-size: 1.75em;
}
}
@media screen and (max-width: 1700px) {
ul.special li a {
padding: 3em .5em;
}
ul.special li span {
font-size: 1.25em;
}
}
@media screen and (max-width: 1680px) {

/* Basic */

body, input, textarea, select {
line-height: 1.75em;
}
#footer a {
padding: .7em 0 0 0;
}
}
@media screen and (max-width: 1600px) {
#footer {
max-width: 70em;
}
}
@media screen and (max-width: 1480px) {

img#powerone {
width: 350px;
max-width: 100%;
}
.strategy video {
width: 262px;
max-width: 100%;
}
img#powertwo {
width: 350px;
max-width: 100%;
}
}

/* Large */

@media screen and (max-width: 1280px) {


img#powerone {
width: 270px;
max-width: 100%;
}
.strategy video {
width: 202px;
max-width: 100%;
}
img#powertwo {
width: 270px;
max-width: 100%;
}
ul.special li a {
padding: 3.25em .5em;
width: 115px;
height: 115px;
}
ul.special li a:before {
font-size: 60px;
}

.box.highlight h2 {
font-size: 2.5em;
}
.box.highlight header > p {
font-size: 1.25em;
}
.box.post h3 {
font-size: 2.5em;
}
.box.post header > p {
font-size: 1.25em;
}
}


@media screen and (max-width: 1080px) {

#header .logo h1 {
display: none;
}
#titleBar {
backface-visibility: hidden;
transition: transform 0.5s ease;
display: block;
height: 44px;
left: 0;
position: fixed;
top: 0;
background-color: #1f3f65;
background-image: url("images/overlay.png");
width: 100%;
z-index: 4;
}

#titleBar .title {
display: block;
position: relative;
font-size: 1.5em;
line-height: 50px;
color: #fff;
background: #1f3f65;
z-index: 1000;
text-align: center;
}
#titleBar .toggle {
text-decoration: none;
position: absolute;
left: 0;
top: 0;
width: 80px;
height: 60px;
z-index: 1001;
}
#titleBar .toggle:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
text-transform: none !important;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}

#titleBar .toggle:before {
display: inline-block;
text-decoration: none;
position: absolute;
left: 0;
top: 0;
background: rgba(175, 5, 161, 1);
width: 50px;
height: 50px;
content: '\f0c9';
color: #fff;
text-align: center;
line-height: 50px;
font-size: 20px;
}

#titleBar .toggle:active:before {
background-color: rgba(175, 5, 161, .6);
}
#titleBar .toggle:active:focus {
width: 44px;
height: 44px;
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
#navPanel {
backface-visibility: hidden;
transform: translateX(-275px);
transition: transform 0.5s ease;
display: block;
height: 100%;
left: 0;
overflow-y: auto;
position: fixed;
top: 0;
width: 275px;
z-index: 10002;
background-color: #1f3f65;
background-repeat: repeat, no-repeat;
background-size: auto, 100% 100%;
font-size: 1.25em;
box-shadow: inset -3px 0px 10px 0px rgba(0, 0, 0, 0.25);
}

#navPanel nav {
position: relative;
z-index: 1000;
}

#navPanel .link {
display: block;
color: inherit;
text-decoration: none;
height: 44px;
line-height: 44px;
padding: 0 1em 0 1em;
color: #888;
color: rgba(255, 255, 255, 0.5);
border-top: solid 2px rgba(87, 93, 89, 0.15);
font-size: 0.8em;
}
#navPanel .link:first-child {
border-top: 0;
}
#navPanel .indent-1 {
display: inline-block;
width: 1em;
}
#navPanel .indent-2 {
display: inline-block;
width: 2em;
}
#navPanel .indent-3 {
display: inline-block;
width: 3em;
}
#navPanel .indent-4 {
display: inline-block;
width: 4em;
}
#navPanel .indent-5 {
display: inline-block;
width: 5em;
}
#navPanel .depth-0 {
color: #fff;
}
body.navPanel-visible #page-wrapper {
transform: translateX(275px);
}
body.navPanel-visible #titleBar {
transform: translateX(275px);
}
body.navPanel-visible #navPanel {
transform: translateX(0);
}
}

@media screen and (max-width: 980px) {

label {
    font-size:  .7rem;
}
.tracksales {
padding: 5em 0;
}
.row > .col-4 {
width: 33.333%;
}
.row > .col-8 {
width: 66.66667%;
}
img#powerone {
width: 230px;
max-width: 100%;
}
.strategy video {
width: 172px;
max-width: 100%;
}
img#powertwo {
width: 230px;
max-width: 100%;
}
.box.feature p {
    line-height: 1.35em;
    margin: .75em 0;
}
/* Basic */

html, body {
overflow-x: hidden;
}

/* Box */

.box br {
display: none;
}

/* Sidebar */

.sidebar {
border-top: solid 2px #e7eae8;
padding-top: 50px;
}

/* Nav */

body {
padding-top: 44px;
}

body.homepage {
padding-top: 0;
}

#page-wrapper {
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-moz-transition: -moz-transform 0.5s ease;
-webkit-transition: -webkit-transform 0.5s ease;
-ms-transition: -ms-transform 0.5s ease;
transition: transform 0.5s ease;
padding-bottom: 1px;
}
}


@media screen and (max-width: 736px) {

.box.feature h2 {
font-size: 1.65rem;
}
.box.feature h2 span {
font-size: 1.25rem;
}
#titleBar .title {
font-size: 1.15em;
}
img#powerone {
width: 220px;
max-width: 100%;
}
.strategy video {
width: 165px;
max-width: 100%;
}
img#powertwo {
width: 220px;
max-width: 100%;
}
ul.special li {
padding: 2em 0 0 0em;
}
ul.special li a {
font-size: .7em;
padding: 2.5em .5em;
width: 90px;
height: 90px;
}
ul.special li span {
font-size: 1.1em;
}
.highlight p {
font-size: 1em;
}
h2 {
font-size: 1.25em;
}
h2.major span {
font-size: 1.15em;
padding: 0 1em;
}
.blog .row > .col-12-medium {
 width: 100%;
}
.tracksales h3 {
font-size: 1.75em;
}
#footer a {
font-size: .8em;
}
/* Section/Article */

section, article {
margin-bottom: 2em;
}

/* Button */

input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.button {
display: block;
width: 100%;
}

input[type="button"].large,
input[type="submit"].large,
input[type="reset"].large,
button.large,
.button.large {
font-size: 1.25em;
}

/* Actions */

ul.actions li {
display: block;
margin: 1em 0 0 0;
}

ul.actions li:first-child {
margin-top: 0;
}

/* Special */

ul.special {
margin: -0.75em 0 2em 0em;
}

ul.special li {
padding: 0.75em 0 0 0.25em;
}

ul.special li a:before {
font-size: 28px;
}

/* Box */

.box.highlight h2 {
font-size: 2em;
}

.box.highlight header > p {
font-size: 1.25em;
}

.box.post h3 {
font-size: 2em;
}

.box.post header > p {
font-size: 1.25em;
}

.box.page-content h2 {
font-size: 2em;
}

.box.page-content header > p {
font-size: 1.25em;
}


/* Sidebar */

.sidebar {
border-top: solid 2px #e7eae8;
padding-top: 50px;
margin-top: 30px;
}

/* Footer */

#footer {
padding: 3em 0;
}
}
@media screen and (max-width: 650px) {

.row > .col-6 {
    width: 100% !important;
}
.row > .col-12-small {
        width: 100% !important;
    }
img#powerone {
width: 180px;
max-width: 100%;
}
.strategy video {
width: 135px;
max-width: 100%;
}
img#powertwo {
width: 180px;
max-width: 100%;
}
}
@media screen and (max-width:550px) {

#city, #state, #zip, #phone {
display: inline-block;
width: calc(50% - .25em);
}
img#powerone {
position: relative;
display: block;
margin-right: auto;
margin-left: auto;
height: auto;
width: 400px;
max-width: 100%;
}
.strategy video {
position: relative;
display: block;
margin-right: auto;
margin-left: auto;
height: auto;
width: 398px;
}
img#powertwo {
display: block;
margin-right: auto;
margin-left: auto;
height: auto;
width: 400px;
max-width: 100%;
}
 .rslides img {
margin-left: -7em;
    width: 150%;
}
ul.special li a {
font-size: .8em;
padding: 3em .5em;
width: 120px;
height: 120px;
}
ul.special li span {
font-size: 1.25em;
}
ul.contact li a {
font-size: 1em;
width: 110px;
height: 46px;
}
ul.contact li#two a {
font-size: .8em;
width: 48px;
height: 46px;
}
.highlight p {
text-align: justify;
font-size: .85em;
line-height: 1.65em;
}
.backgroundpic {
height: 50vh;
}
.box.page-content p {
font-size: .85em;
line-height: 1.65em;
}
.box.page-content h2 {
margin: 2em 0 0.5em 0;
}

#footer p {
text-align: justify;
line-height: 1.65em;
}
}

@media screen and (max-width:480px) {

.tracksales h3 {
font-size: 1.5em;
}
ul.special li a {
font-size: .7em;
padding: 3em  .5em;
width: 105px;
height: 105px;
}
ul.special li span {
font-size: 1.25em;
}
}
/* Small */

@media screen and (max-width: 360px) {

/* Basic */

body, input, textarea, select {
font-size: 10pt;
}
}

.error {
    font-size: 1em;
    color: red;
    font-weight: bold;
    line-height: 0;
    padding: 0;
    margin: 0;
    height: 2em;
}
.password {
    text-transform: none !important;
}







.menu-container { 
display:block; 
position:relative;
padding: 1em; 
margin-top:0; 
margin-bottom:0; 
margin-right:auto; 
margin-left:auto; 
max-width: 800px;
}
.modalWindow::-webkit-scrollbar { 
width: 0px; 
}
.modalWindow { 
position: fixed; 
display: block; 
text-align:justify; 
box-shadow:none; 
top: 0; 
background-image: linear-gradient(90deg, #fdfcfb, #ffffff, #fdfcfb); 
opacity: 0; 
left: 0; 
right: 0; 
padding: 3em 3em 20em 3em;
margin: 0 auto; 
transition: opacity 400ms ease-in; 
pointer-events: none; 
overflow-y:scroll; 
width: 100%; 
z-index: 5;
}
#footer .modalWindow h2 { 
text-align:center; 
font-size:1.25em; 
color: #1f3f65;
font-weight:600; 
letter-spacing:0px; 
padding:.5em 0 .5em 0; 
margin-top:1em; 
margin-bottom: 0;
 }
#footer .modalWindow p { 
text-align:left; 
color: #1f3f65;
font-weight: 1em;
line-height: 1.5em;
padding:0; 
margin-top:0em; 
margin-bottom:0em; 
}
.featuredPics {
text-align: center;
position: relative;
display: block;
margin-top: 1em;
margin-right: auto;
Margin-left: auto;
max-width: 800px;
}
.featuredPics img {
display: inline-block;
border-radius: 4px;
padding: .5em;
margin: 0;
max-width: 250px;
width: 100%;
}
#footer .menu-container a.pics {
display: inline-block;
border-radius: 4px;
background: transparent;
padding: 0;
margin: 0;
}
#footer .menu-container a.pics:hover {
background: transparent;
-webkit-filter: saturate(160%);
}
#footer .menu-container  a { 
text-align:center; 
display: block; 
position: relative; 
font-size: 1em; 
color: #ffffff; 
border-radius: 8px;
background: #1f3f65;
text-decoration:none; 
padding: .5em 0em .5em 0em; 
line-height: 1em; 
cursor: pointer;
margin: 0 auto; 
width: 200px; 
}
#footer .modalWindow a:hover { 
color: #ffffff; 
background: #2c588d;
}
#footer .modalWindow a:focus { 
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
.modalWindow:target { 
opacity: 1; pointer-events: auto;
}
.modalWindow .modalHeader { 
padding: 0 0 0 0; 
}
.modalWindow .modalContent { 
padding: 50px 50px 50px 50px;
 }
 
 @media screen and (max-width:736px) {
#footer  .modalWindow p { 
font-size: .85em;
}
}
@media screen and (max-width:1050px) {

.modalWindow { 
padding: 3em .5em 20em .5em; 
}
}

.promoLink {
    font-weight: bold;
}