.per0 { width: 0 !important; }
.per5 { width: 5% !important; }
.per15 { width: 15% !important; }
.per20 { width: 20% !important; }
.per25 { width: 25% !important; }
.per30 { width: 30% !important; }
.per35 { width: 35% !important; }
.per40 { width: 40% !important; }
.per45 { width: 45% !important; }
.per49 { width: 49% !important; }
.per50 { width: 50% !important; }
.per55 { width: 55% !important; }
.per60 { width: 60% !important; }
.per65 { width: 65% !important; }
.per70 { width: 70% !important; }
.per75 { width: 75% !important; }
.per80 { width: 80% !important; }
.per85 { width: 85% !important; }
.per90 { width: 90% !important; }
.per95 { width: 95% !important; }
.per99 { width: 99% !important; }
.per100 { width: 100% !important; }

.mar0 { margin: 0 !important; }
.mar5 { margin: 5px !important; }
.mar10 { margin: 10px !important; }
.mar15 { margin: 15px !important; }
.mar20 { margin: 20px !important; }
.mar25 { margin: 25px !important; }
.mar30 { margin: 30px !important; }

.mar0-left { margin-left: 0 !important; }
.mar5-left { margin-left: 5px !important; }
.mar10-left { margin-left: 10px !important; }
.mar15-left { margin-left: 15px !important; }
.mar20-left { margin-left: 20px !important; }
.mar25-left { margin-left: 25px !important; }
.mar30-left { margin-left: 30px !important; }

.mar0-right { margin-right: 0 !important; }
.mar5-right { margin-right: 5px !important; }
.mar10-right { margin-right: 10px !important; }
.mar15-right { margin-right: 15px !important; }
.mar20-right { margin-right: 20px !important; }
.mar25-right { margin-right: 25px !important; }
.mar30-right { margin-right: 30px !important; }

.mar0-top { margin-top: 0 !important; }
.mar1-top { margin-top: 1px !important; }
.mar2-top { margin-top: 2px !important; }
.mar3-top { margin-top: 3px !important; }
.mar4-top { margin-top: 4px !important; }
.mar5-top { margin-top: 5px !important; }
.mar6-top { margin-top: 6px !important; }
.mar7-top { margin-top: 7px !important; }
.mar8-top { margin-top: 8px !important; }
.mar9-top { margin-top: 9px !important; }
.mar10-top { margin-top: 10px !important; }
.mar15-top { margin-top: 15px !important; }
.mar20-top { margin-top: 20px !important; }
.mar25-top { margin-top: 25px !important; }
.mar30-top { margin-top: 30px !important; }

.mar0-bottom { margin-bottom: 0 !important; }
.mar5-bottom { margin-bottom: 5px !important; }
.mar10-bottom { margin-bottom: 10px !important; }
.mar15-bottom { margin-bottom: 15px !important; }
.mar20-bottom { margin-bottom: 20px !important; }
.mar25-bottom { margin-bottom: 25px !important; }
.mar30-bottom { margin-bottom: 30px !important; }


.minusMar0-left { margin-left: 0 !important; }
.minusMar5-left { margin-left: -5px !important; }
.minusMar10-left { margin-left: -10px !important; }
.minusMar15-left { margin-left: -15px !important; }
.minusMar20-left { margin-left: -20px !important; }
.minusMar25-left { margin-left: -25px !important; }
.minusMar30-left { margin-left: -30px !important; }

.minusMar0-right { margin-right: 0 !important; }
.minusMar5-right { margin-right: -5px !important; }
.minusMar10-right { margin-right: -10px !important; }
.minusMar15-right { margin-right: -15px !important; }
.minusMar20-right { margin-right: -20px !important; }
.minusMar25-right { margin-right: -25px !important; }
.minusMar30-right { margin-right: -30px !important; }

