@font-face {

font-family: "open sans";

src: url("/fonts/OpenSans-Regular.ttf");

}

@font-face {

font-family: "open sans";

src: url("/fonts/OpenSans-Italic.ttf");

font-style: italic;

}

@font-face {

font-family: "open sans";

src: url("/fonts/OpenSans-Bold.ttf");

font-weight: bold;

}

@font-face {

font-family: "open sans";

src: url("/fonts/OpenSans-BoldItalic.ttf");

font-weight: bold;

font-style: italic;

}

@font-face {

font-family: "Open Sans Condensed";

src: url("/fonts/OpenSans-CondBold.ttf");

}

@font-face {

font-family: "Open Sans Condensed Light";

src: url("/fonts/OpenSans-CondLight.ttf");

}

@font-face {

font-family: "Open Sans Condensed Light";

src: url("/fonts/OpenSans-CondLightItalic.ttf");

font-style: italic;

}

@font-face {

font-family: "Museo 300";

src: url("/fonts/Museo300-Regular.otf");

}

@font-face {

font-family: "Museo 500";

src: url("/fonts/Museo500-Regular.otf");

}

@font-face {

font-family: "Museo 700";

src: url("/fonts/Museo700-Regular.otf");

}


body {

margin: 0;

padding: 0;

background-color: white;

color: black;

font-family: "open sans", sans, sans-serif;

font-size: 1.2em;

line-height: normal;

}


a {

color: black;

/* font-weight: normal; */

text-decoration: underline;

border-bottom: 0.1em solid transparent;

}

a:hover {

background-color: transparent;

color: #000;

border-bottom: 0.1em solid transparent;

text-decoration: none;

}

a:active {

background-color: transparent;

color: #000; /* was: brown */

border-bottom: 0.1em solid transparent;

text-decoration: none;

}


p, h1, h2, h3 {

margin-top: 0;

margin-bottom: 1em;

}


h1, h2, h3 {

color: black;

font-family: "Museo 300";

font-size: 1.4em;

font-weight: normal;

text-align: center;

text-transform: none;

}


ul {

list-style-type: disc;

}


/* Containers */


#topBar, #headerBox, .boxWhite, .boxGray, .boxBlack, .boxPink, #footerBar {

clear: both;

float: left;

margin: 0 0 0 0;

padding: 0;

width: 100%;

}


.boxWhite, .boxGray, .boxBlack, .boxPink {

padding: 3em 0 2em 0;

}


#topBar, #footerBar {

font-size: 0.8em;

}


#topBar {

background-color: black;

color: #eeeeee;

padding: 1em 0 1em 0;

text-align: center;

text-transform: uppercase;

/* Workaround for macOS light-on-dark text rendering bug. */
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;

}

#topBar a, #footerBar a {

color: #eeeeee;

}

#topBar p {

margin-bottom: 0;

}


#headerBox {

background-color: #f08080;

background-image: url("/img/header-03-BG-01.jpg");

background-position: left top;

background-repeat: no-repeat;

background-size: cover;

color: white;

text-align: center;

}

#headerBox a {

border: 0;

text-decoration: none;

}

.imgHeader {

margin: 13% auto 13% auto;

width: 50%;

height: auto;

border: 0;

}


.boxWhite {

background-color: white;

color: black;

}


.boxGray {

background-color: #eeeeee;

color: black;

}


.boxBlack {

background-color: black;

color: #eeeeee;

}

.boxBlack a {

color: #eeeeee;

}

.boxBlack h2 {

color: red;

font-family: "Museo 700";

font-weight: normal;

}


.boxPink {

background-color: #f05952;

color: white;

}

.boxPink a {

color: white;

}

.boxPink h2 {

color: white;

font-weight: normal;

}


#footerBar {

background-color: black;

color: #eeeeee;

padding: 1em 0 0 0;

text-align: center;

text-transform: uppercase;

/* Workaround for macOS light-on-dark text rendering bug. */
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;

}


/* Text boxes. */


