*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

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; vertical-align: baseline; }

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

body { line-height: 1; }

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

textarea { white-space: normal; }

a { text-decoration: none; }

a:hover { cursor: pointer; }

textarea, input { outline: none; }

button { outline: none; }

body { -webkit-font-smoothing: antialiased; text-align: center; background: #f5f5f5; font-family: 'Playfair Display', serif; font-size: 20px; color: #2a2a2a; line-height: 1.5em; padding-top: 100px; }

.full { width: 100%; display: inline-block; }

.container { width: 1100px; max-width: 100%; margin: auto; display: inline-block; text-align: left; }

.small-col { width: 100%; display: inline-block; padding: 0px 10%; }

a:link, a:active, a:visited { color: #3d3d3d; }

p { margin-bottom: 1em; }

p a, p a:link, p a:active, p a:visited { color: #000; border-bottom: 1px solid #e37f60; }

a.cta-arrow { font-size: 14px; text-transform: uppercase; color: #fff; text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 700; display: inline-block; }

a.cta-arrow .circ-arrow { -webkit-transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0ms; -moz-transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0ms; -o-transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0ms; transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0ms; width: 40px; height: 40px; margin-top: 6px; position: relative; top: 0px; }

a.cta-arrow .circ-arrow .circle, a.cta-arrow .circ-arrow .carrot { stroke: #ffffff; }

a.cta-arrow.bounce:hover .circ-arrow { top: 15px; }

h1 { font-family: 'Montserrat', sans-serif; margin-top: 70px; margin-bottom: 80px; text-align: center; color: #e37f60; text-transform: uppercase; font-size: 42px; line-height: 1.2em; font-weight: bold; }

h1 span.underline { border-bottom: solid 1px #c5c5c5; padding-bottom: 20px; display: inline-block; }

.icon-band h1 span.underline { background: #e37f60; }

h3.underline { border-bottom: solid 1px #c5c5c5; padding-bottom: 20px; }

h2 { color: #e37f60; width: 100%; display: inline-block; text-align: center; margin-bottom: 5px; margin-top: 15px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size: 28px; }

h2.mid-form-head { border-bottom: solid 1px #c5c5c5; padding-bottom: 20px; margin-top: 40px; }

p.form-sub-text { text-align: center; margin-bottom: 30px; color: #737373; font-size: 16px; border-bottom: solid 1px #c5c5c5; padding-bottom: 20px; }

#footer { width: 100%; float: left; background: #eeeeee; font-size: 18px; color: #5b5b5b; font-weight: 700; text-align: center; text-transform: uppercase; font-family: 'Montserrat', sans-serif; padding: 45px 10px 50px 10px; margin-top: 30px; }

#footer img.foot-logo { width: 380px; max-width: 90%; }

#footer a { color: #5b5b5b; }

#footer .container { text-align: center; }

#nav { position: fixed; top: 0px; left: 0px; z-index: 100; width: 100%; background: #fff; height: 100px; text-align: center; border-bottom: solid 1px #dedede; }

#nav #nav-container { width: 94%; max-width: 1260px; display: inline-block; margin: auto; position: relative; }

#nav #nav-container #top-logo { position: absolute; left: 0px; top: 10px; }

#nav #nav-container ul { list-style: none; display: inline-block; margin-top: 36px; font-size: 18px; font-weight: bold; font-family: 'Montserrat', sans-serif; text-transform: uppercase; }

#nav #nav-container ul.admin-nav { float: right; }

#nav #nav-container ul li { display: inline-block; margin-right: 30px; }

#nav #nav-container ul li a { -webkit-transition: color 150ms ease-in-out 0ms; -moz-transition: color 150ms ease-in-out 0ms; -o-transition: color 150ms ease-in-out 0ms; transition: color 150ms ease-in-out 0ms; }

#nav #nav-container ul li a:hover { color: #e37f60; }

#nav #nav-container ul li a.open { border-bottom: solid 5px #e37f60; padding-bottom: 3px; }

#nav #nav-container ul li:last-of-type { margin-right: 0px; }

#progress-nav { list-style: none; width: 100%; text-align: center; display: inline-block; font-size: 14px; font-weight: bold; font-family: 'Montserrat', sans-serif; text-transform: uppercase; color: #c5c5c5; margin-bottom: 50px; }

#progress-nav li { display: inline-block; margin: 0px; padding: 0px; margin-right: 20px; cursor: pointer; }

#progress-nav li span { width: 2em; height: 2em; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; border: solid 3px #c5c5c5; margin-right: 8px; line-height: 1.8em; }

#progress-nav li.current { color: #2a2a2a; }

#progress-nav li.current span { border: solid 3px #2a2a2a; }

#progress-nav li:last-of-type { margin-right: 0px; }

#form-section-holder { width: 400%; position: relative; top: 0px; left: 0px; -webkit-transition: all 400ms ease-in-out 0ms; -moz-transition: all 400ms ease-in-out 0ms; -o-transition: all 400ms ease-in-out 0ms; transition: all 400ms ease-in-out 0ms; }

#form-wrapper { width: 100%; position: relative; display: inline-block; overflow-x: hidden; margin-bottom: 60px; }

#form-wrapper input, #form-wrapper textarea, #form-wrapper select { font-size: 18px; padding: 14px; background-color: #fff; color: #666; border: 1px solid #ccc; width: 100%; }

#form-wrapper #additional-tests-row { color: #737373; font-size: 16px; line-height: 1.4em; height: 90px; overflow: hidden; }

#form-wrapper #additional-tests-row .info-col { -webkit-transition: all 300ms ease-in-out 0ms; -moz-transition: all 300ms ease-in-out 0ms; -o-transition: all 300ms ease-in-out 0ms; transition: all 300ms ease-in-out 0ms; }

#form-wrapper #additional-tests-row #additional-tests-col { text-align: center; padding: 0px 25%; margin-top: 45px; }

#form-wrapper #additional-tests-row #additional-tests-col .inputs { text-align: center; }

#form-wrapper #additional-tests-row #additional-tests-col .inputs .dropdown { width: 80px; }

#form-wrapper #additional-tests-row.roll-back .info-col { margin-top: -90px; }

#form-wrapper input:focus, #form-wrapper textarea:focus { border: solid 1px #000; }

#form-wrapper .form-section { width: 23%; float: left; padding: 20px 1%; margin: 0px 1%; border: solid 1px #c5c5c5; background: #fafafa; }

#form-wrapper .form-section .form-row { width: 100%; padding-bottom: 10px; float: left; }

#form-wrapper .form-section .form-col-2 { width: 50%; float: left; padding: 15px; position: relative; }

#form-wrapper .form-section .form-col-3 { width: 33.33%; float: left; padding: 15px; position: relative; }

#form-wrapper .form-section .form-col-4 { width: 25%; float: left; padding: 15px; position: relative; }

#form-wrapper .form-section .form-col-5 { width: 20%; float: left; padding: 15px; position: relative; }

#form-wrapper .form-section .form-col-5 .label { font-size: 18px; }

#form-wrapper .form-section .form-col-p-30 { width: 30%; float: left; padding: 15px; position: relative; }

#form-wrapper .form-section .form-row.button-hold { text-align: center; margin-top: 30px; }

#form-wrapper .form-section .label { width: 100%; display: inline-block; font-family: 'Montserrat', sans-serif; margin-bottom: 8px; position: relative; }

#form-wrapper .form-section .label.smaller-text { font-size: 16px; }

#form-wrapper .form-section span.copy-contact { font-size: 14px; font-style: italic; color: #e37f60; cursor: pointer; position: absolute; bottom: -15px; left: 15px; font-family: 'Montserrat', sans-serif; }

#form-wrapper .form-section span.copy-contact:hover { opacity: 0.8; }

#form-wrapper .form-section .inputs { width: 100%; text-align: left; display: inline-block; font-size: 18px; }

#form-wrapper .form-section .inputs input[type='radio'], #form-wrapper .form-section .inputs input[type='checkbox'] { width: auto; }

#form-wrapper .form-section .inputs input[type='radio']:not(:first-child) { margin-left: 20px; }

#form-wrapper .form-section .inputs .dropdown { position: relative; display: inline-block; width: 100%; }

#form-wrapper .form-section .inputs .dropdown select { border-radius: 0; border: 1px solid #ccc; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; text-indent: .01px; text-overflow: ""; -webkit-user-select: none; -moz-user-select: none; user-select: none; -moz-window-shadow: none; width: 100%; position: relative; display: inline-block; zoom: 1; font-size: 18px; padding: 14px; padding-right: 36px; color: #2a2a2a; background: #f2f2f2; position: relative; }

#form-wrapper .form-section .inputs .dropdown::after { content: " "; position: absolute; right: 18px; top: 28px; margin-top: -4px; border: 6px solid transparent; border-top: 8px solid #000; -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none; pointer-events: none; }

#form-wrapper .form-section .inputs .dropdown select:disabled, #form-wrapper .form-section .inputs .dropdown select:disabled:after { opacity: 0.4; }

#form-wrapper .form-section .inputs.track-title { width: 75%; float: left; margin-top: 15px; }

#form-wrapper .form-section .inputs.track-dur { width: 20%; margin-left: 5%; float: left; margin-top: 15px; }

#form-wrapper .dropdown select:focus { border: solid 1px #000 !important; }

#form-wrapper #stripe_error { width: 100%; font-size: 14px; font-style: italic; color: #b5382b; text-align: center; margin-bottom: 15px; -webkit-transition: all 200ms ease 0ms; -moz-transition: all 200ms ease 0ms; -o-transition: all 200ms ease 0ms; transition: all 200ms ease 0ms; }

#form-wrapper .actions { text-align: center; position: relative; }

#form-wrapper #submit-order { padding: 11px 20px; width: 178px; margin: 10px; border: solid 3px #c5c5c5; color: #c5c5c5; position: relative; }

#form-wrapper #submit-blocker { position: absolute; top: 10px; left: 0; right: 0; margin: auto; width: 178px; height: 50px; opacity: 0.3; cursor: pointer; z-index: 200; }

#form-wrapper .valid #submit-blocker { z-index: -200; }

#form-wrapper .valid #submit-order { border: solid 3px #e37f60; color: #e37f60; }

#form-wrapper #submit-payment { padding: 11px 20px; width: 178px; margin: 10px; border: solid 3px #e37f60; color: #e37f60; position: relative; }

#form-wrapper .form-section.has_error input.required:not(.ok), #form-wrapper input.min-not-met { border: solid 1px #b5382b; }

.button-style, #contact-form .button-style { width: auto; text-align: center; display: inline-block; font-size: 15px; font-weight: bold; font-family: 'Montserrat', sans-serif; text-transform: uppercase; color: #e37f60; padding: 6px 20px; border: solid 3px #e37f60; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; background: transparent; cursor: pointer; -webkit-transition: all 300ms ease 0ms; -moz-transition: all 300ms ease 0ms; -o-transition: all 300ms ease 0ms; transition: all 300ms ease 0ms; }

#contact-form .button-style { padding: 12px 20px; margin-top: 10px; }

.button-style:hover { color: #2a2a2a; border: solid 3px #2a2a2a; }

.form-next.button-style { border: solid 3px #c5c5c5; color: #c5c5c5; }

.valid .form-next.button-style { border: solid 3px #e37f60; color: #e37f60; }

.validation-message { width: 100%; font-size: 14px; font-style: italic; color: #e37f60; text-align: center; margin-bottom: 15px; height: 0px; overflow: hidden; -webkit-transition: all 200ms ease 0ms; -moz-transition: all 200ms ease 0ms; -o-transition: all 200ms ease 0ms; transition: all 200ms ease 0ms; }

.has_error .validation-message, .validation-message.min-not-met { height: 24px; color: #b5382b; }

.has_error input.required:not(.ok), .has_error textarea.required:not(.ok), .has_error select.required:not(.ok) { border: solid 1px #b5382b; }

#show-additional-opts { color: #e37f60; cursor: pointer; }

#show-additional-opts:hover { opacity: 0.8; }

.info-col { text-align: center; }

#form-wrapper ::-webkit-input-placeholder { color: #c8c8c8; }

#form-wrapper :-moz-placeholder { /* Firefox 18- */ color: #c8c8c8; }

#form-wrapper ::-moz-placeholder { /* Firefox 19+ */ color: #c8c8c8; }

#form-wrapper :-ms-input-placeholder { color: #c8c8c8; }

#form-wrapper.quote-form { overflow: visible; margin-top: 20px; }

#form-wrapper.quote-form .form-section { width: 70%; margin-left: 0px; }

#form-wrapper.quote-form #price-preview { width: 100%; float: left; position: relative; height: auto; top: 0; background: none; font-weight: bold; }

#form-wrapper.quote-form #price-breakdown { width: 100%; float: left; font-size: 14px; border-bottom: solid 1px #c5c5c5; padding-bottom: 10px; margin-bottom: 10px; display: none; }

#form-wrapper.quote-form #price-breakdown p { margin-bottom: 0.5em; line-height: 1.5em; }

#price-preview { width: 150px; height: 40px; background: rgba(255, 255, 255, 0.7); color: #000; position: fixed; top: 140px; left: 0px; font-size: 16px; }

.fw-text-wrapper:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing */ }

.fw-banner { width: 100%; float: left; position: relative; text-align: center; margin-bottom: 30px; }

.fw-banner .fw-text-wrapper { width: 100%; height: 100%; position: absolute; z-index: 10; }

.fw-banner .fw-text-wrapper h1 { display: inline-block; vertical-align: middle; font-family: 'Playfair Display', serif; font-weight: 700; text-transform: none; color: #fff; width: 60%; line-height: 1.4em; font-size: 60px; }

.fw-banner img { width: 100%; float: left; }

.cta-holder { position: absolute; bottom: 40px; margin: auto; left: 0; right: 0; display: inline-block; text-align: center; }

.cta-holder.inline { float: left; width: 100%; position: relative; bottom: 0; margin-bottom: 30px; }

p.cta-link-holder { text-align: center; }

p.cta-link-holder a.cta-link { color: #e37f60; border: none; }

a.cta-link { text-transform: uppercase; font-size: 18px; font-weight: bold; font-family: 'Montserrat', sans-serif; color: #e37f60; }

a.cta-link .circ-arrow { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); width: 20px; height: 20px; top: 3px; position: relative; }

a.cta-link .circ-arrow .circle { stroke: #e37f60; }

a.cta-link .circ-arrow .carrot { stroke: #e37f60; }

.cta-holder.colored .cta-arrow { color: #e37f60; }

.cta-holder.colored .cta-arrow .circle { stroke: #e37f60; }

.cta-holder.colored .cta-arrow .carrot { stroke: #e37f60; }

.icon-band { width: 100%; float: left; background: #e37f60; padding-bottom: 70px; }

.icon-band .container { text-align: center; font-size: 0px; }

.icon-band a.cta-link { color: #A93D1B; }

.icon-band a.cta-link:hover { color: #913417; }

.icon-band h1, .icon-band h2 { color: #fff; }

.icon-band h1 .underline, .icon-band h2 .underline { border-color: #A93D1B; }

.icon-band.no-head { padding-top: 50px; padding-bottom: 50px; margin-bottom: 70px; }

.icon-band.vertical { padding-top: 40px; margin-top: 40px; }

.icon-band.vertical .icon-bucket { text-align: left; color: #fff; }

.icon-band.vertical h2 { text-align: left; }

.icon-bucket { text-align: center; display: inline-block; padding: 0px 20px; font-size: 20px; vertical-align: top; }

.icon-bucket a { color: #fff; }

.icon-bucket a:hover .icon-back { opacity: 0.7; }

.icon-bucket .icon { width: 58%; height: 58%; }

.icon-bucket .icon-back { -webkit-transition: opacity 200ms ease-in-out 0ms; -moz-transition: opacity 200ms ease-in-out 0ms; -o-transition: opacity 200ms ease-in-out 0ms; transition: opacity 200ms ease-in-out 0ms; }

.icon-bucket .icon-path { stroke: #e37f60; fill: none; }

.icon-bucket .icon-shape { fill: #e37f60; }

.icon-bucket .icon-holder { width: 25%; float: left; }

.icon-bucket .icon-text-holder { width: 75%; float: left; }

.size-4x { width: 25%; }

.size-5x { width: 20%; }

.size-5x .icon { width: 68%; height: 68%; }

.size-1x { width: 100%; padding: 20px 0px; border-bottom: solid 1px #fff; }

.sub-nav-holder { width: 100%; background: #eeeeee; float: left; border-bottom: solid 1px #dedede; padding: 4px 0px 6px 0px; }

ul.sub-nav { list-style: none; display: inline-block; font-size: 13px; font-weight: normal; font-family: 'Montserrat', sans-serif; text-transform: uppercase; }

ul.sub-nav li { display: inline-block; margin-right: 30px; }

ul.sub-nav li a { color: #8a8a8a; -webkit-transition: color 150ms ease-in-out 0ms; -moz-transition: color 150ms ease-in-out 0ms; -o-transition: color 150ms ease-in-out 0ms; transition: color 150ms ease-in-out 0ms; }

ul.sub-nav li a:hover { color: #e37f60; }

ul.sub-nav li a.open { color: #e37f60; }

ul.sub-nav li:last-of-type { margin-right: 0px; }

.detail-text-col { text-align: left; }

.detail-text-col a.cta-link { display: inline-block; margin-top: 30px; }

.detail-text-col h2 { color: #676666; margin-bottom: 20px; margin-top: 30px; text-align: left; font-size: 32px; }

.detail-text-col ul { list-style: disc; padding-left: 30px; }

.detail-text-col ul li { margin-bottom: 5px; }

table#price-list { width: 100%; }

table#price-list h3 { font-family: 'Montserrat', sans-serif; margin-top: 40px; margin-bottom: 10px; color: #000; text-transform: uppercase; font-size: 22px; font-weight: bold; }

table#price-list td { padding: 8px 15px; border: solid 1px #ccc; vertical-align: bottom; }

table#price-list td.table-holder { padding: 0px; }

table#price-list em { font-size: 15px; }

table#price-list table.inner-table { width: 100%; }

table#price-list table.inner-table td, table#price-list table.inner-table th { width: 33.33%; padding: 8px 15px; border: none; border-right: solid 1px #ccc; }

table#price-list table.inner-table td:last-of-type, table#price-list table.inner-table th:last-of-type { border-right: none; }

table#price-list table.inner-table th { text-align: center; font-weight: normal; line-height: 1.2em; vertical-align: bottom; }

table#faq-list { width: 100%; }

table#faq-list h3 { font-family: 'Montserrat', sans-serif; margin-top: 40px; margin-bottom: 10px; color: #000; text-transform: uppercase; font-size: 22px; font-weight: bold; }

table#faq-list td { padding: 15px; border: solid 1px #ccc; }

table#faq-list em { font-size: 15px; }

.post-tools { margin: 0px; padding: 0px; padding: 12px 8px; position: relative; float: left; width: 100%; }

.post-tools-col.scrolled .post-tools { position: fixed; width: 220px; top: 150px; }

.post-tools-col { width: 200px; min-height: 200px; float: left; position: relative; }

.post-tools-col.locked { position: absolute; bottom: 0px; right: 0px; }

.post-tools-col.locked .post-tools { position: absolute; right: 55px; bottom: 0px; }

#estimate-header { font-size: 18px; font-weight: bold; font-family: 'Montserrat', sans-serif; text-transform: uppercase; border-bottom: solid 1px #c5c5c5; padding-bottom: 15px; margin-bottom: 15px; }

#queue-form-holder { padding: 20px; border: solid 1px #c5c5c5; background: #fafafa; text-align: center; }

#queue-form-holder input { font-size: 18px; padding: 14px; background-color: #fff; color: #666; border: 1px solid #ccc; }

#queue-form-holder input[type='submit'] { border: solid 3px #e37f60; padding: 11px; color: #e37f60; }

#status-message { font-size: 16px; }

#contact-form { padding: 0px 20%; margin-bottom: 50px; margin-top: 50px; }

#contact-form input, #contact-form textarea { font-size: 18px; padding: 14px; background-color: #fff; color: #666; border: 1px solid #ccc; width: 100%; }

#contact-form label { font-family: 'Montserrat', sans-serif; font-size: 20px; color: #2a2a2a; width: 100%; display: block; margin-bottom: 5px; }

#contact-form input, #contact-form textarea { width: 100%; display: block; margin: 0px 0 10px 0; }

#contact-form textarea { min-height: 200px; }

#contact-form input[type='submit'] { margin-top: 20px; }

p.contact-text { text-align: center; }

p.contact-text strong { font-family: 'Montserrat', sans-serif; font-size: 20px; color: #2a2a2a; }

iframe { max-width: 100%; }

.home-vid-holder { text-align: center; margin-bottom: 45px; position: relative; padding-bottom: 80px; margin-top: 20px; }

.home-vid-holder iframe { margin-bottom: 30px; }

.home-vid-holder .cta-holder { bottom: -20px; }

.home-vid-holder p { padding: 0px 18%; }

p.mastering-info { padding: 0px 12%; text-align: center; margin-bottom: 40px; font-size: 16px; }

.label-note { font-size: 12px; margin-left: 10px; color: #e37f60; display: none; line-height: 1em; }

.show-note .label-note { display: inline-block; }

#form-section-holder { -webkit-backface-visibility: hidden; }

.form-section { -webkit-backface-visibility: hidden; }

#terms-text { width: 100%; height: 100px; overflow: scroll; padding: 20px; font-size: 14px; line-height: 1.4em; font-family: 'Montserrat', sans-serif; padding-left: 0px; overflow-y: -moz-scrollbars-vertical; overflow-y: scroll; border-top: solid 1px #e5e5e5; border-left: solid 1px #e5e5e5; padding: 10px; }

::-webkit-scrollbar { -webkit-appearance: none; width: 10px; background: #fff; border: solid 1px #e5e5e5; }

::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }

.agree-text { font-size: 16px; }

#new_payment #form-wrapper .form-section { width: 99%; }

#find-order { width: 99%; padding: 20px 10%; margin: 40px 1%; border: solid 1px #c5c5c5; background: #fafafa; text-align: center; }

#find-order p { width: 100%; display: inline-block; font-family: 'Montserrat', sans-serif; margin-bottom: 8px; position: relative; }

#find-order input[type='text'] { font-size: 18px; padding: 14px; background-color: #fff; color: #666; border: 1px solid #ccc; width: 50%; margin: 20px 0px; text-align: center; }

#find-order input[type='submit'] { padding: 13px 30px; margin-left: 10px; }

#order-info { width: 100%; text-align: center; display: none; }

#order-info table { margin: 20px auto 40px auto; text-align: left; }

#order-info table td { padding: 10px; border: solid 1px #c5c5c5; }

#order-info h2 { text-align: center; }

#order-info strong { font-family: 'Montserrat', sans-serif; }

#new_payment #balance { color: #e37f60; }

#total-cost { margin-bottom: 20px; }

#due_cost { border-bottom: solid 2px #e37f60; }

#cost-col .label { text-transform: uppercase; border-bottom: solid 1px #c5c5c5; }

i.info-link { width: 20px; height: 20px; border: solid 2px #e37f60; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; display: inline-block; margin-left: 5px; color: #e37f60; font-size: 12px; text-align: center; line-height: 1.5em; font-style: normal; cursor: pointer; }

i.info-link:hover { opacity: 0.7; }

#overlay { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.4); z-index: 2000; opacity: 0; display: none; -webkit-transition: all 200ms linear 0ms; -moz-transition: all 200ms linear 0ms; -o-transition: all 200ms linear 0ms; transition: all 200ms linear 0ms; }

#info-box { width: 40%; height: auto; position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 3000; display: none; opacity: 0; -webkit-transition: all 200ms linear 0ms; -moz-transition: all 200ms linear 0ms; -o-transition: all 200ms linear 0ms; transition: all 200ms linear 0ms; }

#info-box #info-box-content { background: #fff; padding: 20px; padding-top: 70px; top: 30%; position: absolute; }

#info-box #info-box-content:before { content: "i"; position: absolute; top: 20px; left: 0; right: 0; margin: auto; width: 35px; height: 35px; border: solid 3px #e37f60; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; color: #e37f60; font-size: 20px; line-height: 1.3em; }

#info-box #info-box-content a.close { position: absolute; top: 20px; right: 20px; text-align: right; color: #e37f60; font-size: 14px; border-bottom: solid 1px #e37f60; font-family: 'Montserrat', sans-serif; line-height: 1.4em; }

#info-box #info-box-content a.close:hover { cursor: pointer; opacity: 0.7; }

.info-container { display: none; }

.small-col.detail-text-col .q-links { margin-bottom: 40px; list-style: none; display: inline-block; vertical-align: top; -webkit-columns: auto 2; /* Chrome, Safari, Opera */ -moz-columns: auto 2; /* Firefox */ columns: auto 2; }

.small-col.detail-text-col .q-links li { position: relative; line-height: 1em; margin-bottom: 15px; padding-left: 25px; }

.small-col.detail-text-col .q-links li:before { content: ""; width: 5px; height: 5px; background: #000; position: absolute; top: 8px; left: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }

.small-col.detail-text-col .q-links a { font-family: 'Montserrat', sans-serif; color: #e37f60; font-size: 16px; line-height: 1.3em; display: inline-block; }

h3.faq-h3 { text-align: center; margin-bottom: 40px; }

p.about-intro { padding: 0px 20%; text-align: center; }

#social-links { display: inline-block; margin-left: 20px; padding-left: 20px; border-left: solid 1px #b4b4b4; margin-top: 10px; }

#social-links a img { width: 24px; height: 24px; margin: 5px; vertical-align: bottom; }

#social-links a img:hover { opacity: 0.7; }

.area-templates p { font-family: 'Montserrat', sans-serif; font-weight: 300; margin-top: 10px; }

.area-templates p:first-of-type { font-family: 'Playfair Display', serif; font-weight: normal; }

.template-downloads { font-family: 'Montserrat', sans-serif; font-weight: 300; margin-top: 10px; }

.how-much-anchor { position: relative; top: -120px; width: 100%; height: 1px; display: block; }

.error_messages { padding: 5px 25px; }

.error_messages ul li { text-align: center; }

.form-section .error_messages ul li { text-align: left; }

i.add-plus { width: 24px; height: 25px; border: solid 2px #e37f60; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; display: inline-block; margin-left: 5px; color: #e37f60; font-size: 24px; text-align: center; line-height: 19px; font-style: normal; cursor: pointer; margin-right: 10px; padding-left: 1px; }

i.sub-minus { width: 24px; height: 25px; border: solid 2px #e37f60; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; display: inline-block; margin-left: 5px; color: #e37f60; font-size: 24px; text-align: center; line-height: 16px; font-style: normal; cursor: pointer; margin-right: 10px; padding-left: 1px; }

.color-note { font-size: 14px; line-height: 1.4em; display: none; }

.color-note span { text-transform: uppercase; font-weight: bold; }

#colors.multi .color-note { display: block; }

p.color-buttons { margin-top: 39px; font-size: 16px; }

a.add-color, a.sub-color { border: none; display: none; }

#colors > div:last-of-type a.add-color, #colors > div:last-of-type a.sub-color { display: inline-block; margin-right: 15%; }

#colors > div:nth-of-type(3) a.add-color { display: none; }

#colors > div:nth-of-type(3) p.color-buttons { margin-top: 52px; }

#colors > div:first-of-type a.sub-color { display: none; }

#colors > div:first-of-type p.color-buttons { margin-top: 52px; }

a.add-color:active, a.sub-color:active { border: none; }

a.add-color:focus, a.sub-color:focus { outline: 0 !important; }

a.add-color:hover, a.sub-color:hover { opacity: 0.7; }

.quote-add-color-row { float: left; padding-top: 13px; }

#form-wrapper.quote-form .form-section .color-row .form-col-3 { padding-left: 0px; }

.quote-form .mastering-info { text-align: left; padding: 0px; padding-right: 10%; }

.underline-text { border-bottom: 1px solid #e37f60; }

.alert { font-family: 'Montserrat', sans-serif; background: #bb2d48; padding: 1rem; color: white; font-weight: 700; }

.alert p:last-child { margin-bottom: 0; }

#hamburger { display: none; width: 34px; float: right; margin-top: 37px; cursor: pointer; }

#hamburger span { width: 100%; height: 3px; background: #c3c3c3; margin-bottom: 7px; display: block; }

#mobile-nav { display: none; width: 91%; position: fixed; top: 100px; left: 0px; background: #eeeeee; z-index: 500; height: 100%; -webkit-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; -moz-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; -o-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; -webkit-transform: translateX(115%); -moz-transform: translateX(115%); -o-transform: translateX(115%); -ms-transform: translateX(115%); transform: translateX(115%); }

#mobile-nav ul { width: 100%; float: left; padding-top: 20px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 16px; }

#mobile-nav ul li { padding: 5px 0 7px 0; border-bottom: solid 1px #D7D5D5; margin-bottom: 7px; }

#menu-mask { width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, 0.6); z-index: 400; display: none; }

body.nav-open #mobile-nav { -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -o-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); }

@media (max-width: 1280px) { #top-logo img { width: 200px; } }

@media (max-width: 1150px) { #nav #nav-container ul li a { font-size: 16px; } }

@media (max-width: 1080px) { .fw-banner .fw-text-wrapper h1 { font-size: 50px; margin-top: 0px; } }

@media (max-width: 1040px) { #top-logo img { width: 180px; } #nav #nav-container ul li a { font-size: 15px; } h2 { font-size: 22px; } }

@media (max-width: 1000px) { #top-logo img { width: 150px; } #nav #nav-container ul { margin-top: 25px; } #nav #nav-container ul li { margin-right: 20px; } #nav #nav-container ul li:last-of-type { margin-right: 0px; } .cta-holder { bottom: 20px; } }

@media (max-width: 850px) { #top-logo img { width: 140px; } #nav #nav-container ul { margin-top: 6px; } #nav #nav-container #top-logo { position: relative; display: block; margin-top: 0px; top: 6px; } h1 { font-size: 32px; margin-top: 50px; margin-bottom: 60px; } .fw-banner .fw-text-wrapper h1 { font-size: 40px; } }

@media (max-width: 768px) { #social-links a img { width: 20px; height: 20px; } h1 { font-size: 28px; } .detail-text-col h2 { font-size: 22px; margin-top: 10px; } .fw-text-wrapper .cta-holder { display: none; } .fw-banner .fw-text-wrapper h1 { margin-top: 30px; } .container.home-icons { text-align: left; } .size-5x { width: 33.33%; margin-bottom: 10%; padding: 0px 3%; } .icon-band { padding-bottom: 10px; } .icon-band.vertical { margin-top: 0px; } .icon-bucket.sml-stack { width: 100%; padding: 0px 40px; margin-bottom: 30px; } .icon-bucket.sml-stack .icon { width: 18%; height: 18%; float: left; } .icon-bucket.sml-stack h2 { width: 80%; display: inline-block; text-align: left; padding-left: 20px; margin-top: 0px; } .icon-bucket.sml-stack p { display: inline-block; text-align: left; width: 80%; padding-left: 20px; } table#price-list h3 { font-size: 18px; } #form-wrapper .form-section .label, #form-wrapper .form-section .form-col-5 .label { font-size: 14px; } #form-wrapper .form-section .inputs .dropdown select { font-size: 15px; } #form-wrapper input, #form-wrapper textarea, #form-wrapper select, #form-wrapper .form-section .inputs .dropdown select { font-size: 15px; padding: 9px; padding-right: 20px; } #form-wrapper .form-section .inputs .dropdown::after { top: 19px; right: 7px; } #info-box { width: 72%; } #progress-nav { font-size: 12px; } #progress-nav li { margin-right: 10px; } #form-wrapper .form-section .form-col-5 { width: 33.33%; padding: 8px; } #form-wrapper .form-section .inputs { font-size: 13px; } .small-col.detail-text-col .q-links { width: 100%; margin-bottom: 0px; } .small-col.detail-text-col .q-links:last-of-type { margin-bottom: 40px; } #contact-form { padding: 0px 10%; } }

@media (max-width: 500px) { .icon-band.vertical .icon-bucket .icon-holder { width: 100%; text-align: center; } .icon-band.vertical .icon-bucket .icon-holder .icon { width: 23%; height: 23%; } .icon-bucket .icon-text-holder { width: 100%; text-align: center; } p { text-align: left; } .icon-band.vertical h2 { text-align: center; } #footer { font-size: 16px; line-height: 1.3em; } h2 { font-size: 18px; } .fw-banner .fw-text-wrapper h1 { width: 80%; margin-top: 20px; font-size: 36px; } .fw-banner { height: 200px; overflow: hidden; } .fw-banner img { position: absolute; height: 100%; width: auto; left: 0%; right: 0; margin: auto; } #hamburger, #mobile-nav { display: block; } ul.sub-nav { font-size: 10px; } ul.sub-nav li { margin-right: 12px; } ul.sub-nav li:last-of-type { margin-right: 0px; } #nav #nav-container ul { display: none; } #nav #nav-container #top-logo { float: left; margin-top: 8px; } #nav #nav-container #top-logo img { width: 180px; } #contact-form { padding: 0px 5%; } #progress-nav { display: none; } #form-wrapper .form-section .form-col-3 { width: 100%; padding-top: 0px; } #form-wrapper .form-section .form-col-2 { width: 100%; padding-bottom: 0px; } #form-wrapper .form-section .form-col-4 { width: 100%; padding: 8px; padding-bottom: 0px; } #form-wrapper .form-section .form-col-p-30 { width: 100%; } #form-wrapper .form-section span.copy-contact { bottom: -32px; z-index: 100; } .icon-bucket.sml-stack .icon { width: 25%; height: 25%; float: left; } .icon-bucket.sml-stack h2 { width: 75%; } .icon-bucket.sml-stack p { width: 75%; font-size: 16px; line-height: 1.4em; } #form-wrapper .form-section .label { font-size: 12px; } #form-wrapper .form-section .inputs .dropdown select { font-size: 13px; } #form-wrapper input, #form-wrapper textarea, #form-wrapper select { font-size: 13px; } table#faq-list h3 { font-size: 18px; margin-top: 12px; } p.about-intro { padding: 0px; } }

@media (max-width: 380px) { h1 { margin-top: 30px; margin-bottom: 30px; } .icon-bucket.sml-stack { width: 100%; padding: 0px 20px; margin-bottom: 30px; } .icon-bucket.sml-stack .icon { width: 22%; height: 22%; float: none; } .icon-bucket.sml-stack h2 { width: 100%; padding-left: 0px; text-align: center; } .icon-bucket.sml-stack p { width: 100%; padding-left: 0px; } #footer { font-size: 13px; } .fw-banner .fw-text-wrapper h1 { font-size: 30px; } .icon-band h2 { font-size: 15px; } .icon-band .home-icons h2 { font-size: 13px; margin-top: 0px; } }

body.in-admin h1 { margin-bottom: 30px; }

body.in-admin table.admin-table { width: 100%; }

body.in-admin table.admin-table td { padding: 10px; border-bottom: solid 1px #c5c5c5; border-right: solid 1px #c5c5c5; }

body.in-admin table.admin-table td:last-of-type { border-right: none; }

body.in-admin table.admin-table th { padding-bottom: 30px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; text-align: center; border-bottom: solid 1px #c5c5c5; }

body.in-admin table.admin-table td.actions a { text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size: 14px; color: #e37f60; }

body.in-admin a.admin-style-link { text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size: 14px; color: #e37f60 !important; }

body.in-admin #nav #nav-container #top-logo img { width: 75%; }

body.in-admin #nav #nav-container #top-logo::before { content: ""; position: absolute; bottom: 1px; width: 75%; height: 2px; background: #e37f60; left: 0; right: 0; margin: auto; }

body.in-admin #nav #nav-container #top-logo::after { content: "ADMIN"; position: absolute; bottom: -20px; left: 0; right: 0; margin: auto; line-height: 1em; text-transform: lowercase; font-family: Georgia; font-style: italic; letter-spacing: 3px; color: #000; font-weight: 300; font-size: 18px; }

body.in-admin p.centered { text-align: center; }

body.in-admin .field { margin-bottom: 20px; }

body.in-admin .field input[type='text'] { padding: 5px; }

body.in-admin .notice { text-align: center; font-style: italic; color: #e37f60; padding: 10px; opacity: 0; margin-bottom: 20px; }

.admin-wrapper { width: 80%; margin: 0 10%; }

.cms-menus ul { float: left; margin-right: 50px; }

/*# sourceMappingURL=main.css.map */