/*------------------------------------------------------------------
[TABLE OF CONTENTS]

	1. GLOBAL STYLES
		1.1. Theme Extras
	2. HEADER
	3. INTRO STYLES
		3.1. Intro / 1
		3.2. Intro / 2
		3.3. Intro / 3
		3.4. Intro / 4
		3.5. Intro / 5
		3.6. Intro / 6
		3.7. Intro / 7
		3.8. Intro / Extras
	4. TERMS / POPUP
	5. SERVICES
	6. FEATURES
	7. INFO BOXES
	8. INFO BOXES / DUAL
	9. SCREENSHOTS
	10. ABOUT / INFO CONTENT
	11. TESTIMONIALS
	12. PRICING TABLE
	13. SERVICES / 2
	14. FAQ SECTION
	15. CLIENTS
	16. WRAP CONTENT
	17. GOOGLE MAP
	18. FOOTER
	19. FOOTER / COPYRIGHT
	20. MODAL / VIDEO
	21. RESPONSIVE STYLES

-------------------------------------------------------------------*/

/* 1. GLOBAL STYLES */

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

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

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

/*body a:visited {
  text-decoration: underline;
  color: #ae712c;
}*/

body a:hover {
  color: #0d4b6b;
  font-size: 100%;
  /*text-decoration: underline;*/
}

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

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

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

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

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

/*a:visited {
  text-decoration: underline;
  color: #ae712c;
}*/

a:hover {
  /*text-decoration: underline;*/
  color: #D3A574;
}

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

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

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

.img-centered {
  margin: 0 auto;
}

ul,
ol {
  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;
}

/* 1.1. Theme Extras */

.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] {
  /*display: none;*/
}

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 {
  /* removed redundent rulesets below, modified this one slightly -sj, 2015-09-15 */
  font-size: 1em;
  padding: 0 0em;
  color: #666666;
}

/* 2. HEADER */

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: #ae712c !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: #D3A574 !important;
  background: #D3A574 !important;
}

/* 3. INTRO STYLES */

/* 3.1. Intro / 1 */

#intro {
  top: 0px !important;
  padding: 0px !important;
  /* WAS 200px -sjm 2015-07-01  */
  margin: 0px !important;
  width: 100%;
  position: relative;
  /*background: #000 url(/images/book-printing.jpg) no-repeat top right fixed;*/
  /*background: #000 url(/images/book-printing-50.jpg) no-repeat top right fixed;*/
  /*background: #000 url(/images/book-printing-60.jpg) no-repeat top right fixed;*/
  background: #000 url(/images/short-run-book-printing.jpg) no-repeat top right fixed;
  /*background: #000 url(/images/book-printing-80.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;
  /*50px;*/
  margin: .8em 0;
  /*25px 0 25px;*/
  line-height: 1.3em;
  /*65px;*/
}

#intro p {
  font-family: 'Karla', sans-serif;
  color: #fff;
  font-size: 1.5em;
  /* changed to ems -sjm */
  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 / 1 */

#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;
  /*50px;*/
  margin: .25em 0;
  /*25px 0 25px;*/
  line-height: 2.5em;
  /*65px;*/
}

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

/* Home Intro / 1 */

#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: 3.2em;
}

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

#home-intro h5 {
    font-size: 1.8em;
    line-height: 1.4em;
    margin: 0;
}

#home-intro p {
    font-size: 1.2em;
    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;
}

/* Home Intro / 1 */

#book-intro {
  background: #000 url(https://gorhamprinting.com/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 / 1 */

#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: #437c4c;
  font-size: 1.8em;
}

.green-large-icons i,
.green-large-icons svg {
  color: #437c4c;
  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 #ae712c;
  border-bottom: solid 1px #ae712c;
  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: #437c4c;
  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: #ae712c;
}

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

#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: #ae712c;
}

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

#sales-tools-sub h2 {
  font-family: 'Merriweather', serif;
  color: #437c4c;
  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: #437c4c;
  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: #ae712c;
}

#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: #437c4c;
  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;
    }
}

/* 3.2. Intro / 2 */

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

/* 3.3. Intro / 3 */

#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: #D3A574;
}

/* 3.4. Intro / 4 */

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

/* 3.5. Intro / 5 */

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

/* 3.6. Intro / 6 */

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

/* 3.7. Intro / 7 */

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

/* 3.8. Intro / 8 */

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

/* 3.9. Intro / Extras */

.catalog-request-box {
  /*padding: 30px;*/
  border: 1px solid #FFF;
  float: left;
  width: 300px;
  font-family: 'Karla', sans-serif;
  font-size: 20px;
  color: #fff;
  line-height: 23px;
  text-align: center;
  /* 2015-08-07 sjm */
  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;
}

/* 4. TERMS / POPUP */

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

/* 5. SERVICES */

#services {
  padding: 30px 0;
}

.service-content {
  cursor: pointer;
}

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

.service-content:hover span {
  background: #D3A574;
  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: #ae712c;
  text-align: center;
  display: table;
  margin: 0 auto;
  text-decoration: none !important;
}

