body {
    background: #1c1d21;
    color: #1c1d21;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px
}

a:link,
a:visited,
a:active,
a:hover {
    text-decoration: underline;
    color: #060606
}

.bodycopy a:link,
.bodycopy a:visited,
.bodycopy a:active,
.bodycopy a:hover {
    text-decoration: underline;
    color: #060606
}

iframe { 
    border: none; 
}

label {
    font-weight: 400
}

.mobileon {
    display: none
}

img.scale-with-grid {
    max-width: 100%;
    height: auto
}

.clear {
    content: "";
    display: table;
    clear: both
}

.wpr {
    width: 100%
}

.left {
    text-align: left
}

.center {
    text-align: center
}

.right {
    text-align: right
}

.left img,
.center img,
.right img {
    display: inline-block
}

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

.map-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute
}

select {
    font-size: 14px
}

a.skip-main {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999
}

a.skip-main:focus,
a.skip-main:active {
    color: #fff;
    background-color: #060606;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    overflow: auto;
    margin: 0;
    padding: 5px;
    text-align: center;
    font-size: 1.2em;
    z-index: 999;
    display: block;
    box-sizing: border-box;
    text-align: center
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.btn {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    border: 0;
    border-radius: 6px;
    background: #060606;
    margin: 12px 0 0;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    font-weight: 700!important;
    padding: 0;
    box-sizing: border-box
}


.btn a {
    padding: 0 30px;
    display: block
}

.btn a:link,
.btn a:visited,
.btn a:active,
.btn a:hover {
	text-decoration: none !important;
    color: #fff !important
}

.btn.transcript {
	background: transparent;
	float: right;
	font-weight: 400 !important;
	font-size: 14px;
	text-transform: none;
	margin: 0;
}

.btn.transcript a {
	padding: 0;
}

.btn.yellow {
	background: #ffc72a !important;
}

.btn.yellow a:link,
.btn.yellow a:visited,
.btn.yellow a:active,
.btn.yellow a:hover {
	text-decoration: none;
    color: #060606 !important;
}

.btn.landing  {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    border: 0;
    border-radius: 6px;
    background: #d6d7dc;
    margin: 12px 0 0;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    font-weight: 700!important;
    padding: 0;
    box-sizing: border-box
}

.btn.landing a:link,
.btn.landing a:visited,
.btn.landing a:active,
.btn.landing a:hover {
	text-decoration: none;
    color: #1c1d21 !important;
}

.btn.blog  {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    border: 0;
    border-radius: 6px;
    background: #ffc72a;
    margin: 12px 0 0;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    font-weight: 700!important;
    padding: 0;
    box-sizing: border-box
}

.btn.blog a:link,
.btn.blog a:visited,
.btn.blog a:active,
.btn.blog a:hover {
	text-decoration: none;
    color: #060606 !important;
}

.btn.herobtn {
	height: 62px;
	line-height: 62px;
	border: 2px solid #ffc72a;
	background: transparent;
}

.btn.herobtn a {
    padding: 0 60px;
}

.btn.herobtn a:link,
.btn.herobtn a:visited,
.btn.herobtn a:active,
.btn.herobtn a:hover {
	text-decoration: none;
    color: #ffc72a !important
}

ul {
    list-style: disc outside
}

li {
    margin-left: 1.5em;
    margin-bottom: .5em
}

.bgwhite {
	background: #fff;
	padding: 40px 0 30px 0
}

.bgwhite.webtoprint {
	padding: 40px 0 0 0;
}

.bgwhite.webtoprint .row {
	padding: 0
}

.bgwhite.webtoprintstores .row {
	padding: 0 0 30px 0
}

.bgblue {
	background: #353947;
	color: #fff;
	padding: 40px 0 30px 0
}

.bggrey {
	background: #f5f5f5;
	padding: 40px 0 30px 0
}

.bggreytoblue {
	background: linear-gradient(to bottom,  #f5f5f5 0%,#f5f5f5 50%,#353947 50%,#353947 100%);
}

.bggreytowhite {
	background: linear-gradient(to bottom,  #f5f5f5 0%,#f5f5f5 50%,#fff 50%,#fff 100%);
}

.bgwhitetogrey {
	background: linear-gradient(to bottom,  #fff 0%,#fff 15%,#f5f5f5 15%,#f5f5f5 100%);
}

.box {
    padding: 24px;
}

.box::after {
    content: "";
    display: table;
    clear: both;
}
	


header {
	height: 154px;
	overflow: hidden;
}

.maincontentwpr {
    position: absolute;
    top: 154px;
    left: 0;
    width: 100%;
    z-index: 1;
}

.breadcrumb {
	margin-top: 14px;
	line-height: 1.4em;
	font-size: 14px;
	color: #d6d7dc;
	font-weight: 400
}

.breadcrumb a:link,
.breadcrumb a:visited,
.breadcrumb a:active,
.breadcrumb a:hover {
    text-decoration: none;
    color: #d6d7dc
}

.breadcrumb .container {
	padding: 21px 0;
	border-top: 1px solid #343947
}

.ctatop {
	margin-bottom: 20px;
}

.ctatop .tel {
	text-decoration: none;
	color: #ffc72a !important;
	font-weight: 600;
	margin-right: 1em;
}

.ctatop .btn {
	margin-top: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

header #menu {
	margin-top: 32px;
}

header .nav .fa {
	margin-left: 8px;
}

header ul.navwpr {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    margin: 0 auto;
    padding: 0;
    list-style: none
}

header ul.navwpr:after {
    content: "";
    display: table;
    clear: both
}

header ul.navwpr a {
    display: block
}

header ul.navwpr a:link,
header ul.navwpr a:visited {
	text-decoration: none;
    color: #fff
}

header ul.navwpr a:active,
header ul.navwpr a:hover {
	text-decoration: none;
    color: #fff;
}

header ul.navwpr .nav.on {
    background: #0e0e0f;
    /* border-radius: 6px; */
}

header ul.navwpr .nav.on a {
    color: #fff;
}

header ul.navwpr li {
    display: inline-block;
    padding: 10px 18px 14px 18px;
    position: relative;
    margin-bottom: 0;
    height: 36px;
    line-height: 36px
}

header ul.navwpr li:hover {
    color: #fff
}

.subnav {
	background: #0e0e0f;
	color: #fff;
	z-index: 200;
	position: relative;
    top: 0;
    width: 100%;
    padding: 20px 0 12px 0;
    margin: 0;
    min-height: 280px
}

.subnav ul {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    text-transform: uppercase
}

.subnav ul a {
	text-decoration: none;
    display: block;
    padding: 3px 3px 3px 10px
}

.subnav ul a:link,
.subnav ul a:visited {
	text-decoration: none;
    color: #fff
}

.subnav ul a:active,
.subnav ul a:hover {
	text-decoration: none;
    color: #fff;
    background-color: #1c1d21
}

.subnav ul li {
    margin-bottom: .75em
}

.subnav p {
	margin-bottom: 0;
	font-size: 14px
}

.subnav img {
	margin-right: 6px;
	margin-top: 8px
}

.subnav p span {
	font-size: 20px;
	font-weight: 300
}

.subnav .btn {
	height: 36px;
	line-height: 32px;
	border: 2px solid #ffc72a;
	background: transparent;
	font-size: 14px
}

.subnav .btn a {
    padding: 0 30px;
}

.subnav .btn a:link,
.subnav .btn a:visited,
.subnav .btn a:active,
.subnav .btn a:hover {
    color: #ffc72a !important;
}


.header-mmenu {
    width: 26px;
    height: 26px;
    position: fixed;
    top: 0;
    left: 0;
    padding: 28px 20px 20px;
    z-index: 999
}

#menumobile:not(.mm-menu) {
    display: none
}

.header-mmenu a {
    display: block;
    width: 26px;
    height: 26px
}

#mmenuopener span,
#mmenuopener span:before,
#mmenuopener span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 2px;
    width: 26px;
    background: #fff;
    display: block;
    content: '';
    position: absolute
}

#mmenuopener span.formob:before,
#mmenuopener span.formob:after {
    background: #fff
}

#mmenuopener span:before {
    top: -8px
}

