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

.product_description {
	width: 100%;
	margin: 40px auto;
}

.product_list {
	width: 90%;
	margin: 0px auto;
}

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

.product_list h2 {
	font-family: 'helveticaneuemedium';
	line-height: 1.5;
	font-size: 1.1em;
	color: #282828;
	text-align: left;
}

.product_list p {
	font-family: 'montserratregular';
	line-height: 1.5;
	font-size: 0.9em;
	color: #282828;
	text-align: left;
	
}

.product_list span {
	margin-right: 3px;
}

.product_list ul {
	list-style: none;
	padding-left: 0px;
}

.product_list li {
	font-family: 'montserratregular';
	line-height: 1.8;
	font-size: 0.9em;
	color: #282828;
	text-align: left;
}

.product_pic {
	width: 90%;
	margin: 0 auto;
}

.allpro {
	width: 100%;
	height: 200px;
	margin: 20px auto;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.product1  {
	background-image: url("../images/hero2.jpg");
	background-size: cover;
	background-position: right;
}

.product2  {
	background-image: url("../images/postcard2.jpg");
}

.product3  {
	background-image: url("../images/brochure.jpg");
}

.product4  {
	background-image: url("../images/propic10.jpg");
	background-size: cover;
}

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

.product6  {
	background-image: url("../images/propic11.jpg");
}

.product7  {
	background-image: url("../images/banner.jpg");
}

.product8  {
	background-image: url("../images/calender.jpg");
}

.product9  {
	background-image: url("../images/menu.jpg");
}

.product10  {
	background-image: url("../images/folder.jpg");
}

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

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

.product13  {
	background-image: url("../images/propic8.jpg");
}

.product14 {
	background-image: url("../images/tabs.jpg");
}

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

.product16  {
	background-image: url("../images/stamp.jpg");
}

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

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

.product19  {
	background-image: url("../images/passportphoto.jpg");
}

.product20  {
	background-image: url("../images/label.jpg");
}

.product21  {
	background-image: url("../images/office.jpg");
}

.product22  {
	background-image: url("../images/digital.jpg");
	background-size: cover;

}

.product23  {
	background-image: url("../images/service2.jpg");
	background-size: cover;
}

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

.product25  {
	background-image: url("../images/industry2.jpg");
	background-size: cover;
	
}

.product26  {
	background-image: url("../images/propic17.jpg");
	background-size: cover;
}

.product27  {
	background-image: url("../images/propic18.jpg");
}

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

.product29  {
	background-image: url("../images/service7.jpg");
}

.product30  {
	background-image: url("../images/service8.jpg");
}



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

.bookshero {
	background-image: url("../images/propic7.jpg");
}


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

.bookshero h1 {
	font-size: 1.5em;
	background-color: rgba(234,234,234,0.49);
}

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

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

.pro1, .pro2, .pro3, .pro4, .pro5, .pro6, .pro7, .pro8, .pro9, .pro10, .pro11, .pro12 {
	width: 100%;
	height: 150px;
	margin: 0 auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.pro13, .pro14, .pro15, .pro16, .pro17, .pro18, .pro19, .pro20, .pro21, .pro22, .pro23, .pro37 {
	width: 100%;
	height: 150px;
	margin: 0 auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}


.pro24, .pro25, .pro26, .pro27, .pro28, .pro29, .pro30, .pro31, .pro32, .pro33, .pro34, .pro35, .pro36 {
	width: 100%;
	height: 150px;
	margin: 0 auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

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


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

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

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

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

.pro5 {
	background-image: url("../images/uv.jpg");
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.pro19 {
	background-image: url("../images/seal2.jpg");
	background-color: #e9e9e9;
	background-size: 70%;
}

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

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

.pro22 {
	background-image: url("../images/digital.jpg");
}

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

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

.pro25 {
	background-image: url("../images/propic13.jpg");
}

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

.pro27 {
	background-image: url("../images/cddvd.jpg");
}

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

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

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

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

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

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

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

.pro35 {
	background-image:  url("../images/pro-13.jpg");
	background-size: 150%;
	background-position: top left;
}

.pro36 {
	background-image:  url("../images/pro-13.jpg");
	background-size: 150%;
	background-position: bottom right;
}

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

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

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

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

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

.cheque {
	width: 100%;
	height: 2300px;
	margin: 0px auto;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-image: url("../images/cheque1.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-13.jpg");
}

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

.pro62 {
	background-image: url("../images/passportphoto.jpg");
}

/*********************industry pages*******************/

.industry_description {
	width: 100%;
	margin: 40px auto;
}

.industry_list {
	width: 90%;
	margin: 0px auto;
}

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

.industry_list h2 {
	font-family: 'helveticaneuemedium';
	line-height: 1.4;
	font-size: 1.2em;
	color: #333333;
	text-align: center;
}

.industry_list p {
	font-family: 'helveticaneuelight';
	line-height: 1.5;
	font-size: 0.9em;
	color: #1E1E1E;
	text-align: center;
	letter-spacing: 0.04em;
	margin: 20px auto;
}

.industry_list span {
	margin-right: 3px;
}

.list {
	width: 100%;
	margin: 20px auto;
}

.industry_list ul {
	list-style: none;
}

.industry_list li {
	font-family: 'montserratregular';
	line-height: 1.8;
	font-size: 0.9em;
	color: #282828;
	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;
}



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


@media (min-width: 720px) {
	
.product_list {
	padding-left: 60px;
}	
	
.product_list li {
	font-size: 1em;
}
	
.product_list h1 {
	font-size: 2em;
}
	
.product_list h2 {
	font-size: 1.2em;
}

.product_list p {
	font-size: 1em;
}
	
.allpro {
	height: 300px;
}
	
			
.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;
}
	
.pro1, .pro2, .pro3, .pro4, .pro5, .pro6, .pro7, .pro8, .pro9, .pro10, .pro11, .pro12, .pro37 {
	
	height: 200px;
}		
	
	.pro13, .pro14, .pro15, .pro16, .pro17, .pro18, .pro19, .pro20, .pro21, .pro22, .pro23 {
		height: 200px;
	}	
	
	
	.pro24, .pro25, .pro26, .pro27, .pro28, .pro29, .pro30, .pro31, .pro32, .pro33, .pro34, .pro35, .pro36 {
	
		height: 200px;
	}	
	
.pro56, .pro57, .pro58, .pro59, .pro60, .pro61, .pro38, .pro39, .pro40, .pro41, .pro62  {
			height: 200px;
	}	
		
	.marketing {
		height: 300px;
	}
	
	.marketing h1 {
		font-size: 3em;
	}
	
	.bookshero h1 {
		font-size: 2em;
		background-color: transparent;
	}
	
	.marketing  p {
	width: 80%;
	font-size: 1em;
}
	
	.cardshero {
		background-image: url("../images/hero2.jpg");
		background-size: cover;
		background-position: right;
	}
	
	
	/*********************industry pages*******************/
	
	
.list {
	max-width: 1280px;
	display: inline-flex;
	justify-content: space-around; 
}
	
.industry_list li {
	font-size: 1em;
}
	
.industry_list h1 {
	font-size: 2em;
	padding-top: 30px;
}
	
.industry_list h2 {
	font-size: 1.2em;
}

.industry_list p {
	max-width: 750px;
	font-size: 1em;
}
	
	.proview a {
	font-size: 1.2em;
	
}
 
}


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


@media (min-width: 1024px) {
	
	
.product_description {
	display: inline-flex;
}
	
.product_list {
	width: 45%;
	margin-left: 0px;
	padding-left: 60px;
}


.product_pic {
	width: 50%;
	margin-right: 0px;
	padding-right: 60px;
}	
	
.pro, .pro_off {
	height: 350px;
}
	
.pro1, .pro2, .pro3, .pro4, .pro5, .pro6, .pro7, .pro8, .pro9, .pro10, .pro11, .pro12, .pro37 {
		
	height: 300px;
}	

	.pro13, .pro14, .pro15, .pro16, .pro17, .pro18, .pro19, .pro20, .pro21, .pro22, .pro23  {
		height: 300px;
	}	
	
	
	.pro24, .pro25, .pro26, .pro27, .pro28, .pro29, .pro30, .pro31, .pro32, .pro33, .pro34, .pro35, .pro36 {
	
		height: 300px;
	}	
	
	.pro56, .pro57, .pro58, .pro59, .pro60, .pro61, .pro38, .pro39, .pro40, .pro41, .pro62  {
			height: 300px;
	}	
	
	.industry_list h1 {
	font-size: 2.2em;

}
	
	
}


@media (min-width: 1440px) {
	
.product_list {
	margin-left: 0px;
	padding-left: 80px;
}


.product_pic {
	width: 50%;
	padding-right: 80px;
}
	
	.bookshero h1 {
		font-size: 2.5em;
	
	}
	
}