/*////////////////////////////////////////////////
//
//  #1 Reset
//  #2 Structure and Typography
//  #3 Responsive and Media Queries
//  #4 Layouts
//  #5 Colors
//
////////////////////////////////////////////////*/

/*////////////////////////////////////////////////
//
//  #1 Reset
//
////////////////////////////////////////////////*/
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-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {

}

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;
}


/*////////////////////////////////////////////////
//
//  #2 Structure and Typography
//
////////////////////////////////////////////////*/
html, body {
  height: 100%;
}

body {
  color: #FFF;
  background-color: #FFF;
}

h1, h2, button { font-family: 'Oswald', sans-serif; }
h3, .large-quotation-mark { font-family: 'Georgia', serif; }
h4, h5, p, a, input, li { font-family: 'Open Sans', sans-serif; }

h1 {
  font-size: 2.5em;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.25em;
  margin-bottom: 0.3em;
}

h2 {
  font-weight: 400;
  font-size: 1.25em;
  margin-bottom: 0.5em;
}

h3 {
  font-size: 1.375em;
  line-height: 1.375em;
  font-style: italic;
  vertical-align: top;
  width: 70%;
  margin-left: 15%;
}

h4 {
  font-size: 1.25em;
  color: #BFBFBF;
  margin-bottom: 1.25em;
  width: 85%;
}

h5, input {
  font-size: 1.125em;
}

p, a {
  color: #5B5B5B;
  margin-bottom: 0.8em;
}

p {
  font-size: 0.75em;
}

strong { font-weight: bold;}
em { font-style: italic; }

ul {
  list-style: outside circle;
}

li {
  margin-bottom: 1em;
  margin-left: 2em;
}

button {
  -webkit-appearance: none;
  border: 0;
  padding: 0;
  font-size: 1.625em;
  font-weight: 400;
  background-color: #76C772;
  color: #FFF;
  width: 100%;
  height: 100%;
  margin-top: 0px;
}

button:hover {
  background-color: #87CE84;
}

button:active {
  background-color: #64BF5F;
  margin-top: 3px;
}

input {
  border: 0;
  padding: 0;
  -webkit-appearance: none;
  background-color: #FFF;
  line-height: 2.7em;
  width: 100%;
  height: 2.7em;
  position: absolute;
  text-indent: 1em;
  left: 0px;
}

.input-item {
  height: 3.25em;
  max-width: 27em;
  margin: 0 auto 0.5em auto;
  line-height: 3.25em;
  position: relative;
}

.input-icon {
  width: 2.1875em;
  height: 1.875em;
  background-repeat: no-repeat;
  position: absolute;
  right: 1em;
  top: 0.6875em;
}

#user-icon {
  background-image: url("//web.archive.org/web/20140627132511im_/http://megaphoneapp.global.ssl.fastly.net/template_assets/bambino/images/user-icon-339c9e688e54fb6649e495a4b92a49ff.png");
}

#email-icon {
  background-image: url("//web.archive.org/web/20140627132511im_/http://megaphoneapp.global.ssl.fastly.net/template_assets/bambino/images/email-icon-339c9e688e54fb6649e495a4b92a49ff.png");
}

/* Optin Errors */
.optin-error {
  color: red;
  display: none;
}
.has-error .optin-error {
  display: block;
  top: -0.5em;
}

.inner-wrap {
  max-width: 60em;
  margin: 0px auto;
}

.panel {
  margin: 0px 1em;
}

#header {
  margin: 0px auto;
  background-color: #1E2426;
  border-bottom: 4px solid #171D1E;
}

#tagline {
  margin-bottom: 0px;
  padding: 0.4em 0;
  text-transform: uppercase;
}

#content {
  background-color: #2A3638;
  overflow: hidden;
}

.content-panel {
  width: 50%;
  position: relative;
  margin-top: 0.875em;
  float: left;
}

#content-left {
  margin-top: 2em;
  padding-bottom: 1em;
}

#content-right {
  text-align: center;
  padding-bottom: 1.5em;
}

#privacy-statement {
  color: #627578;
  padding-top: 0.5em;
}

#features-list {
  width: 85%;
}

#big-quote {
  position: relative;
  padding: 0em 0;
  background-color: #E3F4F8;
  border-top: 1px solid #C8E4E9;
  border-bottom: 1px solid #C8E4E9;
  color: #4E4E4E;
  text-align: center;
  width: 100%;
}

#quote-group {
  vertical-align: top;
  padding-top: 2.25em;
  padding-bottom: 2em;
  position: relative;
}

#testimonial {
  text-align: center;
  padding-bottom: 2em;
}

#testimonial img {
  margin-bottom: 1em;
  border: 3px solid #000;
}

.large-quotation-mark {
  color: #B7E2EC;
  font-size: 16.25em;
  width: 15%;
  top: 0px;
  height: 0.5em;
  position: absolute;
  left: 0;
}

#right-quotation-mark {
  left: 85%;
  top: 25%;
}

#testimonial-name {
  font-weight: 600;
}

#testimonial-position {
  font-weight: 300;
  font-style: italic;
}

