html, body { margin: 0; padding: 0; outline: 0; border-top: 1px solid #fafafa; border-left: 1px solid #fafafa; background-color: #fafafa; font-size: 100%; }
/* e6603b */
a { text-decoration: none; }
/* 537bbe 6fa5ff */
/* 537bbe 6fa5ff c88362 00806f */
a.physical { display: block; width: 90%; font: 1.7em 'Roboto', sans-serif; font-weight: 900; color: #4e5886; text-align: center; margin: 0 auto; padding: .3em 0 1em 0; }
a.physical:hover { color: #636fa9; text-decoration: underline; }
a.physical:active { color: #636fa9; text-decoration: underline; }
header#logo { color: #ccc; font: .95em 'Noto Sans', sans-serif; font-weight: 400; text-align: left; padding-left: .25em; }
section#top { box-sizing: border-box; width: 850px; background-color: white; margin: 0 auto; padding: 0 2em 1em 2em; border-width: 2px; border-style: dotted dotted none dotted; border-color: #f2f2f2; border-radius: .1em .1em 0 0; }
section.videowrapper { box-sizing: border-box; width: 98%; margin: 0 auto; }
.videowrap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.videowrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
section#body { box-sizing: border-box; width: 870px; background-color: white; margin: 0 auto; padding: 0 3em .5em 3em; border: 2px solid #f2f2f2; border-radius: .2em; }
section.transparent { box-sizing: border-box; width: 870px; margin: 1em auto; padding: .5em 3em; border: 2px dotted #f2f2f2; border-radius: .2em; }
section.grey { box-sizing: border-box; width: 870px; background-color: white; margin: 0 auto; padding: 0 3em .5em 3em; border: 2px dotted #f2f2f2; border-radius: .2em; }
div#thank-you { color: #858585; font: 3.4em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0; padding: .5em 0 0 0; line-height: 1.34; }
div#get-it { color: #858585; font: 2em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0; padding: 0 0 2em 0; line-height: 1.41; }
div#also-like { color: #858585; font: 1.6em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0; padding: 4em 0 0 0; line-height: 1.47; }
img#download-cover { box-sizing: border-box; display: block; max-width: 500px; height: auto; float: none; margin: 0 auto; padding: .35em 0 .1em 0; }
/* 4e5886 - 636fa9 a97e6e - 856357 e19a5e - cc8c55 */
#download { color: #c5586e; display: block; width: 100%; font: 2.25em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0 auto; padding: 0; line-height: 1.39; }
#download:hover { color: #b65165; text-decoration: underline; }
#download:active { color: #b65165; }
/* border-top: 2px solid #fafafa; */
h1 { color: #3f476c; font: 2.4em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0; padding: .85em 0 1em 0; line-height: 1.39; }
h2 { color: #272727; font: 1.4em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0; padding: 0 0 1.5em 0; line-height: 1.51; }
h2#ps { color: #3f476c; font: 2.1em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0 auto; padding: .6em 0 .8em 0; border: 0; line-height: 1.4; }
h3 { color: #272727; font: 1.8em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0 auto; padding: .7em; line-height: 1.43; }
h3#ps { color: #3f476c; font: 1.7em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0 auto; padding: 0 0 .75em 0; line-height: 1.45; }
h3#qa { color: #272727; font: 2.8em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0 auto; padding: .6em 0 0 0; border: 0; line-height: 1.36; }
h4 { color: #272727; font: 1.5em 'Roboto', sans-serif; text-align: center; font-weight: 900; margin: 0 auto; padding: .7em; line-height: 1.49; }
h4.benefit { color: #3f476c; font: 1.4em 'Roboto', sans-serif; text-align: center; font-weight: 900; margin: 0 auto; padding: .8em 0; line-height: 1.51; }
h4#qa { color: #272727; font: 1.5em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0 auto; padding: 0 0 .75em 0; line-height: 1.49; }
h5 { color: #676767; font: 1.6em 'Roboto', sans-serif; text-align: left; font-weight: 900; margin: 0; padding: 1.5em 0 0 0; line-height: 1.47; }
div.cta-head { width: 94%; color: #3f3f3f; font: 1.6em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0; padding: .75em 3% .25em 3%; line-height: 1.47; }
.bonus-number { color: #1a1a1a; font: 2.8em 'Roboto', sans-serif; font-weight: 900; text-align: center; text-decoration: underline; margin: 0; padding: 1.4em 0 0 0; line-height: 1.36; }
.bonus-title { color: #1a1a1a; font: 1.9em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0; padding: .75em 3% .25em 3%; line-height: 1.42; }
.bonus-price { color: #808080; font: 1.7em 'Roboto', sans-serif; font-weight: 900; text-align: left; margin: 0; padding: .75em 0 0 0; line-height: 1.45; }
.red-total { color: #990000; font: 2.4em 'Roboto', sans-serif; font-weight: 900; text-align: center; text-decoration: line-through; margin: 0; padding: 0 0 0 0; line-height: 1.38; }
.yours-free { color: #1a1a1a; font: 2.8em 'Roboto', sans-serif; font-weight: 900; text-align: center; text-decoration: underline; margin: 0; padding: 0 0 0 0; line-height: 1.36; }
/* p #151515 */
p { text-indent: 1em; color: #151515; font: 1.15em 'Noto Sans', sans-serif; font-weight: 400; text-align: left; margin: 1.15em 0; padding: 0; line-height: 1.61; }
p#first { color: #101010; font: 1.275em 'Noto Sans', sans-serif; font-weight: 400; text-align: left; margin: 1.275em 0; line-height: 1.56; }
p#first:first-letter { color: #b3b3b3; font: 2.2em 'Zilla Slab', sans-serif; font-weight: 300; line-height: 30px; }
p.benefit { text-indent: 0; color: #151515; font: 1.15em 'Noto Sans', sans-serif; font-weight: 400; text-align: left; margin: 1.15em 0; padding: 0; line-height: 1.61; }
p.n { text-indent: 0; }
p#privacy { text-indent: 0; font: 1em 'Noto Sans', sans-serif; color: #1a1a1a; transition: all .4s ease-in-out 0s; text-align: center; font-weight: 500; margin: 0; padding: .5em 0 1em 0; opacity: .7; }
p#privacy:hover { opacity: 1; cursor: pointer; }
p#satisfaction { width: 90%; text-indent: 0; color: #333; font: 1em 'Noto Sans', sans-serif; text-align: center; font-weight: 400; margin: .5em auto .75em auto; line-height: 1.71053; }
p#assurance { text-indent: 0; color: #b2b2b2; font: 1em 'Noto Sans', sans-serif; font-weight: 400; text-align: center; padding: 0 10em; line-height: 1.71; }
p#signoff { text-indent: 0; margin: 1.5em 0 0 0; }
p#sig { text-indent: 0; font: 2.3em 'Cedarville Cursive', cursive; font-weight: 400; margin: 0; padding: 0; }
p#position { text-indent: 0; font-style: italic; margin: 0; padding: 0; }
p.badges { width: 70%; margin: 0 auto; padding: .25em 0 .5em 0; color: #b2b2b2; font: 1em 'Noto Sans', sans-serif; text-indent: 0; font-weight: 400; text-align: center; border-bottom: 1px solid #f2f2f2; line-height: 1.625; }
div.testimonial-title { color: #959595; font: 1.3em 'Roboto', sans-serif; text-align: left; font-weight: 900; margin: 0; padding: 1.25em 0 0 0; line-height: 1.55; }
p.testimonial { text-indent: 0; color: #555; font: 1.2em 'Noto Sans', sans-serif; font-weight: 400; text-align: left; margin: 1.2em 0; padding: 0; line-height: 1.59; }
p.deviceicons { box-sizing: border-box; font: 1em FontAwesome; width: 100%; transition: all 1s ease-in-out 0s; text-indent: 0; text-align: center; margin: auto; padding: 1em 0 0 0; opacity: .4; }
p.deviceicons:hover { opacity: 1.0; }
span.desktop { font-size: 3em; color: #0055b5; margin-right: .2em; }
span.tablet { font-size: 2.4em; color: #feb500; margin-right: .2em; }
span.smartphone { font-size: 2em; color: #d60800; }
.blue { color: #3f476c; }
.light-blue { color: #636fa9; }
.bold { font-weight: 700; }
.boldest { font-weight: 900; }
.underline { text-decoration: underline; }
.italunder { font-style: italic; text-decoration: underline; }
.italic { font-style: italic; }
.wrapword { word-wrap: break-word; }
.headunderline { border-bottom: 2px solid #d9d9d9; }
.center { text-align: center; }
.roboto { font-family: 'Roboto', sans-serif; }
div.breaker { background-color: #f7f7f7; width: 100%; height: 5px; margin: .2em 0; border-radius: .2em; }
/* #999 */
ul { list-style: disc inside url("media/purple-bullet.svg"); margin: 0; padding: .5em 3em; }
ol.product { color: #636fa9; font-weight: 700; margin: 0; padding: 0; border: 0; }
li { color: #151515; font: 1.15em 'Noto Sans', sans-serif; font-weight: 400; margin: 1.15em 0; padding: 0; line-height: 1.61; }
li:first-child { margin-top: 0; }
li:last-child { margin-bottom: 0; }
section.benefits { background-color: #fafafa; margin: 1em 0 2em 0; padding: 1.5em 2em .5em 2em; border: 3px solid #e8e8e8; border-radius: .2em; }
ul.product { margin: 0; padding: 0; border: 0; }
ul.block { background-color: #fafafa; list-style: disc inside url("media/bullet.svg"); margin: 0; padding: 1em 2em; border: 2px solid #f2f2f2; border-radius: .1em; }
li.benefit { color: #676767; font: 1.15em 'Noto Sans', sans-serif; font-weight: 400; margin: 1.2em 0; padding: 0; line-height: 1.61; }
li.benefit:first-child { margin-top: 0; }
li.benefit:last-child { margin-bottom: 0; }
li.benefit:nth-child(even) { font-weight: 700; }
hr.benefit { width: 100%; height: 3px; background-color: #e8e8e8; margin: 2em 0; border: 0; }
section.cream-box { box-sizing: border-box; width: 100%; background-color: #fffdd0; margin: 0; padding: .1em 1.5em .3em 1.5em; border: 2px solid #f5f5f5; border-radius: .2em; }
section.box { box-sizing: border-box; width: 100%; background-color: #fcfcfc; margin: 2em auto 1em auto; padding: .1em 0 .3em 0; border: 2px solid #f5f5f5; }
/* e04c84 c74375 */
/* 3f476c 4e5886 */
/* background-color: #ff496c; background: #e34160; */
section.ctabox { box-sizing: border-box; width: 100%; background-color: #fafafa; margin: 2em auto 1em auto; padding: .25em 0 .3em 0; border: 3px dotted #f2f2f2; }
div.button { box-sizing: border-box; width: 90%; background-color: #c5586e; color: white; font: 2.4em 'Roboto', sans-serif; font-weight: 900; text-align: center; transition: all .5s ease-in-out 0s; margin: 1em auto 0 auto; padding: .5em 0 .55em 0; border-radius: .05em; }
div.button:hover { background: #b65165; box-shadow: 0 0 1px #b3b3b3; }
div.buttonhead { }
div#sigblocks { display: table; box-sizing: border-box; width: 100%; margin: 0 0 1em 0; padding: 0; border-bottom: 4px 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#portrait { box-sizing: border-box; display: block; width: 400px; height: auto; float: none; margin: 1.5em auto .5em auto; }
img#sigportrait { width: 100%; max-width: 125px; height: auto; float: right; margin-top: 1.3em; border: 4px solid #f0f0f0; border-radius: 50%; }
.img-border { border: 3px solid #f0f0f0; border-radius: .2em; }
/* #293741 */
figure { color: #808080; font: 1em 'Roboto', sans-serif; font-weight: 400; text-align: center; }
img.fig { width: 100%; height: auto; }
figure#cover { box-sizing: border-box; display: block; max-width: 348px; height: auto; float: right; margin: 0 0 .5em .6em; padding: 0; }
figure#mobile-cover { display: none; }
figure#unlock-heart { box-sizing: border-box; display: block; width: 400px; max-width: 400px; height: auto; float: none; margin: 1em auto 2.5em auto; padding: 0; }
figure#missing-piece { box-sizing: border-box; display: block; width: 400px; max-width: 400px; height: auto; float: none; margin: 2em auto; padding: 0; }
figure#tic-tac-love { box-sizing: border-box; display: block; width: 400px; max-width: 400px; height: auto; float: none; margin: 2em auto; padding: 0; }
figure#love-text { box-sizing: border-box; display: block; width: 350px; max-width: 350px; height: auto; float: none; margin: 2em auto; padding: 0; }
figure#heart-lock { box-sizing: border-box; display: block; width: 350px; max-width: 350px; height: auto; float: none; margin: 2em auto; padding: 0; }
figure#couple { box-sizing: border-box; display: block; max-width: 350px; height: auto; float: none; margin: 1em auto; padding: 0; }
figure#unbreakable-flat-cover { box-sizing: border-box; display: block; width: 350px; max-width: 350px; height: auto; float: none; margin: 1.5em auto; padding: 0; }
figure#unbreakable-cover { box-sizing: border-box; display: block; width: 500px; max-width: 500px; height: auto; float: none; margin: .5em auto; padding: 0; }
footer { color: #ccc; font: .95em 'Noto Sans', sans-serif; font-weight: 400; text-align: center; margin: 20em 0 0 0; }
@media only screen and (max-width: 950px) {
header#logo { display: none; color: #ccc; font: .95em 'Noto Sans', sans-serif; font-weight: 400; text-align: left; margin: 0 3%; padding-left: 0; }
section#top { box-sizing: border-box; width: 94%; background-color: white; margin: 0 3%; padding: 0 5% 1em 5%; }
section#videowrapper { width: 94%; margin: 0 3%; }
#videowrap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
#videowrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
section#body { box-sizing: border-box; width: 94%; background-color: white; margin: 0 3%; padding: 0 5% .5em 5%; border-top: none; border-radius: .1em; }
section.transparent { box-sizing: border-box; width: 94%; margin: 1em 3%; padding: .5em 5%; border: 2px dotted #f2f2f2; border-radius: .1em; }
section.grey { box-sizing: border-box; width: 850px; background-color: white; margin: 0 auto; padding: 0 2em .5em 2em; border: 2px dotted #f2f2f2; border-radius: .1em; }
div#thank-you { color: #858585; font: 3.4em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0; padding: .4em 0 0 0; line-height: 1.38; }
div#get-it { color: #858585; font: 2em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0; padding: 0 0 1.5em 0; line-height: 1.41; }
div#also-like { color: #858585; font: 1.6em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0; padding: 3em 0 0 0; line-height: 1.55; }
img#download-cover { box-sizing: border-box; display: block; width: 100%; max-width: 500px; height: auto; float: none; margin: 0 auto; padding: .35em 0 .1em 0; }
#download { display: block; width: 100%; font: 2.25em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0 auto; padding: 0; line-height: 1.59; }
#download:hover { text-decoration: underline; }
h1 { color: #3f476c; font: 2.3em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0; padding: .9em 0 1em 0; line-height: 1.38; }
h2 { color: #272727; font: 1.3em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0; padding: 0 0 1.5em 0; line-height: 1.55; }
h2#ps { color: #3f476c; font: 2.1em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0 auto; padding: .6em 0 .8em 0; border: 0; line-height: 1.36; }
h3 { width: 100%; color: #272727; font: 1.8em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0; padding: .5em 0; line-height: 1.42; }
h3#ps { color: #272727; font: 1.7em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0 auto; padding: 0 0 .75em 0; line-height: 1.45; }
h3#qa { color: #272727; font: 2.8em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0 auto; padding: .6em 0 0 0; border: 0; line-height: 1.37; }
h4 { width: 100%; color: #272727; font: 1.5em 'Roboto', sans-serif; text-align: center; font-weight: 900; margin: 0; padding: .7em 0; line-height: 1.49; }
h4.benefit { width: 100%; color: #3f476c; font: 1.4em 'Roboto', sans-serif; text-align: center; font-weight: 900; margin: 0; padding: .7em 0; line-height: 1.51; }
h4#qa { color: #272727; font: 1.5em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0 auto; padding: 0 0 .75em 0; line-height: 1.49; }
h5 { color: #676767; font: 1.6em 'Roboto', sans-serif; text-align: left; font-weight: 900; margin: 0; padding: 1.5em 0 0 0; line-height: 1.48; }
div.cta-head { width: 94%; color: #3f3f3f; font: 1.6em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0; padding: .75em 3% .25em 3%; line-height: 1.47; }
.bonus-number { color: #1a1a1a; font: 2.8em 'Roboto', sans-serif; font-weight: 900; text-align: center; text-decoration: underline; margin: 0; padding: 1em 0 0 0; line-height: 1.36; }
.bonus-title { color: #1a1a1a; font: 1.9em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0; padding: .75em 2% .5em 2%; line-height: 1.42; }
.bonus-price { color: #808080; font: 1.7em 'Roboto', sans-serif; font-weight: 900; text-align: left; margin: 0; padding: .75em 0 0 0; line-height: 1.45; }
.red-total { color: #990000; font: 2.2em 'Roboto', sans-serif; font-weight: 900; text-align: center; text-decoration: line-through; margin: 0; padding: 1em 0 0 0; line-height: 1.39; }
.yours-free { color: #1a1a1a; font: 2.8em 'Roboto', sans-serif; font-weight: 900; text-align: center; text-decoration: underline; margin: 0; padding: 0 0 0 0; line-height: 1.36; }
p { text-indent: 1.5em; color: #151515; font: 1.15em 'Noto Sans', sans-serif; font-weight: 400; text-align: left; margin: 1.15em 0; padding: 0; line-height: 1.59; }
p#first { color: #151515; font: 1.275em 'Noto Sans', sans-serif; font-weight: 400; text-align: left; margin: 1.275em 0; line-height: 1.56; }
p#first:first-letter { color: #b3b3b3; font: 2em 'Roboto Slab', sans-serif; font-weight: 300; line-height: 30px; }
p.benefit { text-indent: 0; }
p#satisfaction { width: 90%; text-indent: 0; color: #333333; font: .95em 'Noto Sans', sans-serif; text-align: center; font-weight: 400; margin: .5em auto .75em auto; line-height: 1.75; }
p#assurance { text-indent: 0; color: #b2b2b2; font: .95em 'Noto Sans', sans-serif; font-weight: 400; text-align: center; padding: 0 4em; line-height: 1.75; }
p#signoff { text-indent: 0; margin: 1.5em 0 0 0; }
p#sig { text-indent: 0; font: 2.5em 'Cedarville Cursive', cursive; font-weight: 400; margin: 0; }
p#position { text-indent: 0; font-weight: 400; margin: 0; padding: 0; }
div.testimonial-title { color: #959595; font: 1.3em 'Roboto', sans-serif; text-align: left; font-weight: 700; margin: 0; padding: 1.25em 0 0 0; line-height: 1.55; }
p.testimonial { text-indent: 0; color: #555; font: 1.2em 'Noto Sans', sans-serif; font-weight: 400; text-align: left; margin: 1.2em 0; padding: 0; line-height: 1.59; }
ul { list-style: disc inside url("media/purple-bullet.svg"); margin: 0; padding: .5em 2em; }
li { color: #151515; font: 1.15em 'Noto Sans', sans-serif; font-weight: 400; margin: 1.15em 0; padding: 0; line-height: 1.59; }
section.benefits { background-color: #fafafa; margin: 1em 0 2em 0; padding: 1.5em 1.5em .5em 1.5em; border: 3px solid #e8e8e8; border-radius: .2em; }
li:first-child { margin-top: 0; }
li:last-child { margin-bottom: 0; }
li:nth-child(even) { }
hr.benefit { width: 100%; height: 3px; background-color: #e8e8e8; margin: 2em 0; border: 0; }
section.ctabox { box-sizing: border-box; width: 100%; background-color: #fafafa; margin: 2em auto 1em auto; padding: .25em 0 .3em 0; border: 2px dotted #f2f2f2; }
div.button { box-sizing: border-box; width: 90%; background-color: #c5586e; color: white; font: 2.5em 'Roboto', sans-serif; font-weight: 900; text-align: center; transition: all 1s ease-in-out 0s; margin: 1em auto 0 auto; padding: .5em 2% .55em 2%; border-radius: .05em; }
div.button:hover { background: #b65165; box-shadow: 0 0 1px #b3b3b3; }
div.buttonhead { }
img#portrait { box-sizing: border-box; display: block; width: 65%; max-width: 400px; height: auto; float: none; margin: 1.5em auto .5em auto; padding: 0; }
figure#cover { box-sizing: border-box; display: block; width: 50%; max-width: 348px; height: auto; float: right; margin: 0; padding: 0; }
figure#mobile-cover { display: none; }
figure#unlock-heart { box-sizing: border-box; display: block; width: 65%; max-width: 400px; height: auto; float: none; margin: 1em auto 2.5em auto; padding: 0; }
figure#missing-piece { box-sizing: border-box; display: block; width: 65%; max-width: 400px; height: auto; float: none; margin: 2em auto; padding: 0; }
figure#tic-tac-love { box-sizing: border-box; display: block; width: 65%; max-width: 400px; height: auto; float: none; margin: 2em auto; padding: 0; }
figure#love-text { box-sizing: border-box; display: block; width: 65%; max-width: 350px; height: auto; float: none; margin: 2em auto; padding: 0; }
figure#heart-lock { box-sizing: border-box; display: block; width: 65%; max-width: 350px; height: auto; float: none; margin: 2em auto; padding: 0; }
figure#couple { box-sizing: border-box; display: block; width: 80%; max-width: 350px; height: auto; float: none; margin: 2em auto; padding: 0; }
figure#unbreakable-flat-cover { box-sizing: border-box; display: block; width: 55%; max-width: 350px; height: auto; float: none; margin: 1em auto; padding: 0; }
figure#unbreakable-cover { box-sizing: border-box; display: block; width: 100%; max-width: 500px; height: auto; float: none; margin: .5em auto; padding: 0; }
footer { color: #ccc; font: .95em 'Noto Sans', sans-serif; font-weight: 400; text-align: center; margin: 20em 0 0 0; }
}
@media only screen and (max-width: 600px) {
header#logo { background-color: #fafafa; color: #ccc; font: .95em 'Noto Sans', sans-serif; font-weight: 400; text-align: center; margin: 0; padding-left: 0; }
section#top { box-sizing: border-box; width: 100%; background-color: white; margin: 0; padding-bottom: 1em; border-radius: 0; }
section#videowrapper { width: 100%; margin: 0; }
#videowrap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
#videowrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
section#body { box-sizing: border-box; width: 100%; background-color: white; margin: 0; padding: .5em 5%; border: 1px solid #f2f2f2; border-radius: 0; }
section.transparent { box-sizing: border-box; width: 100%; margin: 1em 0; padding: .5em 5%; border: 2px dotted #f2f2f2; border-radius: .1em; }
section.grey { box-sizing: border-box; width: 850px; background-color: white; margin: 0 auto; padding: 0 2em .5em 2em; border: 2px dotted #f2f2f2; border-radius: .1em; }
div#thank-you { color: #858585; font: 2.8em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0; padding: .4em 0 0 0; line-height: 1.38; }
div#get-it { color: #858585; font: 1.6em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0; padding: 0 0 1em 0; line-height: 1.41; }
div#also-like { color: #858585; font: 1.3em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0; padding: 2em 0 0 0; line-height: 1.55; }
img#download-cover { box-sizing: border-box; display: block; width: 100%; max-width: 500px; height: auto; float: none; margin: 0 auto; padding: .35em 0 .1em 0; }
#download { display: block; width: 100%; max-width: 500px; font: 1.6em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0 auto; padding: 0; line-height: 1.42; }
#download:hover { text-decoration: underline; }
h1 { color: #3f476c; font: 1.8em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0 auto; padding: .75em 0 1em 0; line-height: 1.39; }
h2 { color: #272727; font: 1.2em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0 auto; padding: 0 0 1.5em 0; line-height: 1.5; }
h2#ps { color: #3f476c; font: 1.6em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0 auto; padding: .6em 0 .9em 0; border: 0; line-height: 1.42; }
h3 { color: #272727; font: 1.4em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0 auto; padding: .7em 0 .8em 0; line-height: 1.45; }
h3#ps { color: #272727; font: 1.5em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0 auto; padding: 0 0 .75em 0; line-height: 1.43; }
h3#qa { color: #272727; font: 2.4em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0 auto; padding: .75em 0 0 0; border: 0; line-height: 1.36; }
h4 { color: #272727; font: 1.2em 'Roboto', sans-serif; text-align: center; font-weight: 900; margin: 0 auto; padding: .7em 0; line-height: 1.5; }
h4.benefit { color: #3f476c; font: 1.2em 'Roboto', sans-serif; text-align: center; font-weight: 900; margin: 0 auto; padding: .7em 0; line-height: 1.5; }
h4#qa { color: #272727; font: 1.3em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0 auto; padding: 0 0 .75em 0; line-height: 1.47; }
h5 { color: #676767; font: 1.3em 'Roboto', sans-serif; text-align: left; font-weight: 900; margin: 0 auto; padding: 1.7em 0 .3em 0; line-height: 1.47; }
div.cta-head { width: 94%; color: #3f3f3f; font: 1.4em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0; padding: .75em 3% .25em 3%; line-height: 1.45; }
.bonus-number { color: #1a1a1a; font: 2.4em 'Roboto', sans-serif; font-weight: 900; text-align: center; text-decoration: underline; margin: 0; padding: .8em 0 0 0; line-height: 1.36; }
.bonus-title { color: #1a1a1a; font: 1.5em 'Roboto', sans-serif; font-weight: 900; text-align: center; margin: 0; padding: .75em 3% .5em 3%; line-height: 1.44; }
.bonus-price { color: #808080; font: 1.7em 'Roboto', sans-serif; font-weight: 900; text-align: left; margin: 0; padding: .75em 0 0 0; line-height: 1.41; }
.red-total { color: #990000; font: 2em 'Roboto', sans-serif; font-weight: 900; text-decoration: line-through; text-align: center; margin: 0; padding: .25em 0 0 0; line-height: 1.38; }
.yours-free { color: #1a1a1a; font: 2.4em 'Roboto', sans-serif; font-weight: 900; text-align: center; text-decoration: underline; margin: 0; padding: 0; line-height: 1.36; }
p { text-indent: 1.25em; color: #000; font: 1em 'Noto Sans', sans-serif; font-weight: 400; text-align: left; margin: 1em 0; padding: 0; line-height: 1.59; }
p#first { color: #151515; font: 1.2em 'Noto Sans', sans-serif; font-weight: 400; text-align: left; margin: 1.2em 0; line-height: 1.5; }
p#first:first-letter { color: #b3b3b3; font: 2em 'Roboto Slab', sans-serif; font-weight: 300; line-height: 30px; }
p.benefit { }
p#satisfaction { width: 90%; text-indent: 0; color: #333333; font: .95em 'Noto Sans', sans-serif; text-align: center; font-weight: 400; margin: .5em auto .75em auto; line-height: 1.62; }
p#assurance { text-indent: 0; color: #b2b2b2; font: .95em 'Noto Sans', sans-serif; font-weight: 400; text-align: center; padding: 0 3em; line-height: 1.62; }
p#signoff { text-indent: 0; margin: 1.5em 0 0 0; }
p#sig { text-indent: 0; font: 2em 'Cedarville Cursive', cursive; font-weight: 400; margin: 0; }
p#position { text-indent: 0; font-weight: 400; margin: 0; padding: 0; }
div.testimonial-title { color: #959595; font: 1.2em 'Roboto', sans-serif; text-align: left; font-weight: 900; margin: 0; padding: 1.25em 0 0 0; line-height: 1.5; }
p.testimonial { text-indent: 0; color: #555; font: 1em 'Noto Sans', sans-serif; font-weight: 400; text-align: left; margin: 1em 0; padding: 0; line-height: 1.59; }
span.red { color: #990000; }
ul { list-style: disc inside url("media/purple-bullet.svg"); margin: 0; padding: .5em 1.3em; }
li { color: #000; font: 1em 'Noto Sans', sans-serif; font-weight: 400; margin: 1em 0; padding: 0; line-height: 1.59; }
section.benefits { background-color: #fafafa; margin: 1.5em 0 2em 0; padding: 1.5em 1.2em .5em 1.2em; border: 3px solid #e8e8e8; border-radius: .2em; }
li:first-child { margin-top: 0; }
li:last-child { margin-bottom: 0; }
li:nth-child(even) { }
hr.benefit { width: 100%; height: 3px; background-color: #e8e8e8; margin: 1.5em 0; border: 0; }
section.box { box-sizing: border-box; width: 100%; background-color: #fafafa; margin: 2em auto 1em auto; padding: .25em 0 .3em 0; border: 2px dotted #f2f2f2; }
section.ctabox { box-sizing: border-box; width: 100%; background-color: #fafafa; margin: 2em auto 1em auto; padding: .25em 0 .3em 0; border: 2px dotted #f2f2f2; }
div.button { box-sizing: border-box; width: 90%; background-color: #c5586e; color: white; font: 2.3em 'Roboto', sans-serif; font-weight: 900; text-align: center; transition: all 1s ease-in-out 0s; margin: 1em 5% 0 5%; padding: .6em 2% .65em 2%; border-radius: .05em; }
div.button:hover { background: #b65165; box-shadow: 0 0 1px #b3b3b3; }
div.buttonhead { }
img#portrait { box-sizing: border-box; display: block; width: 70%; max-width: 400px; height: auto; float: none; margin: 1.5em auto .5em auto; padding: 0; }
figure#cover { display: none; }
figure#mobile-cover { box-sizing: border-box; display: block; width: 100%; max-width: 500px; height: auto; margin: 0 auto 1.5em auto; padding: 0; }
figure#unlock-heart { box-sizing: border-box; display: block; width: 75%; max-width: 400px; height: auto; float: none; margin: 1em auto 2.5em auto; padding: 0; }
figure#missing-piece { box-sizing: border-box; display: block; width: 75%; max-width: 400px; height: auto; float: none; margin: 2.2em auto; padding: 0; }
figure#tic-tac-love { box-sizing: border-box; display: block; width: 80%; max-width: 400px; height: auto; float: none; margin: 2.2em auto; padding: 0; }
figure#love-text { box-sizing: border-box; display: block; width: 75%; max-width: 350px; height: auto; float: none; margin: 2.2em auto; padding: 0; }
figure#heart-lock { box-sizing: border-box; display: block; width: 75%; max-width: 350px; height: auto; float: none; margin: 2.2em auto; padding: 0; }
figure#couple { box-sizing: border-box; display: block; width: 75%; max-width: 350px; height: auto; float: none; margin: 2.2em auto; padding: 0; }
figure#unbreakable-flat-cover { box-sizing: border-box; display: block; width: 60%; max-width: 350px; height: auto; float: none; margin: 1.5em auto; padding: 0; }
figure#unbreakable-cover { box-sizing: border-box; display: block; width: 100%; max-width: 500px; height: auto; float: none; margin: .5em auto; padding: 0; }
footer { color: #ccc; font: .95em 'Noto Sans', sans-serif; font-weight: 400; text-align: center; margin: 0; }
}