/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin-bottom: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }
.show { display: block !important;}
.hide { display: none !important;}
.clear { clear: both;}
html, body {
  margin: 0; }

* {
  margin: 0;
  box-sizing: border-box; }

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

button {
  background: none;
  appearance: none;
  border: 0;
  padding: 0;
  margin: 0; }

a {
  color: inherit;
  text-decoration: none; }

abbr {
  text-decoration: none; }

*:focus {
  outline: 0; }

a, button {
  cursor: pointer; }

button {
  font: inherit; }

img {
  max-width: 100%; }

[disabled] {
  pointer-events: none; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.fade {
  opacity: 0;
  transition: opacity 0.15s linear; }
  .fade.show {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.show {
    display: block; }

tr.collapse.show {
  display: table-row; }

tbody.collapse.show {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease; }

.modal-open {
  overflow: hidden; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0; }
  .modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -25%); }
  .modal.show .modal-dialog {
    transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 24px;
  pointer-events: none; }

.modal-content {
  position: relative;
  pointer-events: auto;
  background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: black; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show {
    opacity: 0.5; }

.tab-content > .tab-pane {
  display: none; }
.tab-content > .active {
  display: block; }

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.bg--red {
  background: #f03a33 !important; }

.c--red {
  color: #f03a33 !important; }

.bg--darkred {
  background: #d32022 !important; }

.c--darkred {
  color: #d32022 !important; }

.bg--blue {
  background: #240298 !important; }

.c--blue {
  color: #240298 !important; }

.bg--green {
  background: #718342 !important; }

.c--green {
  color: #718342 !important; }

.bg--orange {
  background: #ee730a !important; }

.c--orange {
  color: #ee730a !important; }

.bg--lightgray {
  background: #f6f6f6 !important; }

.c--lightgray {
  color: #f6f6f6 !important; }

.bg--darkgray {
  background: #343448 !important; }

.c--darkgray {
  color: #343448 !important; }

.bg--purple {
  background: #3300a1 !important; }

.c--purple {
  color: #3300a1 !important; }

.bg--gray1 {
  background: #f6f6f6 !important; }

.c--gray1 {
  color: #f6f6f6 !important; }

.bg--gray2 {
  background: #eaeaec !important; }

.c--gray2 {
  color: #eaeaec !important; }

.bg--black {
  background: #27273b !important; }

.c--black {
  color: #27273b !important; }

.bg--primary {
  background: #d32022 !important; }

.c--primary {
  color: #d32022 !important; }

.bg--secondary {
  background: #240298 !important; }

.c--secondary {
  color: #240298 !important; }

.bg--accent {
  background: #eaeaec !important; }

.c--accent {
  color: #eaeaec !important; }

.bg--light {
  background: #f6f6f6 !important; }

.c--light {
  color: #f6f6f6 !important; }

.bg--warning {
  background: #f03a33 !important; }

.c--warning {
  color: #f03a33 !important; }

.bg--success {
  background: #718342 !important; }

.c--success {
  color: #718342 !important; }

.bg--remove {
  background: #f03a33 !important; }

.c--remove {
  color: #f03a33 !important; }

.stack--tiny > * + * {
  margin-top: 8px; }

.drop--tiny {
  margin-top: 8px; }

.push--tiny {
  margin-top: 8px; }

.yspace--tiny {
  margin-top: 8px;
  margin-bottom: 8px; }

.xgaps--tiny > * + * {
  margin-left: 8px; }

.stack--small > * + * {
  margin-top: 16px; }

.drop--small {
  margin-top: 16px; }

.push--small {
  margin-top: 16px; }

.yspace--small {
  margin-top: 16px;
  margin-bottom: 16px; }

.xgaps--small > * + * {
  margin-left: 16px; }

.stack--medium > * + * {
  margin-top: 24px; }

.drop--medium {
  margin-top: 24px; }

.push--medium {
  margin-top: 24px; }

.yspace--medium {
  margin-top: 24px;
  margin-bottom: 24px; }

.xgaps--medium > * + * {
  margin-left: 24px; }

.stack--large > * + * {
  margin-top: 48px; }

.drop--large {
  margin-top: 48px; }

.push--large {
  margin-top: 48px; }

.yspace--large {
  margin-top: 48px;
  margin-bottom: 48px; }

.xgaps--large > * + * {
  margin-left: 48px; }

.stack--large1 > * + * {
  margin-top: 65px; }

.drop--large1 {
  margin-top: 65px; }

.push--large1 {
  margin-top: 65px; }

.yspace--large1 {
  margin-top: 65px;
  margin-bottom: 65px; }

.xgaps--large1 > * + * {
  margin-left: 65px; }

.sr-only, .inlineOption input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  clip-path: none; }

.hidden {
  display: none !important; }
  @media (max-width: 767px) {
    .hidden--xs {
      display: none !important; } }
  @media (min-width: 768px) {
    .hidden--sm {
      display: none !important; } }

.addQuotes:before {
  content: "\201C"; }
.addQuotes:after {
  content: "\201D"; }

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

.fillParent {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 !important; }
  .fillParent img {
    width: 100%;
    height: 100%; }
  .fillParent--2 {
    z-index: 2; }

.absCenter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.flexCenterXY {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }

.trimInnerMargins > *:first-child {
  margin-top: 0 !important; }
.trimInnerMargins > *:last-child {
  margin-bottom: 0 !important; }

.fillSvg svg {
  width: 100%; }

.fillChildImage img {
  display: block;
  width: 100%;
  height: auto; }

.childCover {
  position: relative;
  overflow: hidden; }
  .childCover--fill {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .childCover > * {
    position: absolute;
    width: 100%;
    height: calc(100% + 1px);
    max-width: none;
    display: block; }
  .childCover--align--left_top > * {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left top;
    object-position: left top;
    font-family: "object-fit: cover; object-position: left top"; }
  .childCover--align--left_center > * {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left center;
    object-position: left center;
    font-family: "object-fit: cover; object-position: left center"; }
  .childCover--align--left_bottom > * {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left bottom;
    object-position: left bottom;
    font-family: "object-fit: cover; object-position: left bottom"; }
  .childCover--align--center_top > * {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
    font-family: "object-fit: cover; object-position: center top"; }
  .childCover--align--center_center > * {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center"; }
  .childCover--align--center_bottom > * {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center bottom;
    object-position: center bottom;
    font-family: "object-fit: cover; object-position: center bottom"; }
  .childCover--align--right_top > * {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right top;
    object-position: right top;
    font-family: "object-fit: cover; object-position: right top"; }
  .childCover--align--right_center > * {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right center;
    object-position: right center;
    font-family: "object-fit: cover; object-position: right center"; }
  .childCover--align--right_bottom > * {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right bottom;
    object-position: right bottom;
    font-family: "object-fit: cover; object-position: right bottom"; }

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

.compressWidth {
  margin-right: auto;
  margin-left: auto; }
  .compressWidth--med {
    max-width: 740px; }

.gridWrap {
  overflow: hidden; }

.contentRow {
  margin-top: 24px; }
  .contentRow--small {
    margin-top: 15px; }
  .contentRow--large {
    margin-top: 48px; }

.stacked--inputs > * + * {
  margin-top: 13px; }
.stacked--fields > * + * {
  margin-top: 27px; }

@media (max-width: 767px) {
  .paddedSection {
    padding: 50px 0; } }
@media (min-width: 768px) {
  .paddedSection {
    padding: 100px 0; } }
@media (max-width: 767px) {
  .paddedSection--nextSectionisImageBleed {
    padding-bottom: 70px; } }
@media (min-width: 768px) {
  .paddedSection--nextSectionisImageBleed {
    padding-bottom: 180px; } }
.paddedSection--sameBgColorAsPreviousSection {
  padding-top: 0; }
@media (min-width: 768px) 
{
  .paddedSection--compact 
  {
    padding: 32px 0; 
  } 
}

.imageBleedSection .imageBleedSection__image {
  position: relative;
  z-index: 1;
  overflow: hidden; }
  @media (max-width: 767px) {
    .imageBleedSection .imageBleedSection__image {
      margin-top: -40px;
      margin-bottom: -40px; } }
  @media (min-width: 768px) {
    .imageBleedSection .imageBleedSection__image {
      margin-top: -80px;
      margin-bottom: -80px; } }
  .imageBleedSection .imageBleedSection__image img {
    display: block; }
@media (max-width: 767px) {
  .imageBleedSection.paddedSection .imageBleedSection__image {
    margin-top: -70px;
    margin-bottom: -70px; } }
@media (min-width: 768px) {
  .imageBleedSection.paddedSection .imageBleedSection__image {
    margin-top: -180px;
    margin-bottom: -180px; } }
@media (max-width: 767px) {
  .imageBleedSection + .paddedSection {
    padding-top: 70px; } }
@media (min-width: 768px) {
  .imageBleedSection + .paddedSection {
    padding-top: 130px; } }

.container {
  box-sizing: content-box;
  margin: auto;
  max-width: 1198px;
  padding-right: 15px;
  padding-left: 15px; }
  @media (min-width: 768px) {
    .container {
      padding-right: 24px;
      padding-left: 24px; } }
  .container > .sectionLeaderText:last-child {
    margin-bottom: 0; }

.imageProseRow__imgCol {
  position: relative; }
  .imageProseRow__imgCol .quote {
    max-width: 430px; }
  .imageProseRow__imgCol img {
    display: block;
    width: 100%;
    height: auto; }
.imageProseRow__textCol {
  min-width: 50%; }
@media (min-width: 768px) {
  .imageProseRow {
    display: flex;
    flex-direction: row; }
    .imageProseRow__textCol {
      flex: 1; }
      .imageProseRow__textCol:first-child {
        padding-right: 24px; }
      .imageProseRow__textCol:last-child {
        padding-left: 24px; }
      .imageProseRow__textCol__inner {
        max-width: 1150px; } }
@media (min-width: 768px) and (max-width: 1399px) {
  .imageProseRow__textCol:first-child {
    padding-right: 24px; }
  .imageProseRow__textCol:last-child {
    padding-left: 24px; } }
@media (min-width: 1400px) {
  .imageProseRow__textCol:first-child {
    padding-right: 60px; }
  .imageProseRow__textCol:last-child {
    padding-left: 60px; } }
@media (max-width: 767px) {
  .imageProseRow > *:first-child {
    margin-bottom: 24px; } }
@media (min-width: 1199px) {
  .imageProseRow--flush--left > *:first-child .imgWrap {
    margin-left: calc((1150px - 100vw)/2); } }
@media (max-width: 1198px) {
  .imageProseRow--flush--left > *:first-child .imgWrap {
    margin-left: -24px; } }
@media (min-width: 1199px) {
  .imageProseRow--flush--right > *:last-child .imgWrap {
    margin-right: calc((1150px - 100vw)/2); } }
@media (max-width: 1198px) {
  .imageProseRow--flush--right > *:last-child .imgWrap {
    margin-right: -24px; } }
@media (min-width: 768px) {
  .imageProseRow--flush--none > * {
    width: 50%; } }
@media (max-width: 767px) {
  .imageProseRow--xsOrder--reversed {
    display: flex;
    flex-direction: column-reverse; }
    .imageProseRow--xsOrder--reversed > *:first-child {
      margin-top: 24px;
      margin-bottom: 0; } }
@media (min-width: 768px) {
  .imageProseRow--align--top {
    align-items: flex-start; }
  .imageProseRow--align--middle {
    align-items: center; }
  .imageProseRow--align--bottom {
    align-items: flex-end; } }
@media (min-width: 768px) {
  .imageProseRow--paddedProse .imageProseRow__textCol__inner {
    margin: 0 24px;
    width: 330px; } }
@media (min-width: 1400px) {
  .imageProseRow--paddedProse .imageProseRow__textCol__inner {
    margin: 0 100px; } }
.imageProseRow--paddedProse .prose > * + * {
  margin-top: 15px; }
@media (min-width: 768px) {
  .imageProseRow--paddedProseWider .imageProseRow__textCol__inner {
    margin: 0 24px; } }
@media (min-width: 1400px) {
  .imageProseRow--paddedProseWider .imageProseRow__textCol__inner {
    margin: 0 60px; } }
.imageProseRow--halfCols .imageProseRow__textCol {
  display: flex;
  justify-content: flex-end; }
@media (min-width: 768px) {
  .imageProseRow--halfCols .imageProseRow__textCol__inner {
    max-width: 563px; } }

.bg--darknoise {
  background: radial-gradient(#222222 15%, transparent 16%) 0 0, radial-gradient(#222222 15%, transparent 16%) 8px 8px, radial-gradient(#222222 15%, transparent 20%) 0 1px, radial-gradient(#222222 15%, transparent 20%) 8px 9px;
  background-color: #323648;
  background-size: 20px 20px; }

.gradient--horizontalPurple {
  background: #515070; }
  @media (min-width: 768px) {
    .gradient--horizontalPurple {
      background-image: linear-gradient(to right, #a4a3bc, #515070); } }

.hamburger {
  padding: 10px 24px;
  right: -24px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
  vertical-align: top; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: currentColor;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

.overlayPanel {
  z-index: 100;
  background: #2c3440;
  color: #fff;
  margin: 0;
  position: fixed;
  top: 0;
  bottom: 0;
  transition-duration: 0.3s;
  transition-animation: linear;
  overflow: auto;
  left: 100%;
  width: 100%;
  height: 100%; }

.hamburger {
  position: relative;
  z-index: 101; }

.openMainMenuPanel body {
  overflow: hidden; }
@media (max-width: 991px) {
  .openMainMenuPanel body .siteHeader,
  .openMainMenuPanel body.whiteHeader .siteHeader {
    background-color: #000;
    opacity: 1;
    color: #fff; }
    .openMainMenuPanel body .siteHeader .headerLogo,
    .openMainMenuPanel body.whiteHeader .siteHeader .headerLogo {
      background-image: url("../images/printNinjaLogoWhite.png"); } }
.openMainMenuPanel .overlayPanel {
  left: 0; }
.openMainMenuPanel .hamburger .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .openMainMenuPanel .hamburger .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .openMainMenuPanel .hamburger .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

body {
  font-family: 'Work Sans', sans-serif;
  line-height: 1.3;
  color: #525263;
  font-weight: 400; }

strong {
  font-weight: 600; }

@media (max-width: 767px) {
  h1 br, h2 br, h3 br, h4 br {
    display: none; } }

.t-h1thin, .smallBlurbsGroup__header, .largeSectionHeader__title {
  font-size: 59px;
  font-weight: 300;
  line-height: 1.14;
  color: #343448; }
  @media (max-width: 767px) {
    .t-h1thin, .smallBlurbsGroup__header, .largeSectionHeader__title {
      font-size: 2.25rem; } }

.prose-h1, .proseWrap h1, .pageBanner__centeredText h1, .pageLead__title {
  font-size: 2rem;
  letter-spacing: 0.0007em;
  font-weight: 600;
  line-height: 1.17; }
  @media (max-width: 767px) {
    .prose-h1, .proseWrap h1, .pageBanner__centeredText h1, .pageLead__title {
      font-size: 2.25rem; } }

.prose-h2, .proseWrap h2, .getInTouch__header, .fieldsetPanel__header, .modal-title {
  font-size: 28px;
  line-height: 1.2;
  font-weight: bold; }

.prose-h3, .proseWrap h3, .projectBlurb__title {
  font-size: 1.5rem;
  letter-spacing: 0.0007em;
  font-weight: bold;
  line-height: 1.3; }
  @media (max-width: 767px) {
    .prose-h3, .proseWrap h3, .projectBlurb__title {
      font-size: 1.25rem; } }

.prose-h4, .proseWrap h4, .megaMenuMobilePanelHeader__category a strong, .costSummary__header {
  font-size: 21px;
  line-height: 1.3;
  font-weight: bold; }

.prose-h5, .proseWrap h5, .field__largeHeader__label {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3; }

.megaMenuHeader {
  font-size: 21px;
  font-weight: 600;
  line-height: 1.05;
  color: #343448;
  margin-bottom: 24px; }

.lead {
  font-weight: 400;
  font-size: 21px;
  line-height: 1.43; }

.leadBig {
  font-size: 25px;
  line-height: 1.32; }

.t-proseBump, .pageLead__description, .getInTouch__lead, .alert {
  font-size: 18px;
  line-height: 1.56;
  font-weight: 400; }

.t-prose, .proseWrap, .smallBlurb__body, .largeSectionHeader__lead, .fieldsetPanel__lead, .paymentsBar {
  font-size: 14px;
  line-height: 1.62; }

.t-proseSmall, .proseWrap--small, .detailedCategoryGridItem__lead, .field__largeHeader__lead, .componentSummary, .projectBlock__description {
  font-size: 14px;
  line-height: 1.71;
  color: #525263; }

.t-proseTiny, .proseWrap--tiny, .inlineOption__label, .tooltipster-content 
{
  font-size: 12px;
  line-height: 1.5;
  font-weight: 500;
  color: #525263; 
}

.t-meta, .projectBlock__meta {
  font-size: 12px;
  line-height: 1.67;
  color: #707081; }

.t-proselink, .detailedCategoryGridItem__link {
  text-decoration: underline;
  color: #232631;
  font-weight: 500; }

hr {
  border: 0;
  clear: both;
  height: 1px;
  margin: 24px 0;
  background: rgba(151, 151, 151, 0.31); }
  hr.small {
    margin: 15px 0; }

.textLink, .proseWrap a:not([class]), .infoBlock a, .softwareLink {
  text-decoration: underline;
  font-weight: 600;
  color: #1f6dba; }
  .textLink--isolated {
    text-decoration: none;
    font-size: 14px; }
  .textLink--large {
    font-size: 16px; }
  .textLink--small {
    font-size: 14px; }
  .textLink--tiny {
    font-size: 12px; }

.proseWrap > *:first-child {
  margin-top: 0 !important; }
.proseWrap > *:last-child {
  margin-bottom: 0 !important; }
.proseWrap * + * 
{
  /*margin-top: 24px; */
}
.proseWrap h1, .proseWrap h2, .proseWrap h3, .proseWrap h4, .proseWrap h5, .proseWrap h6 {
  color: #343448; }
.proseWrap h2 {
  margin-top: 39px; }
.proseWrap h4 + * {
  margin-top: 15px; }
.proseWrap h5 + * {
  margin-top: 12px; }
.proseWrap h6 {
  font-size: 1rem;
  font-weight: 600; }
  .proseWrap h6 + * {
    margin-top: 8px; }
.proseWrap ul, .proseWrap ol {
  margin-left: 20px; }
  .proseWrap ul li + li,
  .proseWrap ul .smallCalloutBlock, .proseWrap ol li + li,
  .proseWrap ol .smallCalloutBlock {
    margin-top: 1em; }
.proseWrap ul {
  list-style-type: disc; }
.proseWrap ol {
  list-style-type: decimal; }
.proseWrap .headerSub {
  margin-top: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 740px; }
.proseWrap--small * + * {
  /*margin-top: 13px; 
*/
  }
.proseWrap--tiny * + * {
  margin-top: 10px; }
.proseWrap.darkBg a:not([class]) {
  color: inherit; }

ul.linkList {
  list-style-type: none;
  margin-right: 0;
  margin-left: 0; }
  ul.linkList li + li {
    margin-top: 1.5em; }
  ul.linkList li a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    color: #1f6dba; }

@media (max-width: 767px) 
{
  .btnAsideGroup > * 
  {
    margin-top: 2%;
    display: block;
    width: 100%; 
  }
  .btnAsideGroup > * + * 
  {
    margin-top: 2%;
    margin: 24px 0 0; 
  } 
}
@media (min-width: 768px) 
{
  .btnAsideGroup 
  {
    margin-top: 2%;
    display: flex;
    align-items: center; 
  }
  .btnAsideGroup > * + * 
  {
    margin-top: 2%;
    margin: 0 0 0 22px; 
  } 
}

.t-small {
  color: #343448;
  font-size: 12px;
  line-height: 1.4; }
  .t-small strong {
    font-weight: 600;
    letter-spacing: 0.6px; }

.btn {
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  line-height: 38px;
  line-height: 36px;
  height: 38px;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  min-width: 134px;
  padding: 0 13px;
  font-weight: 500; }
  .btn--primary {
    color: #fff;
    border-color: #D71F32;
    background-color: #E2071D;
    background-image: linear-gradient(-180deg, #e2071d 0%, #cf0c1f 100%); }
    .btn--primary:hover {
      background-image: linear-gradient(-180deg, #e2071d 0%, #cf0c1f 100%); }
    .btn--primary:active {
      background: #8C000E; }
    .btn--primary[disabled] {
      opacity: 0.4;
      background: #D32022; }
  .btn--secondary {
    background-image: linear-gradient(to bottom, #f6f6f7, #eaeaec);
    border: solid 1px #adaeb6;
    color: #535364; }
    .btn--secondary:hover {
      background: #EAEAEC; }
    .btn--secondary:active {
      background: #C6C6CB; }
    .btn--secondary[disabled] {
      opacity: 0.4;
      background: #EAEAEC; }
  .btn--default {
    border-color: transparent;
    color: #fff;
    background-image: linear-gradient(-180deg, #545264 0%, #3d3b4f 100%); }
  .btn--ghost {
    color: #B70013;
    border-color: #B70013; }
  .btn--ghostLight {
    color: #fff;
    border-color: #fff; }
  .btn--white {
    background-color: #ffffff;
    border-color: transparent; }
  .btn--small {
    line-height: 27px;
    height: 29px;
    font-size: 14px; }
  .btn--large {
    line-height: 48px;
    height: 50px;
    font-size: 18px;
    font-weight: 500; }
  .btn--larger {
    line-height: 66px;
    height: 68px;
    font-size: 18px;
    font-weight: 500; }
  .btn--withArrow:after {
    width: 28px;
    height: 20px;
    margin-top: -4px;
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
    content: "";
    background: url("data:image/svg+xml,%3csvg version='1.1' fill='%23939393' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3e%3cpath d='M1.28 17.92h28.16c0.707 0 1.28-0.573 1.28-1.28s-0.573-1.28-1.28-1.28h-28.16c-0.707 0-1.28 0.573-1.28 1.28s0.573 1.28 1.28 1.28z'%3e%3c/path%3e%3cpath d='M19.548 26.003c-0.485 0.515-0.46 1.325 0.055 1.809s1.325 0.46 1.809-0.055l10.24-10.88c0.464-0.493 0.464-1.262 0-1.755l-10.24-10.88c-0.485-0.515-1.295-0.539-1.809-0.055s-0.539 1.295-0.055 1.809l9.414 10.003-9.414 10.003z'%3e%3c/path%3e%3c/svg%3e") center center no-repeat;
    background-size: contain; }
  .btn--wide {
    min-width: 161px; }
  .btn--full {
    display: block;
    width: 100%; }
  .btn--long {
    white-space: normal; }

.page {
  overflow: hidden; }

.siteHeader__cols,
.simpleHeader__cols {
  height: 60px; }

.page {
  padding-top: 60px; }

body.darkHeader .page {
  padding-top: 60px; }
  body.darkHeader .page > *:first-child.pageBanner {
    margin-top: -60px;
    padding-top: 60px; }

@media (min-width: 992px) {
  .siteHeader__cols,
  .simpleHeader__cols {
    height: 93px; }

  .page {
    padding-top: 93px; }

  body.darkHeader .page {
    padding-top: 93px; }
    body.darkHeader .page > *:first-child.pageBanner {
      margin-top: -93px;
      padding-top: 93px; } }
body.calculatorPage .siteHeader__cols,
body.calculatorPage .simpleHeader__cols {
  height: 73px; }
body.calculatorPage .page {
  padding-top: 73px; }
@media (max-width: 767px) {
  body.calculatorPage .siteHeader__cols,
  body.calculatorPage .simpleHeader__cols {
    height: 60px; }
  body.calculatorPage .page {
    padding-top: 60px; } }

body.scrolled .siteHeader {
  box-shadow: 0 1px 1px rgba(213, 213, 215, 0.5);
  color: #343448;
  background: #fff;
  background: #fff;
  color: #525263; }
  @media (min-width: 992px) {
    body.scrolled .siteHeader .siteHeader__cols {
      height: 70px; } }
  body.scrolled .siteHeader .headerLogo {
    background-image: url("../images/printNinjaLogoBlack.png"); }
  body.scrolled .siteHeader .siteNav > ul > li:hover > a {
    color: #240298; }
    body.scrolled .siteHeader .siteNav > ul > li:hover > a:before {
      background: currentColor; }

.darkHeader .siteNav > ul > li:hover > a {
  color: inherit; }
  .darkHeader .siteNav > ul > li:hover > a:before {
    background: currentColor; }

.siteHeader {
  transition-duration: 0.3s;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 101; }
  .siteHeader__cols {
    transition-duration: 0.3s;
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between; }
    @media (min-width: 992px) {
      .siteHeader__cols {
        align-items: stretch; }
        .siteHeader__cols > * + * {
          margin-left: 30px; } }
    @media (max-width: 991px) {
      .siteHeader__cols {
        align-items: center; }
        .siteHeader__cols > * + * {
          margin-top: 30px; } }
  @media (min-width: 992px) {
    .siteHeader__col {
      display: flex;
      align-items: center; } }
  .siteHeader__col--main {
    align-items: stretch; }
  .siteHeader__textLink {
    /* Contact Copy: */
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px; }
  .darkHeader .siteHeader {
    background: rgba(0, 0, 0, 0.7);
    color: #fff; }
    .darkHeader .siteHeader .headerLogo {
      background-image: url("../images/printNinjaLogoWhite.png"); }
  .darkHeader--transparent .siteHeader {
    background: none;
    border-bottom: 1px solid rgba(236, 236, 237, 0.19); }
  .whiteHeader .siteHeader {
    box-shadow: 0 1px 1px rgba(213, 213, 215, 0.5);
    color: #343448;
    background: #fff; }
  @media (min-width: 992px) {
    .siteHeader .hamburger {
      display: none; } }
  @media (max-width: 991px) {
    .siteHeader .siteNav ul {
      display: none; }
    .siteHeader .siteNavMiscActions {
      display: none; }
    .siteHeader .siteHeader__cols > * + * {
      margin-top: 0; } }

.headerLogo {
  width: 122px;
  height: 28px;
  background: url("../images/printNinjaLogoBlack.png") 0 0 no-repeat;
  background-size: contain;
  display: inline-block;
  margin-right: 48px; }

.siteNav {
  display: flex;
  align-items: center; }
  @media (min-width: 992px) {
    .siteNav > ul {
      display: flex;
      align-items: stretch;
      align-self: stretch; }
      .siteNav > ul li {
        display: flex;
        align-items: stretch; }
      .siteNav > ul > li + li {
        margin-left: 30px; } }
  .siteNav > ul > li > a {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
    position: relative; }
    .siteNav > ul > li > a:before {
      position: absolute;
      top: 50%;
      right: 0;
      left: 0;
      transform: translate(0, 24px);
      display: none;
      content: "";
      height: 3px;
      background-color: #240298; }
  @media (min-width: 992px) {
    .siteNav > ul > li:hover > a {
      color: #240298; }
      .siteNav > ul > li:hover > a:before {
        display: block; } }

.headerSearchIcon {
  fill: currentColor;
  display: block;
  width: 15px; }

@media (max-width: 991px) {
  .siteNavMiscActions ul > li + li {
    margin-top: 15px; } }
@media (min-width: 992px) {
  .siteNavMiscActions ul {
    display: flex;
    align-items: center; }
    .siteNavMiscActions ul > li + li {
      margin-left: 19px; } }

@media (min-width: 992px) {
  .overlayPanel {
    display: none; } }
.overlayPanel .headerLogo {
  display: none; }
.overlayPanel .siteHeader__cols {
  height: auto; }
.overlayPanel .container {
  padding-top: 84px;
  padding-bottom: 24px; }
@media (max-width: 991px) {
  .overlayPanel .siteHeader__cols {
    display: block; }
  .overlayPanel .siteNav {
    display: block; }
    .overlayPanel .siteNav > ul {
      margin-top: 15px; }
      .overlayPanel .siteNav > ul > li + li {
        margin-top: 15px; } }
.overlayPanel .hamburger {
  display: none; }

body.calculatorPage .siteHeader,
body.calculatorPage .siteFooter,
body.fulfillment .siteHeader,
body.fulfillment .siteFooter {
  display: none; }
body.calculatorPage .headerLogo,
body.fulfillment .headerLogo {
  background-image: url("../images/printNinjaLogoWhite.png");
  display: block; }

body.calculatorPage .simpleHeader--calculator {
  display: block; }

body.fulfillment .simpleHeader--fulfillment {
  display: block; }

.simpleHeader {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  display: none;
  background-color: #343448; }
  .simpleHeader__cols {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .simpleHeader__cancel {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff; }
  .simpleHeader__miscText {
    font-size: 16px; }
    @media (max-width: 767px) {
      .simpleHeader__miscText {
        font-size: 13px; } }
    @media (min-width: 768px) {
      .simpleHeader__miscText {
        display: flex;
        align-items: center;
        justify-content: flex-end; }
        .simpleHeader__miscText > * + * {
          margin-left: 33px; } }
  .simpleHeader--fulfillment .headerLogo {
    margin-right: 5px;
    width: 100px;
    height: 22px; }

.siteFooter {
  overflow: hidden;
  background-color: #242733;
  padding: 55px 0;
  position: relative;
  z-index: 2; }
  .siteFooter__headerRow {
    margin: 0 0 70px; }
    @media (min-width: 768px) {
      .siteFooter__headerRow {
        display: flex; } }
    .siteFooter__headerRow .socialCol {
      flex: 1; }
      @media (max-width: 767px) {
        .siteFooter__headerRow .socialCol {
          margin-top: 24px; } }
      @media (min-width: 768px) {
        .siteFooter__headerRow .socialCol {
          text-align: center; } }
      .siteFooter__headerRow .socialCol__inner {
        display: inline-block;
        vertical-align: top; }
  @media (min-width: 768px) {
    .siteFooter__navRow {
      display: flex; }
      .siteFooter__navRow > * {
        max-width: 200px; } }
  @media (max-width: 1198px) {
    .siteFooter__navRow {
      flex-wrap: wrap;
      margin: -12px -24px; }
      .siteFooter__navRow > * {
        padding: 12px 24px; } }
  @media (min-width: 1199px) {
    .siteFooter__navRow {
      justify-content: space-between;
      margin: 0 -12px; }
      .siteFooter__navRow > * {
        padding: 0 12px; } }
  .siteFooter__navRow ul {
    font-size: 14px;
    color: #e4e4e4; }
    .siteFooter__navRow ul a:hover {
      text-decoration: underline; }
    .siteFooter__navRow ul li + li {
      margin-top: 15px; }
  .siteFooter__copyRow {
    border-top: solid 1px #4a4949; }
    @media (max-width: 767px) {
      .siteFooter__copyRow {
        margin: 30px 0 0;
        padding: 30px 0 0; } }
    @media (min-width: 768px) {
      .siteFooter__copyRow {
        margin: 130px 0 0;
        padding-top: 50px; } }
    @media (min-width: 768px) {
      .siteFooter__copyRow > * + * {
        margin-left: 30px; } }
    @media (max-width: 767px) {
      .siteFooter__copyRow > * + * {
        margin-top: 30px; } }
    @media (min-width: 768px) {
      .siteFooter__copyRow {
        display: flex; } }

.footerLogo {
  width: 234px; }
  @media (max-width: 767px) {
    .footerLogo {
      margin: 0 0 15px; } }

@media (min-width: 768px) {
  .contactCol {
    margin-left: 50px; } }

.siteFooterHeader {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap; }
  .siteFooterHeader + .siteFooterHeader {
    margin-top: 30px; }

.footerSocialLinks {
  margin-top: 15px;
  font-size: 0;
  text-align: left; }
  .footerSocialLinks > li {
    display: inline-block;
    vertical-align: middle; }
    .footerSocialLinks > li + li {
      margin-left: 15px; }
  .footerSocialLinks svg {
    fill: rgba(216, 216, 216, 0.68);
    height: 22px; }
  .footerSocialLinks .icon-facebook {
    width: 11px; }
  .footerSocialLinks .icon-twitter {
    width: 22px; }

.largeDl {
  font-size: 16px;
  overflow: hidden; }
  .largeDl dt, .largeDl dd {
    float: left;
    padding-top: 15px; }
  .largeDl dt {
    clear: left;
    padding-right: 4px;
    font-weight: bold; }
  .largeDl dt:first-child,
  .largeDl dd:nth-child(2) {
    padding-top: 0; }

.legalBlock {
  opacity: 0.68;
  font-size: 12px; }
  .legalBlock__copy {
    margin: 0 0 15px;
    font-weight: bold; }

.miscLink {
  opacity: 0.68;
  font-size: 12px;
  text-decoration: underline; }

.pageBanner {
  color: #fff;
  position: relative;
  background: #343448; }
  .pageBanner .container {
    display: flex; }
  .pageBanner__centeredText {
    padding: 50px 0;
    max-width: 740px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center; }
    .pageBanner__centeredText > * {
      width: 100%; }
    @media (min-width: 768px) and (max-width: 991px) {
      .pageBanner__centeredText {
        min-height: 400px; } }
    @media (min-width: 992px) {
      .pageBanner__centeredText {
        min-height: 696px; } }
    .pageBanner__centeredText p.lead {
      margin-top: 15px;
      font-size: 21px;
      color: #babbc5; }
    @media (min-width: 768px) {
      .pageBanner__centeredText .breadcrumbs {
        position: absolute; } }
  .pageBanner__bgImage {
    z-index: 1; }
  .pageBanner .container {
    position: relative;
    z-index: 2; }
  .pageBanner .imageProseRow__textCol:last-child {
    display: flex;
    justify-content: flex-end; }
  .pageBanner .imageProseRow__textCol__inner {
    padding: 24px 0; }
    @media (min-width: 768px) and (max-width: 991px) {
      .pageBanner .imageProseRow__textCol__inner {
        width: 400px; } }
    @media (min-width: 992px) {
      .pageBanner .imageProseRow__textCol__inner {
        width: 500px; } }
  @media (min-width: 1400px) {
    .pageBanner .imageProseRow {
      min-height: 650px; } }
  .pageBanner .imageProseRow__imgCol {
    align-self: flex-end;
    flex: 1 0 0; }
    @media (max-width: 767px) {
      .pageBanner .imageProseRow__imgCol {
        display: inline-block;
        width: 100%; } }
    .pageBanner .imageProseRow__imgCol--shiftDown {
      max-width: 800px; }
      @media (max-width: 767px) {
        .pageBanner .imageProseRow__imgCol--shiftDown {
          padding-top: 20px;
          margin-bottom: -48px; } }
      @media (min-width: 768px) {
        .pageBanner .imageProseRow__imgCol--shiftDown {
          padding-top: 60px;
          margin-bottom: -117px; } }
  .pageBanner--centerImage .imageProseRow__imgCol {
    align-self: center;
    padding: 0 0 24px; }
    @media (min-width: 768px) {
      .pageBanner--centerImage .imageProseRow__imgCol {
        padding-top: 24px; } }
  .pageBanner--tintDark .pageBanner__bgImage:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0.7;
    background-image: linear-gradient(-180deg, #9e008a 0%, #d8d8d8 100%); }
  .pageBanner--tintDark .pageBanner__bgImage:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: rgba(17, 17, 29, 0.87); }
  .pageBanner--darkFadeTop .pageBanner__bgImage:before {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 50%;
    background-image: linear-gradient(0deg, transparent 0%, #343448 100%); }
  .pageBanner--tinted .pageBanner__bgImage:after {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.53;
    background: #343448; }
  .pageBanner--compact .container {
    display: block; }
  .pageBanner--compact .pageBanner__centeredText {
    min-height: 0; }

.videoWrap {
  box-shadow: 0 10px 38px 0 rgba(82, 82, 99, 0.39);
  position: relative;
  display: block; }
  .videoWrap img {
    display: block;
    width: 100%;
    height: auto; }
  .videoWrap:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%); }
  .videoWrap:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    content: "";
    display: block;
    height: 87px;
    width: 87px;
    background: url('data:image/svg+xml,<svg fill="#fff" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M16 32c-8.837 0-16-7.163-16-16s7.163-16 16-16c8.837 0 16 7.163 16 16s-7.163 16-16 16zM16 31.281c8.439 0 15.281-6.841 15.281-15.281s-6.841-15.281-15.281-15.281c-8.439 0-15.281 6.841-15.281 15.281s6.841 15.281 15.281 15.281z"></path><path d="M24.090 16.539l-12.944 6.472v-12.944z"></path></svg>') center center no-repeat;
    background-size: contain; }

@media (min-width: 768px) {
  .promptSection {
    padding: 115px 0 95px; } }

.sectionLeaderText {
  text-align: center;
  margin-bottom: 70px; }
  .sectionLeaderText--long {
    text-align: left;
    max-width: 930px;
    margin-right: auto;
    margin-left: auto; }
    .sectionLeaderText--long h1, .sectionLeaderText--long h2, .sectionLeaderText--long h3, .sectionLeaderText--long h4, .sectionLeaderText--long h5, .sectionLeaderText--long h6 {
      text-align: center; }
  .sectionLeaderText--compact p {
    max-width: 740px;
    margin-right: auto;
    margin-left: auto; }

.categoriesGrid {
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 767px) {
    .categoriesGrid {
      margin: -24px -12px; }
      .categoriesGrid > * {
        min-width: 100%;
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
      .categoriesGrid > * {
        padding: 24px 12px; } }
  @media (min-width: 768px) {
    .categoriesGrid {
      margin: -48px -12px; }
      .categoriesGrid > * {
        padding: 48px 12px; }
      .categoriesGrid > * {
        min-width: 25%;
        max-width: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%; } }
  @media (min-width: 768px) {
    .categoriesGrid--6col {
      margin: -24px -12px; }
      .categoriesGrid--6col > * {
        padding: 24px 12px; }
      .categoriesGrid--6col > * {
        min-width: 33.33333%;
        max-width: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%; } }
  @media (min-width: 992px) {
    .categoriesGrid--6col {
      margin: -24px -12px; }
      .categoriesGrid--6col > * {
        padding: 24px 12px; }
      .categoriesGrid--6col > * {
        min-width: 16.66667%;
        max-width: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%; }
      .categoriesGrid--6col .categoriesGridItem__title {
        font-size: 16px;
        color: #525263; } }
  .categoriesGrid--tiny {
    margin: -18px -12px; }
    .categoriesGrid--tiny > * {
      padding: 18px 12px; }
    @media (max-width: 767px) {
      .categoriesGrid--tiny > * {
        min-width: 50%;
        max-width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%; } }
    @media (min-width: 768px) {
      .categoriesGrid--tiny > * {
        min-width: 25%;
        max-width: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%; } }
    .categoriesGrid--tiny .categoriesGridItem {
      max-width: 120px;
      margin: auto; }
    .categoriesGrid--tiny .categoriesGridItem__title {
      margin-top: 10px;
      font-size: 14px;
      line-height: 1.14;
      color: #343448;
      text-align: center; }
  .categoriesGrid--large {
    margin: -20px -14.5px; }
    .categoriesGrid--large > * {
      padding: 20px 14.5px; }
    @media (max-width: 767px) {
      .categoriesGrid--large > * {
        min-width: 100%;
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%; } }
    @media (min-width: 768px) {
      .categoriesGrid--large > * {
        min-width: 33.33333%;
        max-width: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%; } }
    .categoriesGrid--large .categoriesGridItem__title {
      margin-top: 20px;
      font-size: 14px;
      line-height: 1.14;
      color: #343448;
      text-align: center; }

.categoriesGridItem {
  display: block;
  position: relative; }
  .categoriesGridItem img {
    display: block;
    width: 100%;
    height: auto; }
  .categoriesGridItem__title {
    margin-top: 15px;
    font-size: 18px;
    color: #525263; }
  .categoriesGridItem .newSticker {
    position: absolute;
    top: -15px;
    right: -15px; }

.detailedCategoryGridItem__title {
  margin: 18px 0 9px;
  color: #343448;
  font-size: 18px;
  font-weight: 600; }
.detailedCategoryGridItem__link {
  margin-top: 30px;
  display: inline-block;
  font-size: 14px; }

@media (min-width: 768px) {
  .quoteSliderSection .imageBleedSection__image {
    margin-bottom: -120px; } }

.darkBg {
  color: #fff; }
  .darkBg .prose h1, .darkBg .prose h2, .darkBg .prose h3, .darkBg .prose h4, .darkBg .prose h5, .darkBg .prose h6, .darkBg .proseWrap h1, .darkBg .proseWrap h2, .darkBg .proseWrap h3, .darkBg .proseWrap h4, .darkBg .proseWrap h5, .darkBg .proseWrap h6 {
    color: inherit; }
  .darkBg p.lead {
    color: #babbc5; }
  .darkBg .textLink, .darkBg .proseWrap a:not([class]), .proseWrap .darkBg a:not([class]), .darkBg .infoBlock a, .infoBlock .darkBg a, .darkBg .softwareLink {
    color: inherit;
    font-weight: 400; }

@media (min-width: 992px) {
  .quoteSliderSectionCols {
    display: flex;
    align-items: center; }
    .quoteSliderSectionCols__image {
      flex: 1; }
    .quoteSliderSectionCols__slider {
      width: 700px;
      padding: 24px 0 24px 30px; } }
@media (max-width: 991px) {
  .quoteSliderSectionCols {
    display: inline-block;
    width: 100%; }
    .quoteSliderSectionCols__image {
      max-width: 500px; }
    .quoteSliderSectionCols__slider {
      padding: 24px 0; }
    .quoteSliderSectionCols .quoteSlider:before {
      left: 50%;
      transform: translate(-50%, 0); } }

.quote__body {
  font-size: 1.6875rem;
  font-weight: 300;
  line-height: 1.37; }
  @media (max-width: 767px) {
    .quote__body {
      font-size: 1.125rem; } }
.quote__footer {
  margin-top: 30px;
  display: flex;
  align-items: center; }
.quote__source {
  flex: 1;
  padding-left: 20px; }
.quote__name {
  font-size: 14px;
  font-weight: 600; }
.quote__nameSub {
  margin-top: 4px;
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.8px;
  opacity: 0.8; }
.quote__image img {
  display: block;
  height: 60px;
  width: 60px;
  border-radius: 50%; }

@media (min-width: 768px) {
  .basicSlider {
    padding: 0 80px; } }
@media (max-width: 767px) {
  .basicSlider {
    padding: 0 40px;
    margin-right: -14px;
    margin-left: -14px; } }
.basicSlider .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 23px;
  height: 45px;
  background: url("data:image/svg+xml,%3csvg fill='%23fff' version='1.1' xmlns='http://www.w3.org/2000/svg' width='560' height='1024' viewBox='0 0 560 1024'%3e%3cpath d='M493.937 512l-485.186 474.639c-8.601 8.414-8.753 22.209-0.339 30.81s22.209 8.753 30.81 0.339l501.106-490.213c8.735-8.545 8.735-22.603 0-31.149l-501.106-490.213c-8.601-8.414-22.396-8.263-30.81 0.339s-8.263 22.396 0.339 30.81l485.186 474.639z'%3e%3c/path%3e%3c/svg%3e") center center no-repeat;
  background-size: contain;
  font-size: 0;
  opacity: 0.74; }
  .basicSlider .slick-arrow.slick-prev {
    transform: rotate(180deg) translate(0, 50%);
    left: 0; }
  .basicSlider .slick-arrow.slick-next {
    right: 0; }
  .basicSlider .slick-arrow[disabled] {
    opacity: 0.19; }
.basicSlider--bottomNav {
  padding: 0 0 13px; }
  .basicSlider--bottomNav .slick-dots {
    margin-top: 30px; }
    .basicSlider--bottomNav .slick-dots li {
      height: 13px;
      width: 13px; }
  .basicSlider--bottomNav .slick-arrow {
    top: auto;
    height: 42px;
    bottom: 0;
    transform: none; }
    .basicSlider--bottomNav .slick-arrow.slick-prev {
      transform: rotate(180deg); }

.slick-dots {
  margin-top: 20px;
  font-size: 0;
  text-align: center; }
  .slick-dots li {
    display: inline-block;
    margin: 0 5px; }
    .slick-dots li.slick-active button {
      opacity: 1; }
    .slick-dots li button {
      color: inherit;
      cursor: pointer;
      padding: 0;
      margin: 0;
      font-size: 0;
      border-radius: 50%;
      background: currentColor;
      height: 8px;
      width: 8px;
      opacity: 0.5; }

.quoteSlider {
  padding-top: 90px; }
  .quoteSlider:before {
    font-weight: 400;
    font-size: 162px;
    opacity: 0.1;
    letter-spacing: 0;
    line-height: 77px;
    position: relative;
    height: 50px;
    position: absolute;
    top: 23px;
    content: "\201C"; }

.quoteSliderSectionCols__image {
  min-width: 0;
  min-height: 0; }

.smallBlurbsGroup__header {
  margin: 0 0 50px; }
.smallBlurbsGroup__grid {
  display: flex;
  flex-wrap: wrap;
  margin: -24px -12px; }
  .smallBlurbsGroup__grid > * {
    padding: 24px 12px; }
  @media (min-width: 768px) {
    .smallBlurbsGroup__grid > * {
      min-width: 50%;
      max-width: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%; } }
  @media (max-width: 767px) {
    .smallBlurbsGroup__grid > * {
      min-width: 100%;
      max-width: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%; } }
.smallBlurbsGroup__footer {
  margin: 50px 0 0;
  text-align: center; }

.smallBlurb__header {
  margin: 0 0 15px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.39;
  color: #240298; }
.smallBlurb__footerlink {
  margin-top: 10px;
  font-size: 14px;
  color: #232631;
  text-decoration: underline; }

.trustedPilot {
  margin: 10px 0;
  white-space: nowrap; }
  .trustedPilot > * {
    vertical-align: middle;
    display: inline-block; }
  .trustedPilot__logo {
    width: 93px;
    margin-right: 5px; }

.stars {
  display: inline-block;
  font-size: 0;
  white-space: nowrap; }
  .stars span {
    background: url('data:image/svg+xml,<svg version="1.1" fill="#F3C520" xmlns="http://www.w3.org/2000/svg" width="1088" height="1024" viewBox="0 0 1088 1024"><path d="M544 816l-319.755 168.105 61.068-356.053-258.687-252.158 357.497-51.947 159.878-323.947 159.878 323.947 357.497 51.947-258.687 252.158 61.068 356.053z"></path></svg>') center center no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: top;
    height: 16px;
    width: 16px; }
    .stars span + span {
      margin-left: 3px; }
  .stars--large span {
    height: 20px;
    width: 20px; }

.stack--imageProseRows > * + * {
  margin-top: 50px; }
.stack--imageProseRowsBump > * + * {
  margin-top: 100px; }

@media (min-width: 768px) {
  .mergedImageProseRows .imageProseRow:first-child .imageProseRow__textCol {
    align-self: flex-end; }
  .mergedImageProseRows .imageProseRow:first-child .imageProseRow__textCol {
    padding-bottom: 250px; }
  .mergedImageProseRows .imageProseRow:nth-child(2) .imageProseRow__imgCol {
    margin-top: -250px; } }
@media (max-width: 767px) {
  .mergedImageProseRows > * + * {
    margin-top: 50px; } }

.imageDivider img {
  display: block;
  width: 100%;
  height: auto; }

.centeredSectionheader {
  margin: 0 0 30px;
  text-align: center;
  font-size: 1.75rem;
  font-weight: 600;
  color: #343448;
  padding: 0 24px; }
  @media (max-width: 767px) {
    .centeredSectionheader {
      font-size: 1.375rem; } }
  .centeredSectionheader span {
    display: inline-block;
    padding-bottom: 12px;
    border-bottom: solid 1px rgba(151, 151, 151, 0.17); }

.kickstarterSticker {
  position: absolute;
  top: -24px;
  right: -24px;
  z-index: 1;
  width: 103px;
  transition-duration: 0.3s;
  max-width: 24%; }

.sampleSlide {
  position: relative;
  padding: 30px 12px 0; }
  @media (max-width: 767px) {
    .sampleSlide {
      padding-right: 5px;
      padding-left: 5px; } }
  .sampleSlide__caption {
    margin: 32px 0 0;
    opacity: 0;
    transition-duration: 0.3s; }
  .sampleSlide__image {
    background-color: #afafaf; }
    .sampleSlide__image img {
      opacity: 0.3;
      transition-duration: 0.3s; }
  .sampleSlide__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.39;
    color: #343448; }
  .sampleSlide__author {
    font-size: 16px;
    line-height: 1.25;
    color: #535364; }
  .sampleSlide .kickstarterSticker {
    opacity: 0;
    top: 0;
    right: -15px; }
  .sampleSlide.slick-current .sampleSlide__image img {
    opacity: 1; }
  .sampleSlide.slick-current .sampleSlide__sticker,
  .sampleSlide.slick-current .sampleSlide__caption {
    opacity: 1; }

.sectionButtonPrompt {
  margin-top: 48px;
  text-align: center; }
  @media (min-width: 768px) {
    .sectionButtonPrompt {
      margin-top: 80px; } }

.centeredImagesSlider .slick-arrow {
  position: absolute;
  top: 45%;
  transform: translate(0, -50%);
  z-index: 2;
  height: 60px;
  width: 60px;
  background: url("data:image/svg+xml,%3csvg fill='%23fff' version='1.1' xmlns='http://www.w3.org/2000/svg' width='1024' height='1024' viewBox='0 0 1024 1024'%3e%3cpath d='M512 1024c-282.77 0-512-229.23-512-512s229.23-512 512-512c282.77 0 512 229.23 512 512s-229.23 512-512 512zM512 990.968c264.527 0 478.968-214.441 478.968-478.968s-214.441-478.968-478.968-478.968c-264.527 0-478.968 214.441-478.968 478.968s214.441 478.968 478.968 478.968z'%3e%3c/path%3e%3cpath d='M688.584 484.063l-238.050-231.353c-3.407-3.307-7.327-4.968-11.751-4.968-4.426 0-8.345 1.661-11.75 4.968l-25.537 24.825c-3.41 3.309-5.108 7.11-5.108 11.42s1.698 8.11 5.108 11.42l200.754 195.115-200.754 195.118c-3.41 3.309-5.108 7.117-5.108 11.414 0 4.307 1.698 8.116 5.108 11.425l25.539 24.816c3.405 3.313 7.323 4.963 11.75 4.963 4.425 0 8.343-1.654 11.75-4.963l238.038-231.354c3.403-3.307 5.106-7.117 5.106-11.42s-1.691-8.11-5.094-11.427z'%3e%3c/path%3e%3c/svg%3e") center center no-repeat;
  background-size: contain;
  font-size: 0; }
  .centeredImagesSlider .slick-arrow.slick-prev {
    left: 16%; }
  .centeredImagesSlider .slick-arrow.slick-next {
    right: 16%; }
  .centeredImagesSlider .slick-arrow.slick-prev {
    transform: rotate(180deg) translate(0, 50%); }

@media (min-width: 768px) {
  .halfColsSection {
    display: flex; }
    .halfColsSection > * {
      width: 50%; } }
@media (max-width: 767px) {
  .halfColsSection__imgCol img {
    display: block;
    width: 100%;
    position: static; } }
.halfColsSection__textCol {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px; }
  @media (min-width: 768px) {
    .halfColsSection__textCol {
      padding: 50px; } }
@media (min-width: 768px) {
  .halfColsSection--minHeight--tall > * {
    min-height: 664px; }
  .halfColsSection--minHeight--tall .prose {
    max-width: 450px; }
  .halfColsSection--minHeight--short > * {
    min-height: 357px; }
  .halfColsSection--minHeight--short .prose {
    max-width: 515px; } }

.smallSectionHeader {
  margin: 0 0 40px;
  max-width: 646px; }
  .smallSectionHeader__title {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.29; }
  .smallSectionHeader__lead {
    margin: 18px 0 0; }

.categoryGroup + .categoryGroup {
  margin-top: 80px; }
  @media (min-width: 768px) {
    .categoryGroup + .categoryGroup {
      margin-top: 148px; } }

.largeSectionHeader {
  margin: 0 0 68px;
  text-align: center; }
  .largeSectionHeader__lead {
    max-width: 680px;
    margin: 28px auto 0; }

.panel {
  margin: 50px 0 0;
  border: solid 7px #f8f8f8;
  padding: 24px;
  text-align: center;
  font-size: 15px;
  line-height: 1.6; }
  @media (min-width: 768px) {
    .panel {
      margin: 89px 0 0; } }
  @media (min-width: 768px) {
    .panel {
      padding: 34px; } }
  .panel > * {
    margin-right: auto;
    margin-left: auto;
    max-width: 464px; }

.pageLead {
  text-align: center; }
  .pageLead__title {
    margin: 0 0 15px; }

.infoBlock {
  background-color: #f7f7f8;
  border: solid 1px #e8e8eb;
  position: relative;
  font-size: 12px;
  line-height: 1.5;
  color: #707081;
  padding: 15px 15px 15px 50px;
  /*max-width: 568px; */
}
  .infoBlock strong {
    color: #343448; }
  .infoBlock:before {
    top: 15px;
    left: 50px; }
  .infoBlock strong {
    font-size: 14px; }
  .infoBlock:before {
    content: "";
    display: block;
    position: absolute;
    height: 17px;
    width: 17px;
    transform: translate(-100%, 0);
    margin-left: -15px;
    margin-top: 1px;
    background: url("data:image/svg+xml,%3csvg fill='%23343434' version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3e%3cpath d='M16 32c-8.822 0-16-7.176-16-16 0-8.821 7.178-16 16-16s16 7.178 16 16c0 8.824-7.178 16-16 16zM16 3.2c-7.058 0-12.8 5.742-12.8 12.8s5.742 12.8 12.8 12.8c7.058 0 12.8-5.742 12.8-12.8s-5.742-12.8-12.8-12.8z'%3e%3c/path%3e%3cpath d='M17.6 20.8v-6.4c0-0.883-0.715-1.6-1.6-1.6h-3.2v3.2h1.6v4.8h-3.2v3.2h9.6v-3.2h-3.2z'%3e%3c/path%3e%3cpath d='M18.286 9.6c0 1.262-1.023 2.286-2.286 2.286s-2.286-1.023-2.286-2.286c0-1.262 1.023-2.286 2.286-2.286s2.286 1.023 2.286 2.286z'%3e%3c/path%3e%3c/svg%3e") center center no-repeat;
    background-size: contain; }

.prose a.arrowLink {
  text-decoration: none; }

.arrowLink {
  padding: 0 20px 0 0;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  color: #343448;
  position: relative; }
  .arrowLink--arrowLeft {
    padding: 0 0 0 20px; }
  .arrowLink:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    height: 11px;
    width: 10px;
    background: url("data:image/svg+xml,%3csvg fill='%23343448' version='1.1' xmlns='http://www.w3.org/2000/svg' width='19' height='32' viewBox='0 0 19 32'%3e%3cpath d='M11.475 16l-10.537 10.537c-1.25 1.25-1.25 3.276 0 4.525s3.276 1.25 4.525 0l12.8-12.8c1.25-1.25 1.25-3.276 0-4.525l-12.8-12.8c-1.25-1.25-3.276-1.25-4.525 0s-1.25 3.276 0 4.525l10.537 10.537z'%3e%3c/path%3e%3c/svg%3e") center center no-repeat;
    background-size: contain; }
  .arrowLink--arrowLeft:after {
    right: auto;
    left: 0;
    transform: rotate(180deg) translate(0, 50%); }
  .arrowLink--white:after {
    background: url("data:image/svg+xml,%3csvg fill='%23fff' version='1.1' xmlns='http://www.w3.org/2000/svg' width='19' height='32' viewBox='0 0 19 32'%3e%3cpath d='M11.475 16l-10.537 10.537c-1.25 1.25-1.25 3.276 0 4.525s3.276 1.25 4.525 0l12.8-12.8c1.25-1.25 1.25-3.276 0-4.525l-12.8-12.8c-1.25-1.25-3.276-1.25-4.525 0s-1.25 3.276 0 4.525l10.537 10.537z'%3e%3c/path%3e%3c/svg%3e") center center no-repeat;
    background-size: contain; }

.proseNum {
  position: relative; }
  .proseNum .small {
    display: block;
    border-radius: 50%;
    height: 29px;
    width: 29px;
    line-height: 27px;
    text-align: center;
    border: solid 1px currentColor;
    font-size: 21px;
    color: #3300a1; }
  .proseNum .big {
    margin: 0;
    z-index: -1;
    position: absolute;
    top: 22px;
    left: -107px;
    font-size: 310px;
    color: #F6F6F6;
    line-height: 47px; }
    @media (max-width: 1399px) {
      .proseNum .big {
        left: 0;
        top: 76px; } }

.footerNote {
  margin: 50px 0 0;
  font-size: 12px; }

.pageLeader {
  margin-bottom: 48px;
  text-align: center; }
  .pageLeader .pageLeaderText + * {
    margin-top: 48px; }
  .pageLeader .pageLeaderText ~ * {
    max-width: 645px;
    margin-right: auto;
    margin-left: auto; }
  .pageLeader + .proseWrap {
    padding-top: 48px;
    border-top: 1px solid rgba(151, 151, 151, 0.31); }

.pageLeaderText {
  font-size: 29px;
  line-height: 1.86;
  text-align: center;
  max-width: 998px;
  margin: auto; }
  @media (max-width: 767px) {
    .pageLeaderText {
      font-size: 18px; } }

dl.proseStyle {
  overflow: hidden; }
  dl.proseStyle * + * {
    margin: 0; }
  dl.proseStyle dt, dl.proseStyle dd {
    float: left; }
  dl.proseStyle dd:before {
    content: "\00a0"; }
  dl.proseStyle dt {
    clear: left; }

.turnaroundTimeSection {
  position: relative;
  overflow: hidden;
  padding: 20px 0 60px; }
  @media (min-width: 768px) {
    .turnaroundTimeSection {
      padding: 80px 0; } }
  @media (max-width: 767px) {
    .turnaroundTimeSection__img {
      margin: 0 10px; } }
  @media (min-width: 768px) {
    .turnaroundTimeSection__img {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: flex;
      align-items: center; } }
  .turnaroundTimeSection__img:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    background: rgba(26, 26, 36, 0.8); }
  .turnaroundTimeSection__img img {
    display: block;
    width: 100%; }
    @media (max-width: 767px) {
      .turnaroundTimeSection__img img {
        height: auto; } }
    @media (min-width: 768px) {
      .turnaroundTimeSection__img img {
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center center;
        object-position: center center;
        font-family: "object-fit: contain; object-position: center center";
        height: 100%;
        margin-left: -20%; } }
  .turnaroundTimeSection__textCols {
    position: relative;
    z-index: 2; }
    @media (min-width: 768px) {
      .turnaroundTimeSection__textCols {
        display: flex;
        align-items: stretch;
        display: flex;
        flex-wrap: wrap;
        margin-right: -25px;
        margin-left: -25px; }
        .turnaroundTimeSection__textCols > * {
          padding-right: 25px;
          padding-left: 25px; }
        .turnaroundTimeSection__textCols > * {
          flex: 1; }
          .turnaroundTimeSection__textCols > * + * {
            border-left: solid 1px rgba(246, 246, 246, 0.1); } }
    @media (max-width: 767px) {
      .turnaroundTimeSection__textCols > * + * {
        margin-top: 25px;
        padding-top: 25px;
        border-top: solid 1px rgba(246, 246, 246, 0.1); } }
  .turnaroundTimeSection .prose {
    max-width: 460px; }
    @media (min-width: 992px) {
      .turnaroundTimeSection .prose {
        margin-right: 80px; } }

@media (min-width: 768px) {
  .turnaroundTimeInfoCols {
    display: flex;
    margin-right: -15px;
    margin-left: -15px; }
    .turnaroundTimeInfoCols > * {
      padding-right: 15px;
      padding-left: 15px; }
    .turnaroundTimeInfoCols > * {
      flex: 1; } }
@media (max-width: 767px) {
  .turnaroundTimeInfoCols > * + * {
    margin-top: 25px; } }

.infoColumn__header {
  margin: 0 0 12px;
  font-size: 20px;
  font-weight: 600; }
.infoColumn__dlList dt {
  font-size: 17px;
  display: block; }
.infoColumn__dlList dd {
  display: block;
  font-size: 14px;
  line-height: 1.43; }
  .infoColumn__dlList dd strong {
    font-weight: 600; }
  .infoColumn__dlList dd + dt {
    margin-top: 10px; }

.bgImageTextBanner {
  text-align: center;
  position: relative; }
  .bgImageTextBanner__img {
    z-index: 1; }
  .bgImageTextBanner__text {
    max-width: 720px;
    margin: 0 auto;
    position: relative;
    z-index: 2; }

.reviewsInfo > * + * {
  margin-top: 30px; }
.reviewsInfo__header {
  font-size: 30px;
  font-weight: bold; }
.reviewsInfo__lead {
  font-size: 18px;
  line-height: 1.44; }

.starsSubtext {
  margin: 8px 0 0;
  font-size: 12px; }

.trustpilotBadge {
  text-align: center; }
  .trustpilotBadge__text {
    margin: 0 0 10px;
    font-size: 14px; }

.smallImagesRow {
  max-width: 927px;
  margin: 0 auto 60px; }
  .smallImagesRow img {
    display: block;
    width: 100%;
    height: auto; }
  .smallImagesRow .inner {
    display: flex; }
    @media (max-width: 767px) {
      .smallImagesRow .inner {
        flex-wrap: wrap;
        margin: -6px -6px; }
        .smallImagesRow .inner > * {
          padding: 6px 6px; }
        .smallImagesRow .inner > * {
          width: 50%; } }
    @media (min-width: 768px) {
      .smallImagesRow .inner {
        margin: -30px -30px; }
        .smallImagesRow .inner > * {
          padding: 30px 30px; } }
  .smallImagesRow > div {
    flex: 1; }

.printingTracker {
  padding: 60px 0;
  background-color: #f6f6f6; }

.printingTrackerCols {
  max-width: 925px;
  margin: 0 auto; }
  @media (min-width: 768px) {
    .printingTrackerCols {
      display: flex;
      align-items: center; } }
  .printingTrackerCols__info {
    font-size: 16px;
    line-height: 1.44;
    flex: 1; }
    .printingTrackerCols__info > * + * {
      margin-top: 1.5em; }
  @media (max-width: 767px) {
    .printingTrackerCols__tracker {
      margin-top: 48px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .printingTrackerCols__tracker {
      margin-left: 60px; } }
  @media (min-width: 992px) {
    .printingTrackerCols__tracker {
      margin-left: 120px; } }

.printTracker {
  text-align: center; }
  .printTracker__header {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.07;
    letter-spacing: 0.8px;
    color: #343448;
    text-transform: uppercase; }
  .printTracker__number {
    font-weight: 300;
    color: #29129f;
    font-size: 62px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .printTracker__number {
        font-size: 82px; } }
    @media (min-width: 992px) {
      .printTracker__number {
        font-size: 114px; } }
  .printTracker__label {
    font-size: 14px; }

.ourTeamSection {
  padding-top: 0; }
  @media (min-width: 992px) {
    .ourTeamSection {
      padding-top: 50px; } }

.ourTeamHeaderImage {
  margin: 0 0 43px; }
  .ourTeamHeaderImage img {
    display: block;
    width: 100%;
    height: auto; }

.peopleGrid {
  display: flex;
  flex-wrap: wrap; }
  @media (min-width: 992px) {
    .peopleGrid--col3 {
      margin: -40px -12px; }
      .peopleGrid--col3 > * {
        padding: 40px 12px; }
      .peopleGrid--col3 > * {
        min-width: 33.33333%;
        max-width: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%; } }
  @media (min-width: 992px) {
    .peopleGrid--col4 {
      margin: -25px -10.5px; }
      .peopleGrid--col4 > * {
        padding: 25px 10.5px; }
      .peopleGrid--col4 > * {
        min-width: 25%;
        max-width: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%; } }
  @media (max-width: 767px) {
    .peopleGrid--col4 > *, .peopleGrid--col3 > * {
      min-width: 100%;
      max-width: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%; } }
  @media (max-width: 991px) {
    .peopleGrid--col4, .peopleGrid--col3 {
      margin: -25px -10.5px; }
      .peopleGrid--col4 > *, .peopleGrid--col3 > * {
        padding: 25px 10.5px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .peopleGrid--col4 > *, .peopleGrid--col3 > * {
      min-width: 50%;
      max-width: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%; } }

.person__image {
  margin: 0 0 15px; }
  .peopleGrid--col3 .person__image {
    margin-bottom: 32px; }
  .person__image img {
    display: block;
    width: 100%;
    height: auto; }
.person__name {
  font-size: 20px;
  font-weight: 600;
  color: #343448; }
.person__title {
  margin: 4px 0 0;
  font-size: 16px; }
.person__about {
  margin: 21px 0 0;
  font-size: 14px;
  line-height: 1.43; }
  .peopleGrid--col3 .person__about {
    max-width: 266px; }
.person__links {
  margin-top: 26px; }
  .person__links li + li {
    margin-top: 8px; }

.personLink {
  display: flex;
  align-items: center; }
  .personLink .icon {
    display: block;
    fill: #3300a1;
    margin-right: 10px;
    width: 14px;
    height: 14px; }
  .personLink .text {
    flex: 1;
    font-size: 14px; }
  .personLink--email .text {
    text-decoration: underline; }

.calloutPerson {
  margin: 60px 0;
  background-color: #e9e6f5; }
  @media (min-width: 768px) {
    .calloutPerson {
      margin: 116px 0; } }
  @media (max-width: 767px) {
    .calloutPerson {
      padding: 24px 0; } }
  @media (min-width: 768px) {
    .calloutPerson__cols {
      display: flex;
      align-items: center; } }
  @media (max-width: 767px) {
    .calloutPerson__image {
      margin-bottom: 24px; } }
  @media (min-width: 768px) {
    .calloutPerson__image {
      width: 375px;
      margin-top: -20px;
      margin-bottom: -20px; } }
  @media (min-width: 1199px) {
    .calloutPerson__image {
      margin-left: -50px; } }
  .calloutPerson__image img {
    display: block;
    width: 100%;
    height: auto; }
  .calloutPerson__text {
    max-width: 500px;
    flex: 1; }
    @media (min-width: 768px) {
      .calloutPerson__text {
        padding: 24px 0; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .calloutPerson__text {
        margin-left: 24px; } }
    @media (min-width: 992px) {
      .calloutPerson__text {
        margin-left: 52px; } }

.getInTouch {
  background-color: #f3d7d9;
  color: #b70013;
  padding: 24px; }
  .getInTouch__cols {
    max-width: 760px;
    margin: 0 auto;
    min-height: 119px; }
    @media (min-width: 768px) {
      .getInTouch__cols > * + * {
        margin-left: 24px; } }
    @media (max-width: 767px) {
      .getInTouch__cols > * + * {
        margin-top: 24px; } }
    @media (min-width: 768px) {
      .getInTouch__cols {
        display: flex;
        align-items: center; } }
  .getInTouch__textCol {
    flex: 1; }
  .getInTouch__lead {
    margin: 10px 0 0; }

.alert {
  color: #343448;
  padding: 15px; }
  @media (min-width: 768px) {
    .alert {
      padding: 24px; } }
  .alert .container {
    padding: 0; }
  .alert svg {
    width: 21px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin: -4px 20px 0 0; }
  .alert--warning {
    background-color: #f7e6e7;
    border: 2px solid rgba(183, 0, 19, 0.1);
    border-width: 2px 0; }
    .alert--warning svg {
      fill: #f03a33; }
    .alert--warning strong {
      color: #f03a33; }
  .container .alert {
    border-width: 2px;
    border-radius: 3px;
    margin: 0 0 24px; }

@media (min-width: 768px) {
  .proseWithBookendImagesSection {
    display: flex;
    align-items: center; } }
@media (min-width: 768px) {
  .proseWithBookendImagesSection__imgLeft, .proseWithBookendImagesSection__imgRight {
    margin-top: -50px;
    margin-bottom: -50px; } }
@media (max-width: 767px) {
  .proseWithBookendImagesSection__imgLeft img, .proseWithBookendImagesSection__imgRight img {
    max-width: 50%;
    display: inline-block; } }
.proseWithBookendImagesSection__imgRight {
  text-align: right; }
.proseWithBookendImagesSection__prose {
  flex: 1; }
.proseWithBookendImagesSection .prose {
  min-width: 260px;
  max-width: 506px;
  margin: auto; }

@media (max-width: 767px) {
  .pogsSection {
    overflow: hidden;
    display: flex;
    flex-direction: column-reverse;
    padding-top: 0; }
    .pogsSection .proseWithBookendImagesSection__imgLeft {
      display: none; }
    .pogsSection .proseWithBookendImagesSection__imgRight {
      position: relative;
      padding-bottom: 52.1375%; }
      .pogsSection .proseWithBookendImagesSection__imgRight img {
        top: -115vw;
        transform: rotate(-90deg);
        position: absolute;
        right: 0;
        height: 100vw;
        width: auto !important;
        max-width: none;
        transform-origin: right bottom; } }

.newSticker {
  position: relative;
  display: inline-block;
  transform: rotate(-25deg) translate(10px, -15px); }
  .newSticker svg {
    fill: #240298;
    width: 53px;
    display: block; }
  .newSticker div {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -45%);
    font-size: 10px;
    font-weight: 600;
    line-height: 3.0;
    letter-spacing: 0.7px;
    color: #ffffff;
    text-transform: uppercase; }

.megaNavWrap.open .megaNav, .megaNavWrap:hover .megaNav {
  display: block; }

@media (min-width: 992px) {
  .megaNav {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    color: #525263; } }

@media (max-width: 991px) {
  .megaNavCols__aside__bottom {
    display: none; } }
@media (min-width: 992px) {
  .megaNavCols {
    background: #fff;
    display: flex;
    box-shadow: 0 4px 8px 2px rgba(0, 0, 0, 0.18);
    border: solid 1px #f9f9f9; }
    .megaNavCols__aside {
      width: 266px;
      display: flex;
      flex-direction: column;
      border-right: solid 1px #e8e8eb; }
      .megaNavCols__aside__top {
        background: #fff; }
      .megaNavCols__aside__bottom {
        padding-top: 34px;
        padding-bottom: 34px;
        padding-right: 26px;
        padding-left: 26px;
        border-top: solid 1px #e8e8eb;
        flex: 1 0 auto;
        background-color: #f7f7f8; }
    .megaNavCols__main {
      flex: 1; } }

@media (min-width: 992px) {
  .megaSubnavRespectivePanelItem,
  .megaSubnavDefaultPanel {
    padding: 30px 37px; } }

.megaSubnavRespectivePanelItem {
  display: none; }

@media (max-width: 991px) {
  .megaSubnavDefaultPanel {
    display: none !important; } }

@media (min-width: 992px) {
  .megaSubnav li {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.22;
    color: #343448;
    cursor: default;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-right: 26px;
    padding-left: 26px; }
    .megaSubnav li:hover, .megaSubnav li.open {
      color: #240298;
      background-color: #f1eff8; } }
@media (max-width: 991px) {
  .megaSubnav {
    margin-top: 10px; }
    .megaSubnav li {
      cursor: pointer;
      display: block;
      padding: 10px 20px 10px 15px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
      position: relative;
      font-size: 14px; }
      .megaSubnav li:before {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0, -50%);
        content: "";
        height: 10px;
        width: 10px;
        background: url("data:image/svg+xml,%3csvg fill='%23fff' version='1.1' xmlns='http://www.w3.org/2000/svg' width='19' height='32' viewBox='0 0 19 32'%3e%3cpath d='M11.475 16l-10.537 10.537c-1.25 1.25-1.25 3.276 0 4.525s3.276 1.25 4.525 0l12.8-12.8c1.25-1.25 1.25-3.276 0-4.525l-12.8-12.8c-1.25-1.25-3.276-1.25-4.525 0s-1.25 3.276 0 4.525l10.537 10.537z'%3e%3c/path%3e%3c/svg%3e") center center no-repeat;
        background-size: contain;
        opacity: 0.5; } }

@media (min-width: 992px) {
  .megaNavMiscLinks a {
    font-size: 16px;
    line-height: 1.25;
    text-align: left;
    color: #343448; }
  .megaNavMiscLinks li + li {
    margin-top: 20px; } }

@media (min-width: 992px) {
  .defaultPanelTrigger--gap {
    height: 34px; } }

@media (max-width: 991px) {
  .megaNavCols__main {
    position: fixed;
    top: 0;
    left: 0;
    padding-top: 84px;
    width: 100%;
    height: 100%;
    z-index: 10;
    overflow: auto;
    margin-left: 100%;
    transition-duration: 0.3s;
    background: #2c3440;
    color: #fff; }
    .megaNavCols__main .categoriesGrid--tiny .categoriesGridItem__title {
      color: inherit; } }

html.openMainMenuPanel .megaNavCols__main.mobileOpen {
  margin-left: 0; }
html.openMainMenuPanel .siteHeader {
  box-shadow: none; }

.megaMenuMobilePanelHeader {
  margin: 0 0 24px; }
  @media (min-width: 992px) {
    .megaMenuMobilePanelHeader {
      display: none; } }
  .megaMenuMobilePanelHeader__category {
    margin-top: 24px; }
    .megaMenuMobilePanelHeader__category a {
      padding: 0 24px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .megaMenuMobilePanelHeader__category a > * + * {
        margin-left: 16px; }
      .megaMenuMobilePanelHeader__category a span {
        font-weight: normal; }
  .megaMenuMobilePanelHeader .arrowLink {
    display: inline-block;
    color: inherit;
    padding: 10px 48px; }
    .megaMenuMobilePanelHeader .arrowLink:after {
      left: 24px; }

@media (max-width: 991px) {
  .megaNavContent {
    padding: 0 24px; } }

.siteHeader .mobileNavSearchBar {
  display: none; }

.mobileNavSearchBar {
  margin: 0 0 24px; }

.textInput {
  height: 38px;
  padding: 15px 15px;
  line-height: 6px;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: inset 0 1px 3px 0 #b9bac5;
  border: solid 1px #dbdbdf;
  width: 100%;
  font-size: 16px;
  color: #535364; }
  .textInput::-webkit-input-placeholder {
    color: #adaeb6; }
  .textInput::-moz-placeholder {
    color: #adaeb6; }
  .textInput:-moz-placeholder {
    color: #adaeb6; }
  .textInput:-ms-input-placeholder {
    color: #adaeb6; }
  .textInput--small {
    height: 29px;
    padding: 10px 15px;
    line-height: 7px;
    font-size: 14px; }
    html.touchevents .textInput--small {
      font-size: 16px; }
  .textInput--large {
    height: 50px;
    padding: 10px 15px;
    line-height: 28px; }

textarea.textInput {
  min-height: 184px; }
  textarea.textInput--small {
    padding: 13px;
    font-size: 12px;
    min-height: 63px; }

.inputWrap {
  position: relative; }
  .inputWrap .inputWrap__icon {
    width: 50px; }
  .inputWrap--iconRight .textInput {
    padding-right: 65px; }
  .inputWrap--iconLeft .textInput {
    padding-left: 65px; }
  @media (min-width: 768px) {
    .inputWrap .inputWrap__icon {
      width: 70px; }
    .inputWrap--iconRight .textInput {
      padding-right: 85px; }
    .inputWrap--iconLeft .textInput {
      padding-left: 85px; } }
  .inputWrap__icon {
    position: absolute;
    top: 0;
    bottom: 0; }
    .inputWrap__icon svg {
      overflow: visible;
      color: #adaeb6;
      fill: currentColor;
      width: 30%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .inputWrap--iconRight .inputWrap__icon {
    right: 0; }
  .inputWrap--iconLeft .inputWrap__icon {
    left: 0; }

.cardGrid {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: -12px -12px; }
  .cardGrid > * {
    margin: 12px 12px;
    min-width: calc(100% - 24px);
    max-width: calc(100% - 24px);
    -ms-flex-preferred-size: calc(100% - 24px);
    flex-basis: calc(100% - 24px); }
  @media (min-width: 768px) and (max-width: 991px) {
    .cardGrid--col--4 {
      align-items: stretch;
      margin: -12px -12px; }
      .cardGrid--col--4 > * {
        margin: 12px 12px;
        min-width: calc(50% - 24px);
        max-width: calc(50% - 24px);
        -ms-flex-preferred-size: calc(50% - 24px);
        flex-basis: calc(50% - 24px); } }
  @media (min-width: 992px) and (max-width: 1399px) {
    .cardGrid--col--4 {
      align-items: stretch;
      margin: -12px -12px; }
      .cardGrid--col--4 > * {
        margin: 12px 12px;
        min-width: calc(33.33333% - 24px);
        max-width: calc(33.33333% - 24px);
        -ms-flex-preferred-size: calc(33.33333% - 24px);
        flex-basis: calc(33.33333% - 24px); } }
  @media (min-width: 1400px) {
    .cardGrid--col--4 {
      align-items: stretch;
      margin: -12px -12px; }
      .cardGrid--col--4 > * {
        margin: 12px 12px;
        min-width: calc(25% - 24px);
        max-width: calc(25% - 24px);
        -ms-flex-preferred-size: calc(25% - 24px);
        flex-basis: calc(25% - 24px); } }
  @media (min-width: 768px) and (max-width: 991px) {
    .cardGrid--col--3 {
      align-items: stretch;
      margin: -12px -12px; }
      .cardGrid--col--3 > * {
        margin: 12px 12px;
        min-width: calc(50% - 24px);
        max-width: calc(50% - 24px);
        -ms-flex-preferred-size: calc(50% - 24px);
        flex-basis: calc(50% - 24px); } 

        .cardGrid--col--3 .customGrid {
        margin: 12px 12px;
        min-width: calc(100% - 24px);
        max-width: calc(100% - 24px);
        -ms-flex-preferred-size: calc(100% - 24px);
        flex-basis: calc(100% - 24px); } 



      }
  @media (min-width: 992px) {
    .cardGrid--col--3 {
      align-items: stretch;
      margin: -12px -12px; }
      .cardGrid--col--3 > * {
        margin: 12px 12px;
        min-width: calc(24.33333% - 24px);
        max-width: calc(24.33333% - 24px);
        -ms-flex-preferred-size: calc(24.33333% - 24px);
        flex-basis: calc(24.33333% - 24px); }

        .cardGrid--col--3 .customGrid {
        margin: 12px 12px;
        min-width: calc(66.6666% - 24px);
        max-width: calc(66.6666% - 24px);
        -ms-flex-preferred-size: calc(66.6666% - 24px);
        flex-basis: calc(66.6666% - 24px); }





         }
  @media (min-width: 768px) {
    .cardGrid--col--2 {
      align-items: stretch;
      margin: -12px -12px; }
      .cardGrid--col--2 > * {
        margin: 12px 12px;
        min-width: calc(50% - 24px);
        max-width: calc(50% - 24px);
        -ms-flex-preferred-size: calc(50% - 24px);
        flex-basis: calc(50% - 24px); } 


      }

.card, .fieldsetPanel__header, .fieldsetPanel__body {
  background-color: #ffffff;
  box-shadow: 0 4px 6px 0 rgba(244, 241, 241, 0.5);
  border: solid 1px #e8e8eb;
  padding: 24px;
  padding-right: 15px;
  padding-left: 15px; }
  .innerPrice
  {
    width: 50%;
    padding: 20px;
    border: solid 1px #e8e8eb;
    border-radius: 8px;
  }
  @media (min-width: 768px) {
    .card, .fieldsetPanel__header, .fieldsetPanel__body 
    {
      padding-right: 24px;
      padding-left: 24px; } }
  @media (min-width: 768px) {
    .card, .fieldsetPanel__header, .fieldsetPanel__body 
    {
      padding: 15px 35px; 
    }
  }
  @media (min-width: 768px) {
    .card--compact {
      padding: 24px; } }
  .card--dark {
    border-radius: 3px;
    box-shadow: none;
    background-color: #f7f7f8;
    border: solid 1px #dddddd; }
  .card--block {
    box-shadow: none;
    border-color: transparent;
    background-color: #f6f6f6; }

.breadcrumbs {
  margin: 20px 0 0;
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.67;
  overflow: auto;
  white-space: nowrap;
  direction: rtl; }
  .breadcrumbs::-webkit-scrollbar {
    display: none; }
  .breadcrumbs li {
    display: inline;
    white-space: nowrap; }
  .breadcrumbs a {
    font-weight: normal; }
  .breadcrumbs svg {
    padding: 0 8px 0 5px;
    margin-right: -1px;
    width: 21px;
    height: 9px;
    fill: #adaeb6; }

.aligncenter,
div.aligncenter {
  display: block; }
  .aligncenter img,
  div.aligncenter img {
    display: block;
    width: 100%;
    height: auto; }

@media (min-width: 992px) {
  .stackFloatedElements--sm .alignright, .asideMainLayout__main .alignright {
    float: right;
    margin: 40px 0 40px 40px; }
  .stackFloatedElements--sm .alignleft, .asideMainLayout__main .alignleft {
    float: left;
    margin: 40px 40px 40px 0; } }
@media (min-width: 768px) {
  .stackFloatedElements--xs .alignright {
    float: right;
    margin: 40px 0 40px 40px; }
  .stackFloatedElements--xs .alignleft {
    float: left;
    margin: 40px 40px 40px 0; } }

.wp-caption img {
  display: block; }

.wp-caption p.wp-caption-text {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.67;
  text-align: left;
  color: #707081; }

img.alignnone {
  display: block;
  width: 100%;
  height: auto; }

.singleProseColumn {
  max-width: 925px;
  margin: auto; }
  @media (min-width: 768px) {
    .singleProseColumn .alignright {
      float: right;
      margin: 40px 0 40px 40px; }
    .singleProseColumn .alignleft {
      float: left;
      margin: 40px 40px 40px 0; } }

body {
  position: relative; }

@media (min-width: 768px) {
  .asideMainLayout {
    display: flex;
    align-items: stretch; } }
@media (max-width: 767px) {
  .asideMainLayout__aside {
    margin-bottom: 24px; } }
@media (min-width: 768px) {
  .asideMainLayout__aside {
    margin-right: 20px;
    width: 200px; } }
@media (min-width: 992px) {
  .asideMainLayout__aside {
    width: 250px; } }
.asideMainLayout__aside__inner {
  border-right: solid 1px rgba(151, 151, 151, 0.31); }
  @media (max-width: 767px) {
    .asideMainLayout__aside__inner {
      border-right: 0;
      position: static !important; }
      .asideMainLayout__aside__inner.is_stuck + div {
        display: none !important; } }
.asideMainLayout__main {
  flex: 1; }
@media (min-width: 992px) {
  .asideMainLayout--withInternalNav .asideMainLayout__aside {
    margin-right: 115px; } }

@media (max-width: 767px) {
  .xsFlushEdge {
    margin-right: -15px;
    margin-left: -15px; } }

.xsStickyPlaceholder {
  display: none; }

@media (max-width: 767px) {
  .xsSticky.xsStuck {
    position: fixed !important;
    z-index: 15;
    max-height: calc(100% - 60px);
    overflow: auto;
    position: fixed;
    top: 60px;
    right: 0;
    left: 0; }
    .xsSticky.xsStuck + .xsStickyPlaceholder {
      display: block; } }
.tieredNav {
  font-size: 16px;
  font-weight: 600;
  color: #343448; }
  @media (max-width: 767px) {
    .tieredNav {
      display: none; } }
  @media (min-width: 768px) {
    .tieredNav {
      margin-left: -10px; } }
  .tieredNav ul {
    margin-left: 20px;
    display: none; }
  .tieredNav > ul {
    margin-left: 0;
    display: block; }
    .tieredNav > ul > li:first-child {
      margin-top: 0; }
    .tieredNav > ul > li > ul {
      margin-left: 0;
      font-size: 14px; }
      .tieredNav > ul > li > ul a {
        font-weight: 400; }
      .tieredNav > ul > li > ul li.active > a {
        color: #240298;
        font-weight: bold; }
  .tieredNav li {
    margin-top: 7px; }
    .tieredNav li.active > ul {
      display: block; }
  .tieredNav a {
    display: block;
    padding: 4px 10px; }
    .tieredNav a.active {
      border-right: 4px solid #8471c5;
      color: #240298;
      background-color: #f7f7f8;
      font-weight: 600; }
  @media (max-width: 767px) {
    .tieredNav--internalNav {
      display: block; } }
  .tieredNav--internalNav > ul > li > ul {
    margin-left: 20px; }
    @media (max-width: 767px) {
      .tieredNav--internalNav > ul > li > ul {
        display: block; } }
  .tieredNav li.searchActive > a {
    background: #f1eff8; }

@media (max-width: 767px) {
  .mobilePageSubnav {
    background-color: #f7f7f8;
    border: solid 1px #e8e8eb;
    font-size: 16px; } }
@media (min-width: 768px) {
  .mobilePageSubnav {
    display: none; } }
.mobilePageSubnav__trigger, .mobilePageSubnav__menu,
.mobilePageSubnav .tieredNav a {
  padding-right: 15px;
  padding-left: 15px; }
.mobilePageSubnav__trigger {
  position: relative;
  display: block;
  color: #240298;
  font-weight: 600;
  padding-top: 10px;
  padding-right: 40px;
  padding-bottom: 10px; }
  @media (min-width: 768px) {
    .mobilePageSubnav__trigger {
      display: none; } }
  .mobilePageSubnav__trigger svg {
    transition-duration: 0.3s;
    display: block;
    position: absolute;
    top: 10px;
    right: 15px;
    width: 10px;
    fill: currentColor; }
  .mobilePageSubnav__trigger[aria-expanded="false"] svg {
    transform: rotate(90deg); }
  .mobilePageSubnav__trigger[aria-expanded="true"] svg {
    transform: rotate(-90deg); }
.mobilePageSubnav__menu {
  padding-top: 5px;
  padding-bottom: 15px; }
  .mobilePageSubnav__menu a {
    display: block; }
  .mobilePageSubnav__menu li + li {
    margin-top: 10px; }
.mobilePageSubnav--internalPageNav {
  display: block; }
  .mobilePageSubnav--internalPageNav .mobilePageSubnav__content {
    padding-bottom: 10px; }

@media (min-width: 768px) {
  #internalTieredNav {
    display: block !important; } }

.pageSubNote {
  margin-top: 60px;
  max-width: 931px; }
  @media (min-width: 768px) {
    .pageSubNote {
      margin-top: 100px; } }
  .pageSubNote__title {
    margin: 0 0 10px;
    font-weight: 600;
    color: #343448; }

.stepsBarWrap {
  margin: 0 auto 48px; }
  @media (max-width: 767px) {
    .stepsBarWrap {
      margin-right: -15px;
      margin-left: -15px; } }
  .stepsBarWrap.placeholder {
    opacity: 0;
    pointer-events: none; }
    @media (max-width: 767px) {
      .stepsBarWrap.placeholder {
        display: none; } }

.stepsBar {
  counter-reset: step;
  display: flex;
  max-width: 560px;
  margin: auto; }
  .stepsBar a {
    display: block;
    pointer-events: none;
    position: relative;
    text-align: center;
    font-size: 10px;
    letter-spacing: 1.1px;
    color: #adaeb6;
    text-transform: uppercase;
    font-weight: 500; }
    @media (max-width: 767px) {
      .stepsBar a 
      {
        font-size: 10px; 
        } 
      }
    .stepsBar-old a:before 
    {
      box-sizing: content-box;
      content: counter(step);
      counter-increment: step;
      width: 32px;
      height: 32px;
      line-height: 32px;
      border: 2px solid #dddddd;
      border-radius: 50%;
      display: block;
      text-align: center;
      margin: 0 auto 10px;
      background-color: #fff;
      font-size: 16px;
      font-weight: 600;
      letter-spacing: none; 
    }


    .stepsBar a:before 
    {
      box-sizing: content-box;
      content: counter(step);
      counter-increment: step;
      width: 25px;
      height: 25px;
      line-height: 25px;
      border: 2px solid #dddddd;
      border-radius: 50%;
      display: block;
      text-align: center;
      margin: 0 auto 10px;
      background-color: #fff;
      font-size: 15px;
      font-weight: 600;
      letter-spacing: none; 
    }

    .stepsBar a:after 
    {
      content: "";
      position: absolute;
      width: 100%;
      height: 3px;
      background-color: #ececec;
      top: 18px;
      transform: translate(0, -50%);
      left: -50%;
      z-index: -1; 
    }
  .stepsBar li {
    flex: 1; }
    .stepsBar li:first-child a:after {
      display: none; }
    .stepsBar li.active a, .stepsBar li.complete a {
      color: #240298; }
      .stepsBar li.active a:before, .stepsBar li.complete a:before {
        border-color: currentColor; }
      .stepsBar li.active a:after, .stepsBar li.complete a:after {
        background: currentColor; }
    .stepsBar li.active a {
      font-weight: 600; }
      .stepsBar li.active a:before {
        background: #240298;
        color: #fff;
        border-color: transparent; }
    .stepsBar li.active + li a:after {
      background-image: linear-gradient(to right, #200090, #e9e9e9); }
    .stepsBar li.complete a {
      pointer-events: auto; }

.packageCard {
  display: flex;
  flex-direction: column; }
  .packageCard__image {
    margin-bottom: 24px;
    flex: 0 0 auto; }
    .packageCard__image img {
      display: block;
      width: 100%;
      height: auto; }
  .packageCard__text {
    flex: 1 0 auto; }
  .packageCard__footer {
    margin-top: 30px; }

@media (min-width: 768px) {
  .calculatorCols {
    display: flex;
    align-items: stretch; } }
.calculatorCols__main {
  flex: 1; }
  .calculatorCols__main > *:first-child {
    margin-top: 0 !important; }
  .calculatorCols__main > *:last-child {
    margin-bottom: 0 !important; }
@media (max-width: 767px) {
  .calculatorCols__aside {
    margin-top: 24px; } }
@media (min-width: 768px) {
  .calculatorCols__aside {
    width: 265px;
    margin-left: 24px; } }
.calculatorCols__aside__inner > * + * {
  margin-top: 16px; }

.costSummary__header {
  color: #343448; }
.costSummary__cost {
  font-size: 36px;
  font-weight: 300;
  color: #343448; }
.costSummary__breakdown {
  color: #707081; }
  .costSummary__breakdown__num {
    padding-right: 7px;
    font-size: 14px;
    font-weight: 600; }
  .costSummary__breakdown__unitPrice {
    font-size: 12px;
    letter-spacing: 0.3px; }

.largerOrderOptions {
  display: flex; }
  .largerOrderOptions > * {
    margin: 0; }
    .largerOrderOptions > * + * {
      margin-left: 30px; }

.orderOption {
  font-size: 14px;
  line-height: 1.29; }
  .orderOption__number {
    color: #343448;
    font-weight: 500;
    text-decoration: underline; }
  .orderOption__cost {
    text-decoration: underline; }

.tinySection {
  font-size: 14px; }
  .tinySection__headerIcon svg {
    fill: #707081;
    width: 22px;
    height: 23px; }
  .tinySection__title {
    font-weight: 600;
    color: #343448; }
  .tinySection__lead {
    margin-top: 5px; }
  .tinySection__body {
    margin-top: 10px; }
  .tinySection--bump .tinySection__title {
    font-size: 15px; }

.continueOrSaveStack {
  margin-top: 15px;
  text-align: center; }
  .continueOrSaveStack > * + * {
    margin-top: 10px; }

.asideBottomActions {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .asideBottomActions > * {
    display: inline-block; }
    .asideBottomActions > * + * {
      margin-left: 15px; }

.costPill {
  display: inline-block;
  padding: 0 8px;
  text-transform: uppercase;
  border-radius: 3px;
  background-color: #e8e8eb;
  white-space: nowrap;
  line-height: 26px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.5px; }

.optionCard {
  position: relative;
  display: flex; }
  @media (max-width: 991px) {
    .optionCard .costPill,
    .optionCard .optionCard__description {
      margin-top: 10px; } }
  .optionCard__inner {
    padding: 15px 25px 5px;
    background: #fff;
    flex: 1;
    border-radius: 3px;
    border: solid 1px #dddddd;
    position: relative; }
    .optionCard__inner:before {
      position: absolute;
      top: 0;
      left: 0;
      margin: 8px;
      content: "";
      display: block; }
  .optionCard__image {
    display: block;
    margin: 0 0 10px; }
    .optionCard__image img {
      display: block;
      width: 100%;
      height: auto; 
      border-radius: 5px;
      margin-top: 5px;
    }
    .optionCard__image--svg {
      padding-bottom: 100%;
      position: relative; }
      .optionCard__image--svg img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        height: 100%; }
    .optionCard__image--booksize {
      margin-top: -10px; }
  .optionCard__text {
    display: block; }
    @media (min-width: 768px) {
      .optionCard__text {
        margin: auto; } }
    .optionCard__text__inner {
      display: block; }
  .optionCard__title {
    font-size: 13px;
    font-weight: 500;
    display: block; }
  @media (min-width: 992px) {
    .optionCard__header {
      display: flex;
      align-items: center; }
      .optionCard__header > * {
        margin-right: 12px; }
        .optionCard__header > *:last-child {
          margin-right: 0; } }
  .optionCard__header .optionCard__title {
    font-size: 16px;
    font-weight: 600;
    color: #343448; }
  .optionCard__description {
    display: block;
    font-size: 14px; }
    @media (min-width: 768px) {
      .optionCard__description {
        margin-top: 8px; } }
  .optionCard__additionalFields {
    margin-top: 32px; }
  .optionCard .showContentIfChecked__content {
    position: relative;
    z-index: 3; }
  @media (min-width: 992px) {
    .optionCard .costPill {
      margin: 13px 0 0; } }
  .optionCard input:checked + .optionCard__inner {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09);
    border-color: #8471c5; }
  .optionCard input[disabled] + .optionCard__inner {
    opacity: 0.5; }
  .optionCard input[type="radio"] + .optionCard__inner:before {
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background-image: linear-gradient(to bottom, #fcfcfc, #f7f7f8);
    border: solid 1px #e0e0e0; 
    display: none;
  }
  .optionCard input[type="radio"]:checked + .optionCard__inner:before {
    height: 6px;
    width: 6px;
    background: #fff;
    border: 5px solid #240298; }
  .optionCard input[type="checkbox"] + .optionCard__inner:before {
    height: 14px;
    width: 14px;
    border-radius: 3px;
    background-image: linear-gradient(to bottom, #fcfcfc, #f7f7f8);
    border: solid 1px #e0e0e0; }
  .optionCard input[type="checkbox"]:checked + .optionCard__inner:before {
    height: 16px;
    width: 16px;
    border: 0;
    border-color: transparent;
    background: url("data:image/svg+xml,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='1024' height='1024' viewBox='0 0 1024 1024'%3e%3cpath fill='%23240298' stroke='%231b0174' stroke-width='64' stroke-miterlimit='4' stroke-linecap='butt' stroke-linejoin='miter' d='M256 64h512c106.039 0 192 85.961 192 192v512c0 106.039-85.961 192-192 192h-512c-106.039 0-192-85.961-192-192v-512c0-106.039 85.961-192 192-192z'%3e%3c/path%3e%3cpath fill='none' stroke='%23fff' stroke-width='128' stroke-miterlimit='4' stroke-linecap='round' stroke-linejoin='round' d='M704 384l-264 256-120-116.364'%3e%3c/path%3e%3c/svg%3e") center center no-repeat;
    background-size: contain; }
  .optionCard label {
    position: relative;
    z-index: 2; }
  .optionCard--bump .optionCard__image {
    margin-bottom: 15px; }
  .optionCard--bump .optionCard__title {
    font-size: 16px; }
  .optionCard--compressContent--small .optionCard__description,
  .optionCard--compressContent--small .optionCard__image--svg img {
    max-width: 83%; }
  .optionCard--compressContent--medium .optionCard__description,
  .optionCard--compressContent--medium .optionCard__image--svg img {
    max-width: 76%; }
  @media (max-width: 767px) {
    .optionCard--row .optionCard__inner {
      display: flex;
      flex-direction: column-reverse; }
    .optionCard--row .inputRow > * + * {
      margin-top: 10px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .optionCard--row .optionCard__image {
      margin: 24px 0 0; } }
  @media (max-width: 991px) {
    .optionCard--row .inputRow .costPill {
      margin-top: 0; } }
  @media (min-width: 992px) {
    .optionCard--row .optionCard__inner {
      padding: 32px 32px 32px 49px; }
      .optionCard--row .optionCard__inner:before {
        left: 24.5px;
        top: 32px; }
    .optionCard--row .optionCard__inner {
      display: flex; }
      .optionCard--row .optionCard__inner:before {
        margin: 0;
        transform: translate(-50%, 1px); }
    .optionCard--row .optionCard__text {
      flex: 1;
      margin: 0; } }
@media (min-width: 992px) and (min-width: 992px) {
  .optionCard--row .optionCard__description {
    margin: 8px 0 0; } }
  @media (min-width: 992px) {
    .optionCard--row .optionCard__image {
      width: 177px;
      margin: 0 0 0 15px; } }
@media (min-width: 992px) and (min-width: 992px) {
  .optionCard--row .costPill {
    margin: -3px 0; } }

  .optionCard--row .optionCard__inner {
    padding: 20px 20px 20px 48px; }
    .optionCard--row .optionCard__inner:before {
      margin: 0;
      top: 20px;
      left: 20px;
      transform: translate(-1px, 1px); }
  .optionCard--row .optionCard__text__inner {
    margin: -21px -21px -21px -49px;
    padding: 21px 21px 21px 49px;
    display: block; }
  .optionCard--row .showContentIfChecked__content {
    margin-top: 20px; }
  .optionCard--imageTextRow .optionCard__inner {
    padding: 14px;
    padding-left: 41px; }
    @media (min-width: 992px) {
      .optionCard--imageTextRow .optionCard__inner {
        display: flex;
        align-items: center; } }
  @media (min-width: 992px) {
    .optionCard--imageTextRow .optionCard__image {
      margin: 0;
      max-width: 78px;
      margin-right: 24px; } }
  .optionCard--imageTextRow .optionCard__text {
    flex: 1; }
  .optionCard--imageTextRow .optionCard__title {
    font-size: 16px; }
  .optionCard--imageTextRow .costPill {
    margin-top: 8px; }
  .optionCard--mini .optionCard__inner {
    padding: 13px; }
    .optionCard--mini .optionCard__inner:before {
      margin: 0;
      top: 13px;
      left: 13px; }
  .optionCard--mini .optionCard__header {
    margin: -14px;
    padding: 14px;
    display: block;
    padding-left: 37px; }
  .optionCard--mini .optionCard__inner:before {
    margin: 0; }
  .optionCard--mini .optionCard__header {
    display: block; }
  .optionCard--mini .optionCard__description {
    font-size: 12px;
    color: #707081;
    display: block; }
    @media (min-width: 768px) {
      .optionCard--mini .optionCard__description {
        margin: 8px 0 0; } }
  .optionCard--mini .optionCard__title {
    margin-top: -1px;
    display: block;
    font-size: 14px;
    font-weight: 600; }
  .optionCard--mini .optionCard__additionalFields {
    margin-top: 10px; }
  .optionCard--mini--shortText .optionCard__inner {
    display: flex;
    flex: 1 0 auto; }
    .optionCard--mini--shortText .optionCard__inner:before {
      top: 50%;
      left: 17px;
      transform: translate(0, -9px); }
  .optionCard--mini--shortText .optionCard__header {
    flex: 1 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    min-height: 30px;
    padding-left: 49px; }
  .optionCard--mini--shortText .optionCard__title {
    margin: 0;
    color: #525263;
    font-size: 16px;
    font-weight: 400;
    margin-right: 15px; }
    .optionCard--mini--shortText .optionCard__title:last-child {
      margin-right: 0; }
  .optionCard--mini--shortText .costPill {
    margin-top: 5px; }
    @media (min-width: 992px) {
      .optionCard--mini--shortText .costPill {
        margin: 0; } }
    @media (max-width: 767px) {
      .optionCard--mini--shortText .costPill {
        margin: 0; } }
  .optionCard--mini--shortText--textOnly .optionCard__inner {
    padding-right: 24px; }
  .optionCard--mini--shortText--textOnly input:checked + .optionCard__inner .optionCard__title {
    color: #240298; }

.miniOptionCardsGrid {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: -7px -21px; }
  .miniOptionCardsGrid > * {
    margin: 7px 21px;
    min-width: calc(100% - 42px);
    max-width: calc(100% - 42px);
    -ms-flex-preferred-size: calc(100% - 42px);
    flex-basis: calc(100% - 42px); }
  @media (min-width: 992px) {
    .miniOptionCardsGrid {
      align-items: stretch;
      margin: -7px -21px; }
      .miniOptionCardsGrid > * {
        margin: 7px 21px;
        min-width: calc(50% - 42px);
        max-width: calc(50% - 42px);
        -ms-flex-preferred-size: calc(50% - 42px);
        flex-basis: calc(50% - 42px); } }

.contentWidth--insidePageColor {
  max-width: 620px; }

.inlineOptionCardGroup {
  display: flex;
  flex-wrap: wrap;
  margin: -17px; }
  .inlineOptionCardGroup > * {
    margin: 17px; }

.disabledStateTooltipMessages {
  display: none; }
  input:disabled ~ .disabledStateTooltipMessages {
    display: block; }

.disabledStateTooltipMessage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5; }

.inlineOption {
  display: flex;
  align-items: center; }
  .inlineOption__label {
    display: block;
    position: relative;
    font-weight: 400;
    color: #707081;
    padding-left: 30px; }
    .inlineOption__label:before {
      display: block;
      content: "";
      position: absolute;
      top: 8px;
      left: 0;
      transform: translate(0, -50%); }
  .inlineOption input[type="checkbox"] + .inlineOption__label:before {
    height: 14px;
    width: 14px;
    border-radius: 3px;
    background-image: linear-gradient(to bottom, #fcfcfc, #f7f7f8);
    border: solid 1px #e0e0e0; }
  .inlineOption input[type="checkbox"]:checked + .inlineOption__label:before {
    height: 16px;
    width: 16px;
    border: 0;
    border-color: transparent;
    background: url("data:image/svg+xml,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='1024' height='1024' viewBox='0 0 1024 1024'%3e%3cpath fill='%23240298' stroke='%231b0174' stroke-width='64' stroke-miterlimit='4' stroke-linecap='butt' stroke-linejoin='miter' d='M256 64h512c106.039 0 192 85.961 192 192v512c0 106.039-85.961 192-192 192h-512c-106.039 0-192-85.961-192-192v-512c0-106.039 85.961-192 192-192z'%3e%3c/path%3e%3cpath fill='none' stroke='%23fff' stroke-width='128' stroke-miterlimit='4' stroke-linecap='round' stroke-linejoin='round' d='M704 384l-264 256-120-116.364'%3e%3c/path%3e%3c/svg%3e") center center no-repeat;
    background-size: contain; }
  .inlineOption input[type="radio"] + .inlineOption__label:before {
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background-image: linear-gradient(to bottom, #fcfcfc, #f7f7f8);
    border: solid 1px #e0e0e0; }
  .inlineOption input[type="radio"]:checked + .inlineOption__label:before {
    height: 6px;
    width: 6px;
    background: #fff;
    border: 5px solid #240298; }
  @media (min-width: 768px) {
    .inlineOption--small {
      height: 29px; }
    .inlineOption--medium {
      height: 38px; }
    .inlineOption--large {
      height: 50px; }
    .inlineOption--larger {
      height: 68px; } }

label.optionLabelOverlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%; 
  display: none;
}

@media (max-width: 767px) {
  .fieldRow > * + * {
    margin-top: 24px; } }
@media (min-width: 768px) {
  .fieldRow {
    display: flex; }
    .fieldRow > * {
      margin-right: 24px; }
      .fieldRow > *:last-child {
        margin-right: 0; } }
@media (min-width: 768px) {
  .fieldRow--spaced > * {
    margin-right: 70px; } }
.fieldRow--evenCols > * {
  flex: 1; }
.fieldRow--alignBottom {
  align-items: flex-end; }

.field {
  display: block;
  text-align: left; }
  .field__label {
    padding: 0 0 7px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #343448; }
    .field__label--tiny {
      font-weight: 400;
      padding: 0 0 10px;
      font-size: 12px;
      color: #707081; }
    .field__label--placeholder:before {
      content: "\00a0"; }
    @media (max-width: 767px) {
      .field__label--placeholder {
        display: none; } }
    .field__label--fieldRowLabel {
      padding-bottom: 13px; }
  .field__note {
    display: block;
    margin: 10px 0 0;
    font-size: 12px;
    color: #707081; }
  .field__lockedContent {
    font-size: 36px;
    font-weight: 300;
    line-height: 1;
    color: #343448; }
  .field__largeHeader {
    margin: 0 0 24px;
    display: block; }
    .field__largeHeader__label {
      display: block; }
    .field__largeHeader__lead {
      display: block;
      margin: 5px 0 0; }
  .field .infoBlock {
    margin-top: 24px; }
  .field--large {
    margin-top: 48px; }
    .field--large .field__label {
      padding: 0 0 18px; }

.largeFieldGroup {
  padding: 15px 0 0; }

 #special_printing .largeFieldGroup + .largeFieldGroup {
    margin-top: 5px; }

  .largeFieldGroup + .largeFieldGroup {
    margin-top: 25px; }
  .largeFieldGroup__header {
    margin: 10px 0 24px; }
  .largeFieldGroup__title {
    line-height: 1.5;
    font-size: 16px;
    font-weight: 500; }
  .largeFieldGroup__lead {
    margin: 5px 0 0;
    font-size: 14px;
    line-height: 1.5; }

.fieldsetPanel {
  margin-top: 5px; }
  .fieldsetPanel__header {
    border-bottom: 0;
    color: #343448;
    padding-top: 18px;
    padding-bottom: 18px; }
    .fieldsetPanel__header[aria-expanded] {
      cursor: pointer; }
    .fieldsetPanel__header[aria-expanded="false"] {
      background-color: #eaeaec;
      border-color: transparent;
      box-shadow: none; }
  .fieldsetPanel__body {
    padding-top: 0;
    border-top: 0;
    margin-bottom: 5px; }
    .fieldsetPanel__body:before {
      content: "";
      display: table; }
  @media (min-width: 768px) and (max-width: 991px) {
    .fieldsetPanel__header, .fieldsetPanel__body {
      padding-right: 24px;
      padding-left: 24px; } }
  .fieldsetPanel__lead {
    /*max-width: 613px;*/
    margin: 0 0 24px; }
  .fieldsetPanel + .formFooter {
    margin-top: 10px; }

.fieldWidth--tiny {
  max-width: 74px; }
.fieldWidth--smaller {
  max-width: 132px; }
.fieldWidth--small {
  max-width: 162px; }
.fieldWidth--medium {
  max-width: 250px; }
.fieldWidth--large {
  max-width: 400px; }
.fieldWidth--larger {
  max-width: 543px; }
.fieldWidth--quantityRow {
  max-width: 450px; }
.fieldWidth--pages {
  max-width: 200px; }
.fieldWidth--flex {
  flex: 1; }

.fieldsWidth--twoColForm {
  max-width: 716px; }

@media (max-width: 767px) {
  .inputRow {
    display: block; }
    .inputRow > * {
      display: block; }
      .inputRow > * + * {
        margin-top: 15px; } }
@media (min-width: 768px) {
  .inputRow {
    display: flex;
    align-items: center; }
    .inputRow > * + * {
      margin-left: 15px; } 


    }
.inputRow__input {
  flex: 1; }
.inputRow__inlineLabel {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.17;
  letter-spacing: 0.6px;
  color: #343448; }
  .inputRow__inlineLabel__connectorText {
    font-size: 12px;
    text-transform: none; }

.formFooter {
  margin-top: 25px; }
  @media (max-width: 767px) {
    .formFooter .btn {
      display: block;
      width: 100%; } }

.conditional:not(.conditionalShow) {
  display: none !important; }

.inlineTooltip {
  vertical-align: middle;
  display: inline-block; }
  .inlineTooltip .icon-info {
    height: 17px;
    width: 17px;
    vertical-align: top; }

/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base {
  /* this ensures that a constrained height set by functionPosition,
  if greater that the natural height of the tooltip, will be enforced
  in browsers that support display:flex */
  display: flex;
  pointer-events: none;
  /* this may be overriden in JS for fixed position origins */
  position: absolute; }

.tooltipster-box {
  /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
  and flex-basis auto for IE11- (at least) */
  flex: 1 1 auto; }

.tooltipster-content {
  /* prevents an overflow if the user adds padding to the div */
  box-sizing: border-box;
  /* these make sure we'll be able to detect any overflow */
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
  color: #ffffff; }
  .tooltipster-content a {
    color: inherit; }

.tooltipster-ruler {
  /* these let us test the size of the tooltip without overflowing the window */
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden; }

/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity; }

.tooltipster-fade.tooltipster-show {
  opacity: 1; }

/* grow */
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden; }

.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

/* swing */
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform; }

.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

/* fall */
.tooltipster-fall {
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-initial {
  top: 0 !important; }

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0; }

/* slide */
.tooltipster-slide {
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-initial {
  left: -40px !important; }

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0; }

/* Update animations */
/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */
/* fade */
@keyframes tooltipster-fading {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }
.tooltipster-update-fade {
  animation: tooltipster-fading 400ms; }

/* rotate */
@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg); }

  75% {
    transform: rotate(2deg); }

  100% {
    transform: rotate(0); } }
.tooltipster-update-rotate {
  animation: tooltipster-rotating 600ms; }

/* scale */
@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1); }

  100% {
    transform: scale(1); } }
.tooltipster-update-scale {
  animation: tooltipster-scaling 600ms; }

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 * 
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {
  background: #565656;
  border: 2px solid black;
  border-radius: 4px; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px; }

/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content {
  color: white;
  line-height: 18px;
  padding: 6px 14px; }

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  /* half the width, for centering */
  margin-left: -10px;
  top: 0;
  width: 20px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
  been positioned yet */
  top: 0;
  width: 10px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  /* same as .tooltipster-left .tooltipster-arrow */
  top: 0;
  width: 10px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px; }

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0; }

/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #565656;
  left: 0px;
  top: 3px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #565656;
  left: -3px;
  top: 0px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #565656;
  left: 3px;
  top: 0px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #565656;
  left: 0px;
  top: -3px; }

/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: black; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: black; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: black; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: black; }

/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px; }

.tooltipster-sidetip.tooltipster-borderless .tooltipster-box {
  border: none;
  background: #1b1b1b;
  background: rgba(10, 10, 10, 0.9); }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-box {
  margin-top: 8px; }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-box {
  margin-right: 8px; }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-box {
  margin-left: 8px; }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-box {
  margin-bottom: 8px; }

.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow {
  height: 8px;
  margin-left: -8px;
  width: 16px; }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow, .tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow {
  height: 16px;
  margin-left: 0;
  margin-top: -8px;
  width: 8px; }

.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-background {
  display: none; }

.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-border {
  border: 8px solid transparent; }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #1b1b1b;
  border-bottom-color: rgba(10, 10, 10, 0.9); }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #1b1b1b;
  border-left-color: rgba(10, 10, 10, 0.9); }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #1b1b1b;
  border-right-color: rgba(10, 10, 10, 0.9); }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #1b1b1b;
  border-top-color: rgba(10, 10, 10, 0.9); }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -8px; }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-uncropped {
  left: -8px; }

.tooltipster-sidetip.tooltipster-borderless .tooltipster-box {
  border-radius: 4px;
  background-color: #343448;
  max-width: 286px; }
  .tooltipster-sidetip.tooltipster-borderless .tooltipster-box .tooltipster-content {
    padding: 14px; }

.tooltipster-base {
  color: #343448; }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: currentColor; }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border {
  border-top-color: currentColor; }

.showContentIfChecked--display .showContentIfChecked__content {
  display: none; }
  .showContentIfChecked--display .showContentIfChecked__content.show {
    display: block; }
.showContentIfChecked--visibility .showContentIfChecked__content {
  visibility: hidden;
  pointer-events: none; }
  .showContentIfChecked--visibility .showContentIfChecked__content.show {
    visibility: visible;
    pointer-events: auto; }

.smallCalloutBlock {
  background-color: #f7f7f8;
  padding: 24px; }
  @media (min-width: 768px) {
    .smallCalloutBlock {
      padding: 24px 36px; } }
  .smallCalloutBlock > * + * {
    margin-top: 8px; }
  .smallCalloutBlock__header {
    font-size: 15px;
    font-weight: 600;
    color: #343448; }
  .smallCalloutBlock__body {
    font-size: 12px;
    line-height: 1.75; }

.includedBlurb {
  max-width: 613px; }
  .includedBlurb__header {
    display: flex;
    align-items: center; }
    .includedBlurb__header .costPill {
      margin-left: 12px; }
  .includedBlurb__title {
    font-size: 16px;
    font-weight: 600;
    color: #343448; }
  .includedBlurb__body {
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 1.5; }

.featuresTable {
  width: 100%; }
  .featuresTable th, .featuresTable td {
    vertical-align: top; }
    @media (min-width: 768px) {
      .featuresTable th, .featuresTable td {
        width: 33.33%;
        padding-right: 20px;
        padding-left: 20px; } }
  @media (max-width: 767px) {
    .featuresTable tr > * + * {
      padding-left: 8px; } }
  .featuresTable thead th {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 15px;
    vertical-align: bottom; }
  .featuresTable tbody th {
    text-align: left; }
  .featuresTable tbody tr > * {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: solid 1px #e8e8eb; }
  .featuresTable td {
    text-align: center; }
  .featuresTable svg.icon-check {
    fill: #adaeb6;
    width: 15px; }
    @media (min-width: 768px) {
      .featuresTable svg.icon-check {
        width: 22px;
        height: 16px; } }

@media (max-width: 767px) {
  .featureName {
    position: relative;
    padding-left: 30px;
    display: block; } }
@media (min-width: 768px) {
  .featureName {
    display: flex; } }
.featureName__text {
  font-size: 14px;
  color: #4a4a4a;
  font-weight: 400; }
  @media (min-width: 768px) {
    .featureName__text {
      font-size: 16px; } }
@media (max-width: 767px) {
  .featureName__tooltip {
    position: absolute;
    top: 0;
    left: 0; } }
@media (min-width: 768px) {
  .featureName__tooltip {
    margin-left: 8px; } }

.select2-container .select2-selection--single .select2-selection__rendered,
.selectWrap.selectWrap--cssOnly select {
  padding-left: 15px; }

.selectWrap {
  display: block; }
  .selectWrap select {
    opacity: 0;
    width: 100%;
    display: block;
    font-size: 16px;
    color: #535364;
    padding: 0 15px; }
  .selectWrap .select2-container {
    width: 100% !important;
    position: relative;
    border-radius: 3px;
    background-image: linear-gradient(to bottom, white, #e3e0e0), linear-gradient(white, white);
    border: solid 1px #dbdbdf;
    display: block; }
    .selectWrap .select2-container .select2-selection:before {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translate(0, -50%) rotate(90deg);
      height: 11px;
      width: 10px;
      background: url("data:image/svg+xml,%3csvg fill='%23707081' version='1.1' xmlns='http://www.w3.org/2000/svg' width='19' height='32' viewBox='0 0 19 32'%3e%3cpath d='M11.475 16l-10.537 10.537c-1.25 1.25-1.25 3.276 0 4.525s3.276 1.25 4.525 0l12.8-12.8c1.25-1.25 1.25-3.276 0-4.525l-12.8-12.8c-1.25-1.25-3.276-1.25-4.525 0s-1.25 3.276 0 4.525l10.537 10.537z'%3e%3c/path%3e%3c/svg%3e") center center no-repeat;
      background-size: contain; }
    .selectWrap .select2-container.select2-container--open {
      background-image: linear-gradient(to bottom, white, #cfcfcf), linear-gradient(white, white);
      box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.1);
      border: solid 1px #dbdbdf; }
  .selectWrap .select2-container {
    height: 38px;
    line-height: 36px; }
  .selectWrap.selectWrap--cssOnly select {
    height: 38px;
    line-height: 36px; }
  .selectWrap--small .select2-container {
    height: 29px;
    line-height: 27px; }
  .selectWrap--small.selectWrap--cssOnly select {
    height: 29px;
    line-height: 27px; }
  .selectWrap--large .select2-container {
    height: 50px;
    line-height: 48px; }
  .selectWrap--large.selectWrap--cssOnly select {
    height: 50px;
    line-height: 48px; }
  .selectWrap--cssOnly {
    position: relative;
    border-radius: 3px;
    background-image: linear-gradient(to bottom, white, #e3e0e0), linear-gradient(white, white); }
    .selectWrap--cssOnly:before {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translate(0, -50%) rotate(90deg);
      height: 11px;
      width: 10px;
      background: url("data:image/svg+xml,%3csvg fill='%23707081' version='1.1' xmlns='http://www.w3.org/2000/svg' width='19' height='32' viewBox='0 0 19 32'%3e%3cpath d='M11.475 16l-10.537 10.537c-1.25 1.25-1.25 3.276 0 4.525s3.276 1.25 4.525 0l12.8-12.8c1.25-1.25 1.25-3.276 0-4.525l-12.8-12.8c-1.25-1.25-3.276-1.25-4.525 0s-1.25 3.276 0 4.525l10.537 10.537z'%3e%3c/path%3e%3c/svg%3e") center center no-repeat;
      background-size: contain; }
    .selectWrap--cssOnly select {
      border: solid 1px #dbdbdf;
      display: block;
      opacity: 1;
      background: none; }

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 40px; }

.select2-dropdown {
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  border: solid 1px #dfdfdf;
  font-size: 13px;
  padding: 10px 0; }
  .select2-dropdown .select2-results__option {
    display: block;
    padding: 5px 15px; }
    .select2-dropdown .select2-results__option:hover, .select2-dropdown .select2-results__option.select2-results__option--highlighted {
      background-color: #f1eff8; }
    .select2-dropdown .select2-results__option[aria-disabled="true"] {
      pointer-events: none;
      opacity: 0.5; }

.select2-container .select2-selection--single {
  height: 100%; }

.selectWrap--colors {
  min-width: 194px; }

.costsTable th {
  text-align: left; }
.costsTable td {
  text-align: right;
  padding-left: 10px; }
.costsTable .numLabel {
  padding-top: 5px; }
.costsTable tr > * {
  vertical-align: top;
  padding-top: 10px; }
.costsTable .mainInfo {
  color: #343448;
  font-size: 16px; }
  .costsTable .mainInfo th {
    font-weight: 600; }
  .costsTable .mainInfo > * {
    padding-top: 20px; }
  .costsTable .mainInfo:first-child > * {
    padding-top: 0; }
.costsTable .subInfo {
  color: #707081;
  font-size: 14px; }
  .costsTable .subInfo th {
    font-weight: 400; }
.costsTable tbody tr:last-child > * {
  padding-bottom: 21px; }
.costsTable tfoot {
  color: #343448; }
  .costsTable tfoot tr > * {
    border-top: 1px solid #c9c9c9;
    padding-top: 15px; }
  .costsTable tfoot th {
    font-size: 21px;
    font-weight: 600; }
  .costsTable tfoot td {
    font-size: 24px;
    font-weight: 300; }

.numLabel {
  color: #707081;
  text-transform: uppercase; }
  .numLabel strong {
    font-size: 14px;
    font-weight: 600; }
  .numLabel span {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.17;
    letter-spacing: 0.3px; }
  .numLabel--small {
    color: #343448;
    font-size: 12px;
    line-height: 2.0; }

.shippingOptionCols {
  margin: -17px -17px;
  display: flex;
  flex-wrap: wrap; }
  .shippingOptionCols > * {
    padding: 17px 17px; }
  .shippingOptionCols > * {
    min-width: 100%;
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%; }
  @media (min-width: 992px) {
    .shippingOptionCols > * {
      min-width: 50%;
      max-width: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%; } }

.inlineTooltip {
  vertical-align: middle;
  display: inline-block; }
  .inlineTooltip .icon-info {
    height: 17px;
    width: 17px;
    vertical-align: top; }

/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base {
  /* this ensures that a constrained height set by functionPosition,
  if greater that the natural height of the tooltip, will be enforced
  in browsers that support display:flex */
  display: flex;
  pointer-events: none;
  /* this may be overriden in JS for fixed position origins */
  position: absolute; }

.tooltipster-box {
  /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
  and flex-basis auto for IE11- (at least) */
  flex: 1 1 auto; }

.tooltipster-content {
  /* prevents an overflow if the user adds padding to the div */
  box-sizing: border-box;
  /* these make sure we'll be able to detect any overflow */
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
  color: #ffffff; }
  .tooltipster-content a {
    color: inherit; }

.tooltipster-ruler {
  /* these let us test the size of the tooltip without overflowing the window */
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden; }

/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity; }

.tooltipster-fade.tooltipster-show {
  opacity: 1; }

/* grow */
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden; }

.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

/* swing */
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform; }

.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

/* fall */
.tooltipster-fall {
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-initial {
  top: 0 !important; }

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0; }

/* slide */
.tooltipster-slide {
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-initial {
  left: -40px !important; }

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0; }

/* Update animations */
/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */
/* fade */
@keyframes tooltipster-fading {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }
.tooltipster-update-fade {
  animation: tooltipster-fading 400ms; }

/* rotate */
@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg); }

  75% {
    transform: rotate(2deg); }

  100% {
    transform: rotate(0); } }
.tooltipster-update-rotate {
  animation: tooltipster-rotating 600ms; }

/* scale */
@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1); }

  100% {
    transform: scale(1); } }
.tooltipster-update-scale {
  animation: tooltipster-scaling 600ms; }

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 * 
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {
  background: #565656;
  border: 2px solid black;
  border-radius: 4px; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px; }

/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content {
  color: white;
  line-height: 18px;
  padding: 6px 14px; }

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  /* half the width, for centering */
  margin-left: -10px;
  top: 0;
  width: 20px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
  been positioned yet */
  top: 0;
  width: 10px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  /* same as .tooltipster-left .tooltipster-arrow */
  top: 0;
  width: 10px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px; }

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0; }

/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #565656;
  left: 0px;
  top: 3px; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #565656;
  left: -3px;
  top: 0px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #565656;
  left: 3px;
  top: 0px; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #565656;
  left: 0px;
  top: -3px; }

/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: black; }

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: black; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: black; }

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: black; }

/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative; }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px; }

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px; }

.tooltipster-sidetip.tooltipster-borderless .tooltipster-box {
  border: none;
  background: #1b1b1b;
  background: rgba(10, 10, 10, 0.9); }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-box {
  margin-top: 8px; }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-box {
  margin-right: 8px; }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-box {
  margin-left: 8px; }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-box {
  margin-bottom: 8px; }

.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow {
  height: 8px;
  margin-left: -8px;
  width: 16px; }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow, .tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow {
  height: 16px;
  margin-left: 0;
  margin-top: -8px;
  width: 8px; }

.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-background {
  display: none; }

.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-border {
  border: 8px solid transparent; }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #1b1b1b;
  border-bottom-color: rgba(10, 10, 10, 0.9); }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #1b1b1b;
  border-left-color: rgba(10, 10, 10, 0.9); }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #1b1b1b;
  border-right-color: rgba(10, 10, 10, 0.9); }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #1b1b1b;
  border-top-color: rgba(10, 10, 10, 0.9); }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -8px; }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-uncropped {
  left: -8px; }

.tooltipster-sidetip.tooltipster-borderless .tooltipster-box {
  border-radius: 4px;
  background-color: #343448;
  max-width: 286px; }
  .tooltipster-sidetip.tooltipster-borderless .tooltipster-box .tooltipster-content {
    padding: 14px; }

.tooltipster-base {
  color: #343448; }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: currentColor; }

.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border {
  border-top-color: currentColor; }

.modal-header,
.modal-body,
.modal-footer {
  padding-right: 15px;
  padding-left: 15px; }
  @media (min-width: 768px) {
    .modal-header,
    .modal-body,
    .modal-footer {
      padding-right: 39px;
      padding-left: 39px; } }

.modal-dialog {
  max-width: 894px;
  margin: 24px auto; }

.modal-content {
  box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.1);
  background: #fff;
  margin: 0 24px; }
  @media (max-width: 767px) {
    .modal-content {
      margin: 0 15px; } }

.modal-header {
  transition-duration: 0.3s;
  padding-right: 50px; }

.modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  padding: 24px; }
  .modal-close svg {
    fill: #343448;
    width: 12px;
    height: 12px; }

.modal-title {
  color: #343448; }

.modal-lead {
  margin: 0 0 24px;
  font-size: 16px;
  line-height: 1.5;
  max-width: 613px; }

.modal-body {
  padding-top: 24px;
  padding-bottom: 24px; }
  .modal-body > *:first-child {
    margin-top: 0 !important; }
  .modal-body > *:last-child {
    margin-bottom: 0 !important; }

.modal-header {
  position: relative;
  padding-top: 24px; }
  @media (min-width: 768px) {
    .modal-header {
      display: flex;
      align-items: center; }
      .modal-header .modal-title {
        margin-right: 24px; } }
  .modal-header .modal-close {
    transition-duration: 0.3s; }

.modal-footer {
  padding-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .modal-footer--bordered {
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: 0 -2px 4px 0 rgba(107, 107, 107, 0.5);
    border-top: solid 1px #b8b7b7; }

.modal--stickyHeaderFooter .modal-dialog {
  height: calc(100% - 48px); }
.modal--stickyHeaderFooter .modal-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0; }
.modal--stickyHeaderFooter .modal-body {
  flex: 1;
  overflow: auto; }
.modal--stickyHeaderFooter .modal-footer {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 0;
  box-shadow: 0 -2px 4px 0 rgba(107, 107, 107, 0.5);
  border-top: solid 1px #b8b7b7; }
.modal--stickyHeaderFooter.scrolled .modal-header {
  box-shadow: 0 2px 4px 0 rgba(107, 107, 107, 0.5);
  border-bottom: solid 1px #b8b7b7;
  padding-top: 15px;
  padding-bottom: 15px;
  z-index: 1;
  position: relative; }
  .modal--stickyHeaderFooter.scrolled .modal-header .modal-close {
    margin-top: 0;
    top: 50%;
    transform: translate(0, -50%); }
.modal--large .modal-dialog {
  max-width: 1120px; }

.mobilePanelTriggerBar {
  display: none; }

.xsConvertAsideToCollapsedPanel .mobilePanelTriggerBar {
  height: 40px; }
.xsConvertAsideToCollapsedPanel .calculatorCols__aside__inner {
  padding-bottom: 64px !important; }
.xsConvertAsideToCollapsedPanel .mobilePanelTriggerBar {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  padding: 0 40px 0 15px;
  font-size: 14px;
  color: #fff;
  background: #240298; }
  .xsConvertAsideToCollapsedPanel .mobilePanelTriggerBar:before {
    height: 16px;
    width: 16px;
    top: calc(50% - 8px); }
  .xsConvertAsideToCollapsedPanel .mobilePanelTriggerBar:before {
    display: block;
    position: absolute;
    right: 15px;
    transition-duration: 0.3s;
    content: "";
    background: url("data:image/svg+xml,%3csvg fill='%23fff' version='1.1' xmlns='http://www.w3.org/2000/svg' width='19' height='32' viewBox='0 0 19 32'%3e%3cpath d='M11.475 16l-10.537 10.537c-1.25 1.25-1.25 3.276 0 4.525s3.276 1.25 4.525 0l12.8-12.8c1.25-1.25 1.25-3.276 0-4.525l-12.8-12.8c-1.25-1.25-3.276-1.25-4.525 0s-1.25 3.276 0 4.525l10.537 10.537z'%3e%3c/path%3e%3c/svg%3e") center center no-repeat;
    background-size: contain;
    transform: rotate(-90deg); }
  .xsConvertAsideToCollapsedPanel .mobilePanelTriggerBar > * {
    margin-right: 20px; }
    .xsConvertAsideToCollapsedPanel .mobilePanelTriggerBar > *:last-child {
      margin-right: 0; }
  @media (min-width: 768px) {
    .xsConvertAsideToCollapsedPanel .mobilePanelTriggerBar {
      display: none; } }
@media (max-width: 767px) {
  .xsConvertAsideToCollapsedPanel .calculatorCols__aside__inner {
    position: fixed !important;
    top: 100% !important;
    width: 100% !important;
    bottom: auto !important;
    left: 0;
    right: 0;
    z-index: 20;
    transition-duration: 0.3s;
    height: 100%;
    overflow: auto;
    padding: 15px;
    background: #f6f6f6; } }

.showCheckoutPanel {
  overflow: hidden; }
  .showCheckoutPanel .xsConvertAsideToCollapsedPanel {
    overflow: hidden; }
    .showCheckoutPanel .xsConvertAsideToCollapsedPanel .mobilePanelTriggerBar:before {
      transform: rotate(90deg); }
    .showCheckoutPanel .xsConvertAsideToCollapsedPanel .calculatorCols__aside__inner {
      top: 0 !important; }

.pillTabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin: -5px -5px;
  margin-bottom: 48px; }
  .pillTabs > * {
    padding: 5px 5px; }
  .pillTabs a {
    display: block;
    border-radius: 3px;
    border: solid 1px transparent;
    font-weight: 600;
    color: #343448;
    padding: 8px 15px;
    font-size: 15px; }
    @media (min-width: 768px) {
      .pillTabs a {
        font-size: 18px;
        padding: 8px 24px; } }
    .pillTabs a.active {
      color: #240298;
      border-color: currentColor; }

@media (max-width: 767px) {
  .componentCols__main {
    margin-top: 48px; } }
@media (min-width: 768px) {
  .componentCols {
    display: flex; }
    .componentCols__side {
      width: 265px;
      margin-right: 70px; }
    .componentCols__main {
      flex: 1; } }
@media (min-width: 768px) and (max-width: 991px) {
  .componentCols__side {
    margin-right: 20px; }
  .componentCols .selectOptionContent__colorSquare {
    margin-right: 10px; }
  .componentCols .typesQuantityTable tr > * + * {
    padding-left: 10px; }
  .componentCols .btn--increment {
    width: 44px; } }

.componentSummary {
  text-align: center; }
  .componentSummary__title {
    font-weight: 500; }
  .componentSummary__action {
    margin-top: 12px; }

.typesQuantity .field {
  margin-top: 24px; }

.typesQuantityTable {
  width: 100%;
  max-width: 600px; }
  .typesQuantityTable th, .typesQuantityTable td {
    vertical-align: top; }
  .typesQuantityTable thead th {
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 15px; }
    .typesQuantityTable thead th.selectionCol {
      width: 250px; }
    .typesQuantityTable thead th.quantityCol {
      width: 222px; }
  .typesQuantityTable tr > * + * {
    padding-left: 24px; }
  .typesQuantityTable tr > *:last-child {
    vertical-align: middle; }
  .typesQuantityTable tbody > tr + tr > * {
    padding-top: 8px; }
  .typesQuantityTable tfoot > tr > td {
    padding-top: 24px; }
  @media (max-width: 767px) {
    .typesQuantityTable {
      display: block; }
      .typesQuantityTable thead, .typesQuantityTable tbody, .typesQuantityTable tfoot, .typesQuantityTable tr, .typesQuantityTable th, .typesQuantityTable td {
        display: block;
        padding: 0; }
      .typesQuantityTable tbody tr > * + * {
        padding-top: 15px; }
      .typesQuantityTable tbody tr + tr > *:first-child {
        padding-top: 24px; }
      .typesQuantityTable tbody td:last-child {
        text-align: right; }
      .typesQuantityTable thead th + th {
        padding-bottom: 0; } }

.selectOptionContent {
  display: flex;
  align-items: center; }
  .selectOptionContent__colorSquare {
    margin-right: 24px;
    height: 30px;
    width: 30px;
    border: 1px solid transparent; }
    .selectOptionContent__colorSquare--empty {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      background-color: #ffffff;
      border-color: #979797; }
  .selectOptionContent__text {
    font-size: 16px; }

.inputIncrementGroup .textInput {
  min-width: 70px;
  text-align: center;
  -webkit-appearance: none; }
  .inputIncrementGroup .textInput::-webkit-inner-spin-button, .inputIncrementGroup .textInput::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }

.controlGroup {
  display: flex;
  align-items: flex-start; }
  .controlGroup > * {
    border-radius: 0; }
    .controlGroup > *:first-child {
      border-radius: 3px 0 0 3px; }
    .controlGroup > *:last-child {
      border-radius: 0 3px 3px 0; }
  .controlGroup__flex {
    flex: 1; }

.btn--increment {
  width: 70px;
  min-width: 0;
  display: flex;
  line-height: 1.5;
  align-items: center;
  justify-content: center; }
  .btn--increment svg {
    fill: #707081;
    width: 18px; }

@media (min-width: 768px) {
  .uploadCols {
    display: flex;
    align-items: stretch; } }
.uploadCols__info {
  flex: 1; }
@media (max-width: 767px) {
  .uploadCols__form {
    margin-top: 24px; } }
@media (min-width: 768px) {
  .uploadCols__form {
    margin-left: 30px;
    width: 40.625%;
    max-width: 455px; } }

.softwareLinksBlock {
  max-width: 519px; }

.softwareLinks * + * {
  margin-top: 0; }
@media (max-width: 767px) {
  .softwareLinks > * + * {
    margin-top: 10px; } }
@media (min-width: 768px) {
  .softwareLinks {
    display: flex;
    justify-content: space-between;
    align-items: center; } }

.softwareLink {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 14px; }
  .softwareLink img {
    display: block;
    width: 28px; }
  .softwareLink span {
    padding-left: 13px; }

.fileUploadField .btn {
  width: 145px; }
.fileUploadField .uploadFile {
  margin-top: 15px; }

.progress {
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: inset 0 1px 3px 0 rgba(148, 148, 148, 0.5);
  border: solid 1px #e8e8eb; }
  .progress__bar {
    position: relative;
    height: 20px;
    border-radius: 10px;
    margin: -1px;
    background-image: linear-gradient(to bottom, #4a05c9, #240298);
    border: solid 0.5px #12014d; }
    .progress__bar__text {
      position: absolute;
      top: 0;
      right: 0;
      transform: translate(0, -100%);
      padding-bottom: 5px;
      font-size: 23px;
      font-weight: 500;
      color: #240298; }

.files {
  margin-top: 15px;
  background-color: #ffffff;
  border: solid 1px #e8e8eb;
  padding: 8px 30px; }
  .files:empty {
    display: none; }

.fileRow {
  padding: 11px 0;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .fileRow__name {
    font-size: 14px;
    font-weight: 500;
    color: #343448;
    padding-right: 15px; }
  .fileRow + .fileRow {
    border-top: 1px solid #e8e8eb; }

.fileuploadBtn {
  position: relative; }
  .fileuploadBtn input {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0; }

.inlineError {
  position: relative;
  color: #f03a33;
  padding-left: 22px; }
  .inlineError:empty {
    display: none; }
  .inlineError:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    height: 14px;
    width: 14px;
    background: url("data:image/svg+xml,%3csvg fill='%23ff0000' version='1.1' xmlns='http://www.w3.org/2000/svg' width='37' height='32' viewBox='0 0 37 32'%3e%3cpath d='M14.373 3.575c0.833-1.373 2.315-2.208 3.913-2.208s3.080 0.834 3.913 2.208l12.919 21.568c0.812 1.407 0.817 3.139 0.013 4.55s-2.297 2.29-3.938 2.307l-25.83-0c-1.624-0.018-3.117-0.896-3.921-2.307s-0.799-3.143 0.025-4.571l12.907-21.547zM4.093 26.667c-0.271 0.469-0.272 1.046-0.004 1.517s0.766 0.763 1.29 0.769l25.797 0c0.541-0.006 1.039-0.299 1.307-0.769s0.267-1.048 0.008-1.496l-12.902-21.539c-0.276-0.455-0.77-0.734-1.303-0.734-0.531 0-1.024 0.277-1.301 0.731l-12.892 21.521z'%3e%3c/path%3e%3cpath d='M16.762 12.19v6.095c0 0.842 0.682 1.524 1.524 1.524s1.524-0.682 1.524-1.524v-6.095c0-0.842-0.682-1.524-1.524-1.524s-1.524 0.682-1.524 1.524z'%3e%3c/path%3e%3cpath d='M19.81 24.381c0 0.842-0.682 1.524-1.524 1.524s-1.524-0.682-1.524-1.524c0-0.842 0.682-1.524 1.524-1.524s1.524 0.682 1.524 1.524z'%3e%3c/path%3e%3c/svg%3e") center center no-repeat;
    background-size: contain; }

.fileUploadWrap .progress {
  display: none;
  margin: 30px 0 0; }
.fileUploadWrap.isUploading .progress {
  display: block; }
.fileUploadWrap__submit {
  display: none; }
  .isComplete .fileUploadWrap__submit {
    display: block; }

.confirmation {
  text-align: center;
  max-width: 590px;
  margin: auto; }
  @media (max-width: 767px) {
    .confirmation__footer {
      margin-top: 48px; } }
  @media (min-width: 768px) {
    .confirmation__footer {
      margin-top: 80px; } }

.projectBlocksGrid {
  display: flex;
  flex-wrap: wrap;
  margin: -17.5px -10.5px; }
  .projectBlocksGrid > * {
    min-width: 100%;
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%; }
  .projectBlocksGrid > * {
    padding: 17.5px 10.5px; }
  @media (min-width: 768px) {
    .projectBlocksGrid > * {
      min-width: 33.33333%;
      max-width: 33.33333%;
      -ms-flex-preferred-size: 33.33333%;
      flex-basis: 33.33333%; } }

.projectBlock__image {
  margin: 0 0 18px; }
  .projectBlock__image img {
    display: block;
    width: 100%;
    height: auto; }
.projectBlock__title {
  font-size: 18px;
  font-weight: 600;
  color: #343448; }
.projectBlock__author {
  margin-top: 2px; }
.projectBlock__description {
  margin-top: 9px; }
.projectBlock__meta {
  margin-top: 23px; }

.filtersBar {
  margin: 24px 0 48px; }
  @media (min-width: 768px) {
    .filtersBar .selectWrap {
      width: 219px; } }

.resetFilters {
  display: inline-block;
  margin-left: 24px; }

.pagination {
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 767px) {
    .pagination {
      margin: 48px 0 0;
      flex-wrap: wrap; } }
  @media (min-width: 768px) {
    .pagination {
      margin: 150px 0 0; } }
  .pagination ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 40px; }
    @media (max-width: 767px) {
      .pagination ul {
        margin: 0 0 15px;
        width: 100%;
        order: -1; } }
    .pagination ul li {
      margin: 5px; }
    .pagination ul a {
      font-size: 21px;
      color: #707081;
      height: 46px;
      width: 46px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .pagination ul a:hover {
        color: #343448; }
      .pagination ul a.active {
        pointer-events: none;
        color: #343448;
        background-color: #e8e8eb; }
  .pagination .increment {
    font-size: 21px;
    color: #1f6dba;
    display: flex;
    align-items: center; }
    @media (max-width: 767px) {
      .pagination .increment {
        flex: 1; } }
    .pagination .increment > * + * {
      margin-left: 20px; }
    .pagination .increment svg {
      display: block;
      fill: currentColor;
      width: 5px; }
  .pagination .prev svg {
    transform: rotate(180deg); }
  .pagination .next {
    justify-content: flex-end; }
  .pagination--hide--prev .prev {
    display: none; }
  .pagination--hide--next .next {
    display: none; }

.projectModalCols {
  display: flex; }
  @media (max-width: 767px) {
    .projectModalCols {
      flex-direction: column-reverse; } }
  .projectModalCols__slider {
    flex: 1;
    min-height: 0;
    min-width: 0; }
    @media (max-width: 767px) {
      .projectModalCols__slider {
        margin-top: 24px; } }
  @media (min-width: 768px) {
    .projectModalCols__text {
      padding-left: 20px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .projectModalCols__text {
      width: 240px; } }
  @media (min-width: 992px) {
    .projectModalCols__text {
      width: 360px; } }

.projectBlurb__author {
  margin-top: 5px; }
.projectBlurb__description {
  margin-top: 20px; }
.projectBlurb__link {
  margin-top: 48px; }
.projectBlurb__metaHeader {
  margin-top: 48px;
  font-size: 12px;
  font-weight: 600; }
.projectBlurb__metaBody {
  font-size: 12px;
  margin-top: 1em; }

.modal--dark .modal-close svg {
  fill: #fff; }
.modal--dark .modal-content {
  background: transparent;
  box-shadow: none; }
.modal--dark.show ~ .modal-backdrop {
  background: #343446;
  opacity: 1; }

@media (max-width: 767px) {
  .checkoutPage__submit--desktop {
    display: none; } }
.checkoutPage__submit--mobile {
  margin-top: 24px;
  margin-bottom: 48px; }
  @media (min-width: 768px) {
    .checkoutPage__submit--mobile {
      display: none; } }

.headerSearchBar {
  margin-top: 48px; }

mark {
  background: #F1EFF8; }

dl.inline {
  font-size: 14px; }
  dl.inline dt, dl.inline dd {
    display: inline; }
  dl.inline dd {
    font-weight: 600;
    padding-right: 23px; }
  @media (max-width: 767px) {
    dl.inline {
      overflow: hidden; }
      dl.inline dt, dl.inline dd {
        float: left; }
      dl.inline dt {
        clear: left; }
      dl.inline dd {
        margin-left: 5px; } }

.paymentsBar {
  vertical-align: middle;
  margin-top: -10px; }
  .paymentsBar img {
    vertical-align: middle;
    width: 218px;
    display: inline-block;
    margin: 10px 15px 10px 0; }
  .paymentsBar span {
    display: inline-block;
    vertical-align: middle; }

.vcard * + * {
  margin-top: 0; }

.testBtn {
  margin: 5px; }

  .sizeFields
  {
    display: none;
  }
  li
  {
    list-style: none;
  }


#AjaxLoader { position: fixed; z-index: 9999; left: 0; top: 0; right: 0; bottom: 0; height: 100%; text-align: center;}
#AjaxLoader:after { display: inline-block; *display: inline; *zoom: 1; height: 100%; content: ''; vertical-align: middle;}
#AjaxLoader img { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}



#AjaxLoader2 { display:none;position: fixed; z-index: 9999; left: 0; top: 50%; right: 0; bottom: 0; height: 100%; text-align: center;}
#AjaxLoader2:after { display: inline-block; *display: inline; *zoom: 1; height: 100%; content: ''; vertical-align: middle;}
#AjaxLoader2 img { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
#AjaxLoader2 p { *display: inline; *zoom: 1; vertical-align: middle;font-weight: bold;}

.optionCard
{
  cursor: pointer;
}
.error
{
  color: red;
  font-size: 18px;
  margin: 15px 0px 15px 0px;
}
.splitError
{
  color: red;
  font-size: 18px;
  margin: 15px 0px 15px 0px;
}
.validError
{
  border: 1px solid red;
  border-radius: 5px;
}
.hide-visibility{
    visibility: hidden;
}
.select2-results__options {
  min-height: 150px !important;
  max-height: 150px !important;
  overflow-y: auto !important;
}
#select2-MultiShipProduct1Ccountry-results {
  min-height: 150px !important;
  max-height: 150px !important;
  overflow-y: auto !important;
}


.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}
a {
    background: 0 0;
}
b, strong {
    font-weight: 700;
}
.alert
{
  display: none;
}

.learnMore {
    color: #dd1f27 !important;
    font-size: 10px;
    font-weight: normal;
    text-decoration: underline;
    white-space: nowrap;
}
.optionCard--mini 
{
  cursor: pointer;
}
.remaining
{
  float: right;
  font-size: 16px;
}


/*tabs*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

/**, *:before, *:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}*/



.tabs h1 {
  padding: 50px 0;
  font-weight: 400;
  text-align: center;
}

.tabs p {
  margin: 0 0 20px;
  line-height: 1.5;
}

.tabs main {
  min-width: 320px;
  max-width: 800px;
  padding: 50px;
  margin: 0 auto;
  background: #fff;
}

.tabs section 
{
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}

.tabs input[type=radio]
{
  display: none;
}

.tabs .tabsselection  {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}

.tabs label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}


.tabs .error:before, .tabs .optionLabelOverlay:before , .tabs .optionCard__header:before
{
    content: none  !important;
}
.tabs label[for*='1']:before { content: '\f015'; }
.tabs label[for*='2']:before { content: '\f015'; }
.tabs label[for*='3']:before { content: '\f015'; }
.tabs label[for*='4']:before { content: '\f015'; }

.tabs label:hover {
  color: #888;
  cursor: pointer;
}

.tabs input:checked + label {
  color: #555;
  border: 1px solid #ddd;
  border-top: 2px solid orange;
  border-bottom: 1px solid #fff;
}

.tabs #tab1:checked ~ #content1,
.tabs #tab2:checked ~ #content2,
.tabs #tab3:checked ~ #content3,
.tabs #tab4:checked ~ #content4 
{
  display: block;
}

@media screen and (max-width: 650px) {
  .tabs label {
    font-size: 0;
  }
  .tabs label:before {
    margin: 0;
    font-size: 18px;
  }
}

@media screen and (max-width: 400px) {
  .tabs label {
    padding: 15px;
  }
}
/*end*/

.custom-card .costSummary__header
{
  font-size: 18px;
    line-height: 1.3;
    font-weight: bold;
}
.custom-card .location-btn
{
  font-size: 14px;
  margin-top: 20px !important;
}

.section-heading
{
  margin: 24px 0 0 0 ;
}
.descriptionLink
{
  text-decoration: underline;
  font-weight: 600;
  color: #1f6dba;
  cursor: pointer;
}

#dust_jacket_art .optionCard 
{
  margin-bottom: 24px;
}
.focuslead
{
  text-decoration: underline;
  font-weight: bold;
}
.special_printing_options .optionCard__description
{
  text-align: left;
}

#sequential_foil_numbering_sec .optionCard__title
{
  font-size: 14px;
}
.Infolink
{

}
small
{
  font-size: 12px;
}
.right_panel_text
{
  text-align: justify;
  margin-top: 10px;
  font-size: 10pt; 
  color: black;
}
.fieldsetPanel__header .learnMore
{
  float: right;
}
.bclick .optionCard__text
{
  display: block;
}
.bclick .optionCard__text a
{
  margin-left: 10px;
  margin-top: 1px;
}

.customGrid .optionCard__image--svg 
{
  padding: 21% !important;
}
#sizeSelection label
{
  float: left;
}


#binding .optionCard__title
{
  font-size: 12px !important;
}
#quantity .fieldWidth--quantityRow
{
  max-width: 250px !important;
}
/*
.left-div .select2-selection__rendered
{
  font-size: 12px;
  padding-left: 0px;
}
*/
.left-div .select2-container .select2-selection--single
{
  width: 170px;
}
#dust_jacket .left-div .select2-container .select2-selection--single
{
  width: 100%;
}



.left-div
{
  padding-right: 15px;
}

.case-material .optionCard__inner
{
  padding: 0 0 10px !important;
}
.field__binding__label
{
  font-size: 14px;

    color: #343448;
}
/*.split-binding-fields .field
{
  margin-top: 15%;
}*/
#splitBindingDiv .field__label
{
  font-size: 11px !important;
}
#splitBindingDiv
{
  display: none;
}
.spDiv
{
  display: none;
}

.sp_varieant_cover
{
  display: none;
}
.swal-content
{
  text-align: justify;
  padding: 0px 12px !important;
}
.swal-button
{
    

    border: 1px solid transparent;
    border-radius: 4px;
    white-space: nowrap;
    line-height: 38px;
    line-height: 36px;
    height: 38px;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    min-width: 134px;
    padding: 0 13px;
    font-weight: 500;
}

.swal-button--ok
{
  color: #fff;
    border-color: #D71F32;
    background-color: #E2071D;
    background-image: linear-gradient(-180deg, #e2071d 0%, #cf0c1f 100%);
}
#inside_page .optionCard--imageTextRow .optionCard__inner 
{
  padding-left: 14px !important;
}
#inside_page .optionCard--imageTextRow .optionCard__title
{
  font-size: 12px;
}

.cover_specialty_options .select2-container .select2-selection--single, #dust_jacket #dust_jacket_art .select2-container .select2-selection--single
{
  width: 150px !important;
}
.coverOptions .select2-container .select2-selection--single
{
  width: 150px !important;
}
#special_printing .select2-container .select2-selection--single
{
  width:140px !important;
}

#dust_jacket_art .optionCard--imageTextRow .optionCard__inner
{
  padding-left: 15px; 
}


#cover_material .coverOptions .select2-selection--single,#dust_jacket .coverOptions .select2-selection--single,#split_case_cover .coverOptions .select2-selection--single,#split_perfect_cover .coverOptions .select2-selection--single
{
  width:150px !important;
}

.

.inside_notif
{
  font-size: 12px !important;
}

#special_printing .field__label
{
  font-size: 12px !important;
}

.proofImages
{
 height: 150px;
}
.proofImageContainer
{
  display: flex;
  align-items: center;
  justify-content: center;
}

.splitSec .learnMore
{
  margin-left: 0px !important;
}

#sizeSelection .sizeType
{
  font-size: 14px;
  font-weight: bold;
}

/*#cover_coating_sec .optionCard__header,.pcoat  .optionCard__header
{
  max-width: 170px;
}*/
#cover_coating_sec .optionCard--mini--shortText .optionCard__inner,.pcoat .optionCard--mini--shortText .optionCard__inner
{
  display: block !important;
  flex: auto !important;  
}

.pcoat .optionCard--mini--shortText .optionCard__header , #cover_coating_sec .optionCard--mini--shortText .optionCard__header
{
  min-height: 70px !important;
}

#pageCount .largeFieldGroup__header
{
  margin: 24px 0 24px;
}



#edge_treatment input[disabled] 
{
  color: #DCDAD1;
}

#special_printing .select2-container ,#split_case_special_printing .select2-container,#split_perfect_special_printing .select2-container
{
  width: 145px !important;
}
/*#dust_jacket_art .optionCard--imageTextRow
{
  float: left;
  height: 20%;
}*/

.cover_specialty_options .select2-selection__rendered
{
  padding-right: 0px !important;
  /*padding-left: 0px !important;*/
}

#book-mark .optionCard__inner,#slip_cover_sec .optionCard__inner
{
  padding-left: 45px;
}

#pageCount .optionCard__inner
{
  border: none !important;
  cursor: auto;
}


#pageCount a:not(.learnMore)
{
  text-decoration: underline;
  font-weight: 600;
  color: #1f6dba;
}

#focusLink
{
  font-weight: 600;
  color: #1f6dba;
}
#expedited_check
{
  margin: 20px 0px 0px 20px;
}
#standard_check
{
  margin: 20px 0px 0px 20px;
}
.alertModal .closeModal {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.alertModal button.closeModal {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  font-family: inherit;
}
.alertModal .closeModal:hover,
.alertModal .closeModal:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.alertModal .modal-header .closeModal {
  margin-top: -25px;
  margin-right: 15px;
}
.alertModal .modal-header
{
  display: block;
}
.alertModal .modal-content
{
  border-radius: 15px;
}
.alertModal .modal-header img
{
    width: 50px;
    margin-left: 10px;
    float: left;
    margin-top: -10px;
}
.alertModal .modal-body
{
  text-align: center;
}

.alertModal .btn {
  font-family: inherit;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.alertModal .okBtn
{
    background: #E2071D;
    color: white;
    float: right;
    margin-top: 10px;
}
.alertModal .modal-footer {
  padding-bottom: 60px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
  display: block;
}

.alertModal .btn:active {
transform: scale(0.98);
/* Scaling button to 0.98 to its original size */
box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
/* Lowering the shadow */
}