body {
     overflow-x: hidden;
     font-family: 'Karla', sans-serif;
     color: #666666;
 }

 .body {
     position: relative;
     width: 100%;
     overflow: hidden;
 }

 body a:link {
     color: #c3cc00;
     font-size: 100%;
     text-decoration: none;
 }

 body a:hover {
     color: #0d4b6b;
     font-size: 100%;
 }

 body a:active {
     color: #c3cc00;
     text-decoration: none;
 }

 p {
     font-size: 1.2em;
     color: #666666;
     font-family: 'Karla', sans-serif;
 }

 p a, li a {
     text-decoration: underline !important;
     color: #c3cc00;
 }

 p a:hover, li a:hover {
     text-decoration: underline !important;
     color: #707504;
 }

 a {
     text-decoration: none;
     color: #c3cc00;
 }

 a:hover {
     color: #707504;
 }

 a:active {
     text-decoration: underline;
     color: #c3cc00;
 }

 h1, h2, h3, h4, h5, h6 {
     font-family: 'Merriweather', sans-serif;
     font-weight: 400;
     color: #666666;
 }

 h5 a {
     text-decoration: none;
     color: #c3cc00;
 }

 .img-centered {
     margin: 0 auto;
 }

 ul {
     padding: 0;
     margin: 0;
 }

 ul li {
     list-style: none;
     margin: 0;
 }

 button, button:hover {
     transition: 0.3s;
     -webkit-transition: 0.3s;
 }

 .space10 {
     margin-bottom: 10px;
 }

 .space20 {
     margin-bottom: 20px;
 }

 .space30 {
     margin-bottom: 30px;
 }

 .space40 {
     margin-bottom: 40px;
 }

 .space50 {
     margin-bottom: 50px;
 }

 .space60 {
     margin-bottom: 60px;
 }

 .space70 {
     margin-bottom: 70px;
 }

 .space80 {
     margin-bottom: 80px;
 }

 .space90 {
     margin-bottom: 90px;
 }

 .btn-main {
     background: #8bc34a;
     color: #fff;
     border-radius: 5px;
     border: none;
     line-height: 45px;
     padding: 0 24px;
     text-transform: none;
     font-size: 14px;
     font-weight: 600;
     transition: 0.4s;
     -webkit-transition: 0.4s;
     margin: 0 auto;
     display: table;
 }

 .btn-main:hover {
     background: #111;
     color: #Fff;
     transition: 0.4s;
     -webkit-transition: 0.4s;
 }

 .btn-white {
     background: #fff;
     color: #8bc34a;
 }

 .btn-left {
     margin: 0;
 }

 input:focus, textarea:focus {
     outline: 0;
 }

 input[type=checkbox] {}

 input[type=checkbox].css-checkbox {
     position: absolute;
     z-index: -1000;
     top: -1000px;
     overflow: hidden;
     clip: rect(0 0 0 0);
     height: 1px;
     width: 1px;
     margin: -1px;
     padding: 0;
     border: 0;
     top: 2px;
 }

 input[type=checkbox].css-checkbox+label.css-label {
     padding-left: 30px;
     height: 22px;
     display: inline-block;
     line-height: 22px;
     background-repeat: no-repeat;
     background-position: 0 0;
     font-size: 13px;
     vertical-align: middle;
     cursor: pointer;
     font-weight: 400;
     color: #aaa;
     margin-top: 5px;
 }

 input[type=checkbox].css-checkbox:checked+label.css-label {
     background-position: 0 -22px;
 }

 label.css-label {
     background-image: url(../../../images/cbox.png);
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }

 input[type=checkbox].css-checkbox+label.css-label span {
     position: relative;
     top: -4px;
 }

 .flexslider .slides img {
     width: 100%;
     max-width: 100%;
     display: block;
 }

 .content-head {
     text-align: center;
     margin: 0 0 20px;
 }

 .content-head h3 {
     font-family: 'Merriweather', serif;
     font-size: 1.5em;
     color: #333333;
 }

 .content-head p {
     font-size: 1em;
     padding: 0 0em;
     color: #666666;
 }

 header {
     display: block;
     margin: 0;
     border: 0;
     font-size: 100%;
     font: inherit;
     vertical-align: baseline;
     padding: 20px 0;
     height: 100px;
 }

 a:logo {
     display: block;
     float: left;
     width: 275px;
     height: 51px;
     margin-bottom: 25px;
 }

 .nav>li {
     position: relative;
     display: block;
     font-weight: 400;
     font-size: 11px;
     margin: 14px 5px 0;
 }

 .nav>li>a {
     position: relative;
     display: block;
     padding: 7px 15px;
     color: #FFF !important;
     font-size: 11px;
     font-weight: 400;
     border-radius: 5px;
     border: 1px solid transparent !important;
 }

 .nav>li>a:hover, .nav>li.active>a {
     color: #c3cc00 !important;
     border-color: #fff !important;
     background: #FFF !important;
 }

 .nav li:last-child a {
     border: 1px solid #fff !important;
 }

 .nav>li:last-child>a:hover {
     color: #fff !important;
     border-color: #707504 !important;
     background: #707504 !important;
 }

 #intro {
     top: 0px !important;
     padding: 0px !important;
     margin: 0px !important;
     width: 100%;
     position: relative;
     background: #000 url(../../../images/short-run-book-printing.jpg) no-repeat top right fixed;
     background-position: center;
     background-size: 100% auto;
     overflow: hidden;
 }

 #intro h1 {
     font-family: 'Merriweather', sans-serif;
     font-weight: 400;
     color: #fff;
     font-size: 2.5em;
     margin: .8em 0;
     line-height: 1.3em;
 }

 #intro p {
     font-family: 'Karla', sans-serif;
     color: #fff;
     font-size: 1.5em;
     font-weight: 400;
     margin: 0 0 2em;
     padding-right: 25%;
     line-height: 1.5em;
 }

 #sub-form {
     position: relative;
     overflow: hidden;
 }

 .sub-form h4 {
     color: #111;
     font-size: 25px;
     margin: 0 0 15px;
     font-weight: 300;
     position: relative;
     overflow: hidden;
     text-align: center;
 }

 .sub-form .row {
     margin: 0;
 }

 .sub-form .col-md-6 {
     padding: 0;
 }

 .sub-form h5 {
     display: table;
     color: rgb(121, 121, 121);
     letter-spacing: 0px;
     text-align: center;
     padding: 0px;
     width: 130%;
     text-transform: capitalize;
     font-weight: 300;
     font-size: 25px;
     margin: 8px 0px 24px;
     background: #8bc34a;
     color: #fff;
     padding: 15px 10px;
     margin-left: -15%;
 }

 .sub-form {
     padding-left: 60px;
     border-right: none;
 }

 .sub-form form {
     padding: 40px 30px 30px;
     background: #fff;
     border-radius: 5px;
     border-top: 5px solid #feb806;
     position: relative;
 }

 .sub-form form:before {
     content: "";
     height: 5px;
     width: 33%;
     background: #9ac430;
     position: absolute;
     top: -5px;
     left: 0;
     border-radius: 5px 0 0 0;
 }

 .sub-form form:after {
     content: "";
     height: 5px;
     width: 33%;
     background: #fe5d05;
     position: absolute;
     top: -5px;
     right: 0;
     border-radius: 0 5px 0 0;
 }

 .sub-form form input {
     border: 1px solid #e4e4e4;
     background: transparent;
     height: 50px;
     padding: 10px 15px;
     color: #000;
     width: 100%;
     font-size: 14px;
 }

 .fname {
     margin-bottom: 0;
     border-radius: 5px 0 0 0;
     border-right: none !important;
 }

 .lname {
     margin-bottom: 0;
     border-radius: 0 5px 0 0;
 }

 .e-mail {
     margin-bottom: 15px;
     border-radius: 0 0 5px 5px;
     border-top: none !important;
 }

 #history-intro {
     top: 0px !important;
     padding: 0px !important;
     margin: 0px !important;
     width: 100%;
     position: relative;
     background: #000 url(/make-history/history-images/history-book-printing.jpg) no-repeat top right fixed;
     background-position: center;
     background-size: 100% auto;
     overflow: hidden;
 }

 #history-intro h2 {
     font-family: 'Merriweather', sans-serif;
     color: #fff;
     font-size: 3em;
     margin: .25em 0;
     line-height: 2.5em;
 }

 #history-intro p {
     font-family: 'Merriweather', sans-serif;
     color: #fff;
     font-size: 1.5em;
     font-weight: 400;
     margin: 0 0 2em;
     padding-right: 25%;
     line-height: 2.0em;
 }

 #home-intro {
     position: relative;
     overflow: hidden;
 }

 #home-intro:not(.fixed-background)>div {
     position: relative;
     z-index: 1;
 }

 #home-intro.history-bg {
     background: linear-gradient(transparent, #fff), url('/home-book-printer/images/history-bg.jpg') repeat center;
 }

 #home-intro.memoir-bg {
     background: linear-gradient(transparent, #fff), url('/home-book-printer/images/book-printer-brown.png') repeat center;
 }

 #home-intro.religious-bg {
     background: linear-gradient(transparent, #fff), url('/home-book-printer/images/religious-bg.png') repeat center;
 }

 #home-intro.selfhelp-bg {
     background: linear-gradient(transparent, #fff), url('/home-book-printer/images/self-help-bg.png') repeat center;
 }

 #home-intro h1 {
     color: #363636;
     font-size: 3em;
 }

 #home-intro h4 {
     color: #363636;
     font-size: 2.5em;
     margin-bottom: 0.25em;
 }

 #home-intro h5 {
     margin-top: 0em;
     line-height: 1.3em;
 }

 #home-intro p {
     font-size: 1.2em;
     margin-top: 15px;
     color: #363636;
 }

 #home-intro button {
     font-size: 1.2em;
     padding: .05em 1.5em .05em 1.5em !important;
     margin: 0;
 }

 #home-intro .homepage-form input[type="text"] {
     font-size: 1.2em;
     margin-right: 0.8em;
 }

 #home-intro .homepage-form form {
     margin-top: 1.5em;
 }

 #book-intro {
     background: #000 url(home-book-printer/images/book/book.jpg) no-repeat top right fixed;
     background-position: top center;
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed;
 }

 #book-intro h2, #book h2, #book-end h2 {
     color: #000000;
     font-size: 1.5em;
     margin: 2em 2em 1em 2em;
 }

 #book-end {
     background: #000 url(../../../images/body-bg-8.png) no-repeat top right fixed;
     background-position: top center;
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed;
 }

 #sales-tools {
     top: 0px !important;
     padding: 0px !important;
     margin: 0px !important;
     width: 100% !important;
     position: relative;
     overflow: visible;
 }

 #st-intro {
     background-position: center bottom;
     background-repeat: no-repeat;
     background-size: 100% auto;
     background-image: url(/sales-tools/images/sales-tools-intro-bg.jpg);
     background-image: image-set(url(/sales-tools/images/sales-tools-intro-bg.webp) 1x);
 }

 .green-small-icons i, .green-small-icons svg {
     color: #c3cc00;
     font-size: 1.8em;
 }

 .green-large-icons i, .green-large-icons svg {
     color: #c3cc00;
     font-size: 3.2em;
 }

 .scroll-fade {
     color: #666;
     letter-spacing: 1.6px;
     font-size: 1.3em;
 }

 .linkbox {
     background: white;
     border: 2px #bbb solid;
     padding: 1em;
     box-sizing: border-box;
 }

 .linkbox hr {
     margin-top: 1em;
     margin-bottom: 1em;
 }

 .quote-bubble {
     background: white;
     width: 100%;
     border-radius: 6px;
     box-shadow: 4px 4px 8px #888888;
     padding: 1em;
     box-sizing: border-box;
     margin-bottom: 0.5em;
 }

 .quote-bubble p {
     color: #666;
     line-height: 1.5em;
 }

 .browser-img {
     margin-bottom: -7em;
 }

 .st-faq-titlerow {
     border-top: solid 1px #c3cc00;
     border-bottom: solid 1px #c3cc00;
     cursor: pointer;
     vertical-align: middle;
     margin-top: -1px !important;
 }

 .description-box .st-faq-titlerow h4 {
     margin: 0.7em 0em 0.7em 0em;
 }

 .st-faq-titlerow .dropdown-arrow i, .st-faq-titlerow .dropdown-arrow svg {
     color: #333 !important;
     margin: 0.45em 0;
 }

 #sales-tools ul li {
     list-style: disc;
     font-family: 'Karla', sans-serif;
     color: #545353;
     text-align: left;
     margin-left: 2em;
     margin-bottom: .5em;
     font-size: 1em;
     line-height: 1.5em;
 }

 #sales-tools ul h1 {
     list-style: disc;
     font-family: 'Merriweather', sans-serif;
     font-weight: 500;
     color: #c3cc00;
     text-align: left;
     margin-left: 0em;
     margin-bottom: .5em;
     font-size: 1.1em;
     line-height: 1.5em;
 }

 #sales-tools ul h4 {
     font-family: 'Georgia', serif;
     font-style: italic;
     font-size: .75em;
 }

 #sales-tools p {
     margin: 0;
 }

 #sales-tools a {
     text-decoration: underline;
     color: #c3cc00;
 }

 #sales-tools a:hover {
     color: #707504;
 }

 #sales-tools h1, #design-services h1, #marketing-intro h1 {
     font-family: 'Merriweather', sans-serif;
     font-weight: 400;
     color: #ffffff;
     text-align: center;
     font-size: 2.0em;
     margin: 1em 2em 0em 2em;
     line-height: 2em;
 }

 #sales-tools h2 {
     font-family: 'Merriweather', sans-serif;
     color: #000000;
     font-size: 1.3em;
     text-align: center;
     font-weight: 400;
     margin: 0em 0em 1em 0em;
     padding-right: 0%;
     line-height: 1.5em;
 }

 #sales-tools h3 {
     font-family: 'Merriweather', sans-serif;
     color: #ffffff;
     font-size: 1.3em;
     text-align: center;
     font-weight: 400;
     margin: 6em 0em 1em 0em;
     line-height: 1.7em;
 }

 #sales-tools h4 {
     line-height: 1.2em;
 }

 #sales-tools h5 {
     font-family: 'Karla', san-serif;
     color: #5e5b5b;
     font-size: .75em;
     text-align: right;
     margin: 1em 0em 2em 0em;
     padding-right: 0%;
     line-height: .5em;
 }

 #sales-tools h6 {
     font-family: 'Karla', sans-serif;
     color: #ffffff;
     font-size: 1.25em;
     text-align: center;
     font-weight: 400;
     margin: 1em 0em 1em 0em;
     padding-right: 0%;
     line-height: 1.5em;
 }

 #sales-tools-logo {
     position: relative;
     background: url(/sales-tools/images/sales-tools-logo.png) no-repeat top center;
     overflow: hidden;
 }

 #sales-tools-sub {
     top: 0px !important;
     padding: 0px !important;
     margin: 0px !important;
     width: 100%;
     position: relative;
     background-position: center;
     background-size: 100% auto;
     overflow: hidden;
 }

 #sales-tools-sub ul li {
     list-style: disc;
     font-family: 'Karla', sans-serif;
     color: #333333;
     text-align: left;
     margin-left: 2em;
     margin-bottom: 1em;
     font-size: 1em;
     line-height: 1.5em;
 }

 #sales-tools-sub ol li {
     list-style: decimal;
     font-family: 'Karla', sans-serif;
     color: #333333;
     text-align: left;
     margin-left: 0em;
     margin-bottom: 1em;
     font-size: 1em;
     line-height: 1.5em;
 }

 #sales-tools-sub p {
     font-family: 'Karla', sans-serif;
     font-size: 1em;
     text-align: left;
     line-height: 1.5em;
     margin: 0 0 0 0;
     color: #333333;
 }

 #sales-tools-sub a {
     text-decoration: none;
     color: #c3cc00;
 }

 #sales-tools-sub h1 {
     font-family: 'Merriweather', serif;
     font-weight: 400;
     color: #000000;
     text-align: left;
     font-size: 1.75em;
     margin: 0em 2em 0em 0em;
     line-height: 2em;
 }

 #sales-tools-sub h2 {
     font-family: 'Merriweather', serif;
     color: #c3cc00;
     font-size: 1.25em;
     text-align: left;
     font-weight: 400;
     margin: 0em 0em 1em 0em;
     padding-right: 0%;
     line-height: 1em;
 }

 #sales-tools-sub h3 {
     font-family: 'Merriweather', serif;
     color: #c3cc00;
     font-size: 1em;
     text-align: left;
     font-weight: 400;
     margin: 0em 0em 1em 0em;
     line-height: 1.3em;
 }

 #sales-tools-sub h4 {
     font-family: 'Merriweather', serif;
     font-style: italic;
     color: #5e5b5b;
     font-size: .75em;
     text-align: left;
     font-weight: 400;
     margin: 3em 0em 1em 0em;
     padding-right: 0%;
     line-height: 2em;
 }

 #sales-tools-sub h5 {
     font-family: 'Karla', san-serif;
     color: #5e5b5b;
     font-size: .75em;
     text-align: right;
     margin: 1em 0em 2em 0em;
     padding-right: 0%;
     line-height: .5em;
 }

 #sales-tools-sub h6 {
     font-family: 'Karla', sans-serif;
     color: #ffffff;
     font-size: 1.25em;
     text-align: center;
     font-weight: 400;
     margin: 1em 0em 1em 0em;
     padding-right: 0%;
     line-height: .5em;
 }

 #sales-tools-form p {
     font-family: 'Karla', sans-serif;
     font-size: 1em;
     text-align: left;
     line-height: 1.5em;
     margin: 0 0 0 0;
     color: #333333;
 }

 #sales-tools-form a {
     text-decoration: none;
     color: #c3cc00;
 }

 #sales-tools-form h1 {
     font-family: 'Merriweather', sans-serif;
     font-weight: 400;
     color: #ffffff;
     text-align: center;
     font-size: 2em;
     margin: 1em 0em 0em 0em;
     line-height: 2em;
 }

 #sales-tools-form h2 {
     font-size: 1.5em;
     margin: 0em 0em 0.5em 0em;
     line-height: 1.5em;
 }

 #sales-tools-form h3 {
     font-family: 'Merriweather', sans-serif;
     font-weight: 400;
     color: #c3cc00;
     font-size: 1.2em;
     text-align: left;
     margin: 1em 0em 1em 0em;
     padding-right: 0%;
     line-height: .5em;
 }

 #sales-tools-form h4 {
     font-family: 'Karla', sans-serif;
     color: #565555;
     font-size: .95em;
     text-align: left;
     margin: 0em 0em 0em 2em;
     line-height: 1.4em;
 }

 #sales-tools-form h5 {
     font-family: 'Karla', sans-serif;
     color: #565555;
     font-size: .7em;
     text-align: left;
     margin: 0em 0em 3em 3.5em;
     line-height: .5em;
 }

 #sales-tools-form h6 {
     font-family: 'Karla', sans-serif;
     color: #000000;
     font-size: .8em;
     text-align: left;
     margin: 1em 0em 5em 0em;
     padding-right: 0%;
     line-height: .5em;
 }

 #sales-tools-success h1 {
     font-family: 'Merriweather', serif;
     color: #000000;
     font-size: 1.1em;
     margin: 0em 2em 0em 0em;
     line-height: 2em;
 }

 #sales-tools-success h2 {
     font-family: 'Karla', sans-serif;
     color: #999999;
     font-size: 1em;
     margin: 0em 0em 1em 0em;
     padding-right: 0%;
     line-height: 1em;
 }

 #sales-tools-success h3 {
     font-family: 'Karla', sans-serif;
     color: #999999;
     font-size: .8em;
     margin: 0em 0em 1em 0em;
     line-height: 1.0em;
 }

 #gp-service h3 {
     font-family: 'Merriweather', serif;
     color: #565555;
     font-size: 1.2em;
     text-align: left;
     margin: 0em 0em 0em 2em;
     line-height: 1.6em;
 }

 #gp-service p {
     font-family: 'Merriweather', serif;
     color: #565555;
     font-size: .9em;
     text-align: left;
     margin: 0em 0em 3em 3.5em;
     line-height: 1.4em;
 }

 #mg-service h3 {
     font-family: 'Merriweather', serif;
     color: #565555;
     font-size: 1.2em;
     text-align: left;
     margin: 0em 0em 0em 2em;
     line-height: 1.6em;
 }

 #mg-service p {
     font-family: 'Merriweather', serif;
     color: #565555;
     font-size: .9em;
     text-align: left;
     margin: 0em 0em 3em 3.5em;
     line-height: 1.4em;
 }

 #sales-tools-bottom h1 {
     font-family: 'Karla', sans-serif;
     color: #fff;
     font-size: .9em;
     text-align: left;
     margin: 0em 0em 1em 0em;
     padding-right: 0%;
     line-height: 1em;
     text-decoration: none !important;
 }

 #sales-tools-bottom h5 {
     font-family: 'Karla', sans-serif;
     color: #fff;
     font-size: .75em;
     margin: 0em 0em 0em 0em;
     padding-right: 0%;
     line-height: .5em;
     text-decoration: none !important;
 }

 #sales-tools-bottom h1 a {
     text-decoration: none !important;
     color: #EAD5BE;
 }

 #sales-tools-bottom h5 a {
     text-decoration: none !important;
     color: #EAD5BE;
 }

 #gp-bottom h1 {
     font-family: 'Karla', sans-serif;
     color: #fff;
     font-size: .9em;
     text-align: left;
     margin: 0em 0em 1em 0em;
     padding-right: 0%;
     line-height: 1em;
     text-decoration: none !important;
 }

 #gp-bottom h5 {
     font-family: 'Karla', sans-serif;
     color: #fff;
     font-size: .75em;
     margin: 0em 0em 0em 0em;
     padding-right: 0%;
     text-decoration: none !important;
 }

 #gp-bottom.box-100 {
     padding: 0.5%;
 }

 #gp-bottom h1 a {
     text-decoration: none !important;
     color: #EAD5BE;
 }

 #gp-bottom h5 a {
     text-decoration: none !important;
     color: #EAD5BE;
 }

 #st-intro-text h1 {
     font-family: 'Karla', sans-serif;
     font-weight: 700;
     color: #000;
     font-size: 3.4em;
     margin: 0;
     line-height: 1em;
 }

 #st-intro-text.st-price h1 {
     font-size: 5em;
     margin-bottom: -0.15em;
 }

 #st-intro-text h4 {
     font-size: 1.75em;
     line-height: 1.5em;
 }

 .product-details h4 {
     margin: 0.5em 0 0.5em 0;
 }

 .product-details i {
     font-size: 1.4em;
 }

 .discount {
     text-decoration: line-through;
     font-size: 1em;
     margin-bottom: 0px;
     color: #bbb;
 }

 .discount+h1 {
     color: #aa0a0a;
 }

 #incomplete ul li {
     pointer-events: none;
 }

 .ccinputs select#state, .dash-inputs select#state {
     width: 208px;
 }

 .ccinputs #cardexpmonth, .dash-inputs #cardexpmonth {
     width: 208px;
 }

 .ccinputs #cardexpyear, .dash-inputs #cardexpyear {
     width: 155px;
 }

 .fixed-bg-image {
     position: absolute;
     max-width: none;
     min-height: 100%;
     min-width: 100%;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 @media only screen and (max-width: 69em) {
     .description-box .st-faq-titlerow h4 {
         margin: 0.2em 0em 0.2em 0em;
         text-align: center;
     }

     .st-faq-titlerow .dropdown-arrow i, .st-faq-titlerow .dropdown-arrow svg {
         margin: 0 !important;
     }

     #st-intro {
         background-size: auto;
     }

     .fixed-bg-image {
         position: static;
         transform: translate(-14%, 0);
         max-height: 20em;
         width: auto;
         display: block;
     }
 }

 #intro.intro2 {
     padding: 280px 0 230px;
     position: relative;
     background: #000 url(../../../images/bg/2.jpg) no-repeat top center fixed;
     background-size: 100% auto;
     overflow: hidden;
 }

 #intro.intro2 h2, #intro.intro2 p {
     text-align: center;
     padding: 0 10%;
 }

 #intro.intro3 {
     padding: 170px 0 0px;
     position: relative;
     background: #000 url(../../../images/bg/3.jpg) no-repeat top left;
     background-size: 125% auto;
     overflow: hidden;
 }

 #intro.intro3 #main-slider {
     float: right;
     margin-bottom: -100px;
 }

 #intro.intro3 .col-md-8 {
     width: 62%;
 }

 #intro.intro3 .col-md-4 {
     width: 38%;
 }

 #intro.intro3 h2 {
     margin: 140px 0px 25px;
     font-size: 65px;
     line-height: 70px;
     font-weight: 500;
 }

 #intro.intro3 h6 {
     color: #fff;
     font-family: 'Karla', sans-serif;
     font-size: 13px;
     margin: 20px 0 60px;
 }

 #intro.intro3 h6 a {
     color: #fff;
     border-bottom: 1px dotted #fff;
 }

 #intro.intro3 h6 a:hover {
     color: #707504;
 }

 #intro.intro4 {
     padding: 180px 0 0;
     position: relative;
     background: #000 url(../../../images/bg/4.jpg) no-repeat top right fixed;
     background-size: 100% auto;
     overflow: hidden;
 }

 #intro.intro4 h2, #intro.intro4 p {
     text-align: center;
     padding: 0 10%;
 }

 #intro.intro5 {
     padding: 150px 0 0;
     position: relative;
     background: #000 url(../../../images/bg/5.jpg) no-repeat top right fixed;
     background-size: 100% auto;
     overflow: hidden;
 }

 #intro.intro5 h2, #intro.intro5 p {
     text-align: center;
     padding: 0 10%;
 }

 .play-btn {
     border: 10px solid #FFF;
     width: 120px;
     height: 120px;
     border-radius: 50%;
     line-height: 98px;
     display: block;
     text-align: center;
     color: #FFF;
     font-size: 47px;
     position: absolute;
     left: 0px;
     right: 0px;
     margin: -60px auto 0px;
     top: 50%;
     transition: 0.5s;
     -webkit-transition: 0.5s;
     box-shadow: 0px -2px 15px rgba(0, 0, 0, 0.5);
     -webkit-box-shadow: 0px -2px 15px rgba(0, 0, 0, 0.5);
     text-shadow: 0 2px 15px rgba(0, 0, 0, 0.5);
 }

 .play-btn:hover {
     color: #fff;
     transition: 0.4s;
     -webkit-transition: 0.4s;
     -webkit-transform: scale(1.15);
     -ms-transform: scale(1.15);
     transform: scale(1.15);
 }

 #intro.intro6 {
     padding: 240px 0 175px;
     background: #000 url(../../../images/bg/6.jpg) no-repeat center center fixed;
 }

 #intro.intro6 h2 {
     margin: 13px 0px 25px;
 }

 #intro.intro7 {
     padding: 270px 0 240px;
     background: #000 url(../../../images/bg/7.jpg) no-repeat center top fixed;
     position: relative;
     background-size: 100% auto;
     overflow: hidden;
 }

 #intro.intro7 h2, #intro.intro7 p {
     text-align: center;
     padding: 0 10%;
 }

 .intro-newsletter {
     background: rgba(0, 0, 0, 0.1);
     padding: 8px;
     border-radius: 5px;
     width: 536px;
     margin: 0 auto;
     display: table;
     position: relative;
 }

 .intro-newsletter input {
     width: 400px;
     height: 50px;
     border: none;
     background: #fff;
     border-radius: 5px;
     padding: 5px 20px;
     font-size: 13px;
     float: left;
     margin: 0;
 }

 .intro-newsletter button {
     background: #8bc34a;
     line-height: 50px;
     color: #FFF;
     padding: 0px 30px;
     border-radius: 5px;
     border: none;
     font-size: 13px;
     font-weight: 400;
     text-transform: uppercase;
     width: 110px;
     margin-left: 10px;
     float: left;
     font-size: 25px;
 }

 .intro-newsletter button:hover {
     background: #000;
     color: #FFF;
 }

 #result {
     text-align: center;
     position: absolute;
     top: 103%;
     left: 60px;
     right: 0px;
     display: block;
     margin: 0px auto;
     font-size: 11px;
     color: #fff !important;
     max-width: 100%;
     padding: 0px 12px;
 }

 #result a {
     color: #000 !important;
 }

 #result em {
     font-style: normal;
 }

 .intro-newsletter #result {
     left: 0px !important;
     top: 106%;
 }

 #intro.intro8 {
     padding: 270px 0 240px;
     background: #000 url(../../../images/bg/8.jpg) no-repeat center top fixed;
     position: relative;
     background-size: 100% auto;
     overflow: hidden;
 }

 #intro.intro8 h2, #intro.intro8 p {
     text-align: center;
     padding: 0 10%;
 }

 .catalog-request-box {
     border: 1px solid #FFF;
     float: left;
     width: 300px;
     font-family: 'Karla', sans-serif;
     font-size: 20px;
     color: #fff;
     line-height: 23px;
     text-align: center;
     padding: 5% 0 5% 0;
     width: 90%;
     text-align: center;
     max-width: 16.75em !important;
     font-size: 1.75em;
     line-height: 1.4735em;
     border-radius: .5em;
 }

 .catalog-request-box a {
     outline: 0;
     color: #fff;
     text-decoration: none;
 }

 .catalog-request-box a:hover {
     outline: 0;
     color: #99cccc;
     transition: 0.3s;
     -webkit-transition: 0.3s;
     text-decoration: none;
 }

 .app-btn {
     font-size: 15px;
     text-transform: none;
     font-weight: 400;
     line-height: 23px;
     padding: 10px 35px 17px;
     padding-left: 70px;
     position: relative;
     background: #8bc34a;
     color: #fff;
     display: table;
     border-radius: 5px;
     text-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
     transition: 0.4s;
     -webkit-transition: 0.4s;
 }

 .app-btn i, .app-btn svg {
     position: absolute;
     top: 11px;
     left: 35px;
     font-size: 50px;
 }

 .app-btn span {
     font-size: 26px;
     display: block;
     font-weight: 700;
 }

 .app-btn:hover {
     background: #111;
     transition: 0.4s;
     -webkit-transition: 0.4s;
     color: #fff;
 }

 .overlay {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     width: 100%;
     height: 100%;
     background: #000;
     opacity: 0.2;
 }

 .overlay-white {
     background: #fff;
     height: 20px;
     width: 100%;
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
 }

 .btn-single a {
     border-radius: 5px;
     padding: 0px 35px;
     text-decoration: none !important;
 }

 .btn-single a i, .btn-single a svg {
     margin-left: 7px;
     font-size: 16px;
 }

 .term-popup {
     cursor: pointer;
 }

 .terms {
     position: fixed;
     z-index: -15;
     visibility: hidden;
     opacity: 0;
     transition: 0.5s;
     -webkit-transition: 0.5s;
     width: 90%;
     max-height: 90%;
     overflow: scroll;
     overflow-x: hidden;
     max-width: 1170px;
     height: auto;
     background: #FFF;
     top: 17%;
     left: 0;
     right: 0;
     margin: 0 auto;
     display: table-cell;
     vertical-align: middle;
     padding: 50px;
     box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
     -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
 }

 .terms h3 {
     font-size: 30px;
     margin: 0 0 30px;
     border-bottom: 2px solid #e1e1e1;
     padding-bottom: 15px;
 }

 .terms ul li {
     list-style: decimal;
     margin-left: 15px;
     margin-bottom: 15px;
     font-size: 13px;
     line-height: 23px;
 }

 .t-close {
     position: absolute;
     right: 25px;
     top: 25px;
     font-size: 30px;
     opacity: 0.2;
     transition: 0.4s;
     -webkit-transition: 0.4s;
     cursor: pointer;
 }

 .t-close:hover {
     opacity: 1;
     transition: 0.4s;
     -webkit-transition: 0.4s;
 }

 .terms-active {
     position: fixed;
     z-index: 9999999;
     visibility: visible;
     opacity: 1;
     transition: 0.5s;
     -webkit-transition: 0.5s;
 }

 .overlay-dark {
     background: #000;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     visibility: hidden;
     z-index: -20;
     transition: 0.5s;
     -webkit-transition: 0.5s;
 }

 .overlay-dark.active {
     z-index: 99999;
     visibility: visible;
     opacity: 0.5;
     transition: 0.5s;
     -webkit-transition: 0.5s;
 }

 #services {
     padding: 30px 0;
 }

 .service-content {
     cursor: pointer;
 }

 .service-content span {
     display: table;
     margin: 0px auto 25px;
     color: #c3cc00;
     text-align: center;
     transition: 0.3s;
     -webkit-transition: 0.3s;
     position: relative;
     border: 1px solid #c3cc00;
     width: 50px;
     height: 50px;
     display: table;
     font-size: 20px;
     border-radius: 50%;
     padding-top: 9px;
 }

 .service-content:hover span {
     background: #707504;
     color: #fff;
     transition: 0.3s;
     -webkit-transition: 0.3s;
 }

 .service-content:hover i, .service-content:hover svg {
     transition: 0.3s;
     -webkit-transition: 0.3s;
 }

 .service-content h4 {
     font-family: 'Merriweather', serif;
     font-size: 20px;
     color: #666666;
     text-align: center;
     font-weight: 400;
     margin: 0px 0px 10px;
     text-transform: none;
 }

 .service-content h4 a {
     color: #c3cc00;
     text-align: center;
     display: table;
     margin: 0 auto;
     text-decoration: none !important;
 }

 .service-content h4 a:hover {
     color: #707504;
     text-align: center;
     display: table;
     margin: 0 auto;
     text-decoration: none !important;
 }

 .service-content p {
     font-family: 'Karla', sans-serif;
     font-size: 1em;
     text-align: left;
     line-height: 22px;
     margin: 0 0 10px;
     color: #666666;
     padding: 0 20px;
 }

 .service-content h5 {
     font-family: 'Karla', sans-serif;
     font-size: 14px;
     text-align: center;
     line-height: 22px;
     margin: 0 0 10px;
     color: #666666;
     padding: 0 20px;
 }

 .service-content h5 a {
     color: #c3cc00;
     text-align: center;
     display: table;
     margin: 0 auto;
     text-decoration: none !important;
 }

 .service-content h5 a:hover {
     color: #707504;
     text-align: center;
     display: table;
     margin: 0 auto;
     text-decoration: underline !important;
 }

 .sales-content span {
     display: table;
     margin: 0px auto 25px;
     color: #;
     text-align: center;
     transition: 0.3s;
     -webkit-transition: 0.3s;
     position: relative;
     border: 0px solid #c3cc00;
     width: 50px;
     height: 50px;
     display: table;
     font-size: 20px;
     border-radius: 50%;
     padding-top: 9px;
 }

 .sales-content h1 {
     font-family: 'Merriweather', sans-serif;
     font-size: 1.2em;
     color: #ffffff;
     text-align: center;
     font-weight: 400;
     margin: 0px 0px 10px;
 }

 .sales-content h2 {
     font-family: 'Karla', sans-serif;
     font-size: 1em;
     text-align: center;
     line-height: 22px;
     margin: 0 0 10px;
     color: #ffffff;
     padding: 0 20px;
 }

 #features {
     background: #8bc34a;
     padding: 30px 0 0;
 }

 .feature-content {
     margin-bottom: 320px;
 }

 .feature-content i, .feature-content svg {
     color: #fff;
     font-size: 25px;
     margin: 0 0 20px;
     float: left;
     width: 70px;
     height: 70px;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.2);
     text-align: center;
     line-height: 70px;
 }

 .feature-content h4 {
     color: #fff;
     margin: 0 0 12px;
     margin-left: 95px;
     font-size: 22px;
     font-weight: 600;
 }

 .feature-content p {
     color: #fff;
     font-size: 13px;
     margin-left: 95px;
 }

 #features h3 {
     background: #fff;
     display: table;
     padding: 9px 15px;
     font-size: 20px;
     font-weight: 700;
     margin: 150px 0 20px;
     color: #8bc34a;
 }

 .app-info p {
     color: #fff;
     margin: 0 0 30px;
 }

 .info-content {
     padding: 20px 0;
 }

 .ic-inner img {
     border-radius: 2px;
 }

 .ic-inner h4 {
     font-family: 'Merriweather', serif;
     font-size: 1.5em;
     margin: 15 0 15px;
     text-decoration: none;
 }

 .ic-inner h4 a {
     color: #c3cc00;
     text-decoration: none !important;
 }

 .ic-inner h4 a:hover {
     color: #707504;
     text-decoration: none !important;
 }

 .ic-inner p {
     font-size: .9em;
     line-height: 1.5em;
     color: #666666;
 }

 .dual-info {
     background: #8bc34a;
 }

 .dual-info .container {
     width: 100%;
     padding: 0;
 }

 .dual-info .col-md-6 {
     padding: 0;
 }

 .dual-info h4 {
     font-size: 70px;
     font-weight: 300;
     color: #fff;
     margin: 0 0 20px;
 }

 .dual-info p {
     font-size: 16px;
     font-weight: 300;
     color: #fff;
     margin: 0 0 30px;
     line-height: 25px;
 }

 .dual-info .col-md-9 {
     padding: 60px;
 }

 .dual-info ul li {
     color: #fff;
     padding-left: 40px;
     margin-bottom: 15px;
     font-weight: 300;
     position: relative;
 }

 .dual-info ul li i, .dual-info ul li svg {
     font-size: 15px;
     position: absolute;
     top: 4px;
     left: 10px;
 }

 .wrap-content {
     background: #8bc34a;
     padding: 100px 0;
 }

 .wrap-content h2 {
     color: #fff;
     margin-bottom: 30px;
     font-size: 50px;
 }

 .wrap-content p {
     color: #fff;
     font-size: 14px;
     line-height: 22px;
 }

 .wrap-content1 {
     background: #fff !important;
     padding: 90px 0;
 }

 .wrap-content1 h2 {
     color: #000;
     margin-bottom: 30px;
     font-size: 50px;
 }

 .wrap-content1 p {
     color: #777;
     font-size: 14px;
     line-height: 22px;
 }

 .testimonials {
     background: #f1f1f1;
     padding: 75px 0 0;
 }

 .quote-info p {
     font-family: 'Merriweather', sans-serif;
     font-size: 60px;
     font-weight: 400;
     line-height: 59px;
     color: #555;
     padding: 0;
     padding-left: 65px;
     position: relative;
     margin-top: 120px;
 }

 .quote-info p:before {
     content: "\f10d";
     font-family: "FontAwesome";
     color: #8bc34a;
     position: absolute;
     left: 0;
     top: -20px;
     font-size: 50px;
 }

 .quote-info cite {
     color: #000;
     font-size: 23px;
     font-style: normal;
     font-weight: 700;
     line-height: 30px;
     float: right;
     margin-top: 40px;
     text-transform: uppercase;
     padding-right: 60px;
 }

 .quote-info .cite-left {
     float: none;
     padding-left: 60px;
     padding-right: 0px;
     display: block;
 }

 .quote-info cite span {
     color: #8bc34a;
     font-size: 16px;
     font-weight: 400;
     display: block;
     padding-left: 13px;
     text-transform: none;
 }

 .testimonial-slider {
     position: relative;
     overflow: hidden;
     width: 60em;
     height: 118px;
     max-width: 100%;
 }

 .home-testimonial {
     padding: 0.8em;
     width: 28em;
     max-width: 100%;
     box-sizing: border-box;
     position: absolute;
     left: -32em;
     display: inline-block;
     border-radius: 0.3em;
     border: 2px solid #c1cbd8;
 }

 .home-testimonial:before, .home-testimonial:after {
     content: "";
     position: absolute;
     border: solid transparent;
     border-color: rgba(255, 255, 255, 0);
     left: 20%;
     border-width: 12px;
 }

 .home-testimonial:after {
     bottom: -21px;
     border-top-color: #eef3f9;
 }

 .home-testimonial:before {
     bottom: -24px;
     border-top-color: #c1cbd8;
 }

 .home-testimonial:nth-last-child(2) {
     left: 0px;
 }

 .home-testimonial:last-child {
     left: 32em;
 }

 .home-testimonial p {
     margin: 0;
 }

 @media only screen and (max-width: 69em) {
     .testimonial-slider {
         height: auto;
     }

     .home-testimonial:last-child {
         display: none !important;
     }

     .home-testimonial {
         position: static;
     }

     .home-testimonial:before, .home-testimonial:after {
         display: none;
     }
 }

 .pricing {
     padding: 80px 0 90px;
     background: #000;
 }

 .price {
     font-size: 70px;
     color: #fff;
 }

 .price-cents {
     vertical-align: super;
     font-size: 50%;
 }

 .list-group-item {
     color: #757575;
     font-size: 14px;
     border: none;
     border-bottom: 1px solid #e5e5e5;
     margin: 0px;
 }

 .list-group-item:last-child {
     border-bottom: none;
     padding-top: 20px;
 }

 .list-group .btn {
     background: #1abc9c !important;
     border-color: #0fa285;
 }

 .list-group .btn:hover {
     background: #0fa285 !important;
 }

 .panel-default {
     border: none;
     padding: 15px 0px;
 }

 .panel-body {
     font-family: 'Karla', sans-serif;
     font-size: 13px;
     line-height: 23px;
     font-weight: 400;
     color: #fff;
     padding: 40px 0;
     background: #8bc34a;
 }

 .panel-default>.panel-heading {
     text-transform: uppercase;
     padding: 6px 15px 18px;
 }

 .panel-default>.panel-heading span {
     top: -2px;
     position: relative;
 }

 .pricing .btn-main {
     line-height: 38px;
     padding: 0px 20px;
 }

 #services2 {
     background: #ffffff;
     padding: 2em 0px 0px;
 }

 #services2 i, #services2 svg {
     background: #c3cc00;
     width: 3em;
     height: 3em;
     line-height: 3em;
     text-align: center;
     color: #FFF;
     font-size: 1.5em;
     float: left;
     border-radius: 50%;
 }

 #services2 .col-md-4 {
     margin-bottom: 50px;
 }

 #services2 {
     margin: 0px;
     font-size: 13px;
 }

 .faq-content {
     padding: 80px 0 80px;
 }

 .faq-content .panel-title a {
     font-size: 18px;
     font-weight: 700;
     text-transform: none;
     padding: 15px;
     margin: 0px;
     background: #fff;
     display: table;
     width: 100%;
 }

 .faq-content .panel-title:hover {
     color: #707504;
 }

 .faq-content .panel-default {
     border-color: #e1e1e1;
     padding: 9px 0px;
     background: #fff;
 }

 .faq-content .panel-heading {
     border: 1px solid #e1e1e1;
     padding: 0;
     border-radius: 0;
     background: #fff;
     color: #000;
 }

 .faq-content .panel-default>.panel-heading+.panel-collapse>.panel-body {
     border: 1px solid #e1e1e1;
     border-top: none;
 }

 .faq-content .panel-body {
     padding: 20px 25px;
     background: #fff;
     color: #000;
 }

 .faq-wrap h3 {
     font-weight: 700;
     text-transform: none;
     margin: 0 0 5px;
 }

 .faq-wrap p {
     font-size: 13px;
     line-height: 20px;
     margin-bottom: 30px;
 }

 .video {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
 }

 .video iframe, .video object, .video embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: none;
 }

 #clients {
     padding: 40px 0;
     background: #333;
 }

 #clients h3 {
     margin: 0px 0px 30px;
     font-size: 30px;
     font-weight: 300;
     text-transform: uppercase;
     text-align: center;
 }

 #clients ul {
     padding: 0px 0px;
     margin: 0 -25px;
 }

 #clients ul li {
     float: left;
     margin: 0;
     list-style: none;
     width: 20%;
     position: relative;
     overflow: hidden;
     padding: 0 15px;
 }

 #clients ul li img {
     opacity: 0.2;
     transition: 0.4s;
     -webkit-transition: 0.4s;
 }

 #clients ul li:hover img {
     opacity: 1;
     transition: 0.4s;
     -webkit-transition: 0.4s;
     -webkit-transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     transform: scale(1.1, 1.1);
 }

 .checkmarklist h3 {
     font-family: 'Karla', sans-serif;
     font-size: 1.1em;
     line-height: 1em;
     font-weight: 400;
     margin: 0px 0px 0px;
     text-align: left;
     text-transform: none;
     color: #706D6D;
 }

 .checkmarklist a {
     text-decoration: underline !important;
 }

 .checkmarklist .grid-090 {
     margin: 0em 0 1.2em 0;
 }

 .checkmarklist .grid-010 img {
     margin-top: 0.2em;
 }

 .wrap {
     background-image: url(/home-book-printer/images/green-book-wrap.jpg);
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
 }

 .wrap img {
     width: 350px;
     -webkit-filter: drop-shadow(0px 0px 7px #555);
     filter: drop-shadow(0px 0px 7px #555);
 }

 .wrap h1, .wrap p, .wrap h4 {
     color: white;
     text-shadow: 0px 0px 6px #666;
 }

 .wrap button {
     box-shadow: 0px 0px 5px #555;
 }

 .homepage-form form {
     margin: 1em 0 0 0;
 }

 .homepage-form input, .homepage-form button {
     box-shadow: 0px 0px 3px #aaa;
 }

 .wrapm {
     top: 0px !important;
     padding: 0px !important;
     margin: 0px !important;
     width: 100%;
     position: relative;
     background: #000 url(/sales-tools/images/ship-books.jpg) no-repeat top right fixed;
     background-position: center;
     background-size: 100% auto;
     overflow: hidden;
 }

 .wrapm h4 {
     margin: 0em 0em 1em;
     text-align: center;
     font-weight: 400;
     font-size: 1.25em;
     text-transform: none;
     color: #000000;
 }

 .wrapm h3 {
     margin: 1em 0 0;
     text-align: center;
     font-weight: 400;
     line-height: 2em;
     font-size: 2.75em;
     text-transform: none;
     color: #ffffff;
 }

 .wrapm h2 {
     margin: 0px 0px 0px;
     text-align: center;
     font-weight: 400;
     font-size: 1.5em;
     text-transform: none;
     color: #ffffff;
 }

 .wrapm h2 a {
     margin: 0px 0px 0px;
     text-decoration: underline;
     text-align: center;
     color: #c3cc00;
     font-weight: 400;
     font-size: 1.5em;
     text-transform: none;
     display: inline-block;
 }

 .wrapm p {
     font-size: 18px;
     line-height: 24px;
     margin: 0px 0px 40px;
     text-align: center;
     font-weight: 400;
     padding: 0 12%;
     color: #ffffff;
 }

 .wrapm em {
     font-size: 12px;
     line-height: 24px;
     text-align: center;
     font-weight: 400;
     font-style: normal;
     margin: -10px auto 0;
     display: table;
     color: #fff;
 }

 .wrapm a {
     font-size: 1em;
     text-decoration: underline;
     text-align: center;
     color: #c3cc00;
     font-weight: 400;
     display: table;
     line-height: 25px;
     -webkit-perspective: 1000px;
     -moz-perspective: 1000px;
     perspective: 1000px;
     margin: 0 auto 15px;
     display: table;
     border-radius: 5px;
 }

 .wrapm a span {
     position: relative;
     display: inline-block;
     padding: 0 110px;
     background: #fff;
     color: #c3cc00;
     border: none;
     -webkit-transition: -webkit-transform 0.3s;
     -moz-transition: -moz-transform 0.3s;
     transition: transform 0.3s;
     -webkit-transform-origin: 50% 0;
     -moz-transform-origin: 50% 0;
     transform-origin: 50% 0;
     -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
     transform-style: preserve-3d;
     border-radius: 5px;
 }

 .wrapquote {
     padding: 1em 0;
     background-position: center;
     background-repeat: no-repeat;
 }

 .wrapquote h3 {
     font-family: 'Georgia', serif;
     margin: 0em 0em 2em 0em;
     text-align: center;
     font-style: italic;
     font-size: 1.3em;
     line-height: 1.7em;
     color: #fff;
 }

 .wrapquote h4 {
     font-family: 'Georgia', serif;
     margin: 0em 0em 2em 0em;
     text-align: center;
     font-size: 1em;
     line-height: 1.2em;
     color: #fff;
 }

 .wrap a:hover span, .wrap a:focus span {
     -webkit-transform: rotateX(90deg) translateY(-22px);
     -moz-transform: rotateX(90deg) translateY(-22px);
     transform: rotateX(90deg) translateY(-22px);
 }

 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
     .wrap a:hover span, .wrap a:focus span {
         -webkit-transform: rotateX(0deg) translateY(-0px);
         -moz-transform: rotateX(0deg) translateY(-0px);
         transform: rotateX(0deg) translateY(-0px);
     }

     .wrap a:hover span {
         background: #000;
         color: #fff;
         transition: .4s;
     }
 }

 .centercurl {
     padding: 20px 0px 10px 0;
     height: auto;
     margin-bottom: 0px;
     background: transparent url("/images/curl_and_line.png") no-repeat bottom;
     border-top: 0px solid #efefef;
 }

 .gmap {
     padding: 0px;
     height: 400;
 }

 .gmap div {
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
 }

 #map {
     display: block;
     width: 100%;
     height: 400px;
     margin: 0 auto;
 }

 #map.large {
     height: 400px;
 }

 #map img {
     max-width: none !important;
     height: auto;
 }

 #footer {
     background: #fff;
     padding: 80px 0;
     display: table;
     width: 100%;
 }

 #contact-info {
     margin-bottom: 0px;
 }

 #footer h5 {
     font-size: 25px;
     font-weight: 300;
     color: #000;
     margin: 0 0 50px;
 }

 #footer h5 span {
     font-weight: 600;
 }

 .contact-info {
     padding: 0;
     margin: 0;
 }

 .contact-info li {
     padding: 0px;
     list-style: none;
     color: #888;
     margin: 0 0 15px;
     display: table;
     width: 100%;
     line-height: 30px;
     font-size: 16px;
     font-weight: 300;
 }

 .contact-info li i, .contact-info li svg {
     font-size: 16px;
     margin-right: 15px;
     color: #000;
     float: left;
     width: 30px;
     height: 30px;
     text-align: center;
     line-height: 30px;
     border-radius: 50%;
 }

 .contact-info p {
     font-size: 14px;
     font-weight: 300;
     color: #fff;
     margin: 0;
 }

 .errormessage {
     display: none;
     margin: auto;
     width: 100%;
     height: auto;
     left: 0px;
     right: 0px;
     top: 0px;
     border: 1px solid #e1e1e1;
     margin: 0 auto 25px auto;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     color: #000;
 }

 .errormessage p {
     margin: 0;
     padding: 20px;
     color: #555;
     font-size: 14px;
 }

 .errormessage i, .errormessage svg {
     color: #ff0000;
     font-size: 15px;
     margin-right: 5px;
 }

 .f-social {
     padding: 10px;
 }

 .f-social a {
     float: left;
     color: #c3cc00;
     font-size: 17px;
     margin-right: 20px;
 }

 .f-social a:hover {
     color: #0d4b6b;
 }

 .footer-copy {
     padding: 30px 0;
     background: #fff;
     border-top: 1px solid #ddd;
     text-decoration: none;
 }

 .footer-copy p {
     margin: 0px;
     font-size: 13px;
     text-decoration: none;
 }

 .footer-copy p a {
     color: #c3cc00;
     text-decoration: none;
 }

 .footer-copy p a:hover {
     color: #0d4b6b;
     text-decoration: none;
 }

 .modal-content {
     position: relative;
     background-clip: padding-box;
     border: none;
     border-radius: 0px;
     outline: 0px none;
     box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.5);
     display: table;
     padding: 0;
     margin: 0 auto;
     height: 70%;
     margin-top: 5%;
     top: 0;
 }

 .modal-content .container {
     padding: 0;
 }

 .close-modal {
     background: #000;
     color: #FFF;
     position: absolute;
     top: -30px;
     right: 0px;
     z-index: 999;
     width: 115px;
     height: 30px;
     font-weight: 700;
     opacity: 1 !important;
     text-align: center;
     line-height: 30px;
     text-transform: uppercase;
     font-size: 12px;
     transition: 0.4s;
     -webkit-transition: 0.4s;
     cursor: pointer;
 }

 .close-modal:hover {
     background: #0d4b6b;
     color: #FFF;
     transition: 0.4s;
     -webkit-transition: 0.4s;
 }

 .home-subscribe {
     background: #8bc34a;
     padding: 70px 0;
 }

 .home-subscribe h6 {
     font-size: 25px;
     color: #fff;
     margin: 0 0 25px;
     text-align: center;
     font-weight: 600;
 }

 @media only screen and (min-width: 960px) and (max-width: 1150px) {
     #intro, #intro.intro2, #intro.intro3, #intro.intro4, #intro.intro5, #intro.intro6, #intro.intro7 {
         background-size: 130% auto;
     }
 }

 @media only screen and (min-width: 768px) and (max-width: 959px) {
     #intro {
         background-size: auto 100%;
         padding: 160px 0px 132px;
     }

     #intro.intro2 {
         background-size: 130% auto;
         padding: 160px 0px 132px;
     }

     #intro.intro4 {
         background-size: auto 100%;
         padding: 160px 0px 0px;
     }

     #intro.intro5 {
         background-size: auto 100%;
         padding: 160px 0px 0px;
     }

     .sub-form {
         padding-left: 0px;
     }

     #result {
         left: 0px;
     }

     .sub-form h5 {
         font-size: 19px;
     }

     #features .col-md-3 {
         width: 100%;
         float: none;
     }

     #features .col-md-4 {
         width: 45%;
     }

     .feature-content p {
         font-size: 12px;
         margin-left: 90px;
     }

     .feature-content h4 {
         margin: 0px 0px 12px 90px;
     }

     #features .col-md-5 {
         width: 55%;
     }

     #features h3 {
         display: table;
         margin: 0 auto 20px;
     }

     .app-info p {
         text-align: center;
         padding: 0 15%;
     }

     #features .space60 {
         margin-bottom: 20px;
     }

     .ic-inner p {
         font-size: 12px;
     }

     .dual-info h4 {
         font-size: 35px;
     }

     .dual-info .col-md-9 {
         padding: 30px;
         width: 100%;
     }

     .dual-info ul li {
         margin-bottom: 7px;
         font-size: 11px;
         font-weight: 400;
     }

     .dual-info p {
         font-size: 11px;
         margin: -5px 0px 17px;
         line-height: 20px;
         font-weight: 400;
     }

     .dual-info ul {
         margin-bottom: 20px;
     }

     .dual-info .col-md-6:nth-child(1) {
         width: 60%;
     }

     .dual-info .col-md-6:nth-child(2) {
         width: 40%;
     }

     .dual-info .btn-main {
         line-height: 30px;
         padding: 0 15px;
         font-size: 11px;
     }

     .wrap-content h2 {
         color: #FFF;
         font-size: 34px;
         margin-top: 0;
     }

     .wrap-content p {
         font-size: 11px;
         line-height: 21px;
         font-weight: 400;
         margin-top: -15px;
     }

     .wrap-content1 h2 {
         color: #000;
         margin-top: 0px;
         font-size: 33px;
     }

     .quote-info p {
         font-size: 35px;
         line-height: 42px;
         padding: 0px 0px 0px 45px;
         margin-top: 0px;
     }

     .quote-info p:before {
         top: 5px;
     }

     .pricing .col-md-3 {
         width: 50%;
     }

     #services2 i, #services2 svg {
         width: 65px;
         height: 65px;
         line-height: 65px;
     }

     #services2 {
         font-size: 12px;
     }

     .contact-info li {
         font-size: 14px;
     }

     #intro.intro3 h2 {
         margin: 25px 0px 25px;
         font-size: 42px;
         line-height: 48px;
         font-weight: 500;
     }

     #intro.intro3 p {
         font-size: 12px;
         margin: 0px 0px 30px;
         padding-right: 15px;
         line-height: 19px;
         font-weight: 400;
     }

     #intro.intro4 p {
         text-align: center;
         padding: 0px;
     }

     #intro.intro6 h2 {
         margin: -29px 0px 25px;
         font-size: 39px;
         line-height: 45px;
     }

     #intro.intro6 {
         padding: 192px 0px 140px;
     }

     #intro.intro7 {
         background-size: auto 100%;
         padding: 200px 0 185px;
     }

     .modal-content {
         margin: 35% auto 0px;
         height: auto;
     }
 }

 @media only screen and (max-width: 767px) {
     #result {
         left: 0px;
     }

     .modal-content {
         width: 90%;
         margin: 50% auto 0px;
         height: auto;
     }

     .terms {
         width: 90%;
         max-height: 80%;
         top: 10%;
         padding: 40px;
     }

     .container {
         width: 100%;
         max-width: 400px;
     }

     .play-btn {
         -webkit-transform: scale(0.6);
         -ms-transform: scale(0.6);
         transform: scale(0.6);
     }

     .play-btn:hover {
         -webkit-transform: scale(0.8);
         -ms-transform: scale(0.8);
         transform: scale(0.8);
     }

     #intro {
         background-size: auto 100%;
         padding: 160px 0px 132px;
     }

     #intro.intro2 {
         background-size: auto 100%;
         padding: 160px 0px 132px;
     }

     #intro.intro3 {
         background-size: auto 100%;
         padding: 160px 0px 80px;
     }

     #intro.intro4 {
         background-size: auto 100%;
         padding: 120px 0px 100px;
     }

     #intro.intro7 {
         background-size: auto 100%;
         padding: 120px 0px 100px;
     }

     .intro-newsletter {
         width: 100%;
         max-width: 400px;
     }

     .intro-newsletter input {
         width: 71%;
     }

     .intro-newsletter button {
         width: 27%;
         margin-left: 2%;
     }

     #intro.intro7 p {
         text-align: center;
         padding: 0px 0;
         font-size: 13px;
     }

     #intro.intro6 {
         padding: 120px 0px 100px;
     }

     #intro.intro3 #main-slider {
         float: none;
         margin-bottom: 0px;
         margin-right: auto;
         margin-left: auto;
         max-width: 400px;
         width: 100%;
     }

     #intro.intro3 h6 {
         font-size: 12px;
         text-align: center;
     }

     #intro.intro5 {
         background-size: auto 100%;
         padding: 160px 0px 0px;
     }

     #intro.intro3 .col-md-8, #intro.intro3 .col-md-4 {
         width: 100%;
     }

     #intro.intro3 h2 {
         margin: 0px 0px 25px;
         font-size: 36px;
         line-height: 46px;
         font-weight: 500;
     }

     .app-btn {
         display: table;
         margin: 0 auto;
     }

     #intro.intro3 h6 {
         font-size: 12px;
     }

     #intro h2 {
         font-size: 45px;
         margin: 25px 0px 40px;
         line-height: 50px;
         text-align: center;
     }

     .sub-form {
         padding-left: 15px;
         padding-top: 60px;
         width: 100%;
         max-width: 400px;
         margin: 0 auto;
     }

     #services {
         padding: 100px 0px 60px;
     }

     #features h3 {
         margin: 0px 0px 20px;
     }

     .app-info {
         padding: 0 15px;
         padding-bottom: 59px;
     }

     .ic-inner {
         margin-bottom: 10px;
     }

     .info-content {
         padding: 20px 0px 40px;
     }

     .dual-info .col-md-9 {
         padding: 40px;
     }

     .wrap-content h2 {
         font-size: 35px;
     }

     .wrap-content p {
         font-size: 13px;
         line-height: 22px;
     }

     .wrap-content img {
         margin-top: 30px;
     }

     .quote-info p {
         font-family: 'Merriweather', sans-serif;
         font-size: 31px;
         font-weight: 400;
         line-height: 41px;
     }

     #quote-slider .item img {
         display: none;
     }

     .testimonials {
         padding: 0px 0px 100px;
     }

     .faq-content .content-head {
         padding: 0 15px;
     }

     .f-social {
         padding: 10px;
         margin-bottom: 60px;
     }

     .footer-copy p {
         font-size: 13px;
         text-align: center;
         margin: 0 0 30px;
     }
 }

 .staff-pics h5 {
     margin-top: 0px;
 }

 .staff-pics h3 {
     margin-bottom: .5em;
 }

 .description-box {
     text-align: left;
 }

 .description-box h3 {
     font-size: 1.1em;
     color: #c3cc00;
 }

 .description-box h2, .homepage-header h3 {
     font-size: 1.5em;
     color: #000;
 }

 .description-box h1, .homepage-header h2 {
     font-size: 2.0em;
     line-height: 1.3em;
 }

 .description-box h1, .description-box h2, .description-box h3 {
     margin-top: 0;
     padding-top: 0;
     font-family: 'Merriweather', serif;
 }

 .description-box h4 {
     font-size: 1.4em;
     font-family: 'Karla', sans-serif;
     margin: 0;
     line-height: 1.4em;
 }

 .description-box h5, .gray-radius-widget h1 {
     font-size: 1.8em;
     font-family: 'Karla', sans-serif;
     color: #c3cc00;
     margin-top: 0.7em;
 }

 .description-box h6 {
     font-size: 1.1em;
     font-family: 'Karla', sans-serif;
     margin: 0;
 }

 .description-box ul {
     margin-top: 1.4em;
     margin-bottom: 0;
     line-height: 1.5em;
 }

 .category-page .description-box ul {
     margin-top: 0em;
 }

 .description-box li {
     list-style-position: outside;
     margin-bottom: 0.8em;
     margin-left: 1em;
     line-height: 1.5em;
 }

 .description-box li:last-child {
     margin-bottom: 0em;
 }

 .description-box li>span {
     padding-left: .5em;
     box-decoration-break: clone;
     -webkit-box-decoration-break: clone;
 }

 .description-box .fontsize-110 li>span {
     padding-left: 1em;
 }

 .description-box .main-list-style li {
     margin-left: 0;
     margin-bottom: 0em;
 }

 .description-box button {
     margin: 0.6em 0 0 0;
     display: inherit;
     min-width: 8.08em;
     cursor: pointer;
 }

 .description-box .box-100 {
     padding: 0 0 0 0;
 }

 .description-box .list-box-content ul li {
     font-size: 16px;
     margin-bottom: 0.4em;
 }

 .description-box .list-box-content {
     padding-top: 0;
     padding-left: 0;
     padding-bottom: 0;
 }

 .btn-huge button, .btn-huge input {
     min-width: 9.5em;
     height: auto;
     padding: .08em 1em .08em 1em !important;
     margin-top: 1.5em;
     cursor: pointer;
 }

 .hollow-button button, .hollow-button input {
     background: #ffffff;
     color: #c3cc00;
     border: 2px solid #c3cc00;
 }

 .hollow-gray-button button, .hollow-gray-button input {
     background: #f6f6f6;
     color: #444;
     border: 2px solid #ddd;
 }

 .hollow-white-button button, .hollow-white-button input {
     background: transparent;
     color: #fff;
     border: 2px solid #fff;
 }

 .hollow-button button:hover, .hollow-button button:focus, .hollow-button input:hover, .hollow-button input:focus {
     background: #ffffff;
     border: 2px solid #707504;
     color: #707504;
 }

 .hollow-gray-button button:hover, .hollow-gray-button button:focus, .hollow-gray-button input:hover, .hollow-gray-button input:focus {
     border: 2px solid #ccc;
     color: #999;
     background: #f6f6f6;
 }

 .hollow-white-button button:hover, .hollow-white-button button:focus, .hollow-white-button input:hover, .hollow-white-button input:focus {
     background: #fff;
     border: 2px solid #fff;
     color: #333;
 }

 .hr-margins {
     background-color: #cccccc;
     margin-top: 2em;
     margin-bottom: 2em;
     border: none;
     height: 1px;
 }

 .vertical-divider {
     border-left: 2px solid #cccccc;
     height: 16em;
     position: absolute;
     left: 50%;
     margin-left: -10px;
     top: 25em;
 }

 .mySlides img, .mySlides2 img, .mySlides3 img {
     width: 100%;
 }

 .footer-box p {
     margin-top: 0;
 }

 .footer-box i, .footer-box svg {
     color: #000;
     font-size: 3em;
     padding-top: 0.1em;
 }

 .footer-box ul, .footer-box li:first-child {
     margin-top: 0em;
 }

 .footer-box li {
     margin-bottom: 0.8em;
 }

 .footer-box span {
     min-width: 54px;
     display: table-cell;
     vertical-align: top;
 }

 .footer-box span:last-child {
     padding-left: 1.5em;
 }

 .footer-box #rainbow-box-widget {
     min-height: 12.3em;
     width: auto;
     margin: 0.6em 0 0 0;
     top: 0em;
 }

 .footer-box #rainbow-box-widget button {
     margin-top: 2em;
 }

 .footer-box #rainbow-box-widget h3 {
     margin-top: 1em !important;
     margin-bottom: 1em !important;
 }

 .footer-box button {
     cursor: pointer;
 }

 .design-experience p {
     color: #545353;
 }

 .design-experience i, .design-experience svg {
     color: #c3cc00 !important;
 }

 .design-experience h4 {
     margin-top: 0;
     margin-bottom: 0.4em !important;
 }

 .description-box #rainbow-box-widget {
     padding-bottom: 1em;
     margin-top: 3.3em;
     margin-bottom: 4em;
 }

 .description-box #rainbow-box-widget h1 {
     font-size: 1.1em;
     margin-top: 1em !important;
 }

 .description-box #rainbow-box-widget p {
     margin-top: 0.3em;
     line-height: 1.3em;
 }

 .description-box #rainbow-box-widget ul {
     margin-top: 0em;
 }

 .description-box #rainbow-box-widget li {
     line-height: 1.5em;
     margin-left: 1em;
     color: #000;
 }

 .description-box #rainbow-box-widget li span {
     padding-left: 0em;
     font-weight: 700;
 }

 .description-box #rainbow-box-widget li:last-child {
     padding-bottom: 0.5em;
 }

 .design-checklist {
     border: 1px solid #ccc;
 }

 .design-checklist i, .design-checklist svg {
     margin-top: 0.3em;
     margin-bottom: 0.1em;
     font-size: 2.8em;
     color: #c3cc00;
 }

 .design-checklist-tablerow:nth-child(even) {
     background: #f6f6f6;
 }

 .design-checklist h4 {
     margin-top: 0.2em !important;
 }

 .design-checklist p {
     color: #666;
     margin-top: 0.5em;
     margin-bottom: 0em;
 }

 .design-checklist li {
     margin-top: 0.8em;
     margin-left: 2.4em;
     list-style-image: url('../../../services-book-design/images/icons/checklist-checkbox.png');
 }

 .design-checklist-tablerow:last-child li {
     list-style-image: none;
     margin-left: 1em;
     margin-top: 0em;
     margin-bottom: 0.8em;
 }

 .design-checklist li:last-child {
     margin-bottom: 0.5em;
 }

 .design-checklist li span {
     vertical-align: top;
     display: inline-block;
 }

 .design-checklist ul {
     margin-top: 0.5em;
 }

 .design-checklist-titlerow {
     background: #c3cc00;
     cursor: pointer;
 }

 .design-checklist-titlerow h2 {
     color: #fff;
     margin: 0.7em 0em 0.7em 0em !important;
 }

 .design-number p {
     font-size: 3em;
     margin-top: -0.18em;
     font-family: 'Merriweather', serif;
     color: #c3cc00;
 }

 .expanding-dropdown:not(.expanded) {
     display: none;
 }

 .dropdown-arrow i, .dropdown-arrow svg {
     color: #fff !important;
     font-size: 2em !important;
     margin: 0.6em 0;
 }

 .floating-icon i, .floating-icon svg {
     margin-right: 0.7em;
     font-size: 1.5em;
 }

 .quick-links {
     text-align: center;
 }

 .quick-links hr {
     margin-top: 0.4em;
     margin-bottom: 0.4em;
 }

 .quick-links p {
     margin: 15px 0 15px 0;
 }

 .anchor-adjust {
     height: 9.5em !important;
     margin-top: -9.5em !important;
     z-index: -1;
     position: relative;
 }

 .features-list h3 {
     margin-top: 1.4em;
 }

 .features-list img {
     margin-top: 1.2em;
 }

 .cover-gallery img {
     margin-bottom: 1em;
     max-width: 92%;
     cursor: pointer;
 }

 .cover-gallery.interior img {
     background: #eee;
 }

 .level-title p {
     color: #c3cc00;
     font-size: 1.5em;
     font-family: 'Merriweather', serif;
     font-weight: 400;
     margin-top: 0em;
 }

 .level-title a:link {
     color: #c3cc00;
 }

 .level-title span {
     font-family: 'Karla', sans-serif;
     font-size: 0.8em;
     margin-left: 0.5em;
     color: #595977;
 }

 .level-title hr {
     margin-top: 0;
     margin-bottom: 0;
 }

 .graywrap {
     background: #eee;
     z-index: 1;
 }

 .graywrap .box-025 {
     vertical-align: middle;
 }

 .graywrap .box-025 img {
     max-width: 10em;
     margin-top: 0.4em;
 }

 .graywrap button {
     margin-top: 0.8em;
 }

 #interestswrap {
     background: #000 url(home-book-printer/images/book/book.jpg) no-repeat top right fixed;
     background-position: center;
     background-size: auto 100%;
 }

 #interestswrap i, #interestswrap svg {
     font-size: 2.8em;
     width: 2em !important;
     height: 2em !important;
     line-height: 2em !important;
     text-align: center !important;
     border: 1px solid white;
     border-radius: 50% !important;
 }

 #interestswrap i, #interestswrap h2, #interestswrap p {
     color: white;
 }

 .black-overlay {
     background-color: rgba(0, 0, 0, .3);
 }

 .gray-bg-left {
     background: linear-gradient(to left, #fff 60%, #f5f5f5 40%);
 }

 .gray-bg-right {
     background: linear-gradient(to right, #fff 60%, #f5f5f5 40%);
 }

 .gray-bg-full {
     background-color: #f5f5f5;
 }

 .gray-bg-full img {
     max-height: 22.5em;
     margin-bottom: -4em;
     margin-top: 0.5em;
 }

 .gray-bg-left img, .gray-bg-right img {
     margin-top: 0.5em;
     margin-bottom: 0.5em;
     max-height: 25em;
 }

 #textbook-bg {
     position: relative;
 }

 #how-design-works img, #textbook-bg img {
     width: 100%;
     display: block;
 }

 #textbook-bg .main-width-constraint-noedge {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .cover-section {
     background: linear-gradient(#eef3f8, #fff);
 }

 @media only screen and (max-width: 69em) {
     .description-box p, .description-box h1, .description-box h2, .description-box h3, .description-box h4, .description-box h6, .description-box .testimonial-square {
         text-align: left;
     }

     .description-box, .design-checklist h2, .design-number p, .design-checklist-titlerow h2, .sky-blue-gradient h4, .sky-blue-gradient p, .cover-gallery, .quick-price-form h1, .description-box .quick-links p, #white-quote .description-box h4, h1.mobile-center, h2.mobile-center, h4.mobile-center, p.mobile-center, .quote-intro-bg p, .graywrap h2, .graywrap p, .graywrap h4 {
         text-align: center;
     }

     .description-box div {
         float: none;
     }

     .gray-bg-left, .gray-bg-right, .gray-bg-full {
         background: #fff;
     }

     .gray-bg-left img, .gray-bg-right img, .gray-bg-full img {
         float: none;
     }

     .gray-bg-full img {
         margin-bottom: 0.5em;
     }

     .anchor-adjust2 {
         font-size: inherit !important;
         display: block !important;
         margin-top: -0.56em !important;
     }

     .footer-box span {
         display: inherit;
     }

     .footer-box span:last-child {
         padding-left: 0;
         margin-top: 1em;
     }

     #textbook-bg img {
         width: auto;
         max-width: none;
         transform: translateX(-35%);
         min-height: 550px;
     }
 }

 .trust-logos {
     background: #eeeeee;
     line-height: 9em;
 }

 .trust-logos .gray-line-right {
     height: 2em;
     margin-top: 4em;
 }

 .trust-logos .first {
     font-size: 1.4em;
 }

 .trust-logos img {
     max-width: 7em;
     vertical-align: middle;
 }

 .color-logos {
     background: #fff;
     border-bottom: 2px solid #f5f5f5;
 }

 .trust-logos-gray, .four-box {
     display: flex;
     justify-content: space-between;
 }

 .trust-logos-gray img {
     align-self: center;
     . -webkit-filter: brightness(160%);
     filter: brightness(160%);
     max-width: 6em;
     max-height: 4em;
 }

 .four-box>div {
     max-width: 23%;
 }

 @media only screen and (max-width: 62em) {
     .trust-logos {
         line-height: 6em;
     }

     .trust-logos .gray-line-right {
         display: none;
     }

     .trust-logos .grid-014 {
         width: 8em;
     }

     .trust-logos .grid-016 {
         width: 33%;
     }

     .color-logos h4 {
         text-align: center;
     }

     .four-box {
         display: block;
     }

     .four-box>div {
         max-width: none;
     }
 }

 #arc-intro p {
     color: #fff;
     font-size: 1.8em;
     line-height: normal;
 }

 #arc-intro h1 {
     color: #fff;
     font-size: 2.5em;
     line-height: normal;
 }

 #arc-intro {
     background-color: #000;
     background-position: center 6em;
     background-repeat: repeat;
     background-attachment: fixed;
     background-image: url(/products-book-ebook/images/arc/arc-texture-background.jpg);
     background-image: image-set(url(/products-book-ebook/images/arc/arc-texture-background.webp) 1x);
 }

 #arc-intro button {
     margin-left: 0px;
 }

 .numbered-steps span {
     font-size: 2.2em;
     font-weight: 700;
     margin-right: 0.1em;
 }

 .numbered-steps h2 {
     font-size: 1.7em;
     margin-top: 0.8em;
 }

 .numbered-steps h1 {
     margin-top: 0em;
 }

 #pattern {
     background: #000 url(../../../images/book-printer.png) repeat top right fixed;
     overflow: hidden;
 }

 .wraparc h3 {
     margin-bottom: 2em;
     font-size: 1.3em;
     line-height: 1.7em;
     color: #444;
     margin-top: -1em;
 }

 .wraparc h4 {
     font-size: 1em;
     color: #444;
     margin-bottom: 1em;
 }

 .wraparc .font-awesome-medium i:hover {
     background: #fff !important;
     color: #c3cc00 !important;
     cursor: auto;
 }

 #arc-intro.arc-outro {
     text-align: center;
     background-position: center top 0em;
     background-size: 100% auto;
     background-repeat: no-repeat;
     background-image: url(/make-history/history-images/history-books.jpg);
     background-image: image-set(url(/make-history/history-images/history-books.webp) 1x);
 }

 .arc-outro button {
     margin-left: auto !important;
 }

 @media only screen and (max-width: 69em) {
     #arc-intro {
         text-align: center;
     }

     #arc-intro button {
         margin-left: auto;
     }

     .arc-outro {
         background-position: right 0em !important;
         background-size: auto 100% !important;
     }
 }

 iframe {
     max-width: 100%;
 }

 #freebookwrap {
     background: #5f8166;
 }

 #freebookwrap h5, #freebookwrap p {
     color: white;
     margin-top: 0;
 }

 #freebookwrap img {
     margin-top: -1.5em;
     width: 19.7em;
     margin-bottom: -2em;
 }

 #freebookwrap p {
     margin-bottom: 0.94em;
 }

 .account-hr {
     max-width: 10em;
     margin: 0.5em 0;
 }

 @media only screen and (max-width: 69em) {
     #freebookwrap img {
         margin-top: 1em;
         margin-bottom: 0em;
         float: none;
     }

     .account-hr {
         margin: 0.5em auto;
     }
 }

 .guidebook-adjust img {
     margin-bottom: -2.7em;
     z-index: 1;
     position: relative;
 }

 .talking-books img {
     margin-bottom: -2em;
 }

 .guidebook-form-adjust input[type="text"] {
     height: 2em;
     font-size: 1em;
     max-width: 100%;
 }

 .guidebook-form-adjust select {
     width: 14em;
 }

 .guidebook-title {
     height: 0;
     padding-bottom: 17.55%;
     overflow: hidden;
 }

 .contact-form {
     position: relative;
 }

 .contact-form input:required, .contact-form select:required, .contact-form textarea:required {
     box-shadow: none;
 }

 .contact-form input[type=text], .contact-form input[type=email], .contact-form input[type=password], .contact-form select, .contact-form textarea {
     border: 1px solid gray;
     border-radius: .25em;
     font-size: 1em;
     margin-bottom: 1em;
     max-width: 100%;
     font-family: inherit;
 }

 .contact-form input[type=text], .contact-form input[type=email], .contact-form input[type=password], .contact-form select, .contact-form textarea {
     width: 16.5em;
 }

 .contact-form .labeled-switch {
     width: 7.75em;
     margin-bottom: 1em;
 }

 .referral-form input[type=text], .referral-form input[type=email] {
     width: 14em;
 }

 .referral-form button {
     margin: 0;
     line-height: 2.3em !important;
 }

 .expanding-dropdown .contact-form input[type=text], .expanding-dropdown .contact-form input[type=email], .expanding-dropdown .contact-form input[type=password] {
     width: 19em;
 }

 .contact-form .full input[type=text], .contact-form .full input[type=email], .contact-form .full input[type=password], .contact-form .full select, .contact-form .full textarea {
     width: 34em;
 }

 .contact-form input[type=text], .contact-form input[type=email], .contact-form input[type=password], .contact-form select, .contact-form .labeled-switch {
     height: 2.7em;
 }

 .contact-form .labeled-switch h2 {
     line-height: 33.2px;
 }

 .expanding-dropdown .contact-form textarea {
     width: 43em;
     height: 16em;
 }

 .contact-form select {
     cursor: pointer;
 }

 .contact-form select.half {
     width: 15.5em;
 }

 .contact-form select option:not([disabled]) {
     color: #000;
 }

 .contact-form select:invalid {
     color: #999999;
 }

 .contact-form *:not(.rate) label:not(.rounded-radio-buttons) {
     width: 15.5em;
     text-align: left;
 }

 .contact-form.text-center label {
     margin: auto;
 }

 .contact-form .full label:not(.rounded-radio-buttons) {
     width: 34em;
 }

 .contact-form *:not(.rate) label, .p2p-toolbox label {
     color: #333232;
     margin-bottom: 0.3em;
 }

 .contact-form label:not(.inline) {
     display: block;
 }

 .contact-form .btn-huge button {
     margin-top: 0.8em;
 }

 .contact-form .optional {
     display: none;
 }

 .contact-form label+span {
     display: none;
 }

 .step-box .btn-huge button {
     margin-top: 0;
 }

 .cc-types .grid-025 {
     min-width: 0 !important;
 }

 .rounded-radio-buttons {
     cursor: pointer;
 }

 .contact-form .rounded-radio-buttons, .p2p-toolbox .rounded-radio-buttons {
     position: relative;
     padding-left: 1.6em;
     margin-top: 0.2em;
     margin-bottom: 1em;
 }

 .contact-form .rounded-radio-buttons input, .p2p-toolbox .rounded-radio-buttons input, .floating-radio.rounded-radio-buttons input {
     display: none;
 }

 .contact-form .rounded-checkmark, .p2p-toolbox .rounded-checkmark, .floating-radio .rounded-checkmark {
     height: 1.3em;
     width: 1.3em;
     background-color: #fff;
     border: solid 1px #bbb;
     border-radius: 20%;
     display: inline-block;
 }

 .floating-radio .rounded-checkmark {
     position: relative;
 }

 .contact-form .rounded-checkmark, .p2p-toolbox .rounded-checkmark {
     position: absolute;
     top: 0;
     left: 0;
 }

 .contact-form .rounded-radio-buttons:hover input~.rounded-checkmark, .p2p-toolbox .rounded-radio-buttons:hover input~.rounded-checkmark, .floating-radio.rounded-radio-buttons:hover input~.rounded-checkmark {
     border-color: #999;
 }

 .contact-form .rounded-checkmark:after, .p2p-toolbox .rounded-checkmark:after, .floating-radio .rounded-checkmark:after {
     content: '\f00c';
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     color: white;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     position: absolute;
     display: none;
 }

 .contact-form .rounded-radio-buttons input:checked~.rounded-checkmark, .p2p-toolbox .rounded-radio-buttons input:checked~.rounded-checkmark, .floating-radio.rounded-radio-buttons input:checked~.rounded-checkmark {
     background: #c3cc00;
     transition: 0.3s;
 }

 .contact-form .rounded-radio-buttons input:checked~.rounded-checkmark:after, .p2p-toolbox .rounded-radio-buttons input:checked~.rounded-checkmark:after, .floating-radio.rounded-radio-buttons input:checked~.rounded-checkmark:after {
     display: block;
 }

 .rounded-checkmark.fadedout {
     opacity: 0.3;
 }

 .contact-form .newradio-indent, .p2p-toolbox .newradio-indent {
     margin-left: 11px;
     box-decoration-break: clone;
 }

 .input-alert:not(option) {
     border-color: #aa0a0a !important;
     outline-color: #aa0a0a;
     color: #aa0a0a !important;
     background-color: #f7e7e7 !important;
     transition: 0.3s;
 }

 .input-alert i:not(.quotes-view-info), .input-alert svg {
     color: #aa0a0a !important;
 }

 @media only screen and (max-width: 69em) {
     .contact-form .full label:not(.rounded-radio-buttons), .contact-form *:not(.rate) label:not(.rounded-radio-buttons), .contact-form input[type=text], .contact-form input[type=email], .contact-form input[type=password], .contact-form select, .contact-form textarea {
         width: 100%;
     }

     .contact-form input[type=text], .contact-form input[type=email], .contact-form input[type=password], .contact-form select, .contact-form textarea, .contact-form label.rounded-radio-buttons {
         margin-bottom: 1.5em;
     }

     .field.box-050 {
         width: 100% !important;
         margin: 0 !important;
     }

     div.mobile-flex {
         display: flex;
         flex-direction: column;
         margin: auto;
     }

     div.mobile-flex>div:first-child {
         order: 2;
     }

     .step-box .btn-huge div.mobile-flex button {
         margin: 1em auto 0 auto;
     }

     .contact-form label.rounded-radio-buttons {
         text-align: left;
         max-width: 85%;
         margin-left: auto;
         margin-right: auto;
     }
 }

 .header-strip {
     box-shadow: 0 7px 7px -7px #bbb;
     position: relative;
 }

 .header-strip a h4 {
     color: #c3cc00;
 }

 .header-strip a h4:hover {
     color: #707504;
 }

 .blog-divider {
     height: 1.5em;
     margin: 0 3.5em 0 3.5em;
     border-left: 1px solid #ccc;
     display: inline-block;
     vertical-align: middle;
 }

 .header-strip h4 {
     display: inline-block;
     padding: 1.2em 0 1.2em 0;
     font-size: 1.2em;
     color: #666;
 }

 .binding-strip h4 {
     padding: 1em 0 1em 0;
 }

 .binding-strip .tablinks p {
     margin: 1em 0 1em 0;
     font-size: 1.1em;
     text-align: center;
 }

 .binding-strip {
     margin-bottom: 0.8em;
 }

 .tablinks {
     cursor: pointer;
     background: #eee;
     box-sizing: border-box;
     transition: 0.4s;
     border: solid 2px #ccc;
 }

 .tablinks:nth-child(2), .tablinks:nth-child(4) {
     border-right: solid 2px #eee;
     border-left: solid 2px #eee;
 }

 .marketing-table .binding-strip {
     margin-bottom: 0;
 }

 .marketing-table .tablinks.active {
     background: #888;
     border: solid 2px #888;
 }

 @media only screen and (max-width: 50em) {
     .tablinks:nth-child(2) {
         border-right: solid 2px #ccc;
         border-left: solid 2px #ccc;
         border-top: solid 2px #eee;
         border-bottom: solid 2px #eee;
     }
 }

 .tablinks:hover {
     background: #ccc;
     border: solid 2px #ccc;
 }

 .tablinks.active {
     background: #c3cc00;
     border: solid 2px #c3cc00;
 }

 .tablinks.active h4, .tablinks.active p {
     color: #fff;
 }

 .binding-description .box-050, .wrap .box-050, .full-width-blocks .grid-050, .full-width-blocks .grid-050 {
     vertical-align: middle;
 }

 .full-width-blocks .grid-050, .full-width-blocks .grid-050 {
     display: table-cell;
 }

 .binding-description {
     padding: 2.5em;
     box-shadow: 0px 0px 7px 0px #bbb;
 }

 .binding-description button {
     margin-right: 1.5em;
     margin-top: 1.5em;
 }

 .binding-description img {
     max-height: 22em;
     width: auto;
 }

 .color-border {
     height: 10px;
 }

 .divider-box .design .color-border {
     background-color: #77ba81;
 }

 .divider-box .file-prep .color-border {
     background-color: #c69c6d;
 }

 .divider-box p, .divider-box ul li {
     color: #666;
     font-size: 1.1em;
     margin-top: 0.5em;
 }

 .divider-box .divider-container {
     padding: 2.5em;
     box-sizing: border-box;
 }

 .divider-box .vertical-divider {
     height: 16em;
     margin: 0;
     top: 50%;
     transform: translateY(-50%);
 }

 .divider-box ul {
     margin: 1.6em 0 2em 0;
 }

 .divider-box ul li {
     list-style: none;
     margin-left: 0;
     padding-left: 3.5em;
     vertical-align: top;
     margin-bottom: 1em;
 }

 .divider-box .design ul li {
     background: url("/home-book-printer/images/icons/green-checkmark.png") no-repeat top left;
 }

 .divider-box .file-prep ul li {
     background: url("/home-book-printer/images/icons/brown-checkmark.png") no-repeat top left;
 }

 .divider-box img {
     max-width: 13em;
     margin-bottom: 1.5em;
 }

 .divider-box .box-050 {
     border: solid 2px #eee;
     border-top: none;
     box-sizing: border-box;
 }

 .print-shop {
     background: url("/home-book-printer/images/print-shop.jpg") no-repeat top center;
     background-size: cover;
 }

 .full-width-blocks {
     display: table !important;
 }

 .full-width-blocks .row {
     display: table-row !important;
 }

 .newsletter-footer a {
     color: #c3cc00 !important;
 }

 .newsletter-footer .link-list a {
     line-height: 1.3em;
     display: block;
     font-size: 0.9em;
     margin-bottom: 0.6em;
 }

 .newsletter-footer .link-list a:hover {
     text-decoration: underline;
 }

 .newsletter-footer .link-list a:first-of-type {
     margin-top: 1em;
 }

 .newsletter-footer h4 {
     color: #eee;
     font-family: 'Merriweather', serif;
     margin: 0;
 }

 .newsletter-footer p {
     color: #eee;
     font-size: 0.9em;
     line-height: 1.3em;
 }

 .newsletter-footer .field, .newsletter-footer button, .homepage-form .field, .homepage-form button {
     display: inline-block;
 }

 .newsletter-footer button {
     cursor: pointer;
 }

 .newsletter-footer input[type="email"], .homepage-form input[type="text"] {
     font-family: inherit;
     border-radius: .4em;
     margin-right: 0.5em !important;
     max-width: 100%;
 }

 .newsletter-footer input[type="email"] {
     height: 2.3em;
     width: 17em;
     font-size: 0.9em;
 }

 .homepage-form input[type="text"] {
     height: 2.6em;
     font-size: 1.1em;
     width: 18em;
 }

 .divider-box button, .services-box button {
     width: 11em;
     margin: auto;
 }

 .services-box i, .services-box svg {
     font-size: 3.7em;
     color: #666666;
 }

 .services-box p {
     font-size: 1.1em;
 }

 .services-box span:first-child {
     width: 5em;
 }

 .homepage-gray {
     background: #eee;
 }

 .homepage-gray p {
     font-size: 1.1em;
 }

 .homepage-gray button {
     margin-top: 0.4em;
 }

 .blue-alert-box {
     border-radius: 0.25em;
     border-left: 5px solid #008bf5;
     padding: 1em 2em;
     box-shadow: 0px 0px 3px #ccc;
 }

 .blue-alert-box i, .blue-alert-box svg {
     color: #008bf5;
     font-size: 2.5em;
 }

 .alert-title {
     font-weight: 700;
     font-size: 1.1em;
     display: block;
     margin-bottom: 0.3em;
 }

 .login-left {
     border-right: 2px solid green;
     box-sizing: border-box;
 }

 .description-box .box-025 {
     border: none;
 }

 @media only screen and (max-width: 69em) {
     .blue-alert-box>div {
         width: 100%;
     }
 }

 .radius-box {
     border-radius: 1em;
     box-shadow: 0px 0px 3px #ccc;
     box-sizing: border-box;
     overflow: hidden;
     transition: 0.2s;
 }

 .radius-box.squared {
     border-radius: 0;
 }

 .radius-picture {
     height: 208px;
 }

 .radius-picture-big {
     height: 322.8px;
 }

 div.radius-box>p {
     margin: 0.4em 1.4em 0em 1.4em;
     font-size: 1em;
 }

 .box-050 .radius-box>p {
     margin: 0.6em 2.5em 0.6em 2.5em;
     font-size: 1.1em;
 }

 .radius-box button {
     margin: 1.4em auto 1.6em auto;
 }

 .box-050 .radius-box button {
     min-width: 10em;
 }

 .radius-box h4 {
     margin: 0.6em 1em 0 1em;
     line-height: normal;
 }

 .box-050 .radius-box h4 {
     font-size: 1.8em;
 }

 .radius-box>i, .radius-box>svg {
     margin: 0.5em auto 0 auto;
     font-size: 3em;
     color: #c3cc00;
 }

 .radius-box.icon-box img {
     max-width: 15em;
     margin-top: 2em;
 }

 .shadow-block, .gray-shadow-block {
     box-shadow: 0px 0px 4px #ccc;
 }

 .gray-shadow-block {
     background-color: #f8f8f8;
     border-bottom: 2px solid #eee;
 }

 .gray-shadow-block .box-050 {
     display: table-cell;
     vertical-align: middle;
 }

 .homepage-header p {
     font-size: 1.1em;
     color: #444;
 }

 .phone-email span {
     font-size: 1.3em;
     color: #444;
     margin: 1.5em 1em 0em 1em;
     display: inline-block;
 }

 .phone-email i, .phone-email svg {
     margin-right: 0.5em;
 }

 .simple-footer a:hover, .gray-shadow-block a:hover {
     color: #707504;
 }

 .simple-footer nav a {
     margin-right: 1.5em;
     line-height: 2em;
 }

 .simple-footer h6 {
     margin: 0;
     color: #777;
 }

 .simple-footer h6 a {
     margin-left: 0.8em;
 }

 .homepage-features-box {
     border: 1px solid #cccccc;
     display: flex;
 }

 .homepage-features-box .homepage-header {
     flex: 2;
     padding: 2em 3em;
 }

 .homepage-features-box .homepage-header *:last-child {
     margin-bottom: 0;
 }

 .feature-dots {
     background: #f8f8f8;
     flex: 3;
     display: flex;
     padding: 2em 0em;
     align-items: center;
 }

 .feature-dots i {
     width: 2em;
     height: 2em;
     background: #243472;
     border-radius: 50%;
     font-size: 2.1em;
     line-height: 2em;
     color: #f8f8f8;
 }

 .feature-dots>div {
     padding: 0 1em;
     flex: 1;
 }

 .feature-dots h4 {
     margin: 0.6em 0 0.2em 0;
 }

 @media only screen and (max-width: 69em) {
     .binding-description {
         box-shadow: none;
     }

     .flex {
         display: flex !important;
         align-items: center;
     }

     .homepage-header p, .homepage-header h1, .homepage-header h2, .homepage-header h3, .homepage-features-box h4, .simple-footer, .radius-box>p, .radius-box h4 {
         text-align: center;
     }

     .gray-shadow-block .box-050 {
         display: inline-block;
     }

     .simple-footer .grid-020 {
         width: 25%;
     }

     .simple-footer nav a {
         margin: 0 0.8em 0 0.8em;
         white-space: nowrap;
     }

     .simple-footer h6 {
         margin: 1.4em 0 1.4em 0;
     }

     .simple-footer h6 a {
         margin: 0;
     }

     .radius-picture {
         height: auto;
     }

     .homepage-features-box .homepage-header {
         padding: 2em 1em;
     }

     .homepage-features-box {
         display: block;
     }

     .homepage-features-box .homepage-header {
         padding: 2em 1em;
     }

     .feature-dots {
         display: block;
         padding: 1em 1em;
     }

     .feature-dots>div {
         padding: 1em 0em;
     }
 }

 @media only screen and (max-width: 50em) {
     .full-width-blocks {
         width: 94% !important;
         margin: auto !important;
     }

     .full-width-blocks .row {
         margin: .25em 1.5% .25em 1.5%;
         width: 97%;
         display: inline-block !important;
     }

     #home-intro {
         background-position: top right;
     }

     .homepage-form .field {
         display: initial;
     }

     .wrap h1, .wrap h4, .wrap p {
         text-align: center;
     }

     .divider-box .divider-container {
         padding: 1em;
     }

     .binding-description {
         padding: 0em;
     }

     .flex {
         flex-direction: column;
     }

     .flex .box-050:first-child, .flex .box-066 {
         order: 2;
     }

     .flex .box-050:last-child, .flex .box-033 {
         order: 1;
     }

     .newsletter-footer input[type="email"] {
         width: 14em;
     }

     .login-left {
         border: none;
     }

     .login-image {
         max-width: 7em;
     }
 }

 ul.pros-list, ul.cons-list {
     list-style: none;
     margin-left: 0;
     padding-left: 0;
 }

 .pros-list li, .cons-list li {
     list-style: none;
     text-indent: -1em
 }

 .pros-list li:before, .cons-list li:before {
     padding-right: 5px;
 }

 .pros-list li:before {
     content: "\2713";
     color: #c3cc00;
     font-weight: 700;
 }

 .cons-list li:before {
     content: "\2716";
     color: #aa0a0a;
 }

 .binding-intro div {
     vertical-align: bottom;
 }

 .binding-intro button {
     margin-bottom: 1em;
 }

 .portfolio-footer {
     box-shadow: 0px 0px 3px #bbb;
     padding: 1.3em;
     box-sizing: border-box;
     border-radius: 0.6em;
     cursor: pointer;
     line-height: 0px;
 }

 .portfolio-footer h3 {
     margin: 0.8em 0 0.4em 0;
 }

 .portfolio-footer p {
     margin: 0 0 0 0;
     color: #666;
 }

 .portfolio-footer i, .portfolio-footer svg {
     transition: 0.3s;
 }

 .portfolio-footer:hover i, .portfolio-footer:hover svg, .portfolio-footer:hover i, .portfolio-footer:hover svg {
     background: #c3cc00 !important;
     color: #fff !important;
     transition: 0.3s;
 }

 .binding-features {
     text-align: center;
 }

 .binding-features hr {
     display: block;
     height: 2px;
     border: 0;
     margin: 0.7em 0 0.7em 0;
     border-top: 2px solid #c3cc00;
     width: 6em;
 }

 .binding-features h2, .binding-features p {
     margin: 0;
 }

 @media only screen and (max-width: 69em) {
     .portfolio-footer h3, .portfolio-footer p {
         text-align: center;
     }
 }

 #testimonial-header {
     background: #000 url(../../../company-book-printer/images/printer-testimonial-header.jpg) repeat top left;
     background-size: auto;
 }

 #testimonial-header h1 {
     font-family: 'Merriweather', sans-serif;
     color: #ffffff;
     text-align: center;
     font-size: 2.0em;
     line-height: 1.5em;
     margin: 0;
 }

 span.star-rating, span.star-rating span {
     display: inline-block;
     background: url(../../../company-book-printer/images/icons/testimonial-stars.png) 0 -29px repeat-x;
     width: 168px;
     height: 29px;
     text-align: left;
 }

 .home-testimonial span.star-rating, .home-testimonial span.star-rating span {
     background: url(../../../company-book-printer/images/icons/homepage-stars.png) 0 -24px repeat-x;
     height: 24px;
     width: 145px;
 }

 span.star-rating span {
     background-position: 0 0 !important;
 }

 .graywrap .star-rating {
     display: block;
     margin: 0.5em auto 0.3em auto;
 }

 #testimonial-header .star-rating {
     display: block;
     margin: 0.5em auto auto auto;
 }

 .testimonial-square {
     background: #f5f5f5;
     padding: 6%;
     max-width: 26em;
 }

 .testimonial-square p {
     margin: 0.5em 0 1em 0;
 }

 .testimonial-square h4 {
     font-size: 1.3em;
 }

 .testimonial-square h6 {
     font-size: 1em;
     line-height: 1.3em;
 }

 #white-quote {
     border-top: 2px solid #f5f5f5;
     border-bottom: 2px solid #f5f5f5;
     overflow: hidden;
 }

 @media only screen and (max-width: 69em) {
     #testimonial-header {
         background-size: auto 100%;
     }
 }

 .two-column-bullets i, .two-column-bullets svg {
     color: #c3cc00;
 }

 .two-column-bullets p {
     color: #302F2F;
 }

 .editor-list>div.alternate {
     background: #f8f8f8;
 }

 .editor-list p {
     margin-top: 0;
 }

 .editor-list i, .editor-list svg {
     color: #555;
 }

 .editor-list .phone-email span {
     margin-top: 0.5em;
 }

 .editor-list hr {
     background-color: #cccccc;
     border: none;
     height: 1px;
 }

 .list-view>.description-box:hover {
     cursor: pointer;
 }

 .list-view>.description-box:hover .fa-chevron-right, .list-view>.description-box:hover h4 {
     color: #c3cc00;
 }

 .filter-buttons button, .filter-buttons select {
     margin: 0;
     margin-right: 1.2em;
 }

 .filter-buttons select {
     border: 2px solid #ddd;
     font-size: 1.1em;
     color: #444;
     background: #f6f6f6;
 }

 .filter-buttons select:invalid {
     color: #444;
 }

 .hollow-gray-button .filled, .hollow-gray-button .filled:focus {
     background: #c3cc00;
     color: #fff;
     border-color: #c3cc00;
 }

 .hollow-gray-button .filled:hover {
     background: #79ac7e;
     color: #fff;
     border-color: #c3cc00;
 }

 .remote-button i {
     width: 20px;
 }

 .state-hide:hover {
     cursor: pointer;
     color: #000;
 }

 .feature-quicklinks {
     margin-bottom: -4em;
 }

 .feature-quicklinks .grid-020 span {
     background: #f5f5f5;
     border-radius: 0.3em;
     padding: 1em;
     box-sizing: border-box;
     cursor: pointer;
     transition: 0.2s;
     width: 10em;
     height: 5.5em;
     display: table-cell;
     vertical-align: middle;
     color: #333232;
     border: 2px solid #e5e5e5;
 }

 .feature-quicklinks .grid-020 span:hover {
     transition: 0.2s;
     background: #e5e5e5;
 }

 .feature-details {
     border-bottom: 2px solid #f5f5f5;
 }

 .feature-details p {
     font-size: 1.2em;
 }

 .feature-details img {
     width: 391px;
 }

 #sales-tools i.back-to-top {
     float: right;
     font-size: 2.2em;
     color: #ddd;
     transition: 0.2s;
 }

 #sales-tools i.back-to-top:hover {
     color: #c3cc00;
     transition: 0.2s;
 }

 #sales-tools.feature-details {
     overflow: hidden;
 }

 .ol-ul li {
     list-style-type: decimal;
 }

 .inquote .quote-tracker {
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: center;
     flex-grow: 1;
     flex-shrink: 1000;
     position: relative;
 }

 .inquote .quote-tracker.horiz-tracker {
     flex-direction: row;
     justify-content: space-between;
 }

 .inquote .quote-tracker:before {
     content: "";
     width: 100%;
     height: 0px;
 }

 .quote-tracker.acct-tracker {
     position: relative;
 }

 .category-page.quote-tracker {
     border-bottom: 2px solid #ccc;
 }

 .quote-tracker>div {
     position: relative;
 }

 .quote-tracker hr {
     border: 0;
     position: absolute;
 }

 .inquote .quote-tracker hr {
     height: 80%;
     top: 50%;
     left: calc(30% - 1px);
     transform: translate(0, -50%);
     width: 2px;
     background: white;
 }

 .category-page.quote-tracker hr {
     top: 36%;
     left: 15%;
     width: 70%;
     border-top: 2px dashed #ddd;
     height: 2px;
 }

 .quote-tracker.acct-tracker hr {
     top: 30%;
     left: 10%;
     width: 80%;
     height: 4px;
     margin: 0;
 }

 .quote-tracker.horiz-tracker hr {
     top: 50%;
     left: 0;
     margin: 0;
     width: 100%;
     height: 6px;
 }

 .tracker-circle button {
     border-radius: 50%;
     width: 2em;
     height: 2em;
     background: #c3cc00;
     border: none;
     color: #fff;
     font-size: 0.9em;
     position: relative;
     padding: 0;
     box-sizing: content-box;
     transition: 0s;
 }

 .horiz-tracker .tracker-circle button {
     font-weight: 700;
 }

 .tracker-circle:not(.tracker-circle-highlight) button {
     margin: 5px 0;
 }

 .quote-tracker:not(.no-hover) .tracker-circle button, .quote-tracker .tracker-circle button.gp-link {
     cursor: pointer;
 }

 .category-page .tracker-circle button, .quote-tracker.acct-tracker button {
     width: 2.2em;
     height: 2.2em;
     font-size: 1.4em;
     box-sizing: border-box;
     transition: 0.3s;
 }

 .category-page .tracker-circle button {
     margin: 1.3em 0 0 0;
 }

 .quote-tracker.acct-tracker button {
     margin: 1em 0 0 0;
 }

 .quote-tracker.acct-tracker .extra {
     font-size: 0.9em;
     color: #999;
 }

 .category-page .tracker-circle button {
     background: #fff;
     color: #666;
     border: 2px solid #ccc;
 }

 .tracker-circle button.single-tracker {
     background: #fff;
     color: #c3cc00;
     font-size: 1.2em;
     border: 2px solid #ccc;
     transition: 0.3s;
     margin: 0;
 }

 .tracker-circle button.single-tracker+div {
     margin-top: 3px;
     line-height: 1.2em;
     cursor: pointer;
 }

 .category-page.quote-tracker:not(.no-hover) .tracker-circle button:hover, .tracker-circle button.single-tracker:hover, .tracker-circle button.single-tracker+div:hover~button {
     border-color: #c3cc00;
 }

 .inquote .tracker-circle-highlight button {
     border: 5px solid #fff;
     margin: 0 -5px;
 }

 .category-page .tracker-circle-highlight button {
     background: #c3cc00;
     color: #fff;
 }

 .quote-tracker.acct-tracker .tracker-circle-highlight button {
     background: #fff;
     color: #c3cc00;
     border: 2px solid #c3cc00;
 }

 .inquote .tracker-circle button:disabled {
     color: #a1a1a1;
     cursor: auto;
     background: #ddd;
 }

 .quote-tracker.acct-tracker .tracker-circle button:disabled {
     color: #ccc;
     background: #e3e3e3;
 }

 .inquote .quote-tracker:not(.horiz-tracker) .tracker-circle {
     height: 55px;
 }

 .inquote .tracker-circle span {
     color: #fff;
     line-height: 60px;
 }

 .inquote .tracker-circle-highlight.tracker-circle span {
     font-size: 1.2em;
 }

 .tracker-circle button+div {
     color: #333232;
 }

 .category-page .tracker-circle button+div {
     margin: 0.3em 0 1.3em 0;
 }

 .quote-tracker.acct-tracker button+div {
     margin: 0.3em 0 0.9em 0;
 }

 .tracker-circle button:disabled+div {
     color: #ccc;
 }

 .quote-tracker .grid-019 {
     width: 18.6%;
 }

 .add-on-column {
     background: #cbcbcb;
     width: 100%;
     display: flex;
     flex-shrink: 0;
 }

 .add-on-column .tab {
     box-sizing: border-box;
     position: relative;
     flex: 1 1 0;
     transition: 0.3s;
     height: 110px;
     background: #ededed;
     margin: 0.5em 2em 0 2em;
     min-width: 0;
 }

 .add-on-column .tab:first-child {
     border-top-left-radius: 2em;
     padding-left: 2em;
     margin-left: 0;
 }

 .add-on-column .tab:last-child {
     border-top-right-radius: 2em;
     padding-right: 2em;
     margin-right: 0;
 }

 .add-on-column .tab:first-child .tab-edges svg:nth-child(2), .add-on-column .tab:last-child .tab-edges svg:first-child {
     display: none;
 }

 .add-on-column .tab .tab-edges svg {
     position: absolute;
     height: 100%;
     width: 4em;
     left: 100%;
     right: auto;
     fill: #ededed;
     transition: 0.3s;
     pointer-events: none;
 }

 .add-on-column .tab .tab-edges svg path {
     pointer-events: auto;
 }

 .add-on-column .tab:last-child .tab-edges svg, .add-on-column .tab .tab-edges svg:nth-child(2) {
     transform: scale3d(-1, 1, 1);
     right: 100%;
     left: auto;
 }

 .add-on-column .tab i, .add-on-column .tab svg[data-icon] {
     color: #979797;
     font-size: 1.5em;
     transition: 0.3s;
     margin: 0.6em auto 0.3em auto;
     display: block;
 }

 .add-on-column .tab .extra {
     padding-top: 0.3em;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .add-on-column .tab.hovered {
     background: #d7e9d9;
     transition: 0.3s;
     z-index: 1;
 }

 .add-on-column .tab.hovered .tab-edges svg {
     fill: #d7e9d9;
     transition: 0.3s;
 }

 .add-on-column .tab.selected {
     background: #fefefe;
     transition: 0.3s;
     box-shadow: 6px 0 6px -6px #ccc, -6px 0 6px -6px #ccc;
     z-index: 2;
 }

 .add-on-column .tab.selected:first-child {
     box-shadow: 6px 0 6px -6px #ccc
 }

 .add-on-column .tab.selected:last-child {
     box-shadow: -6px 0 6px -6px #ccc;
 }

 .add-on-column .tab.selected .tab-edges svg {
     fill: #fefefe;
     transition: 0.3s;
 }

 .add-on-column .tab.selected i, .add-on-column .tab.selected svg[data-icon] {
     color: #c3cc00;
     transition: 0.3s;
 }

 .add-on-column .tab.input-alert .tab-edges svg {
     fill: #f7e7e7;
     transition: 0.3s;
 }

 .add-on-column .tab.input-alert .extra {
     color: #aa0a0a;
 }

 .add-on-column.negative-column {
     background: transparent;
     margin-top: -118px;
 }

 .tab-content {
     height: 100%;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
 }

 #getting-started {
     background-image: url('/home-book-printer/images/homepage-banner-bg.jpg') !important;
 }

 .bg-top-img img {
     max-width: none;
     position: absolute;
     left: 50%;
     transform: translate(-50%, 0);
     max-height: 100%;
 }

 .bg-top-img+div {
     position: relative;
 }

 .referral-intro {
     background: #000 url(/company-book-printer/images/brick-background.jpg) repeat center;
     background-size: cover;
 }

 #design-services {
     background: #000 url(/services-book-design/images/book-design-services-intro.jpg);
 }

 #marketing-intro {
     background: #000 url(/diy-book-printing/images/file-prep-intro.jpg);
 }

 #design-services, #marketing-intro {
     background-repeat: no-repeat;
     background-position: center top 155px;
     background-size: 100% auto;
     background-attachment: fixed;
 }

 .fixed-background {
     position: relative;
     line-height: 0;
     height: 0;
     padding-bottom: 19.1%;
     overflow: hidden;
 }

 .fixed-background.taller-bg {
     padding-bottom: 22.85%;
 }

 .fixed-background>picture img {
     position: absolute;
     height: 100%;
     width: 100%;
     top: 0;
     left: 0;
     z-index: -1;
 }

 .fixed-background .main-width-constraint-noedge {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 button.white-button {
     background: white;
     color: #000;
     border-color: white;
 }

 button:hover.white-button, button:focus.white-button {
     border-color: #000;
     background: #efefef;
 }

 .category-page p, .category-page ul, .category-page ol {
     font-size: 1.1em;
 }

 .category-page .title-text {
     font-size: 2em;
     font-weight: 700;
 }

 .thankyou>div, .thankyou>span, .thankyou>i {
     vertical-align: middle;
 }

 .p2p-toolbox {
     background: #fff;
     border: 2px solid #cccccc;
     overflow: hidden;
     box-sizing: border-box;
     border-radius: 1em;
 }

 .p2p-toolbox iframe {
     display: block;
 }

 #user-template-layout {
     display: none;
 }

 .measurements h4 {
     margin: 0.5em 1em 0 1em;
     color: white;
     display: inline-block;
 }

 .measurements span {
     font-weight: 700;
 }

 .description-box ol li {
     color: #302F2F;
     font-family: 'Karla', sans-serif;
 }

 .description-box ol li {
     font-weight: 700;
 }

 .description-box ol li span:not(.bolded) {
     font-weight: normal;
 }

 .template-arrows {
     max-width: 80%;
 }

 .file-types .gray-line-right {
     width: 2px;
     height: 7em;
     margin: 0 1em 0 1em;
     display: inline-block;
 }

 .small-radius-box {
     font-size: 0.7222em;
     text-align: left;
 }

 .small-radius-box .radius-box {
     text-align: center;
     border: 1px solid #bbb;
     box-shadow: none;
 }

 .small-radius-box .radius-box:not(.image-box) {
     background: #F4F7F4;
 }

 .small-radius-box .box-040 {
     margin: .25em 3% .25em 3%;
 }

 .small-radius-box h4 {
     margin-bottom: 0.6em;
     font-size: 1.8em;
 }

 .small-radius-box .radius-box:not(.no-hover):hover {
     box-shadow: 0px 0px 4px #ccc;
     cursor: pointer;
     transition: 0.2s;
 }

 .shadow-img img {
     box-shadow: 0px 0px 3px #ccc;
 }

 .radius-box .graywrap {
     padding-top: 0.6em;
     margin-top: 1.2em;
 }

 .radius-box.image-box img {
     display: block;
 }

 .horizontal-box .radius-box {
     border-radius: 0.5em;
 }

 .horizontal-box .radius-box:not(.image-box) {
     padding: 1.6em 1.2em;
 }

 .horizontal-box h4, .horizontal-box i, .horizontal-box svg {
     display: inline-block;
     vertical-align: middle;
 }

 .horizontal-box h4 {
     text-align: left;
     margin: 0;
 }

 .horizontal-box i, .horizontal-box svg {
     font-size: 2.3em;
 }

 .horizontal-box i:not(.fa-chevron-right), .horizontal-box svg:not(.fa-chevron-right) {
     margin: 0 0.5em 0 0;
 }

 .floating-filter {
     position: absolute;
     background: #fff;
     z-index: 1;
     border: 1px solid #adabab;
     border-radius: 0.25em;
     display: none;
 }

 ul.star-list {
     padding-left: .5em;
 }

 ul.star-list li {
     list-style: none;
 }

 ul.star-list li:before {
     content: "\2605";
     margin: 0 0 0 -1em;
     position: absolute;
     color: #fade5c;
 }

 .circle-border {
     width: 3.4em;
     height: 3.4em;
     border-radius: 50%;
     overflow: hidden;
     border: 1px solid #c3cc00;
     position: relative;
     cursor: pointer;
     transition: 0.2s;
 }

 .circle-border:hover {
     background: #c3cc00;
 }

 .circle-border img {
     overflow: hidden;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     position: absolute;
     transition: 0.2s;
 }

 .circle-border:hover img {
     filter: brightness(0) invert(1);
 }

 #binding-button {
     width: 285px;
 }

 .guidebook-banner {
     position: relative;
     line-height: 0;
     height: 0;
     padding-bottom: 30%;
     overflow: hidden;
 }

 .guidebook-banner>picture {
     position: absolute;
     left: 0;
     top: 0;
 }

 .guidebook-banner>.grid-100 {
     position: relative;
     z-index: 1;
 }

 .bookshelf-bg {
     background-image: url(../../../images/bookshelf-darkened.jpg);
     background-image: image-set(url(../../../images/bookshelf-darkened.webp) 1x);
 }

 #yt-frame {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
 }

 #yt-frame iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }

 .guidebook-form {
     background: #eee;
     border-radius: 0.5em;
 }

 .guidebook-form-shell {
     border-radius: 0.5em;
     box-shadow: 0px 0px 3px #aaa;
     overflow: hidden;
 }

 .guidebook-form-shell .btn-widget-medium {
     width: 12em;
 }

 .guidebook-form-shell p {
     color: #444;
     margin: 0;
 }

 .large-circle-checkbox span {
     width: 2em;
     height: 2em;
     border: 1px solid #777;
     border-radius: 50%;
     background: #fff;
     cursor: pointer;
     transition: 0.3s;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #444;
     font-size: 1.5em;
 }

 .large-circle-checkbox span:not(.custom):after {
     content: '\f067';
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
 }

 .swap-box .large-circle-checkbox span:after {
     content: '\f061';
 }

 .large-circle-checkbox input:checked~span:after {
     content: '\f00c';
 }

 .large-circle-checkbox input {
     display: none;
 }

 .swap-box {
     cursor: pointer;
 }

 .swap-box:hover .large-circle-checkbox span, .large-circle-checkbox input:checked~span, .large-circle-checkbox span:hover {
     background: #c3cc00;
     color: #fff;
 }

 .guidebook-form .quote-box-info i {
     padding: 0.5em;
 }

 .guidebook-form .hr-margins, .marketing-table .hr-margins {
     margin: 1em 0 1em 0;
 }

 #billing-form {
     transition: 0.3s;
 }

 .fadedout {
     opacity: 0.3
 }

 .fadedout * {
     pointer-events: none;
 }

 .catalog-bg {
     background: #eff3f2;
     background-image: url(/home-book-printer/images/catalog-bg.jpg);
     background-image: image-set(url(/home-book-printer/images/catalog-bg.webp) 1x);
     background-position: center bottom;
     background-repeat: no-repeat;
     background-size: 100% auto;
 }

 .padded-divider {
     display: inline-block;
     margin: 0 1.8em;
     width: 2px;
     height: 50px;
     background: #777;
 }

 @media only screen and (max-width: 69em) {
     .mobile-100 {
         width: 100% !important;
     }

     .yes-no .box-025 {
         width: 46% !important;
         min-width: 0;
     }

     .category-page h4 {
         text-align: center;
     }

     .yes-no .box-040, .yes-no .box-030 {
         width: 49% !important;
         min-width: 0;
         margin: .25em .5% .25em .5%;
     }

     .description-box ol {
         text-align: left;
     }

     ol.grid-100 {
         min-width: 0 !important;
     }

     .template-arrows {
         -webkit-transform: rotate(90deg);
         -moz-transform: rotate(90deg);
         -o-transform: rotate(90deg);
         -ms-transform: rotate(90deg);
         transform: rotate(90deg);
         height: 12em;
         margin: -3em auto -3em auto;
     }

     .file-types {
         text-align: left !important;
     }

     .file-types .box-040 {
         width: 30% !important;
         text-align: center;
     }

     .file-types .box-040 img {
         margin-bottom: 1em;
     }

     .category-page .graywrap p {
         text-align: left;
     }

     .fixed-background {
         height: auto;
         padding: 2em 0 !important;
     }

     .fixed-background>picture img {
         width: auto;
         height: auto;
         max-width: none;
     }

     .fixed-background .main-width-constraint-noedge {
         position: static;
         transform: none;
         margin: 0em 2em;
     }

     .filter-buttons button, .filter-buttons select {
         width: 15em;
         margin: 0.5em 0;
     }

     .list-view>.description-box>div:first-child {
         display: none;
     }

     .guidebook-banner {
         height: auto;
         padding-bottom: 0;
     }

     .guidebook-form {
         background: #fff;
     }

     .catalog-bg {
         background-image: none;
     }
 }

 @media only screen and (max-width: 50em) {
     .file-types .box-040 {
         width: 47% !important;
     }
 }

 .b2b-intro {
     background: url('/images/b2b-banner.jpg') no-repeat top center;
     background-size: cover;
 }

 .distillery {
     background: url('/images/angels-envy.jpg') no-repeat center center;
     background-size: cover;
 }

 .labeled-switch {
     height: 36.8px;
     width: 160px;
     max-width: 50%;
     text-align: center;
     background: #F4F7F4;
     border: 1px solid #bbb;
     border-right: none;
     border-left: none;
     position: relative;
     box-sizing: border-box;
     padding: 4px !important;
     display: inline-block;
 }

 .labeled-switch:first-of-type {
     border-radius: .25em 0 0 .25em;
     border-left: 1px solid #bbb;
 }

 .labeled-switch:last-of-type {
     border-radius: 0 .25em .25em 0;
     border-right: 1px solid #bbb;
 }

 .labeled-switch label input, .underlined-switch label input {
     display: none;
 }

 .labeled-switch h2 {
     font-size: 1em;
     color: #383535;
     line-height: 26.8px;
     z-index: 2;
     position: relative;
     transition: 0.3s;
     padding: 0;
     margin: 0;
     font-family: 'Karla', sans-serif;
 }

 .labeled-switch i, .labeled-switch svg {
     z-index: 2;
     position: relative;
     transition: 0.3s;
     font-size: 1.8em;
     margin-bottom: 0.3em;
 }

 .labeled-switch.selected h2, .labeled-switch.selected i, .labeled-switch.selected svg {
     color: white;
     transition: 0.3s;
 }

 .labeled-switch.selected .extra {
     color: #ddd;
     transition: 0.3s;
 }

 .graywrap .labeled-switch, .all-gray .labeled-switch {
     background: #fff;
 }

 .switch-highlight {
     width: 100%;
     height: 100%;
     background: #c3cc00;
     border-radius: 0.25em;
     position: absolute;
     top: 0;
     right: 0;
     pointer-events: none;
     z-index: 1;
 }

 .switch-hover {
     box-sizing: border-box;
     width: 100%;
     height: 100%;
     border-radius: 0.25em;
     position: relative;
     cursor: pointer;
 }

 .customP.switch-hover:after, .customL.switch-hover:after {
     content: "";
     display: inline-block;
     vertical-align: middle;
     height: 100%;
 }

 .customP.switch-hover>*, .customL.switch-hover>* {
     vertical-align: middle;
 }

 label.switch-hover:hover {
     background: #d4d6d5;
 }

 .labeled-switch.img-switch {
     height: auto;
     padding: 9px !important;
 }

 .labeled-switch.img-switch .switch-hover {
     padding: 5px;
 }

 .labeled-switch.img-switch img {
     max-height: 8em;
     position: relative;
     z-index: 2;
 }

 .labeled-switch.img-switch h2 {
     line-height: inherit;
     font-size: 1em;
 }

 .grid-100.portrait:not(.hidden), .grid-100.landscape:not(.hidden) {
     display: flex;
 }

 @media only screen and (max-width: 50em) {
     .grid-100.portrait, .grid-100.landscape {
         flex-direction: column;
         align-items: center;
     }

     .labeled-switch.img-switch {
         border-radius: .25em;
         border-right: 1px solid #bbb;
         border-left: 1px solid #bbb;
         width: 80%;
     }

     .labeled-switch.img-switch {
         margin: 1em auto 1em auto !important;
     }

     .labeled-switch.img-switch:first-child {
         margin-top: 0 !important;
     }

     .labeled-switch.img-switch:last-child {
         margin-bottom: 0 !important;
     }

     .labeled-switch.selected label {
         background: #c3cc00;
     }

     .switch-highlight {
         display: none !important;
     }
 }

 .quote-box-info {
     color: #777;
     display: inline-block;
     position: relative;
     cursor: pointer;
     line-height: 0;
     transition: 0.3s;
 }

 .quote-box-info:hover {
     color: #333232;
 }

 .quote-box-info i, .quote-box-info svg {
     font-size: 1.2em;
     padding: 0.3em;
     z-index: 2;
     display: inline;
 }

 .quote-box-info span {
     text-decoration: underline;
 }

 .contact-form .quote-box-info i, .contact-form .quote-box-info svg {
     padding: 0;
 }

 .quote-selection-box .quote-box-info, .design-title .quote-box-info {
     position: absolute;
     top: 0.3em;
     right: 0.2em;
     z-index: 3;
 }

 .quote-subtotals .discount-fail {
     color: #aa0a0a;
 }

 .quote-subtotals hr {
     height: 2px;
     border: 0;
     border-top: 2px solid #cbcbcb;
     margin: 0.7em 0em 0.7em 0em;
 }

 .quote-subtotals {
     font-size: 1.1em;
     line-height: 1.7em;
 }

 .quote-subtotals div {
     color: #333232;
 }

 div.quote-price-font {
     font-size: 2.5em;
     line-height: 1em;
     font-weight: 700;
 }

 div.quote-price-font:not(.no-marg) {
     margin-top: 0.2em;
 }

 .quote-price-font span {
     vertical-align: text-top;
     font-weight: 400;
 }

 .quote-price-font span:first-child {
     font-size: 0.6em;
     margin-right: 0.1em;
 }

 @media only screen and (max-width: 50em) {
     div.quote-subtotals {
         text-align: left !important;
     }

     .quote-subtotals>div:not(.dont-shrink) {
         width: 50%;
         min-width: 0 !important;
     }

     .quote-subtotals.full>div {
         width: 100%;
         text-align: center !important;
     }

     .quote-subtotals .text-right {
         text-align: right !important;
     }

     .quote-subtotals.full .text-right {
         margin-bottom: 16px;
     }

     .quote-subtotals.full .text-right:last-of-type {
         margin-bottom: 0;
     }
 }

 .review-bubble {
     position: fixed;
     bottom: 1em;
     left: 1em;
     background: #c3cc00;
     width: 9em;
     border-radius: 1.6em;
     color: white;
     text-align: center;
     padding: 1em 0;
     cursor: pointer;
 }

 .code div {
     color: #c3cc00;
     cursor: pointer;
 }

 .code-form button {
     display: inline;
     font-size: 0.9em;
     line-height: 2.3em !important;
     cursor: pointer;
     margin: 0;
 }

 @media only screen and (max-width: 50em) {
     .code-form button {
         margin-top: 1em;
     }
 }

 #home-intro.genre-intro {
     margin-bottom: -16em;
     background: linear-gradient(transparent, #fff), url('/home-book-printer/images/homepage-banner-bg.jpg') repeat center;
     z-index: -1;
 }

 .genre-shadow-img {
     box-shadow: 1px 1px 5px #bbb;
 }

 .genre-wrap p {
     color: white;
 }

 .genre-wrap p, .genre-wrap h2 {
     text-shadow: 0px 0px 6px #555;
 }

 .genre-wrap button {
     box-shadow: 0px 0px 4px #555;
 }

 .blue-text {
     color: #243472 !important;
 }

 .l-blue-text {
     color: #ace7fd !important;
 }

 .cranberry-text {
     color: #822e31 !important;
 }

 .l-cranberry-text {
     color: #ffa38e !important;
 }

 .pumpkin-text {
     color: #f15d2c !important;
 }

 .l-pumpkin-text {
     color: #ff9368 !important;
 }

 .periwinkle-text {
     color: #5b5ea4 !important;
 }

 .l-periwinkle-text {
     color: #d6d1fd !important;
 }

 .forest-text {
     color: #c3cc00 !important;
 }

 .l-forest-text {
     color: #dbf8da !important;
 }

 .blue-stroke, .cranberry-stroke, .pumpkin-stroke, .periwinkle-stroke, .forest-stroke {
     outline-offset: -6px;
 }

 .blue-stroke {
     outline: 6px solid #243472;
 }

 .cranberry-stroke {
     outline: 6px solid #822e31;
 }

 .pumpkin-stroke {
     outline: 6px solid #e97750;
 }

 .periwinkle-stroke {
     outline: 6px solid #5b5ea4;
 }

 .forest-stroke {
     outline: 6px solid #076943;
 }

 .four-box .course-binding {
     margin-bottom: 2em;
 }

 .course-binding button.skinny-button {
     border-color: #ddd;
     color: #ccc;
     background: #f7f7f7;
     pointer-events: none;
     padding: 0 !important;
     width: 15em;
 }

 .four-box .course-binding button.skinny-button {
     margin: 1em auto 1.4em auto;
     width: 12em;
 }

 .course-binding button.active {
     border-color: #adabab;
     color: #333232;
     background: #F4F7F4;
     pointer-events: auto;
 }

 .course-binding button.active:hover {
     background: #d4d6d5;
 }

 .course-binding .quote-price-font {
     color: inherit;
 }

 .four-box .course-binding .quote-price-font {
     font-size: 2.2em;
 }

 .shadow-flash {
     animation: shadowThrob 0.2s infinite;
     animation-direction: alternate;
     -webkit-animation: shadowThrob 0.2s ease-out infinite;
     -webkit-animation-direction: alternate;
 }

 @keyframes shadowThrob {
     from {
         box-shadow: 0 0 10px 3px rgba(170, 10, 10, 0.9);
     }

     to {
         box-shadow: 0 0 10px 3px rgba(170, 10, 10, 0.2);
     }
 }

 @-webkit-keyframes shadowThrob {
     from {
         box-shadow: 0 0 10px 3x rgba(170, 10, 10, 0.9);
     }

     to {
         box-shadow: 0 0 10px 3px rgba(170, 10, 10, 0.2);
     }
 }

 ul li.li-checked {
     text-decoration: line-through;
     color: #aaa;
 }

 ul.floating-ul {
     margin: 0;
 }

 .course-binding .extra {
     color: #999;
     padding-top: 0.2em;
 }

 .tooltip {
     position: fixed;
     height: auto;
     padding: 20px;
     transform: translate(0, -50%);
     background: #fff;
     color: #333232;
     line-height: 1.2em;
     text-align: left;
     z-index: 3;
     box-shadow: 0px 0px 3px 1px #c3cc00;
     cursor: default;
 }

 .tooltip:not(.vertical-tooltip) {
     width: 150px;
 }

 .vertical-tooltip {
     width: 90px;
 }

 .tooltip.initial {
     display: none;
 }

 .tooltip:before, .tooltip:after {
     content: "";
     position: absolute;
     border: solid transparent;
     border-color: rgba(255, 255, 255, 0);
     pointer-events: none;
 }

 .tooltip:not(.vertical-tooltip):before, .tooltip:not(.vertical-tooltip):after {
     top: 50%;
     transform: translate(0, -50%);
 }

 .vertical-tooltip:before, .vertical-tooltip:after {
     left: 50%;
     transform: translate(-50%, 0);
 }

 .tooltip:before {
     border-width: 18px;
 }

 .tooltip:after {
     border-width: 17px;
 }

 .tooltip:not(.vertical-tooltip):not(.spec-tooltip):before {
     left: -36px;
     border-right-color: #c3cc00;
 }

 .tooltip:not(.vertical-tooltip):not(.spec-tooltip):after {
     left: -34px;
     border-right-color: #fff;
 }

 .vertical-tooltip:after {
     bottom: -34px;
     border-top-color: #fff;
 }

 .vertical-tooltip:before {
     bottom: -36px;
     border-top-color: #c3cc00;
 }

 .tooltip .x {
     position: absolute;
     top: 5px;
     right: 6px;
     cursor: pointer;
     padding: 0 6px;
     transition: 0.3s;
 }

 .tooltip .x:hover {
     color: #979797;
     transition: 0.3s;
 }

 .tooltip .close {
     float: right;
     cursor: pointer;
     position: relative;
     top: 6px;
     left: 10px;
     font-weight: 700;
     transition: 0.3s;
     padding: 0.3em 0.8em;
     border-radius: .375em;
 }

 .tooltip .close:hover {
     background: #eee;
     transition: 0.3s;
 }

 .gp-green-bg .tooltip {
     position: absolute;
     top: 50%;
     right: -205px;
     transform: translate(0, -50%);
 }

 .acct-tracker .tooltip:hover, #print-flowchart .tooltip:hover {
     cursor: pointer;
     box-shadow: 0px 0px 3px 2px #c3cc00;
 }

 .spec-tooltip:after {
     left: auto;
     right: -34px;
     border-right-color: transparent;
     border-left-color: #fff;
 }

 .spec-tooltip:before {
     left: auto;
     right: -36px;
     border-right-color: transparent;
     border-left-color: #c3cc00;
 }

 @media only screen and (max-width: 1650px) {
     .inquote .tooltip:not(.vertical-tooltip) {
         display: none !important;
     }
 }

 .alert-pos .top {
     margin-top: 0.8em;
 }

 .alert-pos:not(.no-bot) .bottom {
     margin-bottom: 1.5em;
 }

 @media only screen and (max-width: 69em) {
     .alert-pos .top {
         margin-top: 1.5em;
     }

     .alert-pos .bottom {
         margin-bottom: 0em !important;
     }
 }

 .auto-slideshow {
     position: relative;
     width: 400px;
     max-width: 100%;
     display: inline-block
 }

 .auto-slideshow img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     max-width: none;
 }

 .auto-slideshow .dots {
     position: absolute;
     z-index: 1;
     list-style: none;
 }

 .auto-slideshow .dummy {
     margin-top: 100%;
 }

 .dots {
     position: absolute;
     padding: 0;
     margin: 0;
     top: 82%;
     left: 50%;
     transform: translate(-50%, 0);
 }

 .dots li {
     background-color: #c3cc00;
     width: 10px;
     height: 10px;
     border-radius: 50%;
     list-style: none;
     margin: 0 10px 0 0;
     display: inline-block;
     opacity: 0.5;
     cursor: pointer;
     border: 1px solid #ccc;
 }

 .dots li.active {
     opacity: 1;
 }

 img.shawn {
     top: -5px;
     width: calc(100% + 5px);
 }

 img.josh {
     top: -11px;
 }

 img.candace {
     width: calc(100% + 10px);
 }

 img.jennifer {
     width: calc(100% + 9px);
 }

 @media only screen and (max-width: 69em) {
     .auto-slideshow img {
         max-width: 100%;
     }
 }

 .search-box {
     font-family: NoSpace;
 }

 .search-box input[type="text"] {
     background: transparent;
     border: none;
     border-bottom: 1px solid #444;
     padding: 0 !important;
     font-size: 1em;
     font-family: 'Karla', sans-serif;
     width: 14em;
     height: auto;
 }

 .black .search-box input[type="text"] {
     color: #eee;
     border-color: #eee;
 }

 .search-box input[type="text"]:focus {
     box-shadow: none;
     border-color: #444;
 }

 .black .search-box input[type="text"]:focus {
     border-color: #eee;
 }

 .search-box input[type="text"]::placeholder {
     color: #888;
     opacity: 1;
 }

 .search-box button {
     background: none;
     border: none;
     padding: 0;
     cursor: pointer;
     margin-right: 0.8em;
     font-family: inherit;
     font-size: 1em;
     line-height: 0;
     vertical-align: middle;
 }

 .search-box button i {
     color: #444;
 }

 .black .search-box button i {
     color: #eee;
 }

 #results {
     min-height: calc(100vh - 365px)
 }

 #results a h4 {
     transition: 0.2s;
 }

 #results a h4:hover {
     color: #707504;
 }

 #results .url-link {
     color: #c3cc00;
     transition: 0.2s;
 }

 #results .url-link:hover {
     color: #79ac7e;
 }

 .search-thumb {
     border: 1px solid #ddd;
     float: right;
     margin-left: 1.5em;
     width: 80px;
     height: 80px;
     object-fit: cover;
 }

 #print-flowchart {
     position: relative;
 }

 #print-flowchart .tooltip {
     position: absolute;
     width: 180px;
     transition: 0.2s;
 }

 #print-flowchart .tooltip-title {
     font-size: 1.4em;
     display: flex;
     align-items: center;
 }

 #print-flowchart .tooltip-title i {
     margin-left: auto;
 }

 #print-flowchart>h4 {
     position: absolute;
     color: #353434;
 }

 #print-flowchart .marker-1 {
     top: 7.5%;
     left: 11%;
 }

 #print-flowchart .marker-2 {
     top: 12.5%;
     left: 72%;
 }

 #print-flowchart .marker-3 {
     top: 27.5%;
     left: 60%;
 }

 #print-flowchart .marker-4 {
     top: 39%;
     left: -27%;
 }

 #print-flowchart .marker-5 {
     top: 39%;
     left: 98%;
 }

 #print-flowchart .marker-6 {
     top: 58%;
     left: 59.3%;
 }

 #print-flowchart .marker-7 {
     top: 65.5%;
     left: -27%;
 }

 #print-flowchart .marker-8 {
     top: 70.5%;
     left: 39%;
 }

 #print-flowchart .marker-9 {
     top: 66%;
     left: 98%;
 }

 #print-flowchart .marker-10 {
     top: 83.6%;
     left: 25.5%;
 }

 #print-flowchart .marker-11 {
     top: 92%;
     left: -27%;
 }

 #print-flowchart .marker-12 {
     top: 97%;
     left: 58%;
 }

 @media only screen and (max-width: 69em) {
     #print-flowchart .tooltip {
         position: static;
         transform: none;
         width: 100%;
         box-sizing: border-box;
         margin: 1em 0;
     }

     #print-flowchart .tooltip:before, #print-flowchart .tooltip:after {
         display: none;
     }
 }