#mmenuopener span:after {
    bottom: -8px
}

.header-mmenu span,
.header-mmenu span:before,
.header-mmenu span:after {
    transition: all 500ms ease-in-out
}

#mmenuopener.active span {
    background-color: transparent
}

#mmenuopener.active span:before,
#mmenuopener.active span:after {
    top: 0
}

#mmenuopener.active span:before {
    transform: rotate(45deg)
}

#mmenuopener.active span:after {
    transform: rotate(-45deg)
}

.mm-menu {
    font-size: 14px;
    font-weight: 700;
    --mm-color-background: #1c1d21;
    --mm-color-border: #353947;
    --mm-color-text: #fff
}

.mm-navbar__title {
    background: #1c1d21;
    color: #fff!important;
    text-align: center;
    font-size: 16px
}

.mm-navbar .mm-btn {
    background: #1c1d21
}

.mm-navbar .mm-btn_prev::before {
    --mm-color-button: #fff !important
}

.mm-btn_next::after {
    --mm-color-button: #fff !important
}

.mm-listitem::after {
    left: 0!important
}



.gdpr {
	z-index: 999;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	padding: 14px 0 14px 0;
	margin: 0;
	text-align: left;
	color: #fff;
	background: #2f97c9;
}

.gdpr a {
	color: #fff;
	text-decoration: underline;
}

.gdpr .btn {
	display: inline-block;
	height: 36px;
	line-height: 36px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
	background-color: transparent;
	padding: 0;
	cursor: pointer;
	font-size: 14px;
	margin: 0;
	border-radius: 6px;
	border: 2px solid #fff;
}

.gdpr .btn:hover {
	background-color: #fff !important;
}

