
@media all {
	.flex-cols { display: flex; margin: 0 -2em; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: stretch; -ms-align-content: flex-end; -webkit-align-content: flex-end; align-content: flex-end; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; justify-content: flex-start; }
	.flex-cols > .col { -ms-flex: 1; -webkit-flex: 1; flex: 1; align-self: auto; margin: 2em; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow:hidden; }
	.flex-cols.no-margin, .flex-cols.grid-1, .flex-cols.md-grid-1, .flex-cols.sm-grid-1 { margin: 0; }
	.flex-cols.no-margin > .col { margin: 0; }
	.flex-cols.no-margin-x > .col { margin: 2em 0; }
	.flex-cols.no-padding > .col { padding: 0; }

	.flex-cols > .col.spans-2 { flex-grow: 2; }
	.flex-cols > .col.spans-3 { flex-grow: 2; }

	.flex-cols.grid-1 > .col { -ms-flex: calc(100% - 4em); -webkit-flex: calc(100% - 4em); flex: calc(100% - 4em); max-width: calc(100% - 4em); }
	.flex-cols.no-margin.grid-1 > .col { -ms-flex: 100%; -webkit-flex: 100%; flex: 100%; max-width: 100%; }
	.flex-cols.grid-2 > .col { -ms-flex: calc(50% - 4em); -webkit-flex: calc(50% - 4em); flex: calc(50% - 4em); max-width: calc(50% - 4em); }
	.flex-cols.no-margin.grid-2 > .col { -ms-flex: 50%; -webkit-flex: 50%; flex: 50%; max-width: 50%; }
	.flex-cols.grid-3 > .col { -ms-flex: calc(33.3333% - 4em); -webkit-flex: calc(33.3333% - 4em); flex: calc(33.3333% - 4em); max-width: calc(33.3333% - 4em); }
	.flex-cols.no-margin.grid-3 > .col { -ms-flex: 33.3333%; -webkit-flex: 33.3333%; flex: 33.3333%; max-width: 33.3333%; }
	
	.flex-cols.grid-1 > .col.spans-1 { -ms-flex: calc(100% - 4em); -webkit-flex: calc(100% - 4em); flex: calc(100% - 4em); }
	.flex-cols.no-margin.grid-1 > .col.spans-1 { -ms-flex: 100%; -webkit-flex: 100%; flex: 100%; }
	.flex-cols.grid-2 > .col.spans-1 { -ms-flex: calc(50% - 4em); -webkit-flex: calc(50% - 4em); flex: calc(50% - 4em); }
	.flex-cols.no-margin.grid-2 > .col.spans-1 { -ms-flex: 50%; -webkit-flex: 50%; flex: 50%; }
	.flex-cols.grid-3 > .col.spans-1 { -ms-flex: calc(33.3333% - 4em); -webkit-flex: calc(33.3333% - 4em); flex: calc(33.3333% - 4em); }
	.flex-cols.no-margin.grid-3 > .col.spans-1 { -ms-flex: 33.3333%; -webkit-flex: 33.3333%; flex: 33.3333%; }
	
	.flex-cols.grid-2 > .col.spans-2 { -ms-flex: calc(100% - 4em); -webkit-flex: calc(100% - 4em); flex: calc(100% - 4em); }
	.flex-cols.no-margin.grid-2 > .col.spans-2 { -ms-flex: 100%; -webkit-flex: 100%; flex: 100%; }
	.flex-cols.grid-3 > .col.spans-2 { -ms-flex: calc(66.6667% - 4em); -webkit-flex: calc(66.6667% - 4em); flex: calc(66.6667% - 4em); }
	.flex-cols.no-margin.grid-3 > .col.spans-2 { -ms-flex: 66.6667%; -webkit-flex: 66.6667%; flex: 66.6667%; }
	
	.flex-cols.grid-3 > .col.spans-3 { -ms-flex: calc(100% - 4em); -webkit-flex: calc(100% - 4em); flex: calc(100% - 4em); }
	.flex-cols.no-margin.grid-3 > .col.spans-3 { -ms-flex: 100%; -webkit-flex: 100%; flex: 100%; }
}

