.fill-parent {
	position: relative;
	width: 100%;
	height: 100%;
}
.no-gutter {
	padding: 0 !important;
}
.padding-5 {
	padding: 5px !important;
}
.padding-20 {
	padding: 20px !important;
}
.square {
	position: relative;
	width: 100%;
}
.square:after {
	content: '';
	display: block;
	width: 100%;
	height: 0;
	padding-top: 100%;
}
.fixed-aspect-16x9 {
	position: relative;
	width: 100%;
}
.fixed-aspect-16x9:after {
	content: '';
	display: block;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
}
.fixed-aspect-3x2 {
	position: relative;
	width: 100%;
}
.fixed-aspect-3x2:after {
	content: '';
	display: block;
	width: 100%;
	height: 0;
	padding-top: 66.6667%;
}
.fixed-aspect-4x3 {
	position: relative;
	width: 100%;
}
.fixed-aspect-4x3:after {
	content: '';
	display: block;
	width: 100%;
	height: 0;
	padding-top: 75%;
}
.fixed-aspect-contents {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.centre-both {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.centre-horizontal {
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.centre-vertical {
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.valign-middle {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}