.gdpr .btn a:link,
.gdpr .btn a:visited,
.gdpr .btn a:active,
.gdpr .btn a:hover {
	padding: 0 20px;
	color: #fff !important;
	display: block;
	text-decoration: none
}

.gdpr .btn:hover a:link,
.gdpr .btn a:visited,
.gdpr .btn a:active,
.gdpr .btn a:hover {
	color: #2f97c9 !important;
}




.cta {
	background: #060606;
	padding: 40px 0;
	color: #ffc72a;
	font-size: 15px;
}

.cta p {
	margin-bottom: 1em;
	font-size: 50px;
	font-weight: 300;
	line-height: 1.4em
}

.cta label {
	color: #fff;
	font-size: 15px;
}

.cta input[type="text"],
.cta textarea {
	color: #333;
	font-size: 15px;
	border: 0;
	width: 90%;
}

.cta textarea {
	height: 114px;
}

@media only screen and (max-width:768px) {
	.cta input[type="text"],
	.cta textarea {
		width: 100%;
	}
}

.cta input[type="submit"] {
	height: 62px;
	padding: 0 60px;
	color: #ffc72a;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 62px;
	letter-spacing: 0;
	border-radius: 6px;
	border: 2px solid #ffc72a;
}


footer {
	padding: 40px 0 30px 0;
	color: #fff;
}

#home footer {
	background: url(../images/bg-swoosh1-footer.png) no-repeat top -200px left 0px;
}

footer a:link,
footer a:visited,
footer a:active,
footer a:hover {
	text-decoration: none;
    color: #fff
}

footer .row {
	margin-bottom: 40px;
}

footer .links {
	line-height: 1.8em;
}

footer .hdr {
	height: 30px;
	font-weight: 700;
}

footer .contact {
	color: #ffc72a;
	font-weight: 700;
}

footer .contact a.tel {
	text-decoration: none;
	color: #ffc72a;
	font-weight: 400;
	font-size: 24px;
}

footer .tools {
	line-height: 44px;
}

footer .tools .left {
	padding-top: 14px;
}

footer .social .left a {
	margin-right: 14px;
	line-height: 52px;
}

footer .social .right {
	vertical-align: middle
}

footer .social .right a {
	display: inline-block;
	margin-left: 30px;
}

footer .social .right a.icon {
	margin-left: 6px;
}

span.err {
    color: #fff !important
}

span.required {
    color: #fff !important
}


.hero a:link,
.hero a:visited,
.hero a:active,
.hero a:hover {
    text-decoration: underline;
    color: #caccd3;
}



#home .hero {
	min-height: 420px;
	width: 100%;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	position: relative;
	padding: 50px 0 20px 0;
}


#home .hero h1 {
	color: #caccd3;
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 0;
}

#home .hero span {
    display: block;
	color: #fff;
	font-size: 56px !important;
	font-weight: 300;
	margin-top: 0;
    margin-bottom: .2em;
    line-height: 1.25;
    letter-spacing: -.1rem     
}

#home .hero .badges {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

@media only screen and (max-width:768px) {

	#home .hero .btn {
		margin-bottom: 100px;
	}
	
}

#home .testimonial {
	background: #353947 url(../images/bg-swoosh1.png) no-repeat top -700px right 150px;
	padding: 60px 0;
	color: #d2d4d5;
	font-size: 24px;
	font-weight: 300;
}

#home .testimonial .attribution {
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}

#home .video {
	background: #fff url(../images/home/videobg.jpg) no-repeat top -440px left 100px;
	padding: 40px 0;
}

#home .different {
	background: #fff;
	padding: 40px 0;
	color: #000;
	font-size: 18px;
	font-weight: 400;
}

#home .different .row {
	margin-bottom: 24px;	
}

#home .different span {
	font-size: 36px;
	font-weight: 300;	
    display: block;
}

#home .different h2 {
	font-size: 19px;
	font-weight: 400;	
}

#home .different .caption {
	font-size: 14px;
}

#home .different .learnmore {
	font-size: 24px;
	font-weight: 700;
}

#home .different .learnmore a:link, #home .different .learnmore a:visited {
	text-decoration: none
}

#home .different .learnmore a:hover, #home .different .learnmore a:active {
	text-decoration: underline
}

.highlights {
	background: #f3f2f2;
	padding: 40px 0;
	color: #000;
	font-size: 24px;
	font-weight: 400;
	border-bottom: 36px solid white;
}

.highlights h3 {
	font-size: 19px;
	font-weight: 400;
}

.highlights p {
	font-size: 13px;
	font-style: italic;
}

#home .proof {
	background: #fff;
	padding: 40px 0;
	color: #000;
	font-size: 18px;
	font-weight: 400;
}

#home .proof .row {
	margin-bottom: 24px;	
}

#home .proof span {
	font-size: 36px;
	font-weight: 300;	
    display: block;
}

#home .proof h2 {
	font-size: 19px;
	font-weight: 400;	
}

#home .proof .learnmore {
	font-size: 24px;
	font-weight: 700;
}

