/* responsive columns */
	.responsive, .responsive-fixed
	{
		padding: 0;
		display: block;
		width: auto;
		overflow: visible;
		position: relative;
		text-align: center;
		vertical-align: top;
		box-sizing: border-box;
		-o-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		.responsive .col5, .responsive-fixed .col5
		{
			width: 5%;
			overflow: auto;
			text-align: left;
			vertical-align: inherit;
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			-o-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		.responsive .col10, .responsive-fixed .col10
		{
			width: 10%;
			overflow: auto;
			text-align: left;
			vertical-align: inherit;
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			-o-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		.responsive .col15, .responsive-fixed .col15
		{
			width: 15%;
			overflow: auto;
			text-align: left;
			vertical-align: inherit;
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			-o-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		.responsive .col20, .responsive-fixed .col20
		{
			width: 20%;
			overflow: auto;
			text-align: left;
			vertical-align: inherit;
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			-o-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		.responsive .col25, .responsive-fixed .col25
		{
			width: 25%;
			overflow: auto;
			text-align: left;
			vertical-align: inherit;
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			-o-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		.responsive .col30, .responsive-fixed .col30
		{
			width: 30%;
			overflow: auto;
			text-align: left;
			vertical-align: inherit;
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			-o-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		.responsive .col33, .responsive-fixed .col33
		{
			width: 33.33%;
			overflow: auto;
			text-align: left;
			vertical-align: inherit;
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			-o-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		.responsive .col35, .responsive-fixed .col35
		{
			width: 35%;
			overflow: auto;
			text-align: left;
			vertical-align: inherit;
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			-o-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		.responsive .col40, .responsive-fixed .col40
		{
			width: 40%;
			overflow: auto;
			text-align: left;
			vertical-align: inherit;
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			-o-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		.responsive .col45, .responsive-fixed .col45
		{
			width: 45%;
			overflow: auto;
			text-align: left;
			vertical-align: inherit;
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			-o-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		.responsive .col50, .responsive-fixed .col50
		{
			width: 50%;
			overflow: auto;
			text-align: left;
			vertical-align: inherit;
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			-o-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		.responsive .col55, .responsive-fixed .col55
		{
			width: 55%;
			overflow: auto;
			text-align: left;
			vertical-align: inherit;
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			-o-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		.responsive .col60, .responsive-fixed .col60
		{
			width: 60%;
			overflow: auto;
			text-align: left;
			vertical-align: inherit;
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			-o-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		.responsive .col65, .responsive-fixed .col65
		{
			width: 65%;
			overflow: auto;
			text-align: left;
			vertical-align: inherit;
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			-o-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		.responsive .col66, .responsive-fixed .col66
		{
			width: 66.66%;
			overflow: auto;
			text-align: left;
			vertical-align: inherit;
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			-o-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		.responsive .col70, .responsive-fixed .col70
		{
			width: 70%;
			overflow: auto;
			text-align: left;
			vertical-align: inherit;
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			-o-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		.responsive .col75, .responsive-fixed .col75
		{
			width: 75%;
			overflow: auto;
			text-align: left;
			vertical-align: inherit;
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			-o-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		.responsive .col80, .responsive-fixed .col80
		{
			width: 80%;
			overflow: auto;
			text-align: left;
			vertical-align: inherit;
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			-o-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		.responsive .col85, .responsive-fixed .col85
		{
			width: 85%;
			overflow: auto;
			text-align: left;
			vertical-align: inherit;
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			-o-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		.responsive .col90, .responsive-fixed .col90
		{
			width: 90%;
			overflow: auto;
			text-align: left;
			vertical-align: inherit;
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			-o-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		.responsive .col95, .responsive-fixed .col95
		{
			width: 95%;
			overflow: auto;
			text-align: left;
			vertical-align: inherit;
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			-o-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		.responsive .col100, .responsive-fixed .col100
		{
			display: block;
			overflow: visible;
			text-align: left;
			vertical-align: inherit;
			position: relative;
			box-sizing: border-box;
			-o-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		.responsive .responsive,
		.responsive-fixed .responsive,
		.responsive .responsive-fixed
		{
			padding: 0;
			display: block;
			overflow: visible;
			text-align: center;
			vertical-align: middle;
			box-sizing: border-box;
			-o-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}

	.lowres-show
	{
		display: none !important;
	}


/* alignment */
	.left, .align-left
	{
		text-align: left !important;
	}
	.center, .align-center
	{
		text-align: center !important;
	}
	.right, .align-right
	{
		text-align: right !important;
	}


	.top, .valign-top
	{
		vertical-align: top !important;
	}
	.middle, .valign-middle
	{
		vertical-align: middle !important;
	}
	.bottom, .valign-bottom
	{
		vertical-align: bottom !important;
	}

	.float-left
	{
		float: left !important;
	}
	.float-right
	{
		float: right !important;
	}

/* some paddings and margins */
	.margin-auto
	{
		margin: auto;
	}
	.margin0
	{
		margin: 0 !important;
	}
	.margin2
	{
		margin: 0.1em !important;
	}
	.margin3
	{
		margin: 0.2em !important;
	}
	.margin5
	{
		margin: 0.3em !important;
	}
	.margin10
	{
		margin: 0.6em !important;
	}
	.margin15
	{
		margin: 0.9em !important;
	}
	.margin20
	{
		margin: 1.2em !important;
	}
	.margin25
	{
		margin: 1.5em !important;
	}

	.padding0
	{
		padding: 0 !important;
	}
	.padding2
	{
		padding: 0.1em !important;
	}
	.padding3
	{
		padding: 0.2em !important;
	}
	.padding5
	{
		padding: 0.3em !important;
	}
	.padding10
	{
		padding: 0.6em !important;
	}
	.padding15
	{
		padding: 0.9em !important;
	}
	.padding20
	{
		padding: 1.2em !important;
	}
	.padding25
	{
		padding: 1.5em	 !important;
	}

/* width"s */
	.width-5, .width5
	{
		width: 5% !important;
	}
	.width-10, .width10
	{
		width: 10% !important;
	}
	.width-15, .width15
	{
		width: 15% !important;
	}
	.width-20, .width20
	{
		width: 20% !important;
	}
	.width-25, .width25
	{
		width: 25% !important;
	}
	.width-30, .width30
	{
		width: 30% !important;
	}
	.width-33, .width33
	{
		width: 33% !important;
	}
	.width-35, .width35
	{
		width: 35% !important;
	}
	.width-40, .width40
	{
		width: 40% !important;
	}
	.width-45, .width45
	{
		width: 45% !important;
	}
	.width-50, .width50
	{
		width: 50% !important;
	}
	.width-55, .width55
	{
		width: 55% !important;
	}
	.width-60, .width60
	{
		width: 60% !important;
	}
	.width-65, .width65, .width-66, .width66
	{
		width: 66% !important;
	}
	.width-70, .width70
	{
		width: 70% !important;
	}
	.width-75, .width75
	{
		width: 75% !important;
	}
	.width-80, .width80
	{
		width: 80% !important;
	}
	.width-85, .width85
	{
		width: 85% !important;
	}
	.width-90, .width90
	{
		width: 90% !important;
	}
	.width-95, .width95
	{
		width: 95% !important;
	}
	.width-100, .width100
	{
		width: 100% !important;
	}


/* display */
	.hide, .hidden
	{
		display: none !important;
	}

	.invisible, .opacity-0
	{
		opacity: 0 !important;
		-o-opacity: 0 !important;
		-moz-opacity: 0 !important;
		-webkit-opacity: 0 !important;
		filter: alpha(opacity=0) !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}

	.opacity-10, .opacity10
	{
		opacity: 0.1 !important;
		-o-opacity: 0.1 !important;
		-moz-opacity: 0.1 !important;
		-webkit-opacity: 0.1 !important;
		filter: alpha(opacity=10) !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	}

	.opacity-20, .opacity20
	{
		opacity: 0.2 !important;
		-o-opacity: 0.2 !important;
		-moz-opacity: 0.2 !important;
		-webkit-opacity: 0.2 !important;
		filter: alpha(opacity=20) !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	}

	.opacity-30, .opacity30
	{
		opacity: 0.3 !important;
		-o-opacity: 0.3 !important;
		-moz-opacity: 0.3 !important;
		-webkit-opacity: 0.3 !important;
		filter: alpha(opacity=30) !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	}

	.opacity-40, .opacity40
	{
		opacity: 0.4 !important;
		-o-opacity: 0.4 !important;
		-moz-opacity: 0.4 !important;
		-webkit-opacity: 0.4 !important;
		filter: alpha(opacity=40) !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	}

	.opacity-50, .opacity50
	{
		opacity: 0.5 !important;
		-o-opacity: 0.5 !important;
		-moz-opacity: 0.5 !important;
		-webkit-opacity: 0.5 !important;
		filter: alpha(opacity=50) !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	}

	.opacity-60, .opacity60
	{
		opacity: 0.6 !important;
		-o-opacity: 0.6 !important;
		-moz-opacity: 0.6 !important;
		-webkit-opacity: 0.6 !important;
		filter: alpha(opacity=60) !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	}

	.opacity-70, .opacity70
	{
		opacity: 0.7 !important;
		-o-opacity: 0.7 !important;
		-moz-opacity: 0.7 !important;
		-webkit-opacity: 0.7 !important;
		filter: alpha(opacity=70) !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}

	.opacity-80, .opacity80
	{
		opacity: 0.8 !important;
		-o-opacity: 0.8 !important;
		-moz-opacity: 0.8 !important;
		-webkit-opacity: 0.8 !important;
		filter: alpha(opacity=80) !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}

	.opacity-90, .opacity90
	{
		opacity: 0.9 !important;
		-o-opacity: 0.9 !important;
		-moz-opacity: 0.9 !important;
		-webkit-opacity: 0.9 !important;
		filter: alpha(opacity=90) !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	}

	.opacity-100, .opacity100
	{
		opacity: 1.0 !important;
		-o-opacity: 1.0 !important;
		-moz-opacity: 1.0 !important;
		-webkit-opacity: 1.0 !important;
		filter: alpha(opacity=100) !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}






/*
 * LOW RESOLUTION
 */
@media screen and (max-width: 749px)
{
	.responsive>.col5,
	.responsive>.col10,
	.responsive>.col15,
	.responsive>.col20,
	.responsive>.col25,
	.responsive>.col30,
	.responsive>.col33,
	.responsive>.col35,
	.responsive>.col40,
	.responsive>.col45,
	.responsive>.col50,
	.responsive>.col55,
	.responsive>.col60,
	.responsive>.col65,
	.responsive>.col66,
	.responsive>.col70,
	.responsive>.col75,
	.responsive>.col80,
	.responsive>.col85,
	.responsive>.col90,
	.responsive>.col95,
	.responsive>.col100
	{
		width: 100% !important;
	}

	.lowres-show
	{
		display: block !important;
	}

	.lowres-hide
	{
		display: none !important;
	}

	.lowres-center
	{
		text-align: center !important;
	}
	.lowres-left
	{
		text-align: left !important;
	}
	.lowres-right
	{
		text-align: right !important;
	}
}