/**
* Zenponsive – Responsive CSS Grid
* @author Malte Müller (acrylian) <info@maltem.de>
* @copyright 2015 Malte Müller
* @license GPL v3 or later
* @version: 1.2.2
*/

/*
	Zenponsive basics - It is recommend to include a normalize.css before zenponsive.css
----------------------------------------------------------------------------------------*/
html,
body {
	margin:0;
	padding:0;
	height:100%;
	width: 100%;
}

/* Reset all so you really get really only the margins/paddings you want */	
body * {
 	margin:0;
	padding:0;
}

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

/*
	Main content wrapper for the site or parts of it
	-------------------------------------
	Should be set with a width always like 
	<div id="zp-site" class="zp-w960">…</div> or <div class"zp-site w960">…</div>
----------------------------------------------------------------------------------------*/
#zp-site,
.zp-wrapper {
	min-width: 240px;  /* this is generally the width of "normal" mobiles */
	margin: 0 auto;
	position:relative;
}

/*
	Predefined for some general used widths
	----------------------------------------
	You will notice that the pixel widths are bit off the actual class name. 
	The reason is that some browsers like Safari have no superiour subpixel
	rounding like Firefox or Chrome have so the columns (especially col01) 
	do not exactly fit the width always (you see it always if you resize the 
	window). This "cheating" makes it look at least a bit better on the 
	initial width.
*----------------------------------------------------------------------------------------*/
.zp-w479 { max-width: 30em; } /* Smartphone ca. 479px */ 
.zp-w767 { max-width: 48em; } /* Smaller tablet 767px */ 
.zp-w960 { max-width: 60em; } /* Standard desktop 961px; */ 
.zp-w1024 { max-width: 64em; } /* Standard desktop wider 1024px; */ 
.zp-w1280 { max-width: 80em; } /* Bigger desktop 1274px; */ 
.zp-w1600 { max-width: 100em; } /* Big desktop 1598px; */ 
.zp-wFull { max-width: 100%; } /* Full width */

/*
	The columns generally
----------------------------------------------------------------------------------------*/
.zp-col01,
.zp-col02,
.zp-col03,
.zp-col04,
.zp-col05,
.zp-col06,
.zp-col07,
.zp-col08,
.zp-col09,
.zp-col10,
.zp-col11,
.zp-col12,
.zp-col5th-1,
.zp-col5th-2,
.zp-col5th-3,
.zp-col5th-4 {
	height: auto;
	margin: 0; /* Don't change this because then the widths will not work */
	position: relative; /* needed so you can relatively/absolutely position elements within these */
	float: left; 
	display: inline-block;
	word-wrap: break-word; /* So longer words don't break the width  */
}

/*
	The columns without gutter
----------------------------------------------------------------------------------------*/
.zp-col01 { width: 8.333334%; }
.zp-col02 { width: 16.66%; }
.zp-col03 { width: 25%; }
.zp-col04 { width: 33.33%; }
.zp-col05 { width: 41.6666667%; }
.zp-col06 { width: 50%; }
.zp-col07 { width: 58.3333333%; }
.zp-col08 { width: 66.66%; }
.zp-col09 { width: 75%; }
.zp-col10 { width: 83.3333333%; }
.zp-col11 { width: 91.6666666%; }
.zp-col12 { width: 100%; }
.zp-col5th-1 { width: 20%; }
.zp-col5th-2 { width: 40%; }
.zp-col5th-3 { width: 60%; }
.zp-col5th-4 { width: 80%; }

