/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 25 2020 | 08:44:06 */
body {overflow-x:hidden}
*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body, .pushmenucontainer, .scroller {
	height: 100%;
}

.scroller {
	overflow-y: scroll;
	overflow-x: hidden;
}

.scroller,
.scroller-inner {
	position: relative;
}
.scroller-inner {
	height:100%
}

.pushmenucontainer {
	position: relative;
	overflow: hidden;
}

.menu-trigger {
	position: relative;
	padding-left: 60px;
	font-size: 0.9em;
}
.mp-pusher {
	position: relative;
	left: 0;
	height: 100%;
}

.mp-menu {
	position: absolute; /* we can't use fixed here :( */
	top: 65px;
	left: 0;
	z-index: 1;
	width: 300px;
	height: 100%;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	border-top: 1px solid #eaeaea;
}

.mp-level {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

/* overlays for pusher and for level that gets covered */
.mp-pusher::after,
.mp-level::after,
.mp-level::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	content: '';
	opacity: 0;
}

.mp-pusher::after,
.mp-level::after {
	background: rgba(0,0,0,0.3);
	-webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	-moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}

.mp-level::after {
	z-index: -1;
}

.mp-pusher.mp-pushed::after,
.mp-level.mp-level-overlay::after {
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.mp-level.mp-level-overlay {
	cursor: pointer;
}

.mp-level.mp-level-overlay.mp-level::before {
	width: 100%;
	height: 100%;
	background: transparent;
	opacity: 1;
}

.mp-pusher,
.mp-level {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/* overlap */
.mp-overlap .mp-level.mp-level-open {
	box-shadow: 1px 0 2px rgba(0,0,0,0.2);
	-webkit-transform: translate3d(-40px, 0, 0);
	-moz-transform: translate3d(-40px, 0, 0);
	transform: translate3d(-40px, 0, 0);
}

/* First level */
.mp-menu > .mp-level,
.mp-menu > .mp-level.mp-level-open,
.mp-menu.mp-overlap > .mp-level,
.mp-menu.mp-overlap > .mp-level.mp-level-open {
	box-shadow: none;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* cover */
.mp-cover .mp-level.mp-level-open {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

/* content style */
.mp-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mp-menu h2 {
	margin: 0;
	padding: 1em;
	color: rgba(0,0,0,0.4);
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	font-weight: 300;
	font-size: 2em;
}

.mp-menu.mp-overlap h2::before {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 8px;
	font-size: 75%;
	line-height: 1.8;
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s;
	transition: opacity 0.3s, transform 0.1s 0.3s;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	transform: translateX(-100%);
}

.mp-menu.mp-cover h2 {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 1em;
}

.mp-overlap .mp-level.mp-level-overlay > h2::before {
	opacity: 1;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
}

.mp-menu ul li > a {
	display: block;
	padding: 0.7em 1em 0.7em 1.8em;
	outline: none;
	border-bottom:1px solid #e1e1e1;
	font-size: 1.4em;
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
	font-size: 16px;
    font-weight: bold;
    color: #333333;
}

.mp-menu ul li::before {
	position: absolute; 
	left: 10px;
	z-index: -1;
	color: rgba(0,0,0,0.2);
	line-height: 3.5; 
}

.mp-level > ul > li:first-child > a {
	/*box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);*/
}

.mp-menu ul li a:hover,
.mp-level > ul > li:first-child > a:hover {
	background: rgba(0,0,0,0.2);
	box-shadow: inset 0 -1px rgba(0,0,0,0);
}

.mp-menu .mp-level.mp-level-overlay > ul > li > a,
.mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0);
}

.mp-level > ul > li:first-child > a:hover,
.mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0), inset 0 1px rgba(0,0,0,0);
} /* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */

.mp-back {
	outline: none;
	font-size:16px;
    color: #fff;
    font-weight: bold;
    display: block;
    padding: 10px 10px 10px 25px;
    position: relative;
    box-shadow: inset 0 1px rgba(0,0,0,0.1);
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
    background: #f28731 url(https://www.fastprinting.co.nz/images/arrowLeftWhite.png) no-repeat 7px center;
    background-size: 7px;
}
a.mp-back{
	color:#fff !important
}
a.mp-back:hover{
	 background: #f28731 url(https://www.fastprinting.co.nz/images/arrowLeftWhite.png) no-repeat 7px center !important;
	 background-size: 7px !important;
}
.mp-menu .mp-level.mp-level-overlay > .mp-back,
.mp-menu .mp-level.mp-level-overlay > .mp-back::after {
	background: transparent;
	box-shadow: none;
	color: transparent;
}

