@font-face {
	font-family: flaticon;
	src: url("../fonts/flaticon.ttf?6bfb3fa00dfd5649bc5d81886afa3dd3") format("truetype"), url("../fonts/flaticon.woff?6bfb3fa00dfd5649bc5d81886afa3dd3") format("woff"), url("../fonts/flaticon.woff2?6bfb3fa00dfd5649bc5d81886afa3dd3") format("woff2"), url("../fonts/flaticon.eot?6bfb3fa00dfd5649bc5d81886afa3dd3#iefix") format("embedded-opentype"), url("../fonts/flaticon.svg?6bfb3fa00dfd5649bc5d81886afa3dd3#flaticon") format("svg")
}

i[class*=" flaticon-"]:before,
i[class^=flaticon-]:before {
	font-family: flaticon !important;
	font-style: normal;
	font-weight: 400 !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}


.leaflets { background: url(../images/leaflets-icon.png) no-repeat 50% 25%; float:left; width:170px; height:165px; margin:0 5% 0 0;}
.leaflets:hover {
	background: url(../images/leaflets-icon-o.png) no-repeat 50% 25%, linear-gradient(90deg, #ff7e5f, #feb47b);
	float:left; width:170px; height:100%; cursor:pointer; color:#fff; 
	border-radius:10px; top:0; left:0; z-index:0; position:relative; display:block;
}
.leaflets h6, .flyers h6, .brochures h6, .envelopes h6, .letterhead h6, .calendar h6, .labels h6, .paperbags h6, .idcards h6, .gifts h6,
.mug h6, .vcards h6, .canvas h6, .flex h6, .digital h6, .eco h6, .vinyl h6, .glow h6, .acp h6, .carton h6 
{font-size:17px; line-height:17px; position:absolute; padding:0; padding:115px 0 0; width:100%; float:left; height:100%; text-align:center;}

.flyers h6 { padding:115px 20px 0 0;}

.leaflets h6:hover, .flyers h6:hover, .brochures h6:hover, .envelopes h6:hover, .letterhead h6:hover, .calendar h6:hover, .labels h6:hover, .paperbags h6:hover, .idcards h6:hover, 
.gifts h6:hover, .mug h6:hover, .vcards h6:hover, .canvas h6:hover, .flex h6:hover, .digital h6:hover, .eco h6:hover, .vinyl h6:hover, .glow h6:hover, .acp h6:hover, .carton h6:hover 
{color:#fff;}


.flyers { background: url(../images/flyers-icon.png) no-repeat 50% 25%; float:left; width:170px; height:165px; margin:0 5% 0 0;}
.flyers:hover {
	background: url(../images/flyers-icon-o.png) no-repeat 50% 25%, linear-gradient(90deg, #ff7e5f, #feb47b);
	float:left; width:170px; height:100%; cursor:pointer; color:#fff; 
	border-radius:10px; top:0; left:0; z-index:0; position:relative; display:block;
}
.brochures { background: url(../images/brochure-icon.png) no-repeat 50% 25%; float:left; width:170px; height:165px; margin:0 5% 0 0;}
.brochures:hover {
	background: url(../images/brochure-icon-o.png) no-repeat 50% 25%, linear-gradient(90deg, #ff7e5f, #feb47b);
	float:left; width:170px; height:100%; cursor:pointer; color:#fff; 
	border-radius:10px; top:0; left:0; z-index:0; position:relative; display:block;
}
.envelopes { background: url(../images/envelope-icon.png) no-repeat 50% 25%; float:left; width:170px; height:165px; margin:0 5% 0 0;}
.envelopes:hover {
	background: url(../images/envelope-icon-o.png) no-repeat 50% 25%, linear-gradient(90deg, #ff7e5f, #feb47b);
	float:left; width:170px; height:100%; cursor:pointer; color:#fff; 
	border-radius:10px; top:0; left:0; z-index:0; position:relative; display:block;
}
.letterhead { background: url(../images/letterhead-icon.png) no-repeat 50% 25%; float:left; width:170px; height:165px; margin:0 5% 0 0;}
.letterhead:hover {
	background: url(../images/letterhead-icon-o.png) no-repeat 50% 25%, linear-gradient(90deg, #ff7e5f, #feb47b);
	float:left; width:170px; height:100%; cursor:pointer; color:#fff; 
	border-radius:10px; top:0; left:0; z-index:0; position:relative; display:block;
}
.calendar { background: url(../images/calender-icon.png) no-repeat 50% 25%; float:left; width:170px; height:165px; margin:0 5% 0 0;}
.calendar:hover {
	background: url(../images/calender-icon-o.png) no-repeat 50% 25%, linear-gradient(90deg, #ff7e5f, #feb47b);
	float:left; width:170px; height:100%; cursor:pointer; color:#fff; 
	border-radius:10px; top:0; left:0; z-index:0; position:relative; display:block;
}
.labels { background: url(../images/labels-icon.png) no-repeat 50% 25%; float:left; width:170px; height:165px; margin:0 5% 0 0;}
.labels:hover {
	background: url(../images/labels-icon-o.png) no-repeat 50% 25%, linear-gradient(90deg, #ff7e5f, #feb47b);
	float:left; width:170px; height:100%; cursor:pointer; color:#fff; 
	border-radius:10px; top:0; left:0; z-index:0; position:relative; display:block;
}
.paperbags { background: url(../images/paper-bags-icon.png) no-repeat 50% 25%; float:left; width:170px; height:165px; margin:0 5% 0 0;}
.paperbags:hover {
	background: url(../images/paper-bags-icon-o.png) no-repeat 50% 25%, linear-gradient(90deg, #ff7e5f, #feb47b);
	float:left; width:170px; height:100%; cursor:pointer; color:#fff; 
	border-radius:10px; top:0; left:0; z-index:0; position:relative; display:block;
}
.idcards { background: url(../images/id-cards-icon.png) no-repeat 50% 25%; float:left; width:170px; height:165px; margin:0 5% 0 0;}
.idcards:hover {
	background: url(../images/id-cards-icon-o.png) no-repeat 50% 25%, linear-gradient(90deg, #ff7e5f, #feb47b);
	float:left; width:170px; height:100%; cursor:pointer; color:#fff; 
	border-radius:10px; top:0; left:0; z-index:0; position:relative; display:block;
}
.gifts { background: url(../images/gifts-icon.png) no-repeat 50% 25%; float:left; width:170px; height:165px; margin:0 5% 0 0;}
.gifts:hover {
	background: url(../images/gifts-icon-o.png) no-repeat 50% 25%, linear-gradient(90deg, #ff7e5f, #feb47b);
	float:left; width:170px; height:100%; cursor:pointer; color:#fff; 
	border-radius:10px; top:0; left:0; z-index:0; position:relative; display:block;
}
.mug { background: url(../images/mug-icon.png) no-repeat 50% 25%; float:left; width:170px; height:165px; margin:0 5% 0 0;}
.mug:hover {
	background: url(../images/mug-icon-o.png) no-repeat 50% 25%, linear-gradient(90deg, #ff7e5f, #feb47b);
	float:left; width:170px; height:100%; cursor:pointer; color:#fff; 
	border-radius:10px; top:0; left:0; z-index:0; position:relative; display:block;
}
.vcards { background: url(../images/vcards-icon.png) no-repeat 50% 25%; float:left; width:170px; height:165px; margin:0 5% 0 0;}
.vcards:hover {
	background: url(../images/vcards-icon-o.png) no-repeat 50% 25%, linear-gradient(90deg, #ff7e5f, #feb47b);
	float:left; width:170px; height:100%; cursor:pointer; color:#fff; 
	border-radius:10px; top:0; left:0; z-index:0; position:relative; display:block;
}
.canvas { background: url(../images/canvas-prints-icon.png) no-repeat 50% 25%; float:left; width:170px; height:165px; margin:0 5% 0 0;}
.canvas:hover {
	background: url(../images/canvas-prints-icon-o.png) no-repeat 50% 25%, linear-gradient(90deg, #ff7e5f, #feb47b);
	float:left; width:170px; height:100%; cursor:pointer; color:#fff; 
	border-radius:10px; top:0; left:0; z-index:0; position:relative; display:block;
}
.flex { background: url(../images/flex-printing-icon.png) no-repeat 50% 25%; float:left; width:170px; height:165px; margin:0 5% 0 0;}
.flex:hover {
	background: url(../images/flex-printing-icon-o.png) no-repeat 50% 25%, linear-gradient(90deg, #ff7e5f, #feb47b);
	float:left; width:170px; height:100%; cursor:pointer; color:#fff; 
	border-radius:10px; top:0; left:0; z-index:0; position:relative; display:block;
}
.digital { background: url(../images/digital-printing-icon.png) no-repeat 50% 25%; float:left; width:170px; height:165px; margin:0 5% 0 0;}
.digital:hover {
	background: url(../images/digital-printing-icon-o.png) no-repeat 50% 25%, linear-gradient(90deg, #ff7e5f, #feb47b);
	float:left; width:170px; height:100%; cursor:pointer; color:#fff; 
	border-radius:10px; top:0; left:0; z-index:0; position:relative; display:block;
}
.eco { background: url(../images/eco-printing-icon.png) no-repeat 50% 25%; float:left; width:170px; height:165px; margin:0 5% 0 0;}
.eco:hover {
	background: url(../images/eco-printing-icon-o.png) no-repeat 50% 25%, linear-gradient(90deg, #ff7e5f, #feb47b);
	float:left; width:170px; height:100%; cursor:pointer; color:#fff; 
	border-radius:10px; top:0; left:0; z-index:0; position:relative; display:block;
}
.vinyl { background: url(../images/vinyl-printing-icon.png) no-repeat 50% 25%; float:left; width:170px; height:165px; margin:0 5% 0 0;}
.vinyl:hover {
	background: url(../images/vinyl-printing-icon-o.png) no-repeat 50% 25%, linear-gradient(90deg, #ff7e5f, #feb47b);
	float:left; width:170px; height:100%; cursor:pointer; color:#fff; 
	border-radius:10px; top:0; left:0; z-index:0; position:relative; display:block;
}
.glow { background: url(../images/glow-sign-icon.png) no-repeat 50% 25%; float:left; width:170px; height:165px; margin:0 5% 0 0;}
.glow:hover {
	background: url(../images/glow-sign-icon-o.png) no-repeat 50% 25%, linear-gradient(90deg, #ff7e5f, #feb47b);
	float:left; width:170px; height:100%; cursor:pointer; color:#fff; 
	border-radius:10px; top:0; left:0; z-index:0; position:relative; display:block;
}
.acp { background: url(../images/acp-icon.png) no-repeat 50% 25%; float:left; width:170px; height:165px; margin:0 5% 0 0;}
.acp:hover {
	background: url(../images/acp-icon-o.png) no-repeat 50% 25%, linear-gradient(90deg, #ff7e5f, #feb47b);
	float:left; width:170px; height:100%; cursor:pointer; color:#fff; 
	border-radius:10px; top:0; left:0; z-index:0; position:relative; display:block;
}
.carton { background: url(../images/carton-icon.png) no-repeat 50% 25%; float:left; width:170px; height:165px; margin:0 5% 0 0;}
.carton:hover {
	background: url(../images/carton-icon-o.png) no-repeat 50% 25%, linear-gradient(90deg, #ff7e5f, #feb47b);
	float:left; width:170px; height:100%; cursor:pointer; color:#fff; 
	border-radius:10px; top:0; left:0; z-index:0; position:relative; display:block;
}


@media only screen and (max-width: 1024px) {
/*.leaflets, .flyers, .letterhead, .calendar, .labels, .glow { background-position:70px 0;}
.brochures { background-position:55px 0;}
.envelopes, .mug, .vcards, .flex, .carton { background-position:60px 0;}
.idcards, .canvas, .acp { background-position:50px 0;}
.gifts, .digital, .eco, .vinyl { background-position:64px 0;}
.leaflets, .flyers, .brochures, .envelopes, .letterhead, .calendar, .labels, .paperbags, .idcards, .gifts,
.mug, .vcards, .canvas, .flex, .digital, .eco, .vinyl, .glow, .acp, .carton 
{width:18%; float:left; height:100%; margin:0 2% 0 0; text-align:center;}*/
.paperbags h6 { margin:0;}
.leaflets, .flyers, .letterhead, .calendar, .labels, .glow, .paperbags { background-position:55% 0; background-size:85px; margin:0;}
.brochures { background-position:55% 0; background-size:100px;}
.envelopes, .mug, .vcards, .flex, .carton { background-position:60% 0; background-size:85px;}
.idcards, .canvas, .acp { background-position:55% 0; background-size:85px;}
.gifts, .digital, .eco, .vinyl { background-position:55% 0; background-size:85px;}

.leaflets:hover, .flyers:hover, .brochures:hover, .envelopes:hover, .letterhead:hover, .calendar:hover, .labels:hover, .paperbags:hover, .idcards h6:hover, 
.gifts:hover, .mug:hover, .vcards:hover, .canvas:hover, .flex:hover, .digital:hover, .eco:hover, .vinyl:hover, .glow:hover, .acp:hover, .carton h6:hover 
{ background-position:55%; background-size:74%; width:17%;}

.leaflets h6, .flyers h6, .brochures h6, .envelopes h6, .letterhead h6, .calendar h6, .labels h6, .paperbags h6, .idcards h6, .gifts h6,
.mug h6, .vcards h6, .canvas h6, .flex h6, .digital h6, .eco h6, .vinyl h6, .glow h6, .acp h6, .carton h6 
{ margin:2px 0 0 0;}

.leaflets h6:hover, .flyers h6:hover, .brochures h6:hover, .envelopes h6:hover, .letterhead h6:hover, .calendar h6:hover, .labels h6:hover, .paperbags h6:hover, .idcards h6:hover, 
.gifts h6:hover, .mug h6:hover, .vcards h6:hover, .canvas h6:hover, .flex h6:hover, .digital h6:hover, .eco h6:hover, .vinyl h6:hover, .glow h6:hover, .acp h6:hover, .carton h6:hover 
{color:#fff;}

}

@media only screen and (max-width: 991px) {
.leaflets, .flyers, .brochures, .envelopes, .letterhead, .calendar, .labels, .paperbags, .idcards, .gifts,
.mug, .vcards, .canvas, .flex, .digital, .eco, .vinyl, .glow, .acp, .carton 
{width:15%; float:left; height:100%; margin:0 5% 0 0; text-align:center;}

.leaflets, .flyers, .letterhead, .calendar, .labels, .glow, .paperbags { background-position:15px 0; background-size:75%;}
.brochures { background-position:15px 0; background-size:75%;}
.envelopes, .mug, .vcards, .flex, .carton { background-position:15px 0; background-size:75%;}
.idcards, .canvas, .acp { background-position:15% 0; background-size:79%;}
.gifts, .digital, .eco, .vinyl { background-position:15px 0; background-size:75%;}

.leaflets:hover, .flyers:hover, .brochures:hover, .envelopes:hover, .letterhead:hover, .calendar:hover, .labels:hover, .paperbags:hover, .idcards:hover, 
.gifts:hover, .mug:hover, .vcards:hover, .canvas:hover, .flex:hover, .digital:hover, .eco:hover, .vinyl:hover, .glow:hover, .acp:hover, .carton:hover 
{ background-position:0 35%; background-size:75%; width:15%;}


}

@media only screen and (max-width: 768px) {
.leaflets, .flyers, .brochures, .envelopes, .letterhead, .calendar, .labels, .paperbags, .idcards, .gifts,
.mug, .vcards, .canvas, .flex, .digital, .eco, .vinyl, .glow, .acp, .carton 
{width:18%; float:left; height:100%; margin:0 2% 0 0; text-align:center;}
.paperbags h6 { margin:0;}
.leaflets, .flyers, .letterhead, .calendar, .labels, .glow, .paperbags { background-position:15px 0; background-size:85px;}
.brochures { background-position:15px 0; background-size:100px;}
.envelopes, .mug, .vcards, .flex, .carton { background-position:15px 0; background-size:85px;}
.idcards, .canvas, .acp { background-position:15px 0; background-size:85px;}
.gifts, .digital, .eco, .vinyl { background-position:15px 0; background-size:85px;}

.leaflets h6, .flyers h6, .brochures h6, .envelopes h6, .letterhead h6, .calendar h6, .labels h6, .paperbags h6, .idcards h6, .gifts h6,
.mug h6, .vcards h6, .canvas h6, .flex h6, .digital h6, .eco h6, .vinyl h6, .glow h6, .acp h6, .carton h6 
{ margin:2px 0 0 0;}
.leaflets:hover, .flyers:hover, .brochures:hover, .envelopes:hover, .letterhead:hover, .calendar:hover, .labels:hover, .paperbags:hover, .idcards:hover, 
.gifts:hover, .mug:hover, .vcards:hover, .canvas:hover, .flex:hover, .digital:hover, .eco:hover, .vinyl:hover, .glow:hover, .acp:hover, .carton:hover 
{ background-position:55% 30%; background-size:auto; width:17%;}


}
@media only screen and (max-width: 830px) {
.leaflets, .flyers, .brochures, .envelopes, .letterhead, .calendar, .labels, .paperbags, .idcards, .gifts,
.mug, .vcards, .canvas, .flex, .digital, .eco, .vinyl, .glow, .acp, .carton 
{width:18%; float:left; height:100%; margin:0 2% 0 0; text-align:center;}
.paperbags h6 { margin:0;}
.leaflets, .flyers, .letterhead, .calendar, .labels, .glow, .paperbags { background-position:15% 0; background-size:75%;}
.brochures { background-position:15% 0; background-size:90%;}
.envelopes, .mug, .vcards, .flex, .carton { background-position:15% 0; background-size:75%;}
.idcards, .canvas, .acp { background-position:15% 0; background-size:75%;}
.gifts, .digital, .eco, .vinyl { background-position:15% 0; background-size:75%;}

.leaflets h6, .flyers h6, .brochures h6, .envelopes h6, .letterhead h6, .calendar h6, .labels h6, .paperbags h6, .idcards h6, .gifts h6,
.mug h6, .vcards h6, .canvas h6, .flex h6, .digital h6, .eco h6, .vinyl h6, .glow h6, .acp h6, .carton h6 
{ margin:2px 0 0 0;}
.leaflets:hover, .flyers:hover, .brochures:hover, .envelopes:hover, .letterhead:hover, .calendar:hover, .labels:hover, .paperbags:hover, .idcards:hover, 
.gifts:hover, .mug:hover, .vcards:hover, .canvas:hover, .flex:hover, .digital:hover, .eco:hover, .vinyl:hover, .glow:hover, .acp:hover, .carton:hover 
{ background-position:55% 30%; background-size:auto; width:17%;}


}
@media only screen and (max-width: 640px) {
.leaflets, .flyers, .brochures, .envelopes, .letterhead, .calendar, .labels, .paperbags, .idcards, .gifts,
.mug, .vcards, .canvas, .flex, .digital, .eco, .vinyl, .glow, .acp, .carton 
{width:18%; float:left; height:100%; margin:0 2% 0 0; text-align:center;}
.paperbags h6 { margin:0;}
.leaflets, .flyers, .letterhead, .calendar, .labels, .glow, .paperbags { background-position:15px 0; background-size:70px;}
.brochures { background-position:15px 0; background-size:70px;}
.envelopes, .mug, .vcards, .flex, .carton { background-position:15px 0; background-size:70px;}
.idcards, .canvas, .acp { background-position:15px 0; background-size:70px;}
.gifts, .digital, .eco, .vinyl { background-position:15px 0; background-size:70px;}

.leaflets h6, .flyers h6, .brochures h6, .envelopes h6, .letterhead h6, .calendar h6, .labels h6, .paperbags h6, .idcards h6, .gifts h6,
.mug h6, .vcards h6, .canvas h6, .flex h6, .digital h6, .eco h6, .vinyl h6, .glow h6, .acp h6, .carton h6 
{ margin:-27px 0 0 0;}

}
@media (max-width: 576px) {
.leaflets, .flyers, .brochures, .envelopes, .letterhead, .calendar, .labels, .paperbags, .idcards, .gifts,
.mug, .vcards, .canvas, .flex, .digital, .eco, .vinyl, .glow, .acp, .carton 
{width:18%; float:left; height:100%; margin:0 2% 0 0; text-align:center;}
.paperbags h6 { margin:0;}
.leaflets, .flyers, .letterhead, .calendar, .labels, .glow, .paperbags { background-position:15px 0; background-size:70px;}
.brochures { background-position:15px 0; background-size:70px;}
.envelopes, .mug, .vcards, .flex, .carton { background-position:15px 0; background-size:70px;}
.idcards, .canvas, .acp { background-position:15px 0; background-size:70px;}
.gifts, .digital, .eco, .vinyl { background-position:15px 0; background-size:70px;}

.leaflets h6, .flyers h6, .brochures h6, .envelopes h6, .letterhead h6, .calendar h6, .labels h6, .paperbags h6, .idcards h6, .gifts h6,
.mug h6, .vcards h6, .canvas h6, .flex h6, .digital h6, .eco h6, .vinyl h6, .glow h6, .acp h6, .carton h6 
{ margin:-27px 0 0 0;}

}
@media (min-width: 577px) and (max-width: 767px) {
        /* Styles for larger mobile devices */
}
@media only screen and (max-width: 480px) {
.slider {display:none;}
.slider-mobile { display:block;}
.slider-mobile .slide { width:100%; float:left;}
.leaflets, .flyers, .brochures, .envelopes, .letterhead, .calendar, .labels, .paperbags, .idcards, .gifts,
.mug, .vcards, .canvas, .flex, .digital, .eco, .vinyl, .glow, .acp, .carton 
{width:36%; float:left; margin:0 7%; text-align:center;}
.paperbags h6 { margin:0;}
.leaflets, .letterhead, .calendar, .labels, .glow, .paperbags { background-position:61% 0; background-size:50%;}
.flyers { background-position:61% 0; background-size:60%;}
.brochures { background-position:54% 0; background-size:60%;}
.envelopes, .mug, .vcards, .flex, .carton { background-position:35% 0; background-size:60%;}
.idcards, .canvas, .acp { background-position:45% 0; background-size:75%;}
.gifts, .digital, .eco, .vinyl { background-position:45% 0; background-size:60%;}

.leaflets:hover, .flyers:hover, .brochures:hover, .envelopes:hover, .letterhead:hover, .calendar:hover, .labels:hover, .paperbags:hover, .idcards:hover, 
.gifts:hover, .mug:hover, .vcards:hover, .canvas:hover, .flex:hover, .digital:hover, .eco:hover, .vinyl:hover, .glow:hover, .acp:hover, .carton:hover 
{width:auto; float:left; height:auto; background-position:60% 0; background-size:50%;}

.leaflets h6, .flyers h6, .brochures h6, .envelopes h6, .letterhead h6, .calendar h6, .labels h6, .paperbags h6, .idcards h6, .gifts h6,
.mug h6, .vcards h6, .canvas h6, .flex h6, .digital h6, .eco h6, .vinyl h6, .glow h6, .acp h6, .carton h6 
{width:100%; float:left; margin:-5px 0 0 0; font-size:15px;}

}
@media only screen and (max-width: 400px) {
	
	
}
.flaticon-target:before { content: "\f117"}
.flaticon-mission:before { content: "\f118"}