#footer {
  padding: 5.5em 0;
  background-color: #FFF;
  text-align: center;
}


/*////////////////////////////////////////////////
//
//  #3 Responsive and Media Queries
//
////////////////////////////////////////////////*/
@media only screen and (max-width: 767px) {

  h1 {
    font-size: 2em;
    margin-bottom: 0.5em;
  }

  h3 {
    margin-left: 10%;
    font-size: 1.2em;
    width: 80%;
  }

  h4 {
    font-size: 1em;
    width: 100%;
  }

  h5 {
    font-size: 1em;
  }

  .content-panel {
    width: 100%;
  }

  #features-list {
    width: 90%;
  }

  .large-quotation-mark {
    width: 10%;
    font-size: 4.5em;
    top: 20%;
  }

  #right-quotation-mark {
    top: 50%;
    left: 90%;
  }

  #footer {
    padding: 2em 0 5em 0;
  }
}


/*////////////////////////////////////////////////
//
//  #4 Layouts
//
////////////////////////////////////////////////*/
.layout-no-testimonial #big-quote {
  display: none;
}

.layout-no-header #header {
  display: none;
}


/*////////////////////////////////////////////////
//
//  #5 Colors
//
////////////////////////////////////////////////*/

/* Blue */
.color-blue h3,
.color-blue #testimonial h5,
.color-blue p,
.color-blue a {
  color: #696969;
}

.color-blue h4 {
  color: #FFF;
}

.color-blue button {
  background-color: #F4C300;
  color: #913A0E;
}

.color-blue button:hover {
  background-color: #FECE0E;
}

.color-blue button:active {
  background-color: #DAAE00;
}

.color-blue,
.color-blue #footer {
  background-color: #151515;
}

.color-blue #header {
  background-color: #173244;
  border-bottom: 4px solid #0E2635;
}

.color-blue #header h5 {
  color: #7EA7BE;
}

.color-blue #content {
  background-color: #275C92;
}

.color-blue #privacy-statement {
  color: #6BA2C1;
}

.color-blue #big-quote {
  background-color: #232323;
  border: 0;
}

.color-blue .large-quotation-mark {
  color: #333434;
}

.color-blue #testimonial img {
  border: 3px solid #FFF;
}

.color-blue .optin-error {
  color: red;
}


/* Light */
.color-light h1,
.color-light h2,
.color-light h4,
.color-light h5,
.color-light li {
  color: #000;
}

.color-light h3,
.color-light #big-quote h5 {
  color: #444;
}

.color-light ul {
  list-style: disc;
}

.color-light button {
  background-color: #4294EB;
}

.color-light button:hover {
  background-color: #59A1ED;
}

.color-light button:active {
  background-color: #2A86E8;
}

.color-light input {
  left: -2px;
  border: 2px solid #D7D7D7;
}

.color-light #header {
  background-color: #2B2D2E;
  border-bottom: 4px solid #000;
}

.color-light #header h5 {
  color: #FFF;
}

.color-light,
.color-light #content,
.color-light #footer {
  background-color: #F8FBFD;
}

.color-light #privacy-statement {
  color: #999;
}

.color-light #big-quote {
  background-color: #FFF;
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
}

.color-light .large-quotation-mark {
  color: #EAEAEA;
}

.color-light #testimonial img {
  border: 3px solid #3D444D;
}

.color-light .optin-error {
  color: red;
}


/* Orange */
.color-orange h1 {
  color: #E05100;
}

.color-orange h2,
.color-orange h4,
.color-orange h5,
.color-orange li {
  color: #000;
}

.color-orange h3,
.color-orange #testimonial h5 {
  color: #FFCD76;
}

.color-orange a,
.color-orange p {
  color: #848484;
}

.color-orange button {
  background-color: #E05100;
}

.color-orange button:hover {
  background-color: #F95A00;
}

.color-orange button:active {
  background-color: #C64700;
}

.color-orange input {
  left: -2px;
  border: 2px solid #D7D7D7;
}

.color-orange,
.color-orange #footer {
  background-color: #2A2C2E;
}

.color-orange #header {
  background-color: #E05100;
  border-bottom: 4px solid #AE3F00;
}

.color-orange #header h5 {
  color: #FFF;
}

.color-orange #content {
  background-color: #FCF2DA;
}

.color-orange #privacy-statement {
  color: #B5B5B5;
}

.color-orange #big-quote {
  background-color: #E05100;
  border: 0;
}

.color-orange .large-quotation-mark {
  color: #E57A30;
}

.color-orange #testimonial img {
  border: 3px solid #EEAC33;
}

.color-orange .optin-error {
  color: red;
}
/*
     FILE ARCHIVED ON 13:25:11 Jun 27, 2014 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 04:17:27 Feb 22, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 93.543
  exclusion.robots: 0.108
  exclusion.robots.policy: 0.096
  cdx.remote: 0.08
  esindex: 0.011
  LoadShardBlock: 54.897 (3)
  PetaboxLoader3.datanode: 65.599 (4)
  load_resource: 76.836
  PetaboxLoader3.resolve: 30.943
*/