/*------------------------------------*\
	UTILITY 
\*------------------------------------*/

.relative { position: relative; }
.absolute { position: absolute; }

.inline { display: inline; }
.inline-block { display: inline-block; }
.block { display: block; }

.left { text-align: left }
.right { text-align: right }
.center { text-align: center; }

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

/*------------------------------------*\
	CURVED
\*------------------------------------*/

.curved {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/*------------------------------------*\
	GAPS 
\*------------------------------------*/

.gap-xs { height: 10px; }
.gap-sm { height: 30px; }
.gap-md { height: 30px; }
.gap-lg { height: 50px; }
.gap-xl { height: 70px; }

/*------------------------------------*\
	PADDING
\*------------------------------------*/

/* PADDING (ALL) */
.padding-xs { padding: 10px; }
.padding-sm { padding: 20px; }
.padding-md { padding: 30px; }
.padding-lg { padding: 50px; }
.padding-xl { padding: 70px; }

/* PADDING (VERTICAL) */
.padding-v-xs { padding: 10px 0; }
.padding-v-sm { padding: 20px 0; }
.padding-v-md { padding: 30px 0; }
.padding-v-lg { padding: 50px 0; }
.padding-v-xl { padding: 90px 0; }

/* PADDING (HORIZONTAL) */
.padding-h-xs { padding-left: 10px; padding-right: 10px; }
.padding-h-sm { padding-left: 20px; padding-right: 20px; }
.padding-h-md { padding-left: 30px; padding-right: 30px; }
.padding-h-lg { padding-left: 50px; padding-right: 50px; }
.padding-h-xl { padding-left: 70px; padding-right: 70px; }

/* PADDING (NONE) */
.no-padding { padding: 0!important; }

/*------------------------------------*\
	MARGIN
\*------------------------------------*/

/* MARGIN (ALL) */
.margin-xs { padding: 10px; }
.margin-sm { padding: 20px; }
.margin-md { padding: 30px; }
.margin-lg { padding: 50px; }
.margin-xl { padding: 70px; }

/* MARGIN (VERTICAL) */
.margin-v-xs { padding: 10px 0; }
.margin-v-sm { padding: 20px 0; }
.margin-v-md { padding: 30px 0; }
.margin-v-lg { padding: 50px 0; }
.margin-v-xl { padding: 70px 0; }

/* MARGIN (HORIZONTAL) */
.margin-h-xs { padding-left: 10px; padding-right: 10px; }
.margin-h-sm { padding-left: 20px; padding-right: 20px; }
.margin-h-md { padding-left: 30px; padding-right: 30px; }
.margin-h-lg { padding-left: 50px; padding-right: 50px; }
.margin-h-xl { padding-left: 70px; padding-right: 70px; }

/* MARGIN (NONE) */
.no-margin { margin: 0!important; }

/* MARGIN (CENTRE) */
.margin-center { margin-left: auto!important; margin-right: auto!important; float: none!important; }