/*
	The columns with gutter 2%
	------------------------
	The column sizes are the width minus the gutter. To make your own custom gutter 
	css have fun calculating the percentage value and change the values accordingly
----------------------------------------------------------------------------------------*/
.zp-gutter2 {
	margin-left: -2% !important;
}
.zp-gutter2 > * {
	margin-left: 2% !important;
}
.zp-gutter2 > .zp-col01 { width: 6.333334% !important; }
.zp-gutter2 > .zp-col02 { width: 14.66% !important; }
.zp-gutter2 > .zp-col03 { width: 23% !important; }
.zp-gutter2 > .zp-col04 { width: 31.33% !important; }
.zp-gutter2 > .zp-col05 { width: 39.6666667% !important; }
.zp-gutter2 > .zp-col06 { width: 48% !important; }
.zp-gutter2 > .zp-col07 { width: 56.3333333% !important; }
.zp-gutter2 > .zp-col08 { width: 64.66% !important; }
.zp-gutter2 > .zp-col09 { width: 73% !important; }
.zp-gutter2 > .zp-col10 { width: 81.3333333% !important; }
.zp-gutter2 > .zp-col11 { width: 89.6666666% !important; }
.zp-gutter2 > .zp-col12 { width: 98% !important; } 
.zp-gutter2 > .zp-col5th-1 { width: 18% !important; }
.zp-gutter2 > .zp-col5th-2 { width: 38% !important; }
.zp-gutter2 > .zp-col5th-3 { width: 58% !important; }
.zp-gutter2 > .zp-col5th-4 { width: 78% !important; }

/*
	The columns with gutter 4%
	------------------------
	The column sizes are the width minus the gutter. To make your own custom gutter 
	css have fun calculating the percentage value and change the values accordingly
----------------------------------------------------------------------------------------*/
.zp-gutter4 {
	margin-left: -4% !important;
}
.zp-gutter4 > * {
	margin-left: 4% !important;
}
.zp-gutter4 > .zp-col01 { width: 4.333334% !important; }
.zp-gutter4 > .zp-col02 { width: 12.66% !important; }
.zp-gutter4 > .zp-col03 { width: 21% !important; }
.zp-gutter4 > .zp-col04 { width: 29.33% !important; }
.zp-gutter4 > .zp-col05 { width: 37.6666667% !important; }
.zp-gutter4 > .zp-col06 { width: 46% !important; }
.zp-gutter4 > .zp-col07 { width: 54.3333333% !important; }
.zp-gutter4 > .zp-col08 { width: 62.66% !important; }
.zp-gutter4 > .zp-col09 { width: 71% !important; }
.zp-gutter4 > .zp-col10 { width: 79.3333333% !important; }
.zp-gutter4 > .zp-col11 { width: 87.6666666% !important; }
.zp-gutter4 > .zp-col12 { width: 96% !important; } 
.zp-gutter4 > .zp-col5th-1 { width: 16% !important; }
.zp-gutter4 > .zp-col5th-2 { width: 36% !important; }
.zp-gutter4 > .zp-col5th-3 { width: 56% !important; }
.zp-gutter4 > .zp-col5th-4 { width: 76% !important; }

/*
	Responsive images
	-----------------
	Be sure to setup your site/theme that <img> elements don't have a width and 
	height attributes set! Images are fluid but never exceed their real size
----------------------------------------------------------------------------------------*/
img {
	width: auto; 
	max-width: 100%;
	height: auto;
	border: 0;
	display: block;
}

/* 
	General clear float to start a row of other column sizes All and IE8+
	------------------------------------------------------------------------
	Zenponsive does not require to define rows by default if you for example use square cropped image thumbs. 
	However to avoid some CSS issues with items of different height in different rows 
	you can use.row as a wrapper if necessary. 
	If you change columns per breakpoint the wrapper might not be useful,
	then use .floatclear/.floatclearXXX to mark the first item in the row to 
	clear the floating before it properly
----------------------------------------------------------------------------------------*/
.zp-row:before, 
.zp-row:after,
.zp-clearfix:before, 
.zp-clearfix:after {
	content: " " !important;
	display: table !important;
}

.zp-row:after,
.zp-floatclear,
.zp-clearfix:after {
	clear: both !important;
}

