/* Reset Rules */
/* ----------- */
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, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, 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-size: 100%;
font: inherit;
vertical-align: baseline;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
/* ------------------------------------------- */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block;}
html,body{ height: 100% }
body { line-height: 1;}
/* blockquote, q { quotes: none; } */
a { color: #000 ; }
@font-face {
font-family: 'ITCAvantGardeStd-Bold';
src: url('fonts/ITCAvantGardeStd-Bold.eot?') format('eot'),
url('fonts/ITCAvantGardeStd-Bold.otf') format('opentype'),
url('fonts/ITCAvantGardeStd-Bold.woff') format('woff'),
url('fonts/ITCAvantGardeStd-Bold.ttf') format('truetype'),
url('fonts/ITCAvantGardeStd-Bold.svg#ITCAvantGardeStd-Bold') format('svg');
}
@font-face {
font-family: 'jubilatlight';
src: url('fonts/jubilat-light-webfont.eot');
src: url('fonts/jubilat-light-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/jubilat-light-webfont.woff2') format('woff2'),
url('fonts/jubilat-light-webfont.woff') format('woff'),
url('fonts/jubilat-light-webfont.ttf') format('truetype'),
url('fonts/jubilat-light-webfont.svg#jubilatlight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'jubilatlightitalic';
src: url('fonts/jubilat-lightitalic-webfont.eot');
src: url('fonts/jubilat-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/jubilat-lightitalic-webfont.woff2') format('woff2'),
url('fonts/jubilat-lightitalic-webfont.woff') format('woff'),
url('fonts/jubilat-lightitalic-webfont.ttf') format('truetype'),
url('fonts/jubilat-lightitalic-webfont.svg#jubilatlightitalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'jubilatbold';
src: url('fonts/jubilat-bold-webfont.eot');
src: url('fonts/jubilat-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/jubilat-bold-webfont.woff2') format('woff2'),
url('fonts/jubilat-bold-webfont.woff') format('woff'),
url('fonts/jubilat-bold-webfont.ttf') format('truetype'),
url('fonts/jubilat-bold-webfont.svg#jubilatlightitalic') format('svg');
font-weight: normal;
font-style: normal;
}
/* General */
/* ----------- */
.headineMobile, .headineMobileGreen { display: none ; }
.petitionButton { width: 200px ; margin-left: auto ; margin-right: auto ; display: block ; text-align: center ; text-decoration: none ; margin-top: 13px ;
background: #74b027 none repeat scroll 0 0;
border: 0 none;
color: #fff;
cursor: pointer;
font-size: 14px;
line-height: 1em;
padding-bottom: 20px;
padding-top: 18px;
text-align: center;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
transition: background 0.3s ease 0s;
width: 150px;
}
body.salesLetterBody .containerSalesLetter.copyslacker.thanx h1 { margin-top: 52px ; margin-bottom: 52px ; }
.choiceOptions { background-image: url("images/choice.png"); width: 270px ; height: 155px ; margin-right: auto ; margin-left: auto ; margin-bottom: 13px ; }
.containerSalesLetter { border-right: 1px solid #e7e6e3; border-left: 1px solid #e7e6e3; }
.containerSalesLetter .contentWrapper:after, .contentWrapperOuter:after, .iconWrapper:after, .tickInvitationWrapper:after, .leftContentWrapper:after { clear: both; content: ".";
display: block; height: 0; visibility: hidden; }
.containerSalesLetter p{ text-indent: 28px ; line-height: 25px ; margin-bottom: 20px ; }
body.salesLetterBody { /* background: url("../images/bg.png") repeat-x #f1f1f1; */ background: #000 ; }
.containerSalesLetter ul li { margin-left: 10px ; }
.containerSalesLetter .centre { text-align: center ; }
.containerSalesLetter .bold { font-weight: bold ; /* font-family: 'jubilatlight'; */ }
.containerSalesLetter .italics { font-style: italic ; }
.containerSalesLetter .ctaLink a { text-decoration: underline ; }
.containerSalesLetter .orderForm p { text-indent: 0px !important ; }
.containerSalesLetter div.noMarginTop, .containerSalesLetter ul.noMarginTop { padding-top: 0 ; margin-top: 0 ; }
.containerSalesLetter div.noMarginBottom, .containerSalesLetter ul.noMarginBottom { margin-bottom: 0 ; }
.containerSalesLetter div.noMarginBottom, .containerSalesLetter ul.noMarginBottom
.noMarginBottom { margin-bottom: 0 ; }
.containerSalesLetter .ctaButtons .mainCTA { width: 340px ; margin-left: auto ; margin-right: auto ; margin-top: 52px ; display: block ; }
.containerSalesLetter .ctaLink { text-align: center ; text-indent: 0px !important ; padding-top: 26px ; font-size: 24px ; }
.crackerJ .mainCTA { margin-bottom: 26px ; }
.crackerJ .ctaLink { font-size: 18px ; padding-top: 0 ; }
.containerSalesLetter p.whereWorld { text-align: center ; text-indent: 0 ; font-size: 24px; font-weight: 700; }
.containerSalesLetter .noteRefunds { text-align: center ; text-indent: 0 ; margin-bottom: 52px ; }
.containerSalesLetter { width: 720px ; margin-left: auto ; margin-right: auto ; background-color: #fff ; padding-left: 26px ; padding-right: 26px ; color: #000; padding-bottom: 26px ; }
.containerSalesLetter { padding-top: 26px ; font-size: 18px ; }
.containerSalesLetter h1, .containerSalesLetter h2, .containerSalesLetter h3 { text-align: center ; }
.containerSalesLetter h1 { font-size: 54px ; line-height: 54px ; margin-bottom: 13px ; }
.containerSalesLetter h1, .containerSalesLetter h2.mainHeadlineH2 , .containerSalesLetter h3, .containerSalesLetter .bulletsHeadline, .containerSalesLetter h2.crackerHeading, .containerSalesLetter h2.h2subhead { font-family: 'ITCAvantGardeStd-Bold' ,Georgia, "Times New Roman",Times,serif; text-transform: uppercase; }
.containerSalesLetter .mainHeadlineH1 { font-size: 54px ; }
h2.h2subhead { font-size: 42px ; margin-bottom: 26px ; margin-top: 52px ; }
.containerSalesLetter h2.mainHeadlineH2 { font-size: 36px ; text-transform: inherit ; line-height: 36px ; }
.containerSalesLetter .rightWrapper.testyPopup p { text-indent: 0 ; }
.containerSalesLetter .testimonialAuthor { font-size: 24px; font-weight: bold; }
.containerSalesLetter .underlineNormal { text-decoration: underline; }
.containerSalesLetter .buyLinkCJS { text-align: center ; font-weight: bold ; font-size: 24px ; margin-top: 39px ; }
.containerSalesLetter .rightAlignTestimonial { text-align: right; margin-top: 26px ; }
.containerSalesLetter .rightAlignTestimonial span { display: block; padding-bottom: 5px; }
.containerSalesLetter .testimonialDetails { font-size: 16px ; line-height: 16px ; }
.sunraiWrapperFooter { width: 600px ; margin-right: auto ; margin-left: auto ; }
.containerSalesLetter .testimonialSB p { font-size: 24px; text-align: center; }
.containerSalesLetter .testimonialSB { border-radius: 5px; font-style: italic; font-weight: 700; margin: 0; position: relative; margin-bottom: 26px ; }
.tickInvitationWrapper { width: 620px ; margin-left: auto ; margin-right: auto ; }
.tickWrapper { width: 70px ; float: left ; }
.invitationWrapper { width: 550px ; float: right ; padding-top: 11px ; }
.invitationWrapper h2 { font-size: 22px ; text-align: inherit ; }
.privacyParaSL a { color: #fff ; }
.containerSalesLetter h2.crackerHeading { font-size: 36px ; }
.containerSalesLetter .colouredHeadline { /* background-color: #F0F5F7 ; */ padding-top: 7px ; padding-bottom: 26px ; }
.containerSalesLetter .colouredHeadline { font-size: 24px ; }
.containerSalesLetter .crackerJack .leftWrapper { float: left; width: 490px ; }
.containerSalesLetter .crackerJack .rightWrapper { float: right; width: 175px ; }
.containerSalesLetter .crackerJack hr { margin-bottom:52px ; margin-top: 52px ; }
.containerSalesLetter .leftWrapper { float: left; width: 420px ; }
.containerSalesLetter .rightWrapper { float: right ; width: 240px ; }
h3.testyHeading, .indivTestyWrapper h3 { font-family: ITCAvantGardeStd-Bold,Georgia,"Times New Roman",Times,serif;
text-transform: uppercase; font-size: 18px ; margin-bottom: 13px ; line-height: 24px ; text-align: center ; }
.containerSalesLetter.copyslacker .leftContent { float: left; width: 447px ; padding-right: 13px ; }
.containerSalesLetter.copyslacker .rightContent { float: right; width: 205px ; border: 1px solid #666 ; padding: 0px 13px 0px 13px; background-color: #f1f1f1 ; }
.containerSalesLetter .testiesMobile { display: none ; }
.containerSalesLetter.copyslacker .rightContent p { font-size: 15px ; line-height: 20px ; margin-bottom: 13px ; text-indent: 13px ; }
.containerSalesLetter .testimonialsSidebar blockquote p { text-indent: 0 ; padding-left: 26px ; padding-right: 26px ; }
.indivTestyWrapper { border-bottom: 1px dashed #666 ; padding-top: 23px ; padding-bottom: 10px ; }
.indivTestyWrapper:last-child { border-bottom: 0 ;}
.containerSalesLetter.crackerJ .leftWrapper { float: left; width: 460px ; }
.containerSalesLetter.crackerJ .rightWrapper { float: right ; width: 180px ; }
.containerSalesLetter .testyOne:before { top: -15px; left: 215px;}
.containerSalesLetter .testyOne:after { top: -15px; right: 215px;}
.containerSalesLetter .testyTwo:before { top: -15px; left: 210px; }
.containerSalesLetter .testyTwo:after { top: -15px; right: 200px;}
.containerSalesLetter .testyThree:before { top: -15px; left: 70px;}
.containerSalesLetter .testyThree:after { top: -15px; right: 60px;}
.containerSalesLetter .testyFour:before { top: -15px; left: 150px;}
.containerSalesLetter .testyFour:after { top: -15px; right: 150px;}
.containerSalesLetter .testyFive:before { top: -15px; left: 210px;}
.containerSalesLetter .testyFive:after { top: -15px; right: 210px;}
.containerSalesLetter .testySix:before { top: -15px; left: 265px;}
.containerSalesLetter .testySix:after { top: -15px; right: 255px;}
.containerSalesLetter .testySeven:before { top: -15px; left: 110px;}
.containerSalesLetter .testySeven:after { top: -15px; right: 110px; }
.containerSalesLetter .testyEight:before { top: -15px; left: 5px;}
.containerSalesLetter .testyEight:after { top: -15px; right: 1px; }
.containerSalesLetter .testyNine:before { top: -15px; left: 5px;}
.containerSalesLetter .testyNine:after { top: -15px; right: 1px; }
.containerSalesLetter .testimonialSB:before, .containerSalesLetter .testimonialSB:after, {
color: #000;
font-family: Arial,Helvetica,sans-serif !important; font-size: 60px; font-style: normal;
line-height: 1;
position: absolute;
}
.iconWrapper { width: 501px ; margin-left: auto ; margin-right: auto ; margin-bottom: 26px ; }
.iconWrapperLeft img, .iconWrapperRight img { display: block ; margin-right: auto ; margin-left: auto ; }
.iconWrapperLeft { width: 250px ; float: left ; }
.iconWrapperRight { width: 250px ; float: right ; }
.containerSalesLetter .testimonialSB:before { content: '\201C' ; }
.containerSalesLetter .testimonialSB:after { content: '\201D' ; }
.containerSalesLetter h2, body { font-family: 'jubilatlight' , sans-serif; }
.containerSalesLetter .bulletsListWrapper { /* padding: 0px 0 26px 0 ; */ }
.containerSalesLetter .mainHeadlineH1 span.block { display: block ; }
.optinWrapperOuter { background-color: #000000 ; color: #fff ; }
.containerSalesLetter .legalstatement { text-align: center ; font-size: 16px ; padding-top: 10px ; }
.containerSalesLetter .clear { clear: both ; }
.containerSalesLetter p.centre { margin-bottom: 0 ; text-indent: 0 ; }
.containerSalesLetter img {
height: auto ;
max-width: 100% ;
}
.containerSalesLetter hr {
background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
border: 0 none;
height: 2px;
margin-bottom: 39px;
margin-top: 39px ;
}
.crackerJ hr {
background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
border: 0 none;
height: 2px;
margin-bottom: 52px;
margin-top: 52px ;
}
.containerSalesLetter ul.topBullets { margin-top: 0 ; margin-bottom: 0 ; }
.containerSalesLetter .testyPopup { margin-top: 39px ; border: 1px solid #e7e6e3 ; padding: 13px ; background-color: #f1f1f1 ; }
.containerSalesLetter .testyPopup h3 { font-size: 24px ; margin-top: 13px ; margin-bottom: 13px ; }
.containerSalesLetter .marginTop { margin-top: 26px ; }
.containerSalesLetter .testyName { text-align: right ; font-weight: 900 ; font-size: 16px ; }
.containerSalesLetter .hearTesty { text-align: center ; text-indent: 0 ; font-weight: bold ; }
.containerSalesLetter .testyPlayer { width: 30px ; margin-right: auto ; margin-left: auto ; }
.containerSalesLetter .crackerJack { padding-top: 39px ; }
.containerSalesLetter .crackerJack h1 { margin-bottom: 39px ; }
.containerSalesLetter .getCGB {
background: #74b027 none repeat scroll 0 0;
border: 0 none;
color: #fff;
cursor: pointer;
display: block;
font-family: "Museo Slab 900", Georgia,"Times New Roman",Times,serif; text-transform: uppercase;
font-size: 16px;
line-height: 1em;
margin-left: auto;
margin-right: auto;
margin-top: 13px;
padding-bottom: 15px;
padding-top: 17px;
text-align: center;
text-decoration: none ;
text-shadow: 1px 1px 1px #666;
text-transform: uppercase;
transition: background 0.3s ease 0s;
width: 235px;
}
.containerSalesLetter ul { margin-top: 26px ; margin-bottom: 26px ; }
.containerSalesLetter ul li {
background-image: url("images/tick_black.png");
background-position: 0 3px;
background-repeat: no-repeat;
line-height: 25px ;
font-weight: normal;
list-style-type: none;
padding-left: 26px;
min-height: 25px ;
margin-bottom: 20px ;
}
.bottomFooterInnerSL p { text-align: center ; }
.bottomFooterOuterSL { color: #fff ; padding: 0 0 26px 0px ; background-color: #000 ; /* border-top: 5px solid #fff; */ padding-top: 15px ; font-size: 16px ; }
.footerLinksSL { color: #fff ; }
.privacyParaSL { margin-top: 10px ; }
/* Rules for Crackerjack Selling Secrets */
/* ------------------------------------------------------ */
.containerSalesLetter .marginBottom { margin-bottom: 26px ; }
/* Rules for Crackerjack Selling Secrets */
/* ------------------------------------------------------ */
/* Start Rules for Newbie Proof List Building */
/* -------------------------------------------------------------- */
.newbieProof h1 { font-size: 54px ; }
.newbieProof .npfl { font-size: 108px ; display: inline-block ; line-height: 108px ; }
.newbieProof .npsl { font-size: 108px ; display: inline-block ; line-height: 108px ; }
.newbieProof h2 { font-family: "Museo Slab 900" ,Georgia,"Times New Roman",Times,serif;
text-transform: uppercase; font-size: 24px; line-height: 24px ; text-transform: inherit ; margin-bottom: 26px ; }
.newbieProof h1.newbiePrice { font-size: 72px ; margin-top: 52px ; line-height: 72px ; }
.newbieProof .noTextIndent { text-indent: 0 ; }
.newbieProof blockquote { font-weight: 700; margin: 0; position: relative; }
.newbieProof blockquote:before { content: '\201C' ; top: -15px; left: 215px; }
.newbieProof blockquote:after { content: '\201D' ; }
.newbieProof blockquote:before, .newbieProof blockquote:after {
color: #000;
font-family: Arial,Helvetica,sans-serif !important; font-size: 120px; font-style: normal;
line-height: 1;
position: absolute;
}
.newbieProof blockquote:before { top: -25px; left: 65px;}
.newbieProof blockquote:after { top: 85px; right: 75px;}
.newbieProof .newbieImageWrapper { width: 329px ; margin-left: auto ; margin-right: auto ; }
/* End Rules for Newbie Proof List Building */
/* -------------------------------------------------------------- */
/* Start Rules for Copyslacker */
/* -------------------------------------------------------------- */
.topText { font-size: 22px ; }
.oddMarginBottom { margin-bottom: 13px; }
.copyslacker .headineAemail1 { display: block ; font-size: 24px ; line-height: 28px ; }
.copyslacker .headineAemail2 { display: block ; font-size: 23px ; line-height: 26px ; /* color: #016a48; */ }
.copyslacker .headineAemail3 { display: block ; font-size: 56px ; line-height: 68px ; color: #016a48; /* text-shadow: 1px 1px 1px #666 ; */ }
.copyslacker .headineAemail4 { display: block ; font-size: 44px ; line-height: 40px ; color: #016a48; }
.copyslacker .headineAemail5 { display: block ; font-size: 31px ; line-height: 34px ; }
.copyslacker .headineAemail6 { display: block ; font-size: 32px ; line-height: 32px ; }
.copyslacker .headineAemail7 { display: block ; font-size: 45px ; line-height: 62px ; color: #016a48; /* text-shadow: 1px 1px 1px #666 ; */ }
ol.simple-list { margin-bottom: 13px ; }
ol.simple-list > li::before {
content: counter(li-counter, decimal);
counter-increment: li-counter;
}
ol.simple-list > li::before, ol.simple-list2 > li::before, ol.simple-list3 > li::before {
color: #464646;
font-size: 1.4em;
font-weight: bold;
left: -1em;
line-height: 1;
position: absolute;
text-align: right;
top: 0;
width: 0.7em;
}
ol.simple-list > li, ol.simple-list2 > li, ol.simple-list3 > li {
border-left: 2px solid #cccccc;
line-height: 24px ;
margin-bottom: 20px;
min-height: 3em;
padding-left: 1.5em;
position: relative;
}
ol.simple-list > li, ol.simple-list2 > li, ol.simple-list3 > li {
list-style-type: none;
margin: 0 0 0 3em;
padding: 0 0 0 26px;
}
ol.simple-list {
counter-reset: li-counter;
}
/* End Rules for Copyslacker */
/* -------------------------------------------------------------- */
/* Start Rules for Agora */
/* -------------------------------------------------------------- */
.agora .headineInfotainment1, .agora .headineInfotainment2 { display: block ; }
.agora .headineInfotainment2 { font-size: 68px ; line-height: 96px; }
.agora h1 { margin-bottom: 26px ; }
.agora .ctaButtons { margin-bottom: 52px ; }
.agora .headineAemail1 { display: block ; font-size: 26px ; line-height: 32px ; }
.agora .headineAemail2 { display: block ; font-size: 54px ; line-height: 64px ; }
.agora .headineAemail3 { display: block ; font-size: 88px ; line-height: 92px ; }
.agora .headineAemail4 { display: block ; font-size: 38px ; line-height: 42px ; }
.agora.agoraStory .headineAemail1 { display: block ; font-size: 24px ; line-height: 32px ; }
.agora.agoraStory .headineAemail2 { display: block ; font-size: 54px ; line-height: 64px ; }
/* Upsells */
/* -------------------------------------------------------------- */
.agora.agoraUpsells .headineAemail1 { display: block ; font-size: 17px ; line-height: 32px ; }
.agora.agoraUpsells .headineAemail2 { display: block ; font-size: 45px ; line-height: 48px ; }
.agora.agoraUpsells .headineAemail3 { display: block ; font-size: 88px ; line-height: 96px ; }
.agora.agoraUpsells .headineAemail3.eagerBeaver { display: block ; font-size: 82px ; line-height: 90px ; }
.warningOTO { text-align: center ; font-weight: bold ; }
.agoraUpsells h2 { font-weight: bold ; font-size: 18px ; margin-bottom: 26px ; }
/* End Rules for Agora */
/* -------------------------------------------------------------- */
.testyOuterWrapper p { text-indent: 0 ; }
.largeQuote p { padding-left: 26px ; padding-right: 26px ; }
.genericTesty2, .genericTesty3 { font-size: 16px ; font-style: italic ; }
.testyOuterWrapper blockquote.quote1:before { top: -15px ; left: 80px ; }
.testyOuterWrapper blockquote.quote2:before { top: -15px ; left: 50px ; }
.testyOuterWrapper blockquote.quote3:before { top: -15px ; left: 20px ; }
.testyOuterWrapper blockquote.quote4:before { top: -15px ; left: 20px ; }
.testyOuterWrapper blockquote.quote5:before { top: -15px ; left: 5px ; }
.testyOuterWrapper blockquote.quote6:before { top: -15px ; left: 35px ; }
.testyOuterWrapper blockquote.quote7:before { top: -15px ; left: 85px ; }
.testyOuterWrapper blockquote.quote8:before { top: -15px ; left: 5px ; }
.testyOuterWrapper blockquote.quote9:before { top: -15px ; left: 80px ; }
.testyOuterWrapper blockquote.quote10:before { top: -15px ; left: 0px ; }
.testyOuterWrapper blockquote.quote11:before { top: -15px ; left: 120px ; }
.testyOuterWrapper blockquote.quote1:after { top: -15px ; left: 555px ; }
.testyOuterWrapper blockquote.quote2:after { top: -15px ; left: 585px ; }
.testyOuterWrapper blockquote.quote3:after { top: -15px ; left: 610px ; }
.testyOuterWrapper blockquote.quote4:after { top: -15px ; left: 610px ; }
.testyOuterWrapper blockquote.quote5:after { top: 45px ; left: 595px ; }
.testyOuterWrapper blockquote.quote6:after { top: -15px ; left: 595px ; }
.testyOuterWrapper blockquote.quote7:after { top: -15px ; left: 545px ; }
.testyOuterWrapper blockquote.quote8:after { top: -15px ; left: 630px ; }
.testyOuterWrapper blockquote.quote9:after { top: -15px ; left: 550px ; }
.testyOuterWrapper blockquote.quote10:after { top: -15px ; left: 630px ; }
.testyOuterWrapper blockquote.quote11:after { top: -15px ; left: 510px ; }
.testyOuterWrapper blockquote.genericQuote1:before { top: -15px ; left: -20px ; }
.testyOuterWrapper blockquote.genericQuote2:before { top: -15px ; left: -30px ; }
.testyOuterWrapper blockquote.genericQuote3:before { top: -15px ; left: -25px ; }
.testyOuterWrapper blockquote.genericQuote4:before { top: -15px ; left: -35px ; }
.testyOuterWrapper blockquote.genericQuote5:before { top: -15px ; left: 5px ; }
.testyOuterWrapper blockquote.genericQuote6:before { top: -15px ; left: -35px ; }
.testyOuterWrapper blockquote.genericQuote7:before { top: -15px ; left: 85px ; }
.testyOuterWrapper blockquote.genericQuote8:before { top: -15px ; left: 5px ; }
.testyOuterWrapper blockquote.genericQuote9:before { top: -15px ; left: -10px ; }
.testyOuterWrapper blockquote.genericQuote10:before { top: -15px ; left: -30px ; }
.testyOuterWrapper blockquote.genericQuote11:before { top: -15px ; left: -35px ; }
.testyOuterWrapper blockquote.genericQuote1:after { top: 75px ; left: 585px ; }
.testyOuterWrapper blockquote.genericQuote2:after { top: 135px ; left: 545px ; }
.testyOuterWrapper blockquote.genericQuote3:after { top: 50px ; left: 550px ; }
.testyOuterWrapper blockquote.genericQuote4:after { top: 80px ; left: 570px ; }
.testyOuterWrapper blockquote.genericQuote5:after { top: 45px ; left: 595px ; }
.testyOuterWrapper blockquote.genericQuote6:after { top: 155px ; left: 555px ; }
.testyOuterWrapper blockquote.qgenericQuote7:after { top: -15px ; left: 545px ; }
.testyOuterWrapper blockquote.genericQuote8:after { top: -15px ; left: 630px ; }
.testyOuterWrapper blockquote.genericQuote9:after { top: 65px ; left: 570px ; }
.testyOuterWrapper blockquote.genericQuote10:after { top: 145px ; left: 590px ; }
.testyOuterWrapper blockquote.genericQuote11:after { top: 75px ; left: 580px ; }
a.kPLink { color: #008001 ; font-weight: bold ; }
.salesLetterBody .testyOuterWrapper blockquote.quote1,
.salesLetterBody .testyOuterWrapper blockquote.quote2,
.salesLetterBody .testyOuterWrapper blockquote.quote3,
.salesLetterBody .testyOuterWrapper blockquote.quote4,
.salesLetterBody .testyOuterWrapper blockquote.quote5,
.salesLetterBody .testyOuterWrapper blockquote.quote6,
.salesLetterBody .testyOuterWrapper blockquote.quote7,
.salesLetterBody .testyOuterWrapper blockquote.quote8,
.salesLetterBody .testyOuterWrapper blockquote.quote9,
.salesLetterBody .testyOuterWrapper blockquote.quote10,
.salesLetterBody .testyOuterWrapper blockquote.quote11
{
font-weight: bold ;
}
.largeQuote:before, .largeQuote:after { font-size: 75px ; }
.smallQuote:before, .smallQuote:after { font-size: 60px ; }
.genericQuoteWrapper .smallQuote { font-size: 18px ; }
.testyOuterWrapper blockquote {
font-size: 32px;
font-weight: 400;
line-height: 36px;
position: relative;
text-align: center;
}
.genericQuoteWrapper { padding-left: 39px ; padding-right: 39px ; }
.halbertTestyPadding {
padding-top: 26px;
}
.testyOuterWrapper blockquote:before, .testyOuterWrapper blockquote:after {
font-family: Arial,Helvetica,sans-serif !important ;
color: #f000;
font-style: normal;
font-weight: 700;
line-height: 1;
position: absolute;
}
.testyOuterWrapper blockquote:before { content: '\201C' ; }
.testyOuterWrapper blockquote:after { content: '\201D' ; }
.testyOuterWrapper blockquote.quote111:before {
left: 250px;
top: -30px;
}
.testyOuterWrapper blockquote.quote1:after {
bottom: -0.7em;
content: '\201D' ;
right: 250px;
}
.halbertPic {
margin-left: auto;
margin-right: auto;
margin-top: 39px;
margin-bottom: 39px ;
width: 164px;
}
.testyVideoWrapper {
margin: 39px auto;
width: 420px;
}
p.genericTesty1 {
font-size: 24px;
margin-bottom: 13px ;
font-weight: 700;
/* line-height: 50px; */
margin-top: 10px;
}
.genericTestimonial p {
text-align: center;
}
.testyOuterWrapper blockquote {
font-size: 24px;
font-weight: 400;
line-height: 36px;
}
.testyOuterWrapper blockquote p { text-align: center; }
/* Responsive Rules */
/* ---------------- */
@media all and (max-width: 960px) {
.choiceOptions { display: none ; }
.containerSalesLetter .testiesMobile { display: block ; border: 1px solid #666 ; padding: 0px 13px 0px 13px; background-color: #f1f1f1 ;}
.rightContent { display: none ; }
.topText { font-size: 18px ; font-weight: bold ;}
.tickInvitationWrapper { width: auto ; }
.tickWrapper { float: none ; margin-left: auto ; margin-right: auto ;}
.invitationWrapper { float: none ; width: 100% ; }
.copyslacker .headineAemail1, .copyslacker .headineAemail2, .copyslacker .headineAemail3, .copyslacker .headineAemail4, .copyslacker .headineAemail5, .copyslacker .headineAemail6,
.copyslacker .headineAemail7 { display: none; }
.headineMobile { display: inline; font-size: 16px ; line-height: 22px ; }
.headineMobileGreen { display: block; font-size: 24px ; line-height: 28px ; color: #016a48; }
.containerSalesLetter .leftWrapper { width: 100% ; float: none ; }
.containerSalesLetter .rightWrapper { width: 200px ; margin-right: auto ; margin-left: auto ; float: none ; }
.containerSalesLetter.copyslacker .leftContent { width: 100% ; float: none ; }
.containerSalesLetter.copyslacker .rightContent { width: 100% ; float: none ; }
.copyslacker .headineAemail1, .copyslacker .headineAemail2, .copyslacker .headineAemail3, .copyslacker .headineAemail7 { font-size: 24px ; line-height: 28px ; }
.containerSalesLetter ul.noMarginTop.mobileMargin { margin-top: 26px ; }
.invitationWrapper h2 { text-align: center ; }
.iconWrapperLeft { float: none ; margin-left: auto ; margin-right: auto ; margin-bottom: 26px ; }
.iconWrapperRight { float: none ; margin-left: auto ; margin-right: auto ; }
.iconWrapper { width: 100% ; }
.containerSalesLetter h1 { font-size: 48px ; line-height: 48px ; }
.containerSalesLetter {
width: auto;
max-width: 770px;
}
.testyVideoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
width: 100% ;
}
.testyVideoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.containerSalesLetter .ctaButtons .mainCTA { width: 180px ; }
.testyOuterWrapper blockquote::before, .testyOuterWrapper blockquote::after { display: none ; }
.containerSalesLetter.crackerJ .leftWrapper { width: 100% ; float: none; }
.containerSalesLetter.crackerJ .rightWrapper { width: 100% ; float: none; }
.containerSalesLetter .contentWrapper > .leftWrapper {
width: 100% ;
float: none;
}
.containerSalesLetter .contentWrapper > .rightWrapper {
float: none;
width: 100% ;
margin-bottom: 52px ;
}
.ctaButtons { width: 250px ; margin-left: auto ; margin-right: auto ; }
.ctaButtons img { width: 250px ; }
.ctaLink { font-size: 18px ; }
.signMeUpBox, .signMeUp { width: 200px ; margin-left: auto ; margin-right: auto ; }
.benSettleImageWrapper img{
display: block;
margin-left: auto;
margin-right: auto;
}
.content {padding-left: 10px ; padding-right: 10px ; }
.testimonialSB:before, .testimonialSB:after { display: none ; }
.sunrai { display: none ; }
}
@media all and (max-width: 770px {
}
@media all and (max-width: 450px) {
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait){
}