/*
 * BL Brokers - CSS Grid System
 * @author 		Fernando Gomez
 * @created 	8/25/2016
 * @updated 	8/25/2016 by Fernando Gomez
 */
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.sp-grid {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	flex-direction: row;
	justify-content: flex-start;	
}

.sp-grid-vertical {
	flex-direction: column;
}

.sp-grid-wrap {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.sp-grid-no-wrap {
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

/* Horizonral alignment */
.sp-grid-align-left {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.sp-grid-align-right {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.sp-grid-align-center {
	-webkit-justify-content: center;
	justify-content: center;
}

.sp-grid-align-between {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.sp-grid-align-around {
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

/* Vertical alignment */
.sp-grid-align-top {
	align-items: flex-start;
}

.sp-grid-align-bottom {
	align-items: flex-end;
}

.sp-grid-align-middle {
	align-items: center;
}

.sp-grid-align-stretch {
	align-items: stretch;
}

/* Vertical alignment items */
.sp-grid-item-align-top {
	align-self: flex-start;
}

.sp-grid-item-align-bottom {
	align-self: flex-end;
}

.sp-grid-item-align-middle {
	align-self: center;
}

.sp-grid-item-align-stretch {
	align-self: stretch;
}

.sp-grid-item-align-left {
	margin-right: auto;
}

.sp-grid-item-align-right {
	margin-left: auto;
}

.sp-grid-item-grow {
	flex-grow: 1;
}

/* Width */
.sp-w-none {
	width: 0;
}

.sp-w-1-of-12 {
	width: 8.3333333333%;
}

.sp-w-1-of-10 {
	width: 10%;
}

.sp-w-1-of-6,
.sp-w-2-of-12 {
	width: 16.6666666667%;
}

.sp-w-2-of-10 {
	width: 20%;
}

.sp-w-3-of-12 {
	width: 25%;
}

.sp-w-3-of-10 {
	width: 30%;
}

.sp-w-1-of-3,
.sp-w-2-of-6,
.sp-w-4-of-12 {
	width: 33.3333333333%;
}

.sp-w-4-of-10 {
	width: 40%;
}

.sp-w-5-of-12 {
	width: 41.6666666667%;
}

.sp-w-3-of-6,
.sp-w-5-of-10,
.sp-w-6-of-12 {
	width: 50%;
}

.sp-w-7-of-12 {
	width: 58.3333333333%;
}

.sp-w-6-of-10 {
	width: 60%;
}

.sp-w-2-of-3,
.sp-w-4-of-6,
.sp-w-8-of-12 {
	width: 66.6666666667%;
}

.sp-w-7-of-10 {
	width: 70%;
}

.sp-w-9-of-12 {
	width: 75%;
}

.sp-w-8-of-10 {
	width: 80%;
}

.sp-w-5-of-6,
.sp-w-10-of-12 {
	width: 83.3333333333%;
}

.sp-w-9-of-10 {
	width: 90%;
}

.sp-w-11-of-12 {
	width: 91.6666666667%;
}

.sp-w-3-of-3,
.sp-w-6-of-6,
.sp-w-10-of-10,
.sp-w-12-of-12 {
	width: 100%;
}