.zp-row,
.zp-clearfix { /* IE6/7 only */
	*zoom: 1;
}

.zp-floatright { 
	float: right !important;  
}

/*
	Hide elements initially
----------------------------------------------------------------------------------------*/
.zp-hide { display: none !important; }
.zp-show { display: block !important; }
.zp-invisible { visibility: hidden !important; }
.zp-visible { visibility: visible !important; }

/*
	Responsive breakpoints
	----------------------
	Since the grid is fluid and to keep it simple just four breakpoints. For 
	really special things you can override these and/or add more to your own 
	custom css file
----------------------------------------------------------------------------------------*/
@media only screen and (max-width: 80em) {
	
	/** 
	 * Extra classed to override the default col12 set above on this width breakpoint
	 * without and with gutter
	 */
	.zp-col01-1280 { width: 8.33333% !important; }
	.zp-col02-1280 { width: 16.66667% !important; }
	.zp-col03-1280 { width: 25% !important; }
	.zp-col04-1280 { width: 33.33333% !important; }
	.zp-col05-1280 { width: 41.66667% !important; }
	.zp-col06-1280 { width: 50% !important; }
	.zp-col07-1280 { width: 58.33333% !important; }
	.zp-col08-1280 { width: 66.66667% !important; }
	.zp-col09-1280 { width: 75% !important; }
	.zp-col10-1280 { width: 83.33333% !important; }
	.zp-col11-1280 { width: 91.66667% !important; }
	.zp-col12-1280 { width: 100% !important; }
	.zp-col5th-1-1280 { width: 20% !important; }
	.zp-col5th-2-1280 { width: 40% !important; }
	.zp-col5th-3-1280 { width: 60% !important; }
	.zp-col5th-4-1280 { width: 80% !important; }
	
	.zp-gutter2 > .zp-col01-1280 { width: 6.333334% !important; }
	.zp-gutter2 > .zp-col02-1280 { width: 14.66% !important; }
	.zp-gutter2 > .zp-col03-1280 { width: 23% !important; }
	.zp-gutter2 > .zp-col04-1280 { width: 31.33% !important; }
	.zp-gutter2 > .zp-col05-1280 { width: 39.6666667% !important; }
	.zp-gutter2 > .zp-col06-1280 { width: 48% !important; }
	.zp-gutter2 > .zp-col07-1280 { width: 56.3333333% !important; }
	.zp-gutter2 > .zp-col08-1280 { width: 64.66% !important; }
	.zp-gutter2 > .zp-col09-1280 { width: 73% !important; }
	.zp-gutter2 > .zp-col10-1280 { width: 81.3333333% !important; }
	.zp-gutter2 > .zp-col11-1280 { width: 89.6666666% !important; }
	.zp-gutter2 > .zp-col12-1280 { width: 96% !important; } 
	.zp-gutter2 > .zp-col5th-1-1280 { width: 18% !important; } 
	.zp-gutter2 > .zp-col5th-2-1280 { width: 38% !important; }
	.zp-gutter2 > .zp-col5th-3-1280 { width: 58% !important; }
	.zp-gutter2 > .zp-col5th-4-1280 { width: 78% !important; }
	
	.zp-gutter4 > .zp-col01-1280 { width: 4.333334% !important; }
	.zp-gutter4 > .zp-col02-1280 { width: 12.66% !important; }
	.zp-gutter4 > .zp-col03-1280 { width: 21% !important; }
	.zp-gutter4 > .zp-col04-1280 { width: 29.33% !important; }
	.zp-gutter4 > .zp-col05-1280 { width: 37.6666667% !important; }
	.zp-gutter4 > .zp-col06-1280 { width: 46% !important; }
	.zp-gutter4 > .zp-col07-1280 { width: 54.3333333% !important; }
	.zp-gutter4 > .zp-col08-1280 { width: 62.66% !important; }
	.zp-gutter4 > .zp-col09-1280 { width: 71% !important; }
	.zp-gutter4 > .zp-col10-1280 { width: 79.3333333% !important; }
	.zp-gutter4 > .zp-col11-1280 { width: 87.6666666% !important; }
	.zp-gutter4 > .zp-col12-1280 { width: 96% !important; } 
	.zp-gutter4 > .zp-col5th-1-1280 { width: 16% !important; }
	.zp-gutter4 > .zp-col5th-2-1280 { width: 36% !important; }
	.zp-gutter4 > .zp-col5th-3-1280 { width: 56% !important; }
	.zp-gutter4 > .zp-col5th-4-1280 { width: 76% !important; }

	.zp-floatclear { clear: none !important; }
	.zp-floatright1280 { float: right !important; }
	.zp-floatclear1280 { clear: both !important; }
	
	.zp-hide1280 { display: none !important; }
	.zp-show1280 { display: block !important; }
	.zp-invisible1280 { visibility: hidden !important; }
	.zp-visible1280 { visibility: visible !important; }
} 
 