.minusMar0-top { margin-top: 0 !important; }
.minusMar5-top { margin-top: -5px !important; }
.minusMar10-top { margin-top: -10px !important; }
.minusMar15-top { margin-top: -15px !important; }
.minusMar20-top { margin-top: -20px !important; }
.minusMar25-top { margin-top: -25px !important; }
.minusMar30-top { margin-top: -30px !important; }
.minusMar35-top { margin-top: -35px !important; }
.minusMar40-top { margin-top: -40px !important; }
.minusMar45-top { margin-top: -45px !important; }
.minusMar50-top { margin-top: -50px !important; }

.minusMar0-bottom { margin-bottom: 0 !important; }
.minusMar5-bottom { margin-bottom: -5px !important; }
.minusMar10-bottom { margin-bottom: -10px !important; }
.minusMar15-bottom { margin-bottom: -15px !important; }
.minusMar20-bottom { margin-bottom: -20px !important; }
.minusMar25-bottom { margin-bottom: -25px !important; }
.minusMar30-bottom { margin-bottom: -30px !important; }

.pad0 { padding: 0 !important; }
.pad1 { padding: 1px !important; }
.pad2 { padding: 3px !important; }
.pad3 { padding: 4px !important; }
.pad4 { padding: 5px !important; }
.pad5 { padding: 5px !important; }
.pad6 { padding: 6px !important; }
.pad7 { padding: 7px !important; }
.pad8 { padding: 8px !important; }
.pad9 { padding: 9px !important; }
.pad10 { padding: 10px !important; }
.pad15 { padding: 15px !important; }
.pad20 { padding: 20px !important; }
.pad25 { padding: 25px !important; }
.pad30 { padding: 30px !important; }
.pad35 { padding: 35px !important; }
.pad40 { padding: 40px !important; }
.pad45 { padding: 45px !important; }
.pad50 { padding: 50px !important; }

.pad5-0 { padding: 5px 0 !important; }
.pad10-0 { padding: 10px 0 !important; }
.pad15-0 { padding: 15px 0 !important; }
.pad20-0 { padding: 20px 0 !important; }
.pad25-0 { padding: 25px 0 !important; }
.pad30-0 { padding: 30px 0 !important; }
.pad35-0 { padding: 35px 0 !important; }
.pad40-0 { padding: 40px 0 !important; }
.pad45-0 { padding: 45px 0 !important; }
.pad50-0 { padding: 50px 0 !important; }

.pad0-5 { padding: 0 5px !important; }
.pad0-10 { padding: 0 10px !important; }
.pad0-15 { padding: 0 15px !important; }
.pad0-20 { padding: 0 20px !important; }
.pad0-25 { padding: 0 25px !important; }
.pad0-30 { padding: 0 30px !important; }
.pad0-35 { padding: 0 35px !important; }
.pad0-40 { padding: 0 40px !important; }
.pad0-45 { padding: 0 45px !important; }
.pad0-50 { padding: 0 50px !important; }

.noBorder { border: none !important; }

.nofloat {	float: none !important; }
.noFloat {	float: none !important; }
.floatnone {	float: none !important; }
.floatleft {	float: left !important; }
.floatright { float: right !important; }

.left { text-align: left !important; }
.centre { text-align: center !important; }
.right { text-align: right !important; }
.top { vertical-align: top !important; }
.middle { vertical-align: middle !important; }
.bottom { vertical-align: bottom !important; }

.clear { clear: both !important; }
.small { font-size: small !important; }

.inline { display: inline ! important; }
.table { display: inline-table ! important; }

.pointer { cursor: pointer !important; }
.grab { cursor: grab !important; }