#home .proof .learnmore a:link, #home .proof .learnmore a:visited {
	text-decoration: none
}

#home .proof .learnmore a:hover, #home .proof .learnmore a:active {
	text-decoration: underline
}

#home .proof .work {
	width: 33.33333333%;
	float: left;
	position: relative
}

#home .proof .work img {
	display: block;
}

#home .proof .work .rollover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	opacity: 0;
	transition: .5s ease;
}

#home .proof .work:hover .rollover {
	opacity: 1;
}

#home .proof .work .rollover .inner {
	text-align: center;
	color: #fff;
	font-size: 50px;
	line-height: 1.2em;
	font-weight: 300;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	-webkit-transform: translate(-50%, -50%);
  	-ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
  	text-align: center;
}



#products-overview .hero {
	background: linear-gradient(#353a48,#1c1d21);
	color: #caccd3;
	font-size: 20px;
	font-weight: 400;
	padding: 0;
}

#products-overview .hero .heroinner {
	background: url(../images/bg-swoosh2.png) no-repeat top -400px right 150px;
	padding: 50px 0 20px 0;
}

#products-overview .hero h1 {
	color: #caccd3;
	font-size: 50px;
	font-weight: 300;
	margin-bottom: .5em;
}

#products-overview .hero p {
	color: #caccd3;
	font-size: 20px;
	font-weight: 400;
}

#products-overview .products a:link,
#products-overview .products a:visited,
#products-overview .products a:active,
#products-overview .products a:hover {
    text-decoration: underline;
    color: #caccd3
}

#products-overview .products {
	background: #1c1d21;
	padding: 50px 0 20px 0
}

#products-overview .products h2 {
	color: #caccd3;
	font-size: 40px;
	font-weight: 300;
    margin-top: .5em;
	margin-bottom: .5em
}

#products .product h2 {
    color: #141312;
    font-size: 40px;
    font-weight: 300;
    margin-top: 1em;
    margin-bottom: .5em;
}

#products-overview .products .row {
	margin-bottom: 100px
}

#products-overview .products p {
	font-size: 20px;
	color: #caccd3
}


#products .hero {
	min-height: 410px;
	background: url(../images/home/hero.jpg) no-repeat top center /cover;
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	padding: 50px 0 50px 0;
}

#products .hero.products-commercial {
	background: url(../images/products/commercial-printing-hero-bg.jpg) no-repeat top center /cover;
}

#products .hero.products-litho {
	background: url(../images/products/litho-hero-bg.jpg) no-repeat top center /cover;
}

#products .hero.products-marketing {
	background: url(../images/products/marketing-hero-bg.jpg) no-repeat top center /cover;
}

#products .hero.products-packaging {
	background: url(../images/products/packaging-hero-bg.jpg) no-repeat top center /cover;
}

#products .hero.products-point {
	background: url(../images/products/point-hero-bg.jpg) no-repeat top center /cover;
}

#products .hero.products-signs {
	background: url(../images/products/signs-hero-bg.jpg) no-repeat top center /cover;
}

#products .hero h1 {
	color: #fff;
	font-size: 56px;
	font-weight: 300;
	margin-bottom: .2em;
}

#products .bgtop {
	background: #fff url(../images/bg-swoosh3.png) no-repeat top -400px right 150px;
}

#products .product h2 {
	color: #141312;
	font-size: 40px;
	font-weight: 300;
    margin-top: 1em;
	margin-bottom: .5em
}

#products .product p {
	font-size: 20px;
	color: #141312;
    padding-right: 1em
}

#products .product .pad-l {
    padding-top: 1.2em;
	padding-left: 1.2em;
}

#products .product .pad-r {
    padding-top: 1.2em;
	padding-right: 1.2em
}

#products footer.attrib {
    padding-top: 0;
    background-color: white;
    color: #1c1d21;
    font-style: italic;
    font-size: 12px
}

#products .bgbluegradient {
	background: linear-gradient(to right, #9accde, #6596a8);
}

#products .bgbluegradient h2 {
	color: #fff;
	font-size: 40px;
	font-weight: 300;
	margin-bottom: .5em;
}

#products .bgbluegradient h3 {
	color: #fff;
	font-size: 40px;
	font-weight: 300;
	margin-bottom: .5em;
}

#products .bgbluegradient p {
	font-size: 20px;
	color: #fff
}

#products .gallery .four.columns {
	margin-left: 1%;
	width: 32.666666666%
}

#products .gallery .columns:first-child {
	margin-left: 0;
}

#products .endtoend h3 {
	font-size: 19px;
	font-weight: 400;
	margin-bottom: .5em;
}

#products .endtoend p {
	font-size: 13px;
	font-weight: 400;
	font-style: italic
}

#products .endtoend a {
	text-decoration: underline
}

#products .endtoend .box {
	position: relative;
}

#products .endtoend .box:before {
	position: absolute;
	font-family: 'Open Sans', sans-serif;
	font-size: 80px;
	color: #adaeb2;
	top: 0;
	right: 0;
  	content: "+";
}