@media only screen and (max-width: 60em) { 
	
	/** 
	 * Extra classed to override the default col12 set above on this width breakpoint
	 * without and with gutter
	 */
	.zp-col01-959 { width: 8.33333% !important; }
	.zp-col02-959 { width: 16.66667% !important; }
	.zp-col03-959 { width: 25% !important; }
	.zp-col04-959 { width: 33.33333% !important; }
	.zp-col05-959 { width: 41.66667% !important; }
	.zp-col06-959 { width: 50% !important; }
	.zp-col07-959 { width: 58.33333% !important; }
	.zp-col08-959 { width: 66.66667% !important; }
	.zp-col09-959 { width: 75% !important; }
	.zp-col10-959 { width: 83.33333% !important; }
	.zp-col11-959 { width: 91.66667% !important; }
	.zp-col12-959 { width: 100% !important; }
	.zp-col5th-1-959 { width: 20% !important; }
	.zp-col5th-2-959 { width: 40% !important; }
	.zp-col5th-3-959 { width: 60% !important; }
	.zp-col5th-4-959 { width: 80% !important; }

	.zp-gutter2 > .zp-col01-959 { width: 6.333334% !important; }
	.zp-gutter2 > .zp-col02-959 { width: 14.66% !important; }
	.zp-gutter2 > .zp-col03-959 { width: 23% !important; }
	.zp-gutter2 > .zp-col04-959 { width: 31.33% !important; }
	.zp-gutter2 > .zp-col05-959 { width: 39.6666667% !important; }
	.zp-gutter2 > .zp-col06-959 { width: 48% !important; }
	.zp-gutter2 > .zp-col07-959 { width: 56.3333333% !important; }
	.zp-gutter2 > .zp-col08-959 { width: 64.66% !important; }
	.zp-gutter2 > .zp-col09-959 { width: 73% !important; }
	.zp-gutter2 > .zp-col10-959 { width: 81.3333333% !important; }
	.zp-gutter2 > .zp-col11-959 { width: 89.6666666% !important; }
	.zp-gutter2 > .zp-col12-959 { width: 96% !important; }
	.zp-gutter2 > .zp-col5th-1-959 { width: 18% !important; }
	.zp-gutter2 > .zp-col5th-2-959 { width: 38% !important; }
	.zp-gutter2 > .zp-col5th-3-959 { width: 58% !important; }
	.zp-gutter2 > .zp-col5th-4-959 { width: 78% !important; }
	
	.zp-gutter4 > .zp-col01-959 { width: 4.333334% !important; }
	.zp-gutter4 > .zp-col02-959 { width: 12.66% !important; }
	.zp-gutter4 > .zp-col03-959 { width: 21% !important; }
	.zp-gutter4 > .zp-col04-959 { width: 29.33% !important; }
	.zp-gutter4 > .zp-col05-959 { width: 37.6666667% !important; }
	.zp-gutter4 > .zp-col06-959 { width: 46% !important; }
	.zp-gutter4 > .zp-col07-959 { width: 54.3333333% !important; }
	.zp-gutter4 > .zp-col08-959 { width: 62.66% !important; }
	.zp-gutter4 > .zp-col09-959 { width: 71% !important; }
	.zp-gutter4 > .zp-col10-959 { width: 79.3333333% !important; }
	.zp-gutter4 > .zp-col11-959 { width: 87.6666666% !important; }
	.zp-gutter4 > .zp-col12-959 { width: 96% !important; } 
	.zp-gutter4 > .zp-col5th-1-959 { width: 16% !important; }
	.zp-gutter4 > .zp-col5th-2-959 { width: 36% !important; }
	.zp-gutter4 > .zp-col5th-3-959 { width: 56% !important; }
	.zp-gutter4 > .zp-col5th-4-959 { width: 76% !important; }
	
	.zp-floatclear { clear: none !important; }
	.zp-floatright959 { float: right !important; }
	.zp-floatclear959 { clear: both !important; }
	
	.zp-hide959 { display: none !important; }
	.zp-show959 { display: block !important; }
	.zp-invisible959 { visibility: hidden !important; }
	.zp-visible959 { visibility: visible !important; }
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 48em) {
	
	/** 
	 * Extra classed to override the default col12 set above on this width breakpoint
	 */
	.zp-col01-767 { width: 8.33333% !important; }
	.zp-col02-767 { width: 16.66667% !important; }
	.zp-col03-767 { width: 25% !important; }
	.zp-col04-767 { width: 33.33333% !important; }
	.zp-col05-767 { width: 41.66667% !important; }
	.zp-col06-767 { width: 50% !important; }
	.zp-col07-767 { width: 58.33333% !important; }
	.zp-col08-767 { width: 66.66667% !important; }
	.zp-col09-767 { width: 75% !important; }
	.zp-col10-767 { width: 83.33333% !important; }
	.zp-col11-767 { width: 91.66667% !important; }
	.zp-col12-767 { width: 100% !important; }
	.zp-col5th-1-767 { width: 20% !important; }
	.zp-col5th-2-767 { width: 40% !important; }
	.zp-col5th-3-767 { width: 60% !important; }
	.zp-col5th-4-767 { width: 80% !important; }
	
	.zp-gutter2 > .zp-col01-767 { width: 6.333334% !important; }
	.zp-gutter2 > .zp-col02-767 { width: 14.66% !important; }
	.zp-gutter2 > .zp-col03-767 { width: 23% !important; }
	.zp-gutter2 > .zp-col04-767 { width: 31.33% !important; }
	.zp-gutter2 > .zp-col05-767 { width: 39.6666667% !important; }
	.zp-gutter2 > .zp-col06-767 { width: 48% !important; }
	.zp-gutter2 > .zp-col07-767 { width: 56.3333333% !important; }
	.zp-gutter2 > .zp-col08-767 { width: 64.66% !important; }
	.zp-gutter2 > .zp-col09-767 { width: 73% !important; }
	.zp-gutter2 > .zp-col10-767 { width: 81.3333333% !important; }
	.zp-gutter2 > .zp-col11-767 { width: 89.6666666% !important; }
	.zp-gutter2 > .zp-col12-767 { width: 96% !important; } 
	.zp-gutter2 > .zp-col5th-1-767 { width: 18% !important; }
	.zp-gutter2 > .zp-col5th-2-767 { width: 38% !important; }
	.zp-gutter2 > .zp-col5th-3-767 { width: 58% !important; }
	.zp-gutter2 > .zp-col5th-4-767 { width: 78% !important; }
	
	.zp-gutter4 > .zp-col01-767 { width: 4.333334% !important; }
	.zp-gutter4 > .zp-col02-767 { width: 12.66% !important; }
	.zp-gutter4 > .zp-col03-767 { width: 21% !important; }
	.zp-gutter4 > .zp-col04-767 { width: 29.33% !important; }
	.zp-gutter4 > .zp-col05-767 { width: 37.6666667% !important; }
	.zp-gutter4 > .zp-col06-767 { width: 46% !important; }
	.zp-gutter4 > .zp-col07-767 { width: 54.3333333% !important; }
	.zp-gutter4 > .zp-col08-767 { width: 62.66% !important; }
	.zp-gutter4 > .zp-col09-767 { width: 71% !important; }
	.zp-gutter4 > .zp-col10-767 { width: 79.3333333% !important; }
	.zp-gutter4 > .zp-col11-767 { width: 87.6666666% !important; }
	.zp-gutter4 > .zp-col12-767 { width: 96% !important; } 
	.zp-gutter4 > .zp-col5th-1-767 { width: 16% !important; }
	.zp-gutter4 > .zp-col5th-2-767 { width: 36% !important; }
	.zp-gutter4 > .zp-col5th-3-767 { width: 56% !important; }
	.zp-gutter4 > .zp-col5th-4-767 { width: 76% !important; }
	
	.zp-floatclear,
	.zp-floatclear1280,
	.zp-floatclear959 {
		clear: none !important;
	}
	.zp-floatright767 { float: right !important; }
	.zp-floatclear767 { clear: both !important; }

	.zp-hide767 { display: none !important; }
	.zp-show767 { display: block !important; }
	.zp-invisible767 { visibility: hidden !important; }
	.zp-visible767 { visibility: visible !important; }
}