.clockwise {
	transform: rotate(90deg);
	
	/* Legacy vendor prefixes that you probably don't need... */

	/* Safari */
	-webkit-transform: rotate(90deg);

	/* Firefox */
	-moz-transform: rotate(90deg);

	/* IE */
	-ms-transform: rotate(90deg);

	/* Opera */
	-o-transform: rotate(90deg);

	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.anticlockwise {
	transform: rotate(-90deg);
	
	/* Legacy vendor prefixes that you probably don't need... */

	/* Safari */
	-webkit-transform: rotate(-90deg);

	/* Firefox */
	-moz-transform: rotate(-90deg);

	/* IE */
	-ms-transform: rotate(-90deg);

	/* Opera */
	-o-transform: rotate(-90deg);

	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.roundCorners2 {
     -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;	
}
.roundCorners5 {
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;	
}
.roundCorners10 {
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;	
}

.shadow-light {
	-moz-box-shadow: 3px 3px 4px #b0b0b0;
	-webkit-box-shadow: 3px 3px 4px #b0b0b0;
	box-shadow: 3px 3px 4px #b0b0b0;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b0b0b0')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b0b0b0');
}
.shadow-dark {
	-moz-box-shadow: 3px 3px 4px #808080;
	-webkit-box-shadow: 3px 3px 4px #808080;
	box-shadow: 3px 3px 4px #808080;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b0b0b0')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b0b0b0');
}
.shadow-contempary {
	-webkit-box-shadow: 0px 5px 50px -15px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 50px -15px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 50px -15px rgba(0,0,0,0.75);
}

.shadow-subtle {
	background: rgba(150,150,150,1);
     -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    -khtml-border-radius: 35px;
    border-radius: 35px;	
	box-shadow:
		inset 0 7em 10em -5em rgba(255,255,255,0.6),
		0 0.3em 0.5em -0.2em rgba(100,100,100,1),
		0 1em 2em -0.75em rgba(100,100,100,0.75),
		0 1em 3em -0.5em rgba(100,100,100,0.5),
		0 3em 3em -0.25em rgba(100,100,100,0.2);
}


.flexiContainer {
	position: relative;
	display: table;
	height: auto;
	width: 100%;
}
.flexiRow,
.flexiRowHeader {
	display: table-row;
	width: 100%;
}
.flexiRowHeader {
	font-weight: 700 !important;
}

.flexi0,
.flexi1,
.flexi5,
.flexi10,
.flexi15,
.flexi20,
.flexi25,
.flexi30,
.flexi35,
.flexi40,
.flexi45,
.flexi50,
.flexi55,
.flexi60,
.flexi65,
.flexi70,
.flexi75,
.flexi80,
.flexi85,
.flexi90,
.flexi95,
.flexi99,
.flexi100,
.flexi0abs,
.flexi1abs,
.flexi5abs,
.flexi10abs,
.flexi15abs,
.flexi20abs,
.flexi25abs,
.flexi30abs,
.flexi35abs,
.flexi40abs,
.flexi45abs,
.flexi50abs,
.flexi55abs,
.flexi60abs,
.flexi65abs,
.flexi70abs,
.flexi75abs,
.flexi80abs,
.flexi85abs,
.flexi90abs,
.flexi95abs,
.flexi99abs,
.flexi100abs,
.flexi125abs {
	display: table-cell;
	vertical-align: top !important;
}

.flexi0abs,
.flexi1abs,
.flexi5abs,
.flexi10abs,
.flexi15abs,
.flexi20abs,
.flexi25abs,
.flexi30abs,
.flexi35abs,
.flexi40abs,
.flexi45abs,
.flexi50abs,
.flexi55abs,
.flexi60abs,
.flexi65abs,
.flexi70abs,
.flexi75abs,
.flexi80abs,
.flexi85abs,
.flexi90abs,
.flexi95abs,
.flexi99abs,
.flexi100abs,
.flexi125abs {
	position: absolute;
}


.flexi0,
.flexi0abs {
	width: 0 !important;
}
.flexi0-25,
.flexi0-25abs {
	width: 0.25%;
	background-color: rgba(200,0,0,0.00);
}
.flexi0-5,
.flexi0-5abs {
	width: 0.5%;
	background-color: rgba(200,0,0,0.00);
}
.flexi0-75,
.flexi0-75abs {
	width: 0.75%;
	background-color: rgba(200,0,0,0.00);
}
.flexi1,
.flexi1abs {
	width: 1%;
	background-color: rgba(200,0,0,0.00);
}
.flexi5,
.flexi5abs {
	width: 5%;
	background-color: rgba(200,0,0,0.00);
}
.flexi10,
.flexi10abs {
	width: 10%;
	background-color: rgba(200,0,0,0.00);
}
.flexi15,
.flexi15abs {
	width: 15%;
	background-color: rgba(200,0,0,0.00);
}
.flexi20,
.flexi20abs {
	width: 20%;
	background-color: rgba(0,200,0,0.00);
}
.flexi25,
.flexi25abs {
	width: 25%;
	background-color: rgba(0,200,0,0.00);
}
.flexi30,
.flexi30abs {
	width: 30%;
	background-color: rgba(0,0,200,0.00);
}
.flexi35,
.flexi35abs {
	width: 35%;
	background-color: rgba(0,0,200,0.00);
}
.flexi40,
.flexi40abs {
	width: 40%;
	background-color: rgba(200,200,0,0.00);
}
.flexi45,
.flexi45abs {
	width: 45%;
	background-color: rgba(200,200,0,0.00);
}
.flexi50,
.flexi50abs {
	width: 50%;
	background-color: rgba(200,0,200,0.00);
}
.flexi55,
.flexi55abs {
	width: 55%;
	background-color: rgba(200,0,200,0.00);
}
.flexi60,
.flexi60abs {
	width: 60%;
	background-color: rgba(0,200,200,0.00);
}
.flexi65,
.flexi65abs {
	width: 65%;
	background-color: rgba(0,200,200,0.00);
}
.flexi70,
.flexi70abs {
	width: 70%;
	background-color: rgba(200,100,0,0.00);
}
.flexi75,
.flexi75abs {
	width: 75%;
	background-color: rgba(200,100,0,0.00);
}
.flexi80,
.flexi80abs {
	width: 80%;
	background-color: rgba(100,200,0,0.00);
}
.flexi85,
.flexi85abs {
	width: 85%;
	background-color: rgba(100,200,0,0.00);
}
.flexi90,
.flexi90abs {
	width: 90%;
	background-color: rgba(0,100,200,0.00);
}
.flexi95,
.flexi95abs {
	width: 95%;
	background-color: rgba(100,200,0,0.00);
}
.flexi99,
.flexi99abs {
	width: 99%;
	background-color: rgba(100,200,0,0.00);
}
.flexi100,
.flexi100abs {
	width: 100%;
	background-color: rgba(0,200,100,0.00);
}
.flexi125,
.flexi125abs {
	width: 125%;
	background-color: rgba(0,200,100,0.00);
}

.nodesktop {
	display: none !important;
}

.relative {
	position: relative !important;
}

.absolute {
	position: absolute !important;
}

.fixed {
	position: fixed !important;
}

.debug {
	border: 2px solid red !important;
}

@media (max-width: 767px) {
	.flexi0,
	.flexi0-25,
	.flexi0-5,
	.flexi0-75,
	.flexi1,
	.flexi5,
	.flexi10,
	.flexi15,
	.flexi20,
	.flexi25,
	.flexi30,
	.flexi35,
	.flexi40,
	.flexi45,
	.flexi50,
	.flexi55,
	.flexi60,
	.flexi65,
	.flexi70,
	.flexi75,
	.flexi80,
	.flexi85,
	.flexi90,
	.flexi95,
	.flexi99,
	.flexi100,
	.flexi0abs,
	.flexi1abs,
	.flexi5abs,
	.flexi10abs,
	.flexi15abs,
	.flexi20abs,
	.flexi25abs,
	.flexi30abs,
	.flexi35abs,
	.flexi40abs,
	.flexi45abs,
	.flexi50abs,
	.flexi55abs,
	.flexi60abs,
	.flexi65abs,
	.flexi70abs,
	.flexi75abs,
	.flexi80abs,
	.flexi85abs,
	.flexi90abs,
	.flexi95abs,
	.flexi99abs,
	.flexi100abs,
	.flexi125abs {	
		float: left !important;
		display: block !important;
		width: 100% !important;
	}

	.nodesktop {
		display: block !important;
	}
	.nomobile {
		display: none !important;
	}
}