EBgYEBEXnRcREBgYEBEX9s3NAVz+TAG0/qQDLBgYEBEXFxEQGBgQERcXEf4xEP6zEALAEAAAAAIAVQAAAgkDmAALABcAYUuwMFBYQCUAAQAABgEAYwACAAMEAgNhAAcHBlkABgYNSwAEBAVZAAUFDgVMG0AjAAEAAAYBAGMABgAHAgYHYQACAAMEAgNhAAQEBVkABQURBUxZQAsRERERERMkIQgGHCsABiMiJjU0NjMyFhUDMxUjESEVIREhFSEBMRcRERcXEREXhM3NAVz+TAG0/qQDYBgXEREXFxH9/RD+sxACwBAAAgBVAAACCQN+AAMADwBVtAMBAgRIS7AwUFhAHQAAAAECAAFhAAUFBFkABAQNSwACAgNZAAMDDgNMG0AbAAQABQAEBWEAAAABAgABYQACAgNZAAMDEQNMWUAJEREREREUBgYaKwEXBycDMxUjESEVIREhFSEBFT8PfxnNzQFc/kwBtP6kA36aBoP+DBD+sxACwBAAAAIAVQAAAgkDMAADAA8AbkuwMFBYQCYAAAgBAQYAAWEAAgADBAIDYQAHBwZZAAYGDUsABAQFWQAFBQ4FTBtAJAAACAEBBgABYQAGAAcCBgdhAAIAAwQCA2EABAQFWQAFBREFTFlAFgAADw4NDAsKCQgHBgUEAAMAAxEJBhUrEzUzFQEzFSMRIRUhESEVIbT7/v7NzQFc/kwBtP6kAxAgIP5dEP6zEALAEAAAAAABAFX/QwJEAsAAHwBvtxkDAgMHAQFKS7AwUFhAJQAEAAUGBAVhCAEHAAAHAF8AAwMCWQACAg1LAAYGAVsAAQEOAUwbQCMAAgADBAIDYQAEAAUGBAVhCAEHAAAHAF8ABgYBWwABAREBTFlAEAAAAB8AHhERERERJSUJBhsrBDY3FwYGIyImNTQ2NhUhESEVIREzFSMRIRUGBhUUFjMCGRgICw0qFyg4LDj+WwG0/qTNzQFcDSgbHqUMCgwPEy8hHjEgAgLAEP69EP6zEAcyLRQrAAAAAAEAVQAA format('truetype'); } #lp_wrapper { width: 100%; max-width: 980px; font-size: 10px; position: relative; overflow: visible; margin: 0 auto; } .content_row { position: relative; margin: auto; } .coversParentContainer { position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; cursor: pointer; } .clearsFloat { clear: both; } .breadcrumb { display: none; } #lp_wrapper p, #lp_wrapper h2, #lp_wrapper h3, #lp_wrapper { font-family: BodoniSans-Regular, futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; } .back_button p.home { text-align: left; color: #000000; font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: underline; font-size: 2em; padding-top: 1em; } #top_nav { text-align: center; display: flex; flex-direction: row; justify-content: center; cursor: default; } #top_nav p { display: inline; font-size: 2.5em; padding: 0.8em; margin: 0.04em; } #top_nav p:hover { text-decoration: none; opacity: 0.37; } #top_nav p.pink { background-color: #eb9494; flex-grow: 1; flex-basis: 25%; cursor: pointer; } #top_nav p.smoky { background-color: #69424b; flex-grow: 1; flex-basis: 25%; text-decoration: none; } #top_nav p.smoky:hover { opacity: 1; } #top_nav p.smoky .cta_button { cursor: default; opacity: 0.2; } #top_nav p.lips { background-color: #c22536; flex-grow: 1; flex-basis: 25%; cursor: pointer; } #top_nav p.base { background-color: #cc977c; flex-grow: 1; flex-basis: 25%; cursor: pointer; } #top_nav p .cta_button { color: #ffffff; } #top_nav p .cta_button:hover { text-decoration: none; } #top_row { width: 99%; display: flex; flex-direction: column; margin-top: 5em; } #top_row .content_row { width: 100%; margin: 0 auto; text-align: center; position: relative; } #top_row .copy_holder_smoky { width: 78%; margin: 0 auto; padding-bottom: 2.3em; } #top_row .copy_holder_smoky h2 { font-size: 3.5em; color: #773244; line-height: 1em; } #top_row .copy_holder_smoky h3 { font-size: 3.5em; color: #c69769; text-transform: none; } #top_row .copy_holder_smoky p { font-size: 2.2em; color: #c69769; line-height: 1.15em; margin-bottom: 0; padding-top: 1em; } #top_row .copy_holder_smoky p span { color: #69424b; } #top_row .copy_holder_howto { max-width: 366px; position: absolute; text-align: center; top: 60%; z-index: 2; } #top_row h2.how_to { color: #69424b; font-size: 2.5em; position: absolute; top: 3%; z-index: 2; width: 100%; left: 32%; } #top_row .copy_holder_howto p { color: #404040; font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.8em; line-height: 1.2em; width: 100%; margin: 0 auto; padding-bottom: 0.5em; } #top_row .copy_holder_howto .inner_wrapper { width: 75%; left: 0; position: relative; margin: 0 auto; /*z-index: 2;*/ } #top_row .copy_holder_howto p span { color: #69424b; text-decoration: underline; } #top_row .copy_holder_howto p a:hover { text-decoration: none; } #top_row .copy_holder_howto p span.digit { font-family: BodoniSans-Regular, futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 3.5em; text-decoration: none; font-style: italic; color: #69424b; } #top_row .copy_holder_howto .cta_button { font-size: 1.8em; font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: underline; color: #6a434c; font-weight: bold; } #top_row .left { float:left; width: 62%; } #top_row .right { float:right; width: 37.7%; } #banner { width: 100%; background-color: #6c464f; padding: 1em; } #banner p { font-size: 3.5em; margin: 0 auto; color: #ffffff; text-align: center; } #second_row { width: 100%; display: flex; flex-direction: column; margin-top: 2em } #second_row .content_row { width: 100%; margin: 0 auto; text-align: center; position: relative; } #second_row .copy_holder { padding: 4em 0 0; width: 65%; margin: 0 auto; } #second_row .copy_holder .inner_wrapper { /*position: absolute;*/ } #second_row .copy_holder p { font-size: 1.8em; /*padding-bottom: 0.5em;*/ color: #404040; font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; } #second_row .copy_holder p a:hover { text-decoration: none; } #second_row .copy_holder p span { color: #6e4851; text-decoration: underline; } #second_row .copy_holder p span.number { font-family: BodoniSans-Regular, futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 3.5em; text-decoration: none; font-style: italic; color: #69424b; } #second_row .copy_holder .cta_button { font-size: 1.8em; font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: underline; color: #6e4851; font-weight: bold; } #second_row #one { float:left; width: 33.3%; } #second_row #two { float:left; width: 33.3%; } #second_row #three { float: right; width: 33.3%; } @media(max-width: 768px) { #top_nav p { font-size: 1.7em; padding: 0.8em 0.2em; } #top_nav p.lips { padding: 0.8em 0.4em; } #lp_wrapper .lp_header h2 { font-size: 3em; } #top_row { width: 100%; margin-top: 3em; } #top_row h2.how_to { position: absolute; left: 0; top: auto; padding-top: 1em; } #top_row .copy_holder_howto { width: 8.5%; max-width: 100%; top: 65%; } #top_row .copy_holder_howto .inner_wrapper { width: 65%; } #top_row .left, #top_row .right, #second_row .left, #second_row .right { display: block; width: 100%; } #top_row .right { background-color: #fdf8f7; } .content-asset .slick-slide img { max-height: 450px; margin-top: 5em; } #top_row .copy_holder, #second_row .copy_holder { width: 80%; } #top_row .copy_holder_smoky p { padding-top: 0 .5em; } .copy_holder p { font-size: 3em; } .copy_holder .cta_button { font-size: 2.5em; } #second_row .one, #second_row .two, #second_row .three { width: 100%; padding-bottom: 3em; } .carousel .holds_border { top: 3.5em; } .slick-prev.slick-arrow { left: 3px; } #banner { margin-top: 2em; } #second_row .copy_holder.number p { padding: 0.7em 0.5em 0.6em 0.3em; width: 25%; } #second_row .copy_holder p { width: 100%; margin: 0 auto; padding-bottom: 0.5em; } } @media (max-width: 767px) { #top_row .copy_holder_howto { max-width: 366px; top: 60%; } .content-asset .slick-slide img { max-height: 100%; margin-top: 1em; } #top_row .copy_holder_howto .inner_wrapper { width: 75%; } #second_row .copy_holder.number p { width: 38%; } #second_row .copy_holder p { width: 90%; } #second_row #one, #second_row #two, #second_row #three { float: none; width: 80%; margin: 0 auto; } }}