html, body { margin: 0; padding: 0; outline: 0; border-top: 1px solid #fafafa; border-left: 1px solid #fafafa; background-color: #fafafa; font-size: 100%; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
header#logo { color: #ccc; font: .95em 'Noto Sans', sans-serif; font-style: normal; font-weight: 400; padding: 0 0 0 .25em; }
section.videobody { box-sizing: border-box; width: 100%; margin: 0 auto 1em auto; border: 4px solid #f5f5f5; border-radius: .15em; box-shadow: 0 0 2px #f7f7f7; }
section.body { box-sizing: border-box; width: 870px; margin: 0 auto 1.5em auto; padding: .5em 3em; background-color: white; border: 2px solid #f2f2f2; border-radius: .2em; }
section.trans { box-sizing: border-box; width: 880px; background-color: transparent; margin: 0 auto; padding: .5em 2.5em; }
section.greyblock { background-color: #fcfcfc; border-width: 2px; border-style: solid none solid none; border-color: #f2f2f2; }
section.blueblock { background: #ECF1F5 url("media/abrasive.png"); border-width: 2px; border-style: solid none solid none; border-color: #f2f2f2; }
section.whiteblock { background-color: white; border-width: 2px; border-style: none none solid none; border-color: #f2f2f2; }
#prehead { color: #b3b3b3; font: 1.3em 'Roboto', sans-serif; font-weight: 900; font-style: italic; text-align: center; margin: 0 auto; padding: 0; line-height: 1.55; }
h1 { color: #262626; font: 3.2em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0 auto; padding: .35em 0 0 0; line-height: 1.34; }
h2 { color: #262626; font: 1.6em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0 auto; padding: 0 0 1em 0; line-height: 1.45; }
h3 { color: #262626; font: 2.2em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0 auto; padding: .7em 0 .4em 0; line-height: 1.39; }
h4 { color: #262626; font: 2em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0 auto; padding: .7em 0 .4em 0; line-height: 1.41; }
section.ctabox { background-color: #fafafa; margin: 0 0 4em 0; padding: 1em 2em 2.5em 2em; border: 3px solid #e8e8e8; border-radius: .2em; }
p { text-indent: 1.5em; color: #151515; font: 1.15em 'Noto Sans', sans-serif; margin: 1.15em 0; font-style: normal; font-weight: 400; line-height: 1.61; }
p.video-order { box-sizing: border-box; width: 90%; text-indent: 0; color: #b3b3b3; font: 1.2em 'Roboto', sans-serif; font-weight: 500; text-align: center; transition: all .75s ease-in-out 0s; margin: .6em 5% 1.5em 5%; padding: .4em 0; border: 3px solid #e6e6e6; border-radius: .15em; }
p.video-order:hover { color: #808080; border: 3px solid #b3b3b3; }
p#text { text-indent: 0; color: #b3b3b3; font: 1em 'Noto Sans', sans-serif; font-weight: 400; text-align: right; transition: color 1s ease-in-out 0s; margin: 0; padding: 0; }
p#text:hover { color: #595959; }
p.trial { display: none; box-sizing: border-box; width: 95%; text-indent: 0; color: #19374d; font: 1.35em 'Roboto', sans-serif; font-weight: 500; text-align: center; transition: all .5s ease-in-out 0s; margin: 0 auto .5em auto; padding: .3em 0 0 0; }
p.trial:hover { opacity: .7; }
p.s { text-indent: 0; padding-top: 2em; }
p.n { text-indent: 0; }
p.ns { text-indent: 0; margin-top: 0; }
p#first { margin: 0; padding-top: 2em; }
p#first:first-letter { color: #b3b3b3; font: 2.2em 'Roboto Slab', serif; font-weight: 300; line-height: 30px; }
p.bio { text-indent: 0; color: #999; font: .95em 'Noto Sans', sans-serif; font-weight: 400; text-align: left; line-height: 1.41; }
p.tile { text-indent: 0; color: #242424; font: 1em 'Noto Sans', sans-serif; font-weight: 400; margin: 0; padding: 1em; line-height: 1.64773; }
p.testimonial { color: #595959; font: 1.3em 'Noto Sans', sans-serif; font-weight: 400; font-style: italic; text-indent: 0; margin: .5em 0; padding-left: 3em; padding-right: 3em; line-height: 1.64773; }
p.testname { color: #595959; font: 1.3em 'Noto Sans', sans-serif; font-weight: 700; text-indent: 0; margin: 0 0 .5em 0; padding-left: 3em; line-height: 1.64773; }
p.sidetest { color: #595959; font: 1.2em 'Noto Sans', sans-serif; font-weight: 400; font-style: italic; text-indent: 0; margin: .5em 0; line-height: 1.5625; }
p.sidetestname { color: #595959; font: 1.2em 'Noto Sans', sans-serif; font-weight: 700; text-indent: 0; margin: .5em 0; line-height: 1.5625; }
p.greybox { text-indent: 0; width: 75%; color: #999; font: 1em 'Noto Sans', sans-serif; font-weight: 400; text-align: center; margin: 0 auto; padding: 1em 0; line-height: 1.42857; }
p.title { font-style: italic; font-weight: 700; }
p#signoff { text-indent: 0; margin: 0; padding: 0 0 .4em 0; }
p#signature { font: 2.2em 'Cedarville Cursive', sans-serif; font-weight: 400; margin: 0; padding: 0; text-indent: 0; }
p#position { text-indent: 0; font-style: italic; margin: 0; padding: 0; }
p.disclaimer { text-indent: 0; font: .95em Arial, sans-serif; color: #b3b3b3; margin: auto; }
.headunderline { border-bottom: 2px solid #d9d9d9; }
span.red { color: #990000; }
.ps { font-size: 2em; color: #ccc; }
.normal { font-weight: 400; }
.semibold { font-weight: 600; }
.bold { font-weight: 700; }
.underline { text-decoration: underline; }
.crossout { text-decoration: line-through; }
.wrapword { word-wrap: break-word; }
.quote { font-style: italic; }
div#sigblocks { display: table; box-sizing: border-box; width: 100%; margin: 0 auto 1em auto; padding: 0 0 1em 0; border-bottom: 5px solid #f7f7f7; }
div#sigcol { box-sizing: border-box; display: inline-block; float: left; vertical-align: top; width: 70%; }
div#sigpiccol { box-sizing: border-box; display: inline-block; float: right; vertical-align: top; width: 30%; }
div.sigblock { text-align: left; margin: 0; padding: 0; }
img.email { box-sizing: border-box; display: block; max-width: 500px; height: auto; margin: 0 auto; padding: 0; border: 4px solid #f2f2f2; }
img#sigportrait { width: 100%; max-width: 125px; height: auto; float: right; margin-top: 0; border: 4px solid #f0f0f0; border-radius: 50%; transition: all .25s ease-in-out 0s; }
img#sigportrait:hover { border-radius: .2em; }
.button { box-sizing: border-box;
width: 100%;
background-image: linear-gradient(bottom, rgb(23,51,72) 0%, rgb(29,64,90) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(23,51,72) 0%, rgb(29,64,90) 100%);
background-image: -moz-linear-gradient(bottom, rgb(23,51,72) 0%, rgb(29,64,90) 100%);
background-image: -o-linear-gradient(bottom, rgb(23,51,72) 0%, rgb(29,64,90) 100%);
background-image: -ms-linear-gradient(bottom, rgb(23,51,72) 0%, rgb(29,64,90) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(23,51,72)),
color-stop(1, rgb(29,64,90))
);
color: white;
font: 2em 'Roboto', sans-serif;
font-weight: 600;
text-align: center;
transition: all .5s ease-in-out 0s;
-webkit-transition: all .5s ease-in-out 0s;
-moz-transition: all .5s ease-in-out 0s;
margin: 0;
padding: .4em 0 .5em 0;
border: 1px solid #152e40;
border-radius: .05em;
box-shadow: 0px 6px 0px #132a3b, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
-webkit-box-shadow: 0px 6px 0px #132a3b, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
-moz-box-shadow: 0px 6px 0px #132a3b, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
}
div.button:hover { background-image: linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -moz-linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -o-linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -ms-linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(33,73,102)),
color-stop(1, rgb(25,55,77))
);
box-shadow: 0px 2px 0px #122e75, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
-webkit-box-shadow: 0px 2px 0px #122e75, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
-moz-box-shadow: 0px 2px 0px #122e75, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
transform: translate(0, 4px);
-webkit-transform: translate(0, 4px);
-moz-transform: translate(0, 4px);
}
div.button:active { background-image: linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -moz-linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -o-linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -ms-linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(33,73,102)),
color-stop(1, rgb(25,55,77))
);
box-shadow: 0px 2px 0px #122e75, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
-webkit-box-shadow: 0px 2px 0px #122e75, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
-moz-box-shadow: 0px 2px 0px #122e75, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
transform: translate(0, 4px);
-webkit-transform: translate(0, 4px);
-moz-transform: translate(0, 4px);
}
footer { color: #ccc; font: .95em 'Noto Sans', sans-serif; font-weight: 400; text-align: center; padding-top: 0; }
@media only screen and (max-width: 950px)
{
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
/* #b3b3b3 */
header#logo { display: none; min-width: 0; color: #ccc; font-size: .95em; padding: 0 0 0 .25em; border-width: 2px; }
section.body { width: 92%; margin: 0 4% 1.5em 4%; padding: .1em 4% .4em 4%; background-color: white; border-radius: .1em; }
section.trans { width: 100%; background-color: transparent; margin: 0; padding: .1em 5% .4em 5%; }
section.greyblock { background-color: #fcfcfc; border-width: 2px; border-style: solid none solid none; border-color: #f2f2f2; }
#prehead { color: #b3b3b3; font: 1.3em 'Roboto', sans-serif; font-weight: 900; font-style: italic; text-align: center; margin: .5em auto 0 auto; padding: 0; line-height: 1.57; }
h1 { width: 90%; color: #262626; font: 3.5em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0; padding: .25em 5% 0 5%; min-width: 0; line-height: 1.34; }
h2 { width: 88%; color: #262626; font: 1.7em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0; padding: 0 6% 1em 6%; min-width: 0; line-height: 1.45; }
h3 { width: 96%; color: #262626; font: 2.2em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0; padding: .8em 2% .6em 2%; min-width: 0; line-height: 1.4; }
h4 { color: #262626; font: 1.8em 'Roboto', sans-serif; font-weight: 900; margin: 1em 0 0 0; padding: 0 0 .5em 0; line-height: 1.44; }
p { text-indent: 2em; color: #151515; font: 1.15em 'Noto Sans', sans-serif; font-weight: 400; margin: 1.15em 0; line-height: 1.61; }
p.video-order { box-sizing: border-box; width: 95%; text-indent: 0; color: #b3b3b3; font: 1.15em 'Roboto', sans-serif; font-weight: 500; text-align: center; transition: all 1s ease-in-out 0s; margin: .6em 2.5% 1.5em 2.5%; padding: .7em 2% .8em 2%; border: 3px solid #e6e6e6; border-radius: .1em; }
p.video-order:hover { color: #808080; border: 3px solid #b3b3b3; }
p.video-order:active { color: #808080; border: 3px solid #b3b3b3; }
p.s { text-indent: 0; padding-top: 2em; }
p.n { text-indent: 0; }
p.ns { text-indent: 0; margin-top: 0; }
p#first { color: black; font-family: 'Noto Sans', sans-serif; font-weight: 400; text-align: left; padding-right: 4%; }
p#first:first-letter { font-size: 2.3em; margin: 0; }
p.bio { text-indent: 0; color: #999; font: .95em 'Noto Sans', sans-serif; font-weight: 300; text-align: left; line-height: 1.57895; }
p.tile { text-indent: 0; color: #242424; font: 1.05em 'Noto Sans', sans-serif; font-weight: 400; margin: 0; padding: 1.5em; line-height: 1.64773; }
p.testimonial { color: #595959; font: 1.25em 'Noto Sans', sans-serif; font-weight: 400; font-style: italic; text-indent: 0; padding-left: 3em; padding-right: 3em; line-height: 1.55; }
p.testname { color: #595959; font: 1.25em 'Noto Sans', sans-serif; font-weight: 700; text-indent: 0; margin: 0 0 .5em 0; padding-left: 3em; line-height: 1.55; }
p.sidetest { color: #595959; font: 1.2em 'Noto Sans', sans-serif; font-weight: 400; font-style: italic; text-indent: 0; margin: .5em 0; line-height: 1.5625; }
p.sidetestname { color: #595959; font: 1.2em 'Noto Sans', sans-serif; font-weight: 700; text-indent: 0; margin: .5em 0; line-height: 1.5625; }
p.greybox { text-indent: 0; color: #999; font: 1em 'Noto Sans', sans-serif; font-weight: 300; text-align: center; margin: 0 auto; padding: 1em 0 .5em 0; line-height: 1.42857; }
p#signoff { text-indent: 0; margin: 0; padding: 0; }
p#sig { font-size: 2.2em; }
p#position { text-indent: 0; margin: 0; padding: 0; }
p.pstitle { text-indent: 0; font-size: 1.25em; margin: 1em 0; }
p.answer { text-indent: 0; font: 1.25em 'Noto Sans', sans-serif; font-weight: 400; line-height: 1.55; }
div#sigblocks { display: table; box-sizing: border-box; width: 100%; background-color: transparent; margin: 0 auto 1em auto; padding: 0 0 1.2em 0; }
div#sigcol { box-sizing: border-box; display: inline-block; float: left; vertical-align: top; width: 70%; }
div#sigpiccol { box-sizing: border-box; display: inline-block; float: right; vertical-align: top; width: 30%; }
div.sigblock { background-color: transparent; text-align: left; margin: 0; padding: 0; }
img.email { box-sizing: border-box; width: 100%; max-width: 500px; height: auto; margin: 0 auto; padding: 0; }
figure { width: 45%; height: auto; font-size: .95em; line-height: 1.57895; }
img.responsive { width: 100%; height: auto; }
.button { box-sizing: border-box;
width: 100%;
background-image: linear-gradient(bottom, rgb(23,51,72) 0%, rgb(29,64,90) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(23,51,72) 0%, rgb(29,64,90) 100%);
background-image: -moz-linear-gradient(bottom, rgb(23,51,72) 0%, rgb(29,64,90) 100%);
background-image: -o-linear-gradient(bottom, rgb(23,51,72) 0%, rgb(29,64,90) 100%);
background-image: -ms-linear-gradient(bottom, rgb(23,51,72) 0%, rgb(29,64,90) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(23,51,72)),
color-stop(1, rgb(29,64,90))
);
color: white;
font: 2.2em 'Roboto', sans-serif;
font-weight: 600;
text-align: center;
transition: all .5s ease-in-out 0s;
-webkit-transition: all .5s ease-in-out 0s;
-moz-transition: all .5s ease-in-out 0s;
margin: 0;
padding: .4em 2% .5em 2%;
border: 1px solid #152e40;
border-radius: .05em;
box-shadow: 0px 6px 0px #132a3b, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
-webkit-box-shadow: 0px 6px 0px #132a3b, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
-moz-box-shadow: 0px 6px 0px #132a3b, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
}
div.button:hover { background-image: linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -moz-linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -o-linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -ms-linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(33,73,102)),
color-stop(1, rgb(25,55,77))
);
box-shadow: 0px 2px 0px #122e75, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
-webkit-box-shadow: 0px 2px 0px #122e75, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
-moz-box-shadow: 0px 2px 0px #122e75, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
transform: translate(0, 4px);
-webkit-transform: translate(0, 4px);
-moz-transform: translate(0, 4px);
}
div.button:active { background-image: linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -moz-linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -o-linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -ms-linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(33,73,102)),
color-stop(1, rgb(25,55,77))
);
box-shadow: 0px 2px 0px #122e75, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
-webkit-box-shadow: 0px 2px 0px #122e75, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
-moz-box-shadow: 0px 2px 0px #122e75, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
transform: translate(0, 4px);
-webkit-transform: translate(0, 4px);
-moz-transform: translate(0, 4px);
}
footer { min-width: 0; text-align: center; font-size: .95em; }
}
@media only screen and (max-width: 600px)
{
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
header#logo { display: none; min-width: 0; background-color: white; color: #b3b3b3; font-size: .9em; text-align: center; font-weight: 500; padding: .05em 0 .175em 0; }
section.body { width: 100%; margin: 0; padding: .1em 6% .3em 6%; background-color: white; border-radius: 0; box-shadow: 0; }
section.trans { width: 100%; background-color: transparent; margin: 0; padding: .1em 6% .3em 6%; }
section.greyblock { background-color: #fcfcfc; border-width: 2px; border-style: solid none solid none; border-color: #f2f2f2; }
#prehead { color: #b3b3b3; font: 1.2em 'Roboto', sans-serif; font-weight: 900; font-style: italic; text-align: center; margin: 0 auto; padding: .5em 0 0 0; line-height: 1.5; }
h1 { color: #262626; font: 2.6em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0 auto; padding: .5em 0 0 0; min-width: 0; line-height: 1.35; }
h2 { color: #262626; font: 1.35em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0 auto; padding: 0 0 1em 0; min-width: 0; line-height: 1.46; }
h3 { width: 98%; color: #262626; font: 2em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0 1%; padding: .8em 0 .5em 0; min-width: 0; line-height: 1.38; }
h4 { color: #262626; font: 1.6em 'Roboto', sans-serif; font-weight: 900; margin: .5em 0 0 0; padding: 0 0 .25em 0; line-height: 1.42; }
p { text-indent: 1.5em; color: #151515; font: 1em 'Noto Sans', sans-serif; font-weight: 400; margin: 1em 0; line-height: 1.59; }
p.video-order { box-sizing: border-box; width: 95%; text-indent: 0; color: #b3b3b3; font: 1.1em 'Roboto', sans-serif; font-weight: 500; text-align: center; transition: all 1s ease-in-out 0s; margin: .6em 2.5% 1.5em 2.5%; padding: .8em 4%; border: 3px solid #e6e6e6; border-radius: .1em; }
p.video-order:hover { color: #808080; border: 3px solid #b3b3b3; }
p.video-order:active { color: #808080; border: 3px solid #b3b3b3; }
p.s { text-indent: 0; padding-top: 2em; }
p.n { text-indent: 0; }
p.ns { text-indent: 0; margin-top: 0; }
p#first { margin-top: 0; color: #242424; font-family: 'Noto Sans', sans-serif; font-weight: 400; text-align: left; padding-right: 4%; line-height: 1.61458; }
p#first:first-letter { }
p.bio { text-indent: 0; color: #999; font: .9em 'Roboto', sans-serif; font-weight: 300; text-align: left; line-height: 1.59722; }
p.tile { text-indent: 0; color: black; font: 1.1em 'Noto Sans', sans-serif; font-weight: 400; margin: 0; padding: 1.5em; line-height: 1.64773; }
p.testimonial { color: #595959; font: 1.1em 'Noto Sans', sans-serif; font-weight: 400; font-style: italic; text-indent: 0; padding-left: 1em; padding-right: 1em; line-height: 1.64773; }
p.testname { color: #595959; font: 1.1em 'Noto Sans', sans-serif; font-weight: 700; text-indent: 0; margin: 0 0 .5em 0; padding-left: 1em; line-height: 1.64773; }
p.sidetest { color: #595959; font: 1.1em 'Noto Sans', sans-serif; font-weight: 400; font-style: italic; text-indent: 0; margin: .5em 0; line-height: 1.64773; }
p.sidetestname { color: #595959; font: 1.1em 'Noto Sans', sans-serif; font-weight: 700; text-indent: 0; margin: .5em 0; line-height: 1.64773; }
p.greybox { text-indent: 0; color: #999999; font: 1em 'Noto Sans', sans-serif; font-weight: 300; text-align: center; margin: 0 auto; padding: 1em 0 .5em 0; line-height: 1.57895; }
p#signoff { text-indent: 0; margin: 0; padding: 0; }
p#sig { font-size: 2em; }
p#position { text-indent: 0; margin: 0; padding: 0; }
p.pstitle { text-indent: 0; font: 1.2em 'Roboto', sans-serif; margin: 1em 0; font-weight: 400; text-align: center; }
p.answer { text-indent: 0; font: 1.2em 'Noto Sans', sans-serif; font-weight: 400; line-height: 1.5625; }
div#sigblocks { display: table; box-sizing: border-box; width: 100%; margin: 0 auto 1em auto; padding: 0 0 1.2em 0; }
div#sigcol { box-sizing: border-box; display: inline-block; float: left; vertical-align: top; width: 70%; }
div#sigpiccol { box-sizing: border-box; display: inline-block; float: right; vertical-align: top; width: 30%; }
div.sigblock { background-color: transparent; text-align: left; margin: 0; padding: 0; }
img.email { box-sizing: border-box; max-width: 96%; height: auto; margin: 0 auto; padding: 0; }
figure { width: 80%; height: auto; display: block; font-size: .95em; line-height: 1.57895; }
img.responsive { display: block; float: none; margin: auto auto .3em auto; }
.button { box-sizing: border-box;
width: 100%;
background-image: linear-gradient(bottom, rgb(23,51,72) 0%, rgb(29,64,90) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(23,51,72) 0%, rgb(29,64,90) 100%);
background-image: -moz-linear-gradient(bottom, rgb(23,51,72) 0%, rgb(29,64,90) 100%);
background-image: -o-linear-gradient(bottom, rgb(23,51,72) 0%, rgb(29,64,90) 100%);
background-image: -ms-linear-gradient(bottom, rgb(23,51,72) 0%, rgb(29,64,90) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(23,51,72)),
color-stop(1, rgb(29,64,90))
);
color: white;
font: 2em 'Roboto', sans-serif;
font-weight: 600;
text-align: center;
transition: all .5s ease-in-out 0s;
-webkit-transition: all .5s ease-in-out 0s;
-moz-transition: all .5s ease-in-out 0s;
margin: 0;
padding: .6em 2% .7em 2%;
border: 1px solid #152e40;
border-radius: .05em;
box-shadow: 0px 6px 0px #132a3b, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
-webkit-box-shadow: 0px 6px 0px #132a3b, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
-moz-box-shadow: 0px 6px 0px #132a3b, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
}
div.button:hover { background-image: linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -moz-linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -o-linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -ms-linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(33,73,102)),
color-stop(1, rgb(25,55,77))
);
box-shadow: 0px 2px 0px #122e75, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
-webkit-box-shadow: 0px 2px 0px #122e75, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
-moz-box-shadow: 0px 2px 0px #122e75, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
transform: translate(0, 4px);
-webkit-transform: translate(0, 4px);
-moz-transform: translate(0, 4px);
}
div.button:active { background-image: linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -moz-linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -o-linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -ms-linear-gradient(bottom, rgb(33,73,102) 0%, rgb(25,55,77) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(33,73,102)),
color-stop(1, rgb(25,55,77))
);
box-shadow: 0px 2px 0px #122e75, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
-webkit-box-shadow: 0px 2px 0px #122e75, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
-moz-box-shadow: 0px 2px 0px #122e75, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
transform: translate(0, 4px);
-webkit-transform: translate(0, 4px);
-moz-transform: translate(0, 4px);
}
footer { background-color: white; font-size: .95em; }
}