@media screen and (max-width:1280px) {
	.flex-cols.md-no-margin > .col { margin: 0; }
	.flex-cols.md-no-margin-x > .col { margin: 2em 0; }
	.flex-cols.md-grid-1 > .col { -ms-flex: calc(100% - 4em); -webkit-flex: calc(100% - 4em); flex: calc(100% - 4em); max-width: calc(100% - 4em); }
	.flex-cols.no-margin.md-grid-1 > .col, .flex-cols.md-no-margin.md-grid-1 > .col, .flex-cols.md-no-margin-x.md-grid-1 > .col { -ms-flex: 100%; -webkit-flex: 100%; flex: 100%; max-width: 100%; }
	.flex-cols.md-grid-2 > .col { -ms-flex: calc(50% - 4em); -webkit-flex: calc(50% - 4em); flex: calc(50% - 4em); max-width: calc(50% - 4em); }
	.flex-cols.no-margin.md-grid-2 > .col, .flex-cols.md-no-margin.md-grid-2 > .col, .flex-cols.md-no-margin-x.md-grid-2 > .col { -ms-flex: 50%; -webkit-flex: 50%; flex: 50%; max-width: 50%; }
	.flex-cols.md-grid-3 > .col { -ms-flex: calc(33.3333% - 4em); -webkit-flex: calc(33.3333% - 4em); flex: calc(33.3333% - 4em); max-width: calc(33.3333% - 4em); }
	.flex-cols.no-margin.md-grid-3 > .col, .flex-cols.md-no-margin.md-grid-3 > .col, .flex-cols.md-no-margin-x.md-grid-3 > .col { -ms-flex: 33.3333%; -webkit-flex: 33.3333%; flex: 33.3333%; max-width: 33.3333%; }
	
	.flex-cols.md-grid-1 > .col.spans-1, .flex-cols.grid-1 > .col.md-spans-1 { -ms-flex: calc(100% - 4em); -webkit-flex: calc(100% - 4em); flex: calc(100% - 4em); }
	.flex-cols.no-margin.md-grid-1 > .col.spans-1, .flex-cols.grid-1 > .col.md-spans-1 { -ms-flex: 100%; -webkit-flex: 100%; flex: 100%; }
	.flex-cols.md-grid-2 > .col.spans-1, .flex-cols.grid-2 > .col.md-spans-1 { -ms-flex: calc(50% - 4em); -webkit-flex: calc(50% - 4em); flex: calc(50% - 4em); }
	.flex-cols.no-margin.md-grid-2 > .col.spans-1, .flex-cols.grid-2 > .col.md-spans-1 { -ms-flex: 50%; -webkit-flex: 50%; flex: 50%; }
	.flex-cols.md-grid-3 > .col.spans-1, .flex-cols.grid-3 > .col.md-spans-1 { -ms-flex: calc(33.3333% - 4em); -webkit-flex: calc(33.3333% - 4em); flex: calc(33.3333% - 4em); }
	.flex-cols.no-margin.md-grid-3 > .col.spans-1, .flex-cols.grid-3 > .col.md-spans-1 { -ms-flex: 33.3333%; -webkit-flex: 33.3333%; flex: 33.3333%; }
	
	.flex-cols.md-grid-2 > .col.spans-2, .flex-cols.grid-2 > .col.md-spans-2 { -ms-flex: calc(100% - 4em); -webkit-flex: calc(100% - 4em); flex: calc(100% - 4em); }
	.flex-cols.no-margin.md-grid-2 > .col.spans-2, .flex-cols.grid-2 > .col.md-spans-2 { -ms-flex: 100%; -webkit-flex: 100%; flex: 100%; }
	.flex-cols.md-grid-3 > .col.spans-2, .flex-cols.grid-3 > .col.md-spans-2 { -ms-flex: calc(66.6667% - 4em); -webkit-flex: calc(66.6667% - 4em); flex: calc(66.6667% - 4em); }
	.flex-cols.no-margin.md-grid-3 > .col.spans-2, .flex-cols.grid-3 > .col.md-spans-2 { -ms-flex: 66.6667%; -webkit-flex: 66.6667%; flex: 66.6667%; }
	
	.flex-cols.md-grid-3 > .col.spans-3, .flex-cols.grid-3 > .col.md-spans-3 { -ms-flex: calc(100% - 4em); -webkit-flex: calc(100% - 4em); flex: calc(100% - 4em); }
	.flex-cols.no-margin.md-grid-3 > .col.spans-3, .flex-cols.grid-3 > .col.md-spans-3 { -ms-flex: 100%; -webkit-flex: 100%; flex: 100%; }
}