.textBox1 {

/* background-color: yellow; */

width: 640px;

margin: 0 auto 0 auto;

}


.authorTestimonials {

background-color: #fff;

border-radius: 1em;

color: black;

width: 576px;

margin: 0 auto 1em auto;

padding: 2em 32px 2em 32px;

}

.authorTestimonials a {

color: black;

}

.authorTestimonials h2 {

color: black;

}

.authorTestimonials p {

font-style: normal;

margin-bottom: 1em;

}

.authorTestimonialsByline {

font-size: 0.8em;

margin-bottom: 3em !important;

text-align: left;

text-transform: uppercase;

}


/* Misc. */


#iconTrio {

/* background-color: brown; */

overflow: auto;

margin: 3em auto 3em auto;

padding: 0;

width: 450px;

}

#iconTrio1, #iconTrio2, #iconTrio3 {

font-family: "Open Sans Condensed";

font-size: 0.8em;

float: left;

/* background-color: yellow; */

text-align: center;

width: 150px;

}

#iconTrio1 img, #iconTrio2 img, #iconTrio3 img {

width: auto;

height: 94px;

border: 0;

}


.textButtonCenter {

margin: 3.4em 0 1.4em 0;

text-align: center;

}

.textButtonSpan {

background-color: red; /* was: #fabc20, brown */

border-radius: 0.2em;

color: #fff;

font-size: 1.3em;

font-weight: bold;

padding: 0.2em 0.5em 0.2em 0.5em;

}

.textButtonSpan:hover {

background-color: #f05952; /* was: #fbc94c, #a55353 */

}

.textButtonSpanPink {

background-color: black; /* was: #fabc20, brown */

border-radius: 0.2em;

color: white;

font-size: 1.3em;

font-weight: bold;

padding: 0.2em 0.5em 0.2em 0.5em;

}

.textButtonSpanPink:hover {

background-color: #333333; /* was: #fbc94c, #a55353 */

}

.textButtonCenter a {

text-decoration: none;

}


.paymentIcons, .paymentIconsLast {

width: auto;

height: 2em;

border: 0;

margin-right: 1em;

}

.paymentIconsLast {

margin-right: 0;

}


.chTemplateWrapper {

/* background-color: yellow; */

clear: both;

width: 640px;

margin: 3em auto 0 auto;

}

.chTemplateRow {

/* background-color: yellow; */

clear: both;

margin-bottom: 1em;

}

.chTemplateThumbBox, .chTemplateTextBox {

/* background-color: yellow; */

float: left;

margin: 0;

padding: 0;

}

.chTemplateThumbBox {

clear: both;

width: 25%;

}

.chTemplateThumbBox a {

border: 0;

text-decoration: none;

}

.chTemplateThumbBox img {

width: 100%;

height: auto;

border: 0;

}

.chTemplateTextBox {

width: 75%;

}

.chTemplateTextBox p {

margin: 0 0 1em 1em;

}

.chTemplateTextBoxTitle {

font-weight: bold;

}


.clearBoth {

clear: both;

height: 0;

}


.emphasize {

border-bottom: 0.1em dotted #666666;

font-weight: bold;

}


.packagePrice {

color: red;

font-family: "Museo 500";

font-size: 1.3em;

font-weight: normal;

margin-bottom: 0.17in;

text-align: center;

}


.iconPriceBubble {

float: left;

margin-right: 1em;

width: auto;

height: 2.4em;

border: 0;

}

.fontMuseo500 {

color: red;

font-family: "Museo 500";

}


/* Mobile. */


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

body {

font-size: 1em;

}

.imgHeader {

width: 80%;

}

.textBox1 {

width: 90%;

}

.authorTestimonials {

width: auto;

margin: 0 16px 0 16px;

padding: 32px 16px 32px 16px;

}

#iconTrio {

width: 90%;

}

#iconTrio1, #iconTrio2, #iconTrio3 {

width: 33.33%;

}

#iconTrio1 img, #iconTrio2 img, #iconTrio3 img {

height: 56px;

}

.chTemplateWrapper {

width: 100%;

}

}