.service-content h4 a:hover {
  color: #D3A574;
  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: #ae712c;
  text-align: center;
  display: table;
  margin: 0 auto;
  text-decoration: none !important;
}

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

/*.service-content a {
    color: #437c4c;
    text-align: center;
    display: table;
    margin: 0 auto;
    text-decoration: none;
}

.service-content a:hover {
    color: #35404f;
    text-decoration: none;

}*/

.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 #437c4c;
  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;
}

/* 6. FEATURES */

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

/* 7. INFO BOXES */

.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: #437c4c;
  text-decoration: none !important;
}

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

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

/* 8. INFO BOXES / DUAL */

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

/* 9. SCREENSHOTS  */



/* 10. ABOUT / INFO CONTENT  */

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

/* 11. TESTIMONIALS */

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

/* 12. PRICING TABLE */

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

/* 13. SERVICES / 2 */

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

#services2 i,
#services2 svg {
  background: #437c4c;
  width: 3em;
  /*75px;*/
  height: 3em;
  /*75px;*/
  line-height: 3em;
  /*75px;*/
  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;
}

/* 14. FAQ SECTION */

.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: #D3A574;
}

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

/* 15. CLIENTS */

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

/* 16. WRAP CONTENT */

.wrap {
  /*background-image: url(/home-book-printer/book-printer-guidebook.jpg);*/
  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;
  /* WAS 200px -sjm 2015-07-01  */
  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: #437c4c;
  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: #437c4c;
  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: #437c4c;
  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;
}

/* 17. GOOGLE MAP */

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

/* 18. FOOTER */

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

/* 19. FOOTER / COPYRIGHT */

.f-social {
  padding: 10px;
}

.f-social a {
  float: left;
  color: #437c4c;
  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: #437c4c;
  text-decoration: none;
}

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

/* 20. MODAL / VIDEO */

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

/* 20. RESPONSIVE STYLES */

/* Ipad - Desktop (960 - 1150px) */

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

/* Ipad (768 - 959px) */

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

  /*#intro h2 {
        font-size: 48px;
        line-height: 56px;
    }*/

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

  #result {
    left: 0px;
  }

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

  /*#intro p {
        font-size: 14px;
        margin: 0px 0px 30px;
        padding-right: 15px;
        line-height: 25px;
    }*/

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

/* Mobile (Upto 767px) */

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

  /*#intro p {
        font-size: 13px;
        margin: 0px 0px 30px;
    }*/

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

  /*#intro {
        background-size: auto 100%;
    }*/

  /*#intro p {
        font-size: 14px;
        margin: 0px 0px 20px;
        line-height: 24px;
        padding: 0;
        text-align: center;
    }
    */

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

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

  /*.service-content {
        cursor: pointer;
        margin-bottom: 40px;
    }*/

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

/*Colin's Design Services Redesigns */

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

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

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

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

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

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

.description-box ul,
.description-box ol {
  margin-bottom: 10px;
  margin-top: 16px;
}

.description-box li {
    list-style-position: outside;
    margin-left: 1em;
    color: #302F2F;
    font-family: 'Karla', sans-serif;
}

.description-box li + li {
    margin-top: 1em;
}

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

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

.description-box .box-100 {
  padding: 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: #ae712c;
  border: 2px solid #ae712c;
}

.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 #D3A574;
  color: #D3A574;
}

.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: #437c4c !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: #437c4c;
}

.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: #437c4c;
  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: #437c4c;
}

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

.quick-links h4 {
  margin: 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: #437c4c;
  font-size: 1.5em;
  font-family: 'Merriweather', serif;
  font-weight: 400;
  margin-top: 0em;
}

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

.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(https://gorhamprinting.com/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 ol {
        text-align: left;
    }

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

/*END Colin's Design Services Redesigns */

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

/*Colin's ARC page */

#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: #437c4c !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;
  }
}

/*END Colin's ARC page */

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

/*Colin's Guidebook Form Edits*/

.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 */

.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: 15.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 */

.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: #437c4c;
  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;
   }
}

/* Colin's Homepage Redesign */

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

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

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

.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: #437c4c;
  border: solid 2px #437c4c;
}

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

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

/* 2019 Homepage Edits */

.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: #437c4c;
}

.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:visited,.gray-shadow-block a:visited {
  color: #ae712c;
}*/

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

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

/* PROS AND CONS LIST */

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: #437c4c;
    font-weight: 700;
}

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

/* Colin's Binding Pages */

.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: #437c4c !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 #437c4c;
  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;
    }
}

/* Colin's Testimonial Redesign */

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

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

/* Colin's Editor List */

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

.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: #437c4c;
}

.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: #437c4c;
    color: #fff;
    border-color: #437c4c;
}

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

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

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

/* Colin's Special Features Page */

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

.feature-quicklinks .grid-020 span {
  background: #f5f5f5;
  border-radius: 0.3em;
  padding: 1em;
  box-sizing: border-box;
  /*box-shadow: 0px 0px 6px #aaa;*/
  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 {
  /*box-shadow: 0px 0px 8px #888888;*/
  transition: 0.2s;
  background: #e5e5e5;
}

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

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

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

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

i.back-to-top:hover {
  color: #437c4c;
  transition: 0.2s;
}

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

/* eBook Page */

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

/*Quote Tracker*/

.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;
  /*background-image: linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(90deg, #437c4c 0%, #eee 0% 100%);
    background-size: 20px 3px, 100% 3px;*/
}