#products .endtoend .box.noplus:before {
  	content: "";
}

#products .whychoose .icon {
	float: left;
	width: 64px;
	height: 64px;
	border-radius: 64px;
	background: #1c1d21;
	color: #4cd61b;
	text-align: center;
	line-height: 64px;
}

#products .whychoose .text {
	padding-left: 88px;
	width: 100%;
	box-sizing: border-box;
}

#products .whychoose h3 {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: .5em;
}

#products .whychoose p {
	font-size: 16px;
	font-weight: 400
}

#products .whychoose .row {
	margin-bottom: 36px;
}

#products .equipment h3 {
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 1em;
}

#products .testimonial {
	color: #d2d4d5;
	font-size: 24px;
	font-weight: 300;
}

#products .testimonial .attribution {
	color: #d2d4d5;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}







#services-overview .hero {
	background: linear-gradient(#353a48,#1c1d21);
	color: #caccd3;
	font-size: 20px;
	font-weight: 400;
	padding: 0;
}

#services-overview .hero .heroinner {
	background: url(../images/bg-swoosh2.png) no-repeat top -400px right 150px;
	padding: 50px 0 20px 0;
}

#services-overview .hero h1 {
	color: #caccd3;
	font-size: 50px;
	font-weight: 300;
	margin-bottom: .5em;
}

#services-overview .hero p {
	color: #caccd3;
	font-size: 20px;
	font-weight: 400;
}

#services-overview .hero p a:link,
#services-overview .hero p a:visited,
#services-overview .hero p a:active,
#services-overview .hero p a:hover {
    text-decoration: underline;
    color: #caccd3
}

#services-overview .infographic {
	background: url(../images/services-landing-infographic.png) no-repeat center center;
	padding-top: 80px;
	min-height: 600px;
}

#services-overview .infographic .diagram {
	display: none;
}

@media only screen and (max-width:1200px) {

	#services-overview .infographic {
		background-size: 50%;
	}
	
}


@media only screen and (max-width:1000px) {

	#services-overview .infographic {
		background-image: none !important;
	}
	
	#services-overview .infographic .diagram {
		display: block;
	}
	
	#services-overview .infographic .diagram img {
		display: inline-block;
	}

	#services-overview .columns {
		float: none;
		margin: 0 0 20px 0;
		width: 100%;
	}	
}

#services-overview .infographic h2 {
	color: #caccd3;
	font-size: 24px;
	font-weight: 300;
	margin-bottom: .5em;
}

#services-overview .products {
	background: #1c1d21;
	padding: 50px 0 20px 0;
}

#services-overview .products img {
	border: 1px solid #caccd3
}

#services-overview .products img.noborder {
	border: 0
}

#services-overview .products h3 {
	color: #caccd3;
	font-size: 40px;
	font-weight: 300;
	margin-bottom: .5em;
}

#services-overview .products .row {
	margin-bottom: 60px;
}

#services-overview .products p {
	font-size: 20px;
	color: #caccd3
}



#services .hero {
	min-height: 410px;
	background: url(../images/home/hero.jpg) no-repeat top center /cover;
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	padding: 50px 0 50px 0;
}

#services .hero.services-prepress {
	background: url(../images/services/prepress-hero-bg.jpg) no-repeat top center /cover;
}

#services .hero.services-finishing {
	background: url(../images/services/finishing-hero-bg.jpg) no-repeat top center /cover;
}

#services .hero.services-kitting {
	background: url(../images/services/kitting-hero-bg.jpg) no-repeat top center /cover;
}

#services .hero.services-printing {
	background: url(../images/services/printing-hero-bg.jpg) no-repeat top center /cover;
}

#services .hero.services-mailing {
	background: url(../images/services/mailing-hero-bg.jpg) no-repeat top center /cover;
}

#services .hero.services-webtoprint {
	background: url(../images/services/webtoprint-hero-bg.jpg) no-repeat top center /cover;
}

#services .hero h1 {
	color: #fff;
	font-size: 56px;
	font-weight: 300;
	margin-bottom: .2em;
}

#services .bgtop {
	background: #fff url(../images/bg-swoosh3.png) no-repeat top -400px right 150px;
}

#services .product .row {
	margin-bottom: 40px;
}

#services .product.webtoprint .row {
    margin-bottom: 0;
}


#services .product h2 {
	color: #141312;
	font-size: 40px;
	font-weight: 300;
	margin-bottom: .5em;
}

#services .product h2 span {
    display: block;
    margin-top: .5em;
	margin-bottom: .25em;
    color: #141312;
	font-size: 28px;
	font-weight: 300
}

#services .product p {
	font-size: 20px;
	color: #141312
}

#services .gallery .four.columns {
	margin-left: 1%;
	width: 32.666666666%
}

#services .gallery .columns:first-child {
	margin-left: 0;
}

#services .testimonial {
	color: #d2d4d5;
	font-size: 24px;
	font-weight: 300;
}