/** 
 * Mobile Portrait Size to Mobile Landscape Size (devices and browsers) 
 */
@media only screen and (max-width: 30em) {
	
	/* col12 without gutter - Columns are always set to full width on this width breakpoint */
	.zp-col01,
	.zp-col02,
	.zp-col03,
	.zp-col04,
	.zp-col05,
	.zp-col06,
	.zp-col07,
	.zp-col08,
	.zp-col09,
	.zp-col10,
	.zp-col11,
	.zp-col12,
	.zp-col5th-1,
	.zp-col5th-2,
	.zp-col5th-3,
	.zp-col5th-4 {
		width: 100% !important;
	}

	.zp-gutter2 > .zp-col01, 
	.zp-gutter2 > .zp-col02,
	.zp-gutter2 > .zp-col03,
	.zp-gutter2 > .zp-col04,
	.zp-gutter2 > .zp-col05,
	.zp-gutter2 > .zp-col06,
	.zp-gutter2 > .zp-col07,
	.zp-gutter2 > .zp-col08,
	.zp-gutter2 > .zp-col09,
	.zp-gutter2 > .zp-col10,
	.zp-gutter2 > .zp-col11,
	.zp-gutter2 > .zp-col12 {
		width: 98% !important;
	}
	
	.zp-gutter4 > .zp-col01, 
	.zp-gutter4 > .zp-col02,
	.zp-gutter4 > .zp-col03,
	.zp-gutter4 > .zp-col04,
	.zp-gutter4 > .zp-col05,
	.zp-gutter4 > .zp-col06,
	.zp-gutter4 > .zp-col07,
	.zp-gutter4 > .zp-col08,
	.zp-gutter4 > .zp-col09,
	.zp-gutter4 > .zp-col10,
	.zp-gutter4 > .zp-col11,
	.zp-gutter4 > .zp-col12 {
		width: 96% !important;
	}
	
	/** 
	 * Extra classed to override the default col12 set above on this width
	 */
	.zp-col01-479 { width: 8.333334% !important; }
	.zp-col02-479 { width: 16.66% !important; }
	.zp-col03-479 { width: 25% !important; }
	.zp-col04-479 { width: 33.33% !important; }
	.zp-col05-479 { width: 41.6666667% !important; }
	.zp-col06-479 { width: 50% !important; }
	.zp-col07-479 { width: 58.3333333% !important; }
	.zp-col08-479 { width: 66.66% !important; }
	.zp-col09-479 { width: 75% !important; }
	.zp-col10-479 { width: 83.3333333% !important; }
	.zp-col11-479 { width: 91.6666666% !important; }
	.zp-col12-479 { width: 100% !important; }
	.zp-col5th-1-479 { width: 20% !important; }
	.zp-col5th-2-479 { width: 40% !important; }
	.zp-col5th-3-479 { width: 60% !important; }
	.zp-col5th-4-479 { width: 80% !important; }
	
	.zp-gutter2 > .zp-col01-479 { width: 6.333334% !important; }
	.zp-gutter2 > .zp-col02-479 { width: 14.66% !important; }
	.zp-gutter2 > .zp-col03-479 { width: 23% !important; }
	.zp-gutter2 > .zp-col04-479 { width: 31.33% !important; }
	.zp-gutter2 > .zp-col05-479 { width: 39.6666667% !important; }
	.zp-gutter2 > .zp-col06-479 { width: 48% !important; }
	.zp-gutter2 > .zp-col07-479 { width: 56.3333333% !important; }
	.zp-gutter2 > .zp-col08-479 { width: 64.66% !important; }
	.zp-gutter2 > .zp-col09-479 { width: 73% !important; }
	.zp-gutter2 > .zp-col10-479 { width: 81.3333333% !important; }
	.zp-gutter2 > .zp-col11-479 { width: 89.6666666% !important; }
	.zp-gutter2 > .zp-col12-479 { width: 98% !important; margin: 0 !important; } 
	.zp-gutter2 > .zp-col5th-1-479 { width: 18% !important; }
	.zp-gutter2 > .zp-col5th-2-479 { width: 38% !important; }
	.zp-gutter2 > .zp-col5th-3-479 { width: 58% !important; }
	.zp-gutter2 > .zp-col5th-4-479 { width: 78% !important; }
	
	.zp-gutter4 > .zp-col01-479 { width: 4.333334% !important; }
	.zp-gutter4 > .zp-col02-479 { width: 12.66% !important; }
	.zp-gutter4 > .zp-col03-479 { width: 21% !important; }
	.zp-gutter4 > .zp-col04-479 { width: 29.33% !important; }
	.zp-gutter4 > .zp-col05-479 { width: 37.6666667% !important; }
	.zp-gutter4 > .zp-col06-479 { width: 46% !important; }
	.zp-gutter4 > .zp-col07-479 { width: 54.3333333% !important; }
	.zp-gutter4 > .zp-col08-479 { width: 62.66% !important; }
	.zp-gutter4 > .zp-col09-479 { width: 71% !important; }
	.zp-gutter4 > .zp-col10-479 { width: 79.3333333% !important; }
	.zp-gutter4 > .zp-col11-479 { width: 87.6666666% !important; }
	.zp-gutter4 > .zp-col12-479 { width: 96% !important; margin: 0 !important;}
	.zp-gutter4 > .zp-col5th-1-479 { width: 16% !important; }
	.zp-gutter4 > .zp-col5th-2-479 { width: 36% !important; }
	.zp-gutter4 > .zp-col5th-3-479 { width: 56% !important; }
	.zp-gutter4 > .zp-col5th-4-479 { width: 76% !important; }
	
	.zp-floatclear,
	.zp-floatclear1280,
	.zp-floatclear959,
	.zp-floatclear767 {
		clear: none !important;
	}
	.zp-floatright479 { float: right !important; }
	.zp-floatclear479 { clear: both !important; }
	.zp-clearblock479 { display: inline !important; width: auto !important; }

	.zp-hide479 { display: none !important; }
	.zp-show479 { display: block !important; }
	.zp-invisible479 { visibility: hidden !important; }
	.zp-visible479 { visibility: visible !important; }
}