.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: #437c4c;
  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: #437c4c;
    font-size: 1.2em;
    border: 2px solid #ccc;
    transition: 0.3s;
    margin: 0;
    cursor: pointer;
}

.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: #437c4c;
}

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

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

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

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

/* ADDON TABS */

.add-on-column {
	background: #cbcbcb;
	width: 100%;
	display: flex;
    flex-shrink: 0;
}

.add-on-column .tab {
	box-sizing: border-box;
	/*border-top: 6px solid transparent;*/
	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;
	/*border-top: 6px solid #437c4c;*/
	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: #437c4c;
	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 Section 2019 Redesign */

#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 /*193px*/;
  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;
}

.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 #437c4c;
    position: relative;
    cursor: pointer;
    transition: 0.2s;
}

.circle-border:hover {
    background: #437c4c;
}

.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%; /* 16:9 */
    height: 0;
}

#yt-frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.guidebook-form {
    background: #eee;
    border-radius: 0.5em;
    /*box-shadow: 0px 0px 3px #aaa;*/
}

.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: #437c4c;
    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%;
    }

    .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 Landing Page */

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

/* Newsletter Footer */

.newsletter-footer {
    overflow: hidden;
}

.newsletter-footer a {
  color: #EAD5BE !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;
}

/* Labeled switch */

.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: #437c4c;
  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: #437c4c;
    }

    .switch-highlight {
        display: none !important;
    }
}

/* QUOTE INFO BOX */

.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 */

.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 */

.review-bubble {
    position: fixed;
    bottom: 1em;
    left: 1em;
    background: #437c4c;
    width: 9em;
    border-radius: 1.6em;
    color: white;
    text-align: center;
    padding: 1em 0;
    cursor: pointer;
}

/* CODE FORM */

.code div {
    color: #437c4c;
    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;
    }
}

/* GENRE PAGE */

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

.genre-wrap button {
    box-shadow: 0px 0px 4px #333;
}

.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: #0b5538 !important; }
.l-forest-text 		{ color: #dbf8da !important; }
.forest-text 		{ color: #0b5538 !important; }
.l-forest-text 		{ color: #dbf8da !important; }
.purple-text 		{ color: #4c2d73 !important; }
.l-purple-text 		{ color: #a89ad5 !important; }
.teal-text 		    { color: #276d64 !important; }
.l-teal-text 		{ color: #9ad0c9 !important; }
.mulberry-text 	    { color: #991d5a !important; }
.l-mulberry-text	{ color: #dbb5c8 !important; }

.blue-stroke,.cranberry-stroke,.pumpkin-stroke,
.periwinkle-stroke,.forest-stroke,.purple-stroke,
.teal-stroke, .mullberry-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; }
.purple-stroke		{ outline: 6px solid #4c2d73; }
.teal-stroke		{ outline: 6px solid #276d64; }
.mulberry-stroke	{ outline: 6px solid #991d5a; }

/*.gp-green-bg {
    background: #437c4c;
    border-radius: 0.375em;
    border: 4px solid #437c4c;
    box-sizing: border-box;
    transition: 0.3s;
    position: relative;
}

.gp-green-bg.hovered {
    background: #79ac7e;
    transition: 0.3s;
    cursor: pointer;
}

.gp-green-bg ul {
    margin-top: 0;
}

.gp-green-bg ul li {
    color: white;
}

.gp-green-bg.ready {
    animation: readyThrob 0.8s infinite;
    animation-direction: alternate;
    -webkit-animation: readyThrob 0.8s ease-out infinite;
    -webkit-animation-direction: alternate;
}
@keyframes readyThrob {
    from {box-shadow: 0 0 10px 3px rgba(103, 186, 89, 0.2);}
    to {box-shadow: 0 0 10px 3px rgba(103, 186, 89, 0.9);}
}
@-webkit-keyframes readyThrob {
    from {box-shadow: 0 0 10px 3x rgba(103, 186, 89, 0.2);}
    to {box-shadow: 0 0 10px 3px rgba(103, 186, 89, 0.9);}
}*/

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

/*.course-binding.selected {
    box-shadow: 0px 0px 4px 0px #437c4c;
}

.course-binding.selected:after {
    box-shadow: inset 0px 0px 0px 4px #437c4c;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    border-radius: 1em;
}*/

.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 */

.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 #ae712c;
    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: #ae712c;
}

.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: #ae712c;
}

.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 #ae712c;
}

.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: #ae712c;
}

@media  only screen and (max-width: 1650px)  {
    .inquote .tooltip:not(.vertical-tooltip) {
        display: none !important;
    }
}

/* ALERT POS */

.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 */

.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: #437c4c;
  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%;
    }
}

/* MENU SEARCH TOOL */

.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: #D3A574;
}

#results .url-link {
    color: #437c4c;
    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;
}

/* PRINTING FLOWCHART */

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