/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
/* We'll show the first level only */
.no-csstransforms3d .mp-pusher,
.no-js .mp-pusher {
	padding-left: 300px;
}

.no-csstransforms3d .mp-menu .mp-level,
.no-js .mp-menu .mp-level {
	display: none;
}

.no-csstransforms3d .mp-menu > .mp-level,
.no-js .mp-menu > .mp-level {
	display: block;
}

#nav-icon3{
  width: 35px;
  height: 35px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon3 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%; 
  background: #797979;
  border-radius: 4px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  cursor:pointer 
}
.mp-pushed #nav-icon3 span{
	background:#fff
}
#nav-icon3 span:nth-child(1) {
  top: 0px;
} 
#nav-icon3{margin-top:2px}
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 9px;
}

#nav-icon3 span:nth-child(4) {
  top: 18px;
}

.mobmenuActive #nav-icon3 span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.mobmenuActive #nav-icon3 span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mobmenuActive #nav-icon3 span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mobmenuActive #nav-icon3 span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}
.mobileMenu {display:none}
.mobileBar{
	position:fixed;
	top:0;
	left:0;
	z-index:99999; 
	width:100%;
	height:65px;
	background: #fff; 
} 
#mp-menu h4{display:none} 
.mobileLogo {display:none}
.mobileLogo img {
    width: 135px;
    padding: 10px 0 6px;
}
.mobileLogo .mobilePhone img { 
	padding:6px 0 6px;}
.mobMenuAccount a.AccountParent{
	margin-top:40px;
	border-top:1px solid #e1e1e1;
	background-image:url(https://www.fastprinting.co.nz/wp-content/themes/fastprint/img/tb1.png);
	background-repeat:no-repeat !important;
	background-position:24px center !important;
    background-size: 22px !important;
    padding-left: 55px !important;
	}  
a.ausFlag {
	background-image: url(https://www.fastprinting.co.nz/wp-content/themes/fastprint/img/aus.png) !important;
	background-repeat:no-repeat !important;
	background-position:24px center !important;
    background-size: 22px !important;
    padding-left: 55px !important;
}
a.usaFlag {
	background-image: url(https://www.fastprinting.co.nz/wp-content/themes/fastprint/img/us.png) !important;
	background-repeat:no-repeat !important;
	background-position:24px center !important;
    background-size: 22px !important;
    padding-left: 55px !important;
}
a.ukFlag {
	background-image: url(https://www.fastprinting.co.nz/wp-content/themes/fastprint/img/uk.png) !important;
	background-repeat:no-repeat !important;
	background-position:24px center !important;
    background-size: 22px !important;
    padding-left: 55px !important;
}
@media screen and (min-width:1024px) and (max-width:1175px){
#quadmenu.quadmenu-default_theme {
	margin:0 -10px !important
} 
#menu-item-298{margin-left:10px !important}
#quadmenu.quadmenu-default_theme.quadmenu-is-horizontal .quadmenu-navbar-nav > li.quadmenu-item a{padding-right:52px}
}

@media screen and (max-width:1024px) {  
.megaMenu{display:none}
.megaMenu{display:none}
#header.hideMobile{display:none}
#mp-menu{
	overflow-y: auto
}
.pushmenucontainer {
    position: relative;
    overflow-y: hidden;
    overflow-x: hidden;
}
.mobileLogo {display:block;text-align:center}
.navWrap {display:none}
#header .col-sm-4 {display:none !important}
#header .col-sm-8 {width:100% !important;margin-bottom: 10px;}
.mobileSearch input{border:0px;width:100%;padding:5px}
.scroller {
	padding-top:0px;

}
.scroller-inner {
	padding-top:70px
}
.mobileMenu {display:block}
.mobileButton{
	position:absolute;
	left:20px;
	top:0px
}
.mobileSearch{
    position: absolute;
	border-bottom:1px solid #e1e1e1;
    z-index: 2;
    top: 0px;
    width: 100%;
	padding-left:15px
}
.mobileSearch input{
	padding: 10px 10px 10px 25px;
    border: 0px;
    background: url(https://www.fastprinting.co.nz/images/searchTrans.png) no-repeat center left;
    width: 100%;
    background-size: 18px;
    font-size: 14px;
    font-weight: 400;
}
.multiMenu {
}
span.hasChild{
}
span.hasChild{
    display: block; 
	background: url(https://www.fastprinting.co.nz/images/arrowRightGrey.png) no-repeat 95% center ;
	background-size:7px
	
}
.mobileSearch input:focus,.mobileSearch input:active{
	border:0;
	outline:none
}
#mp-menu{
	padding-top:46px
}
.mp-level{padding-top: 41px !important;}
}