@media screen and (max-width:767px) {
	.flex-cols.sm-no-margin > .col { margin: 0; }
	.flex-cols.sm-no-margin-x > .col { margin: 2em 0; }
	.flex-cols.sm-grid-1 > .col { -ms-flex: calc(100% - 4em); -webkit-flex: calc(100% - 4em); flex: calc(100% - 4em); max-width: calc(100% - 4em); }
	.flex-cols.no-margin.sm-grid-1 > .col, .flex-cols.sm-no-margin.sm-grid-1 > .col, .flex-cols.sm-no-margin-x.sm-grid-1 > .col { -ms-flex: 100%; -webkit-flex: 100%; flex: 100%; max-width: 100%; }
	.flex-cols.sm-grid-2 > .col { -ms-flex: calc(50% - 4em); -webkit-flex: calc(50% - 4em); flex: calc(50% - 4em); max-width: calc(50% - 4em); }
	.flex-cols.no-margin.sm-grid-2 > .col, .flex-cols.sm-no-margin.sm-grid-2 > .col, .flex-cols.sm-no-margin-x.sm-grid-2 > .col { -ms-flex: 50%; -webkit-flex: 50%; flex: 50%; max-width: 50%; }
	.flex-cols.sm-grid-3 > .col { -ms-flex: calc(33.3333% - 4em); -webkit-flex: calc(33.3333% - 4em); flex: calc(33.3333% - 4em); max-width: calc(33.3333% - 4em); }
	.flex-cols.no-margin.sm-grid-3 > .col, .flex-cols.sm-no-margin.sm-grid-3 > .col, .flex-cols.sm-no-margin-x.sm-grid-3 > .col { -ms-flex: 33.3333%; -webkit-flex: 33.3333%; flex: 33.3333%; max-width: 33.3333%; }
	
	.flex-cols.sm-grid-1 > .col.spans-1, .flex-cols.grid-1 > .col.sm-spans-1 { -ms-flex: calc(100% - 4em); -webkit-flex: calc(100% - 4em); flex: calc(100% - 4em); }
	.flex-cols.no-margin.sm-grid-1 > .col.spans-1, .flex-cols.grid-1 > .col.sm-spans-1 { -ms-flex: 100%; -webkit-flex: 100%; flex: 100%; }
	.flex-cols.sm-grid-2 > .col.spans-1, .flex-cols.grid-2 > .col.sm-spans-1 { -ms-flex: calc(50% - 4em); -webkit-flex: calc(50% - 4em); flex: calc(50% - 4em); }
	.flex-cols.no-margin.sm-grid-2 > .col.spans-1, .flex-cols.grid-2 > .col.sm-spans-1 { -ms-flex: 50%; -webkit-flex: 50%; flex: 50%; }
	.flex-cols.sm-grid-3 > .col.spans-1, .flex-cols.grid-3 > .col.sm-spans-1 { -ms-flex: calc(33.3333% - 4em); -webkit-flex: calc(33.3333% - 4em); flex: calc(33.3333% - 4em); }
	.flex-cols.no-margin.sm-grid-3 > .col.spans-1, .flex-cols.grid-3 > .col.sm-spans-1 { -ms-flex: 33.3333%; -webkit-flex: 33.3333%; flex: 33.3333%; }
	
	.flex-cols.sm-grid-2 > .col.spans-2, .flex-cols.grid-2 > .col.sm-spans-2 { -ms-flex: calc(100% - 4em); -webkit-flex: calc(100% - 4em); flex: calc(100% - 4em); }
	.flex-cols.no-margin.sm-grid-2 > .col.spans-2, .flex-cols.grid-2 > .col.sm-spans-2 { -ms-flex: 100%; -webkit-flex: 100%; flex: 100%; }
	.flex-cols.sm-grid-3 > .col.spans-2, .flex-cols.grid-3 > .col.sm-spans-2 { -ms-flex: calc(66.6667% - 4em); -webkit-flex: calc(66.6667% - 4em); flex: calc(66.6667% - 4em); }
	.flex-cols.no-margin.sm-grid-3 > .col.spans-2, .flex-cols.grid-3 > .col.sm-spans-2 { -ms-flex: 66.6667%; -webkit-flex: 66.6667%; flex: 66.6667%; }
	
	.flex-cols.sm-grid-3 > .col.spans-3, .flex-cols.grid-3 > .col.sm-spans-3 { -ms-flex: calc(100% - 4em); -webkit-flex: calc(100% - 4em); flex: calc(100% - 4em); }
	.flex-cols.no-margin.sm-grid-3 > .col.spans-3, .flex-cols.grid-3 > .col.sm-spans-3 { -ms-flex: 100%; -webkit-flex: 100%; flex: 100%; }
}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