#services .testimonial .attribution {
	color: #d2d4d5;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}

#services .product .fas {
	color: #54626a
}

#services p.greenest {
	font-size: 16px;
	font-style: italic;
	color: #54626a
}



#about .hero {
	background: linear-gradient(#353a48,#1c1d21);
	color: #caccd3;
	font-size: 20px;
	font-weight: 400;
	padding: 0;
}

#about .hero .heroinner {
	background: url(../images/bg-swoosh2.png) no-repeat top -400px right 150px;
	padding: 50px 0 20px 0;
}

#about .hero h1 {
	color: #caccd3;
	font-size: 50px;
	font-weight: 300;
	margin-bottom: .5em;
}

#about .hero p {
	color: #caccd3;
	font-size: 20px;
	font-weight: 400;
}

#about .content {
	background: #1c1d21;
	padding: 50px 0 20px 0;
}

#about .content img {
	border: 1px solid #caccd3;
	margin-bottom: 14px
}

#about .content h2 {
	color: #caccd3;
	font-size: 40px;
	font-weight: 300;
	margin-bottom: .5em;
	margin-top: .5em;
}

#about .content .row {
	margin-bottom: 60px;
}

#about .content p {
	font-size: 20px;
	color: #caccd3
}

#about .content .caption {
	font-size: 16px;
	color: #caccd3
}

#about .stats h3 em {
	font-size: 60px;
	color: #fff;
	font-weight: 600;
	font-style: normal;
	line-height: 50px
}

#about .stats h3 {
	font-size: 60px;
	color: #2a7eb1;
	font-weight: 300;
	line-height: 50px;
	text-transform: uppercase
}

#about .stats h3 span {
	font-size: 30px;
	color: #2a7eb1;
	font-weight: 300;
	line-height: 30px;
	display: block
}

#about .history {
	background: #fff url(../images/about-history-bg.jpg) no-repeat top center /contain;
	padding: 760px 0 20px 0;
}

#about .history img {
	border: 1px solid #060606;
	margin-bottom: 14px
}

#about .history h2 {
	font-size: 40px;
	font-weight: 300;
	margin-bottom: .5em;
}

#about .history .row {
	margin-bottom: 60px;
}

#about .history p {
	font-size: 20px
}

#about .history .caption {
	font-size: 16px
}


#equipment .hero {
	background: url(../images/equipment-hero-bg.jpg) no-repeat top center /cover;
	min-height: 410px;
	color: #fff;
	font-size: 20px;
	padding: 50px 0 20px 0;
}

#equipment .hero h1 {
	color: #fff;
	font-size: 56px;
	font-weight: 300;
	margin-bottom: .2em;
}

#equipment .product.bgwhite {
	padding-top: 80px;
}

#equipment .product h2 {
	color: #141312;
	font-size: 40px;
	font-weight: 300;
	margin-bottom: .5em;
}

#equipment .product h3 {
	color: #141312;
	font-size: 30px;
	font-weight: 300;
	margin-bottom: .5em;
}

#equipment .product p {
	font-size: 20px;
	color: #141312
}

#equipment .padtop {
	padding-top: 120px
}

#equipment .padbot {
	padding-bottom: 60px
}

#equipment .testimonial {
	color: #d2d4d5;
	font-size: 24px;
	font-weight: 300;
}

#equipment .testimonial .attribution {
	color: #d2d4d5;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}



#history .hero {
	background: linear-gradient(#353a48,#1c1d21);
	color: #caccd3;
	font-size: 20px;
	font-weight: 400;
	padding: 0;
}

#history .hero .heroinner {
	background: url(../images/bg-swoosh2.png) no-repeat top -400px right 150px;
	padding: 50px 0 20px 0;
}

#history .hero h1 {
	color: #caccd3;
	font-size: 50px;
	font-weight: 300;
	margin-bottom: .5em;
}

#history .hero p {
	color: #caccd3;
	font-size: 20px;
	font-weight: 400;
}

#history .content img {
	border: 1px solid #caccd3;
	margin-bottom: 14px
}

#history h3 {
	color: #caccd3;
	font-size: 80px;
    line-height: 80px;
	font-weight: 300;
	margin-bottom: 0;
}

#history h2 {
	color: #caccd3;
	font-size: 36px;
	font-weight: 300;
	margin-bottom: .5em;
    margin-top: 0;
}

#history .row.content {
	margin-top: 40px;
	margin-bottom: 40px;
}

#history .content p {
	font-size: 20px;
	color: #caccd3
}

#history .row.circles {
	margin-top: 40px;
	margin-bottom: 40px;
}

#history .circles p {
	font-size: 20px;
	color: #caccd3
}

#history .present {
	background: #1c1d21 url(../images/history-2019-bg.jpg) no-repeat top center /contain;
	padding: 700px 0 20px 0;
	color: #caccd3
}

#history .present img {
	border: 1px solid #caccd3
}


#videos .hero {
	color: #caccd3;
	font-size: 20px;
	font-weight: 400;
	padding: 0;
	padding: 50px 0 20px 0;
}

#videos .hero h1 {
	color: #caccd3;
	font-size: 50px;
	font-weight: 300;
	margin-bottom: .5em;
}

#videos .hero p {
	color: #caccd3;
	font-size: 20px;
	font-weight: 400;
}

#videos .bgtop {
	background: linear-gradient(#353a48,#1c1d21);
}

#videos .bgtopinner {
	background: url(../images/bg-swoosh2.png) no-repeat top 0 right 150px;
	padding: 0 0 20px 0;
}

#videos .content {
	padding: 50px 0 20px 0;
}

#videos .content img {
	border: 1px solid #caccd3;
	margin-bottom: 14px
}

#videos .content h2 {
	color: #caccd3;
	font-size: 40px;
	font-weight: 300;
	margin-top: .5em;
}

#videos .content h2 a {
	color: #caccd3;
	font-size: 40px;
	font-weight: 300;
	margin-bottom: .5em;
	text-decoration: none;
}

#videos .content .row {
	margin-bottom: 60px;
}

#videos .content p {
	font-size: 20px;
	color: #caccd3
}





#testimonials .hero {
	min-height: 410px;
	background: url(../images/testimonials-hero-bg.jpg) no-repeat top center /cover;
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	padding: 50px 0 50px 0;
}

#testimonials .hero h1 {
	color: #caccd3;
	font-size: 50px;
	font-weight: 300;
	margin-bottom: .5em;
}

#testimonials .hero p {
	color: #caccd3;
	font-size: 20px;
	font-weight: 400;
}

#testimonials .hero p a:link,
#testimonials .hero p a:visited,
#testimonials .hero p a:active,
#testimonials .hero p a:hover {
    text-decoration: underline;
    color: #caccd3
}

#testimonials .content {
	font-size: 18px;
}

#testimonials .content .columns {
	margin-bottom: 30px;
	margin-top: 30px;
}

#testimonials .quote {
	background: #f5f5f5;
	padding: 40px 40px 30px 40px;
	margin: 0 0 30px 0;
	text-align: center;
	position: relative;
}

#testimonials .quote:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #f5f5f5;
	border-width: 14px;
	margin-left: -14px;
}


#testimonials .quoteimg {
	width: 130px;
	float: left;
}

#testimonials .content .attribution {
	margin-left: 130px;
	font-size: 24px
}

#testimonials .content h2 {
	font-weight: 400;
	font-size: 18px
}

#testimonials .fullwidth {
	padding: 50px 0;
	text-align: center;
	font-size: 24px;
	font-weight: 300;
}

#testimonials .fullwidth .attribution {
	font-size: 16px;
	font-weight: 700;
	margin-left: 0
}


#contact .hero {
	min-height: 410px;
	background: url(../images/contact-hero-bg.jpg) no-repeat top center /cover;
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	padding: 50px 0 50px 0;
}

#contact .hero h1 {
	color: #caccd3;
	font-size: 50px;
	font-weight: 300;
	margin-bottom: .5em;
}

#contact .hero p {
	color: #caccd3;
	font-size: 20px;
	font-weight: 400;
}

#contact .hero p a:link,
#contact .hero p a:visited,
#contact .hero p a:active,
#contact .hero p a:hover {
    text-decoration: underline;
    color: #caccd3
}

#contact .content h2 {
	font-weight: 600;
	font-size: 18px;
	margin-bottom: .5em
}

#contact .cta {
	background: #353947;
	color: #fff;
	padding: 40px 0;
	font-size: 16px;
}

#contact .cta h2 {
	font-weight: 600;
	font-size: 18px
}


/*
#blog .hero {
	background: linear-gradient(#353a48,#1c1d21);
	color: #caccd3;
	font-size: 20px;
	font-weight: 400;
	padding: 0;
	height: 500px;
	margin-bottom: 
}

#blog .hero .heroinner {
	padding: 50px 0 20px 0;
}

#blog .hero a {
	text-decoration: none
}

#blog .hero h1 {
	color: #caccd3;
	font-size: 50px;
	font-weight: 300;
	margin-bottom: .5em;
}

#blog .hero p {
	color: #caccd3;
	font-size: 20px;
	font-weight: 400;
}
*/

#blog .category {
	display: inline-block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    border: 0;
    border-radius: 0;
    background: #d6d7dc;
    margin: 12px 0 0;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    font-weight: 700!important;
    padding: 0 24px;
    box-sizing: border-box;
    margin-bottom: 18px
}

#blog .category a:link,
#blog .category a:visited,
#blog .category a:active,
#blog .category a:hover {
	text-decoration: none;
    color: #1c1d21 !important;
}

#blog .blog-items {
	margin: 0 0 60px 0;
	color: #caccd3;
}

#blog .blog-items h4 {
    color: #fff;;
    font-size: 28px;
    font-weight: 300;
    margin-bottom: 0;
}

#blog .blog-items h4 a {
    color: #fff;;
	text-decoration: none
}

