@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'helveticaneuebold';
    src: url('../fonts/helvetica_neu_bold-webfont.woff2') format('woff2'),
         url('../fonts/helvetica_neu_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helveticaneuelight';
    src: url('../fonts/helveticaneue_light-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneue_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'helveticaneuemedium';
    src: url('../fonts/helveticaneue_medium-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneue_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'helveticaneuethin';
    src: url('../fonts/helveticaneue_thin-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneue_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'helveticaneueitalic';
    src: url('../fonts/helveticaneueit-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneueit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'helveticaneueheavy';
    src: url('../fonts/helveticaneuehv-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneuehv-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'montserratbold';
    src: url(../fonts/montserrat-bold-webfont.woff2) format('woff2'),
         url(../fonts/montserrat-bold-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratlight';
    src: url(../fonts/montserrat-light-webfont.woff2) format('woff2'),
         url(../fonts/montserrat-light-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserratregular';
    src: url(../fonts/montserrat-regular-webfont.woff2) format('woff2'),
         url(../fonts/montserrat-regular-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserratitalic';
    src: url(../fonts/montserrat-italic-webfont.woff2) format('woff2'),
         url(../fonts/montserrat-italic-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;

}




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

body {
	background-color: #fff;
    color: #282828;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
}

.abouthero {
	width: 100%;
	height: 250px;
	margin: 0px auto;
	background-image: url("../images/card.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right;
	background-color:#E5E5E5;
	padding-top: 70px;
	padding-left: 40px;
}

.largeprinthero {
	background-image: url("../images/service1.jpg");
}

.largeprinthero h1 {
	background-color: rgba(255,255,255,0.65);
}

.largeprinthero p {
	background-color: rgba(255,255,255,0.65);
}

.abouthero h1 {
	font-family: 'helveticaneueheavy';
	line-height: 1.5;
	line-height: 1.2;
	font-size: 2em;
	color: #282828;
	text-align: left;
}


.abouthero p {
	font-family: 'montserratregular';
	line-height: 1.4;
	font-size: 0.8em;
	color: #282828;
	margin-top: 25px;
	text-align: left;
}

.digital {
	width: 90%;
	margin: 40px auto;
}

.digital h1 {
	font-family: 'helveticaneueheavy';
	line-height: 1.5;
	font-size: 1.5em;
	color: #282828;
	text-align: left;
}

.digital h2 {
	font-family: 'helveticaneuemedium';
	line-height: 1.5;
	font-size: 1.1em;
	color: #333333;
	margin-top: 20px;
}

.digital p {
	font-family: 'montserratregular';
	line-height: 1.5;
	font-size: 0.9em;
	color: #1E1E1E;
	text-align: left;
	margin-top: 20px;
	
}

.digital ul {
	margin-top: 20px;
	padding-left: 0px;
	font-family: 'montserratregular';
	line-height: 1.8;
	font-size: 0.9em;
	color: #282828;
	text-align: left;
	list-style: none;
}

.digital span {
	margin-right: 3px;

}

.printerpic {
	display: none
}

.printerpic2 {
	display: block;
	width: 100%;
	height: 300px;
	margin: 10px auto; 
	background-image: url("../images/propic4.jpg");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.printerpic3 {
	display: block;
	width: 100%;
	height: 300px;
	margin: 20px auto; 
	background-image: url("../images/fedex1.jpg");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.produce {
	width: 100%;
	margin: 30px auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.pro, .pro_off {
	width: 30%;
	height: 215px;
	margin: auto;
	background-color: #ffffff;
	text-decoration: none;
}

.pro h2 {
	width: 100%;
	font-family: 'montserratlight';
	font-size: 1em;
	line-height: 1.4;
	color: #282828;
	margin: 10px auto;
	text-align: left;
}

.pro_off h2 {
	width: 100%;
	font-family: 'montserratlight';
	font-size: 1em;
	line-height: 1.4;
	color: #282828;
	margin: 10px auto;
	text-align: left;
}

.proview {
	width: 100%;
	margin: 40px auto 60px;
	text-align: center;
}

.proview a {
	color: #282828;
	font-family: 'helveticaneuemedium';
	font-size: 1em;
	letter-spacing: 0.02em;
	line-height: 1.5;
	text-align: center;
	text-decoration: underline;
}

.proview:hover {
	color: #F47A20;
}

.proview a:hover {
	color: #F47A20;
}

.pro7, .pro8, .pro9, .pro10, .pro11, .pro12, .pro14, .pro18, .pro19, .pro20, .pro21, .pro29, .pro31 {
	width: 100%;
	height: 150px;
	margin: 0 auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.pro32, .pro33, .pro34, .pro35, .pro36, .pro37, .pro38, .pro39, .pro40 {
	width: 100%;
	height: 150px;
	margin: 0 auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}	

.pro1, .pro2, .pro3, .pro4, .pro41, .pro42, .pro43, .pro44 {
	width: 100%;
	height: 150px;
	margin: 0 auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.pro45, .pro46, .pro47, .pro48, .pro49, .pro50, .pro51, .pro52, .pro53, .pro54, .pro55 {
	width: 100%;
	height: 150px;
	margin: 0 auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.pro56, .pro57, .pro58, .pro59, .pro60, .pro61 {
	width: 100%;
	height: 150px;
	margin: 0 auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}



.pro1 {
	background-image: url("../images/prodcutpage1.jpg");
}

.pro2 {
	background-image: url("../images/prodcutpage2.jpg");
}

.pro3 {
	background-image: url("../images/industry6.jpg");
}

.pro4 {
	background-image: url("../images/sign.jpg");
}


.pro7 {
	background-image: url("../images/pro-07.jpg");
}

.pro8 {
	background-image: url("../images/pro-08.jpg");
}

.pro9 {
	background-image: url("../images/industry4.jpg");
}

.pro10 {
	background-image: url("../images/pro-10.jpg");
}

.pro11 {
	background-image: url("../images/pro-11.jpg");
}

.pro12 {
	background-image: url("../images/pro-12.jpg");
}

.pro14 {
	background-image: url("../images/propic14.jpg");
}

.pro18 {
	background-image: url("../images/pro-18.jpg");
}

.pro19 {
	background-image: url("../images/pro-19.jpg");
}

.pro20 {
	background-image: url("../images/pro-20.jpg");
}

.pro21 {
	background-image: url("../images/pro-21.jpg");
}

.pro29 {
	background-image: url("../images/pro-29.jpg");
}

.pro31 {
	background-image: url("../images/pro-31.jpg");
}

.pro32 {
	background-image: url("../images/pro-32.jpg");
}

.pro33 {
	background-image: url("../images/pro-33.jpg");
}
.pro34 {
	background-image: url("../images/pro-34.jpg");
}

.pro35 {
	background-image: url("../images/pro-35.jpg");
}
.pro36 {
	background-image: url("../images/pro-36.jpg");
}
.pro37 {
	background-image: url("../images/pro-37.jpg");
}

.pro38 {
	background-image: url("../images/pro-38.jpg");
}
.pro39 {
	background-image: url("../images/pro-39.jpg");
}

.pro40 {
	background-image: url("../images/card.jpg");
}

.pro41 {
	background-image: url("../images/pro-40.jpg");
}

.pro42 {
	background-image: url("../images/propic12.jpg");
}

.pro43 {
	background-image: url("../images/prodcutpage3.jpg");
}

.pro44 {
	background-image: url("../images/pro-18.jpg");
}

.pro45 {
	background-image: url("../images/pro-28.jpg");
}

.pro46 {
	background-image: url("../images/pro-15.jpg");
}

.pro47 {
	background-image: url("../images/pro-05.jpg");
}


.pro48 {
	background-image: url("../images/cheque1.jpg");
	background-position: top;
	background-size: cover;
}

.pro49 {
	background-image: url("../images/pro-16.jpg");
}

.pro50 {
	background-image: url("../images/industry2.jpg");
	background-position: left;
}

.pro51 {
	background-image: url("../images/pro-24.jpg");
}

.pro52 {
	background-image: url("../images/pro-23.jpg");
}

.pro53 {
	background-image: url("../images/pro-42.jpg");
}

.pro54 {
	background-image: url("../images/pro-41.jpg");
}

.pro55 {
	background-image: url("../images/pro-43.jpg");
}


.pro56 {
	background-image: url("../images/pro-45.png");
}

.pro57 {
	background-image: url("../images/pro-46.png");
}

.pro58 {
	background-image: url("../images/pro-47.png");
}

.pro59 {
	background-image: url("../images/pro-17.jpg");
}

.pro60 {
	background-image: url("../images/pro-14.jpg");
}

.pro61 {
	background-image: url("../images/propic15.jpg");
}

.designhero {
	width: 100%;
	height: 250px;
	margin: 0px auto;
	background-image: url("../images/service4.jpg");
    background-color: #D3E4DF;
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center right;
	padding-top: 70px;
	padding-left: 40px;
}

.designhero  h1 {
	font-family: 'helveticaneueheavy';
	line-height: 1.4;
	font-size: 2em;
	color: #282828;
	text-align: left;
}

.designhero  p {
	font-family: 'montserratregular';
	line-height: 1.5;
	font-size: 0.8em;
	color: #282828;
	padding: 10px;
	background: rgba(255, 255, 255, 0.8);
	text-align: left;
}

.designhero  span {
	margin-left: 5px;
	margin-right: 5px;
}

.shredding {
	background-image: url("../images/service5.jpg");
    background-color: #FFF3D8;
	padding-top: 20px;
}

.directmail {
	background-image: url("../images/postcard.jpg");
	background-color: #ECECEC;
}

.packaging {
	background-image: url("../images/service7.jpg");
	background-color: #FBFBFB;
}

.finishinghero {
	background-image: url("../images/propic9.jpg");
}

.packaging_size {
	width: 70%;
	height: 800px;
	margin: 0px auto;
	background-image: url("../images/pro-48.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}


/************************************************/
/*******************tablet*****************************/


@media (min-width: 720px) {
	
	.abouthero {
		height: 300px;
	}
	
	.abouthero h1 {
		font-size: 3em;
	}
	
	.abouthero p {
	width: 80%;
	font-size: 1em;
}
		
	
.designhero {
		height: 300px;
		padding-top: 90px;
	}
	
.designhero p {
		width: 720px;
		font-size: 1em;
	}
	
.designhero span {
	margin-left: 8px;
	margin-right: 8px;
}
		
.produce {
	width: 90%;
	max-width: 1366px;
}

.pro, .pro_off{
	height: 250px;
}
	
.pro:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.pro:hover h2 {
	margin-left: 10px;
}

.proview a {
	font-size: 1.2em;
}	
	
.pro7, .pro8, .pro9, .pro10, .pro11, .pro12, .pro14, .pro18, .pro19, .pro20, .pro21, .pro29, .pro31 {
	height: 200px;
}
	
.pro32, .pro33, .pro34, .pro35, .pro36, .pro37, .pro38, .pro39, .pro40 {
		height: 200px;
	}	
	
.pro1, .pro2, .pro3, .pro4, .pro41, .pro42, .pro43, .pro44 {
			height: 200px;
	}	
	
.pro45, .pro46, .pro47, .pro48, .pro49, .pro50, .pro51, .pro52, .pro53, .pro54, .pro55 {
			height: 200px;
	}	
	
	
.pro56, .pro57, .pro58, .pro59, .pro60, .pro61 {
			height: 200px;
	}	
	
	
.digital h1 {
	font-size: 2em;
}

.digital h2 {
	font-size: 1.2em;
}

.digital p {
	font-size: 1em;
}
	
.digital ul {
	margin-right: 80px;
	font-size: 1em;
}
	
.list {
	display: inline-flex;
	justify-content: flex-start;
}
		

		
}







/************************************************/
/*******************Desxtop*****************************/


@media (min-width: 1024px) {
	
	
.largeprinthero h1 {
	background-color: transparent;
}

.largeprinthero p {
	background-color: transparent;
}
	
		
.pro, .pro_off {
	height: 350px;
}
	
	.pro7, .pro8, .pro9, .pro10, .pro11, .pro12, .pro14, .pro18, .pro19, .pro20, .pro21, .pro29, .pro31 {
	
		height: 300px;
}
	
	.pro32, .pro33, .pro34, .pro35, .pro36, .pro37, .pro38, .pro39, .pro40 {
		
		height: 300px;
	}	
	
	.pro1, .pro2, .pro3, .pro4, .pro41, .pro42, .pro43, .pro44 {
		
		height: 300px;
	}	
	
.pro45, .pro46, .pro47, .pro48, .pro49, .pro50, .pro51, .pro52, .pro53, .pro54, .pro55 {
			height: 300px;
	}	
	
.pro56, .pro57, .pro58, .pro59, .pro60, .pro61 {
			height: 300px;
	}
	
	

.designhero h1 {
	font-size: 3em;
	background-color: transparent;
	padding: 0px;
}
	
.designhero p {
	background-color: transparent;
	text-shadow: none;
	margin-top: 10px;
	padding: 0px;
}
	

.digital {
	padding-left: 20px;
}

	
.printerpic {
	display: block;
	width: 400px;
	height: 300px;
	margin: -680px 20px 400px auto; 
	background-image: url("../images/service1.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
	
.printerpic2 {
	width: 600px;
	height: 400px;
	margin: -480px 20px 200px auto; 
}
	
.printerpic3 {
	width: 500px;
	height: 300px;
	margin: -300px 20px 100px auto; 
}

}

@media (min-width: 1440px) {
	
	
}