/* CSS 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; }
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; }
img { max-width: 100%; height: inherit !important; }

/* Typography */
body { font-size: 1.1em; line-height: 1.4em; color: #000; font-family: 'Times New Roman', serif; }
p { margin-bottom: 1em; }
a { color: #333; }
a:hover { color: #000; }
a:focus { outline: none !important; }
ul { margin: 0 0 1em 30px; list-style-type: inherit; }
ol { margin: 0 0 1em 30px; list-style-type: decimal; }
li { margin-bottom: 2px; }
small { font-size: 0.8em; }
large { font-size: 1.2em; }
h1, h2, h3, h4, h5, h6 { line-height: 1.1em; }
h1 { font-size: 2.6em; margin-bottom: 15px; color: #ce0029; text-transform: uppercase; }
h2 { font-size: 1.8em; margin-bottom: 12px; color: #ce0029; text-transform: uppercase; }
h3 { font-size: 1.6em; margin-bottom: 9px; text-transform: uppercase; }
h4 { font-size: 1.4em; margin-bottom: 8px; font-style: italic; }
h5 { font-size: 1em; margin-bottom: 4px; }
h6 { font-size: 1em; margin-bottom: 3px; }
strong { font-weight: normal; }

/* Sitefinity tweaks */
.sf_wrapper .theWrapper { max-width: 100%; }

/* Elements & Adjustments */
.row { margin-bottom: 30px; }
.button { display: inline-block; border: 1px solid #000; color: #000; font-family: 'Open Sans'; font-weight: 300; padding: 3px 15px; line-height: 24px; }
.button:hover { background: #000; color: #FFF; text-decoration: none;}
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.alignCenter { text-align: center; }
img.bordered { border: 10px solid #FFF; }

/* Header */
header, footer, .greyContainer { background: #15201e; color: #FFF; }
header a, footer a, .greyContainer a { color: #FFF; }
.logo { margin: 10px 0; }
.social { text-align: right; padding: 10px 25px 15px 0; }
.social a { margin: 0 5px; }
.social a .fa { font-size: 1.5em; color: #a38c4a; }
.social a:hover .fa { color: #FFF; }
.menu { text-align: right; font-size: 1.2em; }
.menu ul { margin: 0; }
.menu li { display: inline-block; padding: 0 25px; }
.menu li a:hover { color: #a38c4a; text-decoration: none; }

/* Banner */
.banner { padding-top: 40px; background: #22272b url('images/bannerBG.jpg') center -100px no-repeat; background-size: 100% auto; color: #FFF; }
.banner .row { margin-bottom: 0; }
img.book { display: block; }
.bannerText { padding-top: 130px; }
.banner h2 { color: #FFF; font-size: 2.8em; margin-bottom: 20px; }
.banner h3 { color: #FFF; }
.banner blockquote { padding: 5px 0 0 40px; font-size: 1.3em; line-height: 1.4em; font-style: italic; background: url('images/quoteStart.png') left top no-repeat; margin-bottom: 10px; }
.quoteEnd { display: inline-block; height: 20px; width: 17px; background: url('images/quoteEnd.png') no-repeat; margin-left: 7px; }
.banner p { font-size: 1.2em; }
.banner p.author { font-size: 1em; margin-bottom: 2em; text-align: right; }

/* Grey Container */
.greyContainer { padding-top: 30px; }
.greyContainer h1, .greyContainer h2, .greyContainer h3, .greyContainer h4, .greyContainer h5 { color: #d3bb69; }
.greyContainer.newsletter { background: #0b0b0b; }

/* Main Container */
.mainContainer { background: #0b0b0b url('images/contentBG.jpg') center top no-repeat; background-size: auto 100%; color: #FFF; padding-top: 30px; }
.mainContainer h1 { color: #FFF; }
.mainContainer h1 small { font-size: 0.7em; color: #d3bb69; font-style: italic; }
.mainContainer h4 { color: #d3bb69; margin-bottom: 30px; }
.mainContainer ul { margin: 0 0 1em; }
.mainContainer li { list-style-type: none; background: url('images/bullet.png') left 4px no-repeat; padding: 0 0 15px 35px; line-height: 1.3em; }
.mainContainer a { color: #d3bb69; }

/* Newsletter */
.af-form { background: none !important; max-width: 100% !important; padding-top: 10px; width: 675px !important; }
.home .af-form { margin: 0px !important; }
.af-form .af-header, .af-form .af-footer, .af-form .poweredBy, .af-form .privacyPolicy, .af-body label.previewLabel { display: none !important; }
.af-form .af-body { padding: 0 !important; }
.af-form .af-element { padding: 0 !important; display: inline-block; float: left; }
.af-form .af-body input.text, .af-form .af-body input.text:focus { color: #555 !important; font-family: Times New Roman !important; border: 1px solid #9d9d9d !important; padding: 8.5px 10px !important; font-style: italic !important; font-size: 18px !important; width: 300px !important; margin-right: 10px !important; }
.af-form .af-body input.image { border: 1px solid #9d9d9d !important; border-radius: 0px !important; }
.newsletterHeading { text-align: center; }

/* Footer */
footer { padding-top: 30px; }
footer ul { text-align: right; margin: 0; }
footer li { display: inline-block; padding: 0 25px; }
footer li a:hover { color: #a38c4a; text-decoration: none; }

/* Small Desktop Step*/
@media (min-width: 992px) and (max-width: 1199px) 
{
    .bannerText { padding-top: 90px; }
    .mainContainer { background-size: auto 100%; }
}
/* Tablet Step*/
@media (min-width: 768px) and (max-width: 991px) 
{
    .menu { font-size: 1em; }
    .menu li { padding: 0 12px; }
    .bannerText { padding-top: 50px; }
    h1 { font-size: 2em; }
    h3 { font-size: 1.2em; }
    h4 { font-size: 1.1em; }
    img.bordered { border-width: 5px; }
    .mainContainer { background-size: auto 100%; }
    .home .af-form .af-body input.text, .af-form .af-body input.text:focus { width: 207px !important; }
}
/* Phone Step*/
@media (max-width: 767px) 
{
    header .logo { text-align: center; margin: 5px 0 0; }
    .menu { text-align: center; font-size: 1em; padding-bottom: 5px; }
    .menu li { padding: 0 10px; }
    header .social { display: none; }
    h1 { font-size: 2em; }
    h3 { font-size: 1.2em; }
    h4 { font-size: 1.1em; }
    .banner { background-size: 750px auto; background-position: center top; }
    .banner .book { display: block; margin: 0 auto; max-width: 350px; }
    .bannerText { padding: 0; margin: -75px 0 25px; }
    .banner h2 { font-size: 2em; text-align: center; }
    .banner h3 { text-align: center; }
    .banner blockquote { font-size: 1.1em; }
    img.bordered { display: block; margin: 0 auto 20px; }
    .mainContainer { background-size: auto 100%; }
    footer { text-align: center; font-size: 0.8em; }
    footer ul { margin: 10px 0 0; text-align: center; }
    .af-form .af-element { float: none; display: block; text-align: center; }
    .af-body .af-textWrap { text-align: center !important; }
    .af-form .af-body input.text, .af-form .af-body input.text:focus { width: 300px !important; margin: 0 0 10px !important; }
}
/* Smallest Step*/
@media (max-width: 480px) 
{
    .col-xxs-12 { width: 100%; }
    .menu { font-size: 0.7em; }
    .menu li { padding: 0 5px; }
    .banner .book { max-width: 100%; }
    .bannerText { margin: -55px 0 25px; }
    h1 { font-size: 1.4em; }
    h3 { font-size: 1.2em; }
    h4 { font-size: 1.1em; }
}