/*!
 * customised//dfile
 * https://milligram.github.io
 */
.row, .flex {
	display: -ms-flexbox;
	display: flex;
	padding: 0;
	width: 100%;
	flex-wrap: wrap;
}

.row-column{
	flex-direction: column;
}
.row-wrap {
	flex-wrap: wrap;
}
.row-nowrap {
	flex-wrap: nowrap;
}

.row-top {
	align-items: flex-start;
}
.row-bottom {
	align-items: flex-end;
}
.row-center{
	justify-content: center;
	align-items: center;
}

.row-stretch {
	align-items: stretch;
}
.row-baseline {
	align-items: baseline;
}
.col {
	display: block;
	flex: 1 1 auto;
	margin-left: 0;
}

.col10 {
	flex: 0 0 10%;
	max-width: 10%;
}
.col20 {
	flex: 0 0 20%;
	max-width: 20%;
}
.col25 {
	flex: 0 0 25%;
	max-width: 25%;
}
.col30 {
	flex: 0 0 30%;
	max-width: 30%;
}

.col33 {
	flex: 0 0 33.3333%;
	max-width: 33.3333%;
}
.col40 {
	flex: 0 0 40%;
	max-width: 40%;
}
.col50 {
	flex: 0 1 50%;
	max-width: 50%;

}
.col60 {
	flex: 0 0 60%;
	max-width: 60%;
}
l.col66 {
	flex: 0 0 66.6666%;
	max-width: 66.6666%;
}
.col70 {
	flex: 0 0 70%;
	max-width: 70%;
}

.col75 {
	flex: 0 0 75%;
	max-width: 75%;
}
.col80 {
	flex: 0 0 80%;
	max-width: 80%;
}
.col90 {
	flex: 0 0 90%;
	max-width: 90%;
}
.col100 {
	flex: 0 0 100%;
	max-width: 100%;
}
.col-top {
	align-self: flex-start;
}
.col-bottom {
	align-self: flex-end;
}
.col-center {
	-ms-grid-row-align: center;
	align-self: center;
}

/*offset##############*/
.col.col-10 {
	margin-left: 10%;
}
.col.col-20 {
	margin-left: 20%;
}
.col.col-25 {
	margin-left: 25%;
}
.col.col-33 {
	margin-left: 33.3333%;
}
.col.col-50 {
	margin-left: 50%;
}
.col.col-66{
	margin-left: 66.6666%;
}
.col.col-75 {
	margin-left: 75%;
}
.col.col-80 {
	margin-left: 80%;
}
.col.col-90 {
	margin-left: 90%;
}