#blog .blog-items p {
	margin-bottom: 1em;
	font-size: 15px
}


#blog .content {
	background: #1c1d21;
	padding: 30px 0 20px 0;
}

#blog .content img.blogimg {
	/* border: 1px solid #caccd3; */
	margin: 24px 0;
}

#blog .content h1 {
	color: #fff;
	font-size: 44px;
	font-weight: 300;
	margin-bottom: .2em;
}

#blog .content h2 {
	color: #fff;
	font-size: 22px;
	font-weight: 300;
	margin-bottom: 1em;
}

#blog .content .blogdate {
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 1.5em;
}

#blog .content .row {
	margin-bottom: 18px;
}

#blog .content p {
	font-size: 17px;
	color: #caccd3
}

.paginationlinks {
	padding: 40px 0;
	text-align: center;
}

.paginationlinks .btn {
	display: inline-block;
    height: 52px;
    width: 52px;
    color: #fff;
    text-align: center;
    line-height: 52px;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    background: #d6d7dc;
    box-sizing: border-box;
    margin-right: 6px;
    padding: 0;
    background-image: none;
    border-radius: 0
}

.paginationlinks .btn a {
    font-size: 18px;
    color: #1c1d21 !important;
    font-weight: bold;
    padding: 0;
}

.paginationlinks .btn.on {
	 background: #ffc72a;
}

.paginationlinks .btn.on a {
    color: #060606 !important
}



#sitemap .hero {
	background: linear-gradient(#353a48,#1c1d21);
	color: #caccd3;
	font-size: 20px;
	font-weight: 400;
	padding: 0;
}

#sitemap .hero .heroinner {
	min-height: 202px;
	background: url(../images/bg-swoosh2.png) no-repeat top -400px right 150px;
	padding: 50px 0 50px 0;
}

#sitemap .hero h1 {
	color: #caccd3;
	font-size: 50px;
	font-weight: 300;
	margin-bottom: .5em;
}

#sitemap .hero p {
	color: #caccd3;
	font-size: 20px;
	font-weight: 400;
}

#sitemap .hero p a:link,
#sitemap .hero p a:visited,
#sitemap .hero p a:active,
#sitemap .hero p a:hover {
    text-decoration: underline;
    color: #caccd3
}

#sitemap .content h2 {
	font-weight: 600;
	font-size: 18px
}



#privacy .hero {
	background: linear-gradient(#353a48,#1c1d21);
	color: #caccd3;
	font-size: 20px;
	font-weight: 400;
	padding: 0;
}

#privacy .hero .heroinner {
	min-height: 202px;
	background: url(../images/bg-swoosh2.png) no-repeat top -400px right 150px;
	padding: 50px 0 50px 0;
}

#privacy .hero h1 {
	color: #caccd3;
	font-size: 50px;
	font-weight: 300;
	margin-bottom: .5em;
}

#privacy .hero p {
	color: #caccd3;
	font-size: 20px;
	font-weight: 400;
}

#privacy .hero p a:link,
#privacy .hero p a:visited,
#privacy .hero p a:active,
#privacy .hero p a:hover {
    text-decoration: underline;
    color: #caccd3
}

#privacy .content h2 {
	font-weight: 600;
	font-size: 18px
}



@media only screen and (max-width:1500px) {

}

@media only screen and (max-width:1400px) {
 
}

@media only screen and (max-width:1300px) {


}

@media only screen and (max-width:960px) {

}

@media only screen and (max-width:768px) {

	.mobileoff {
        display: none
    }
    
    .mobileon {
        display: block
    }
    
	.header-mmenu {
        display: block
    }
    
    #menu {
    	 display: none
    }
    
    .ctatop .btn {
    	display: none
    }
    
    .ctatop .tel {
    	margin: 0
    }
    
    .ctatop {
    	padding: 12px 0 0 0;
    }

	.logo {
		margin-top: 30px;
		float: none;
		width: 100%;
		text-align: center
	}
    
    .logo img {
		display: inline-block
	}

	
	.badges .right {
		margin-top: 20px;
		text-align: center
	}
	
	.proof .work {
		width: 100%;
		float: none;
		margin: 0 0 1px 0;
	}
	
	footer .contact .columns {
		text-align: center;
		line-height: 1.5em
	}
	
	footer .tools .columns {
		text-align: center;
		line-height: 1.5em
	}
	
	footer .social .columns {
		text-align: center;
		line-height: 1em
	}
	
	footer .social .left a {
		line-height: 1.5em
	}
	
	footer .social .left {
		margin-bottom: 40px
	}
	
	footer .social .right a {
		margin: 12px 0 0 0;
		display: block
	}

	footer .social .right a.icon {
		margin: 0 4px 0 4px;
		display: inline-block
	}
}

@media only screen and (max-width:600px) {
    .btn {
        width: 100%;
        margin: 12px auto 0
    }
}

@media only screen and (max-width:400px) {

}

@media only screen and (max-width:380px) {

}

@media print {

 
}