@charset "UTF-8";
/* CSS Document */

@supports (grid-area: auto){
	
	/* SM */
	@media only screen and (min-width: 576px){
		.ak-grid figure { margin: 0; padding: 0; }
		.ak-grid {
			overflow: hidden;
			display: grid;
			grid-template-columns: 1px repeat(2, 1fr) 1px;
            grid-auto-rows: minmax(min-content, max-content);
            justify-items: stretch;
            align-items: start;
            grid-auto-flow: row dense;
            gap: 2rem;
            margin: 5rem auto;
		}
        .ak-grid .gridText {align-self: center;}
		}
	/* MD */
	@media only screen and (min-width: 768px){
		.ak-grid {
			grid-template-columns: 1px repeat(6, 1fr) 1px;
			gap: 2.5rem;
		}
	}
	/* LG */
	@media only screen and (min-width: 992px){
		.ak-grid {
			grid-template-columns: repeat(12, 1fr);
			gap: 5rem;
			grid-auto-flow: row;
			overflow: unset;
		}
		.ak-grid figure {overflow: unset;}
		.extenderR, .extenderL {
			display: block !important; height: 100%; position: absolute; top:0; z-index:-1;
		}
		.extenderR {right:0; width:52%; }
		.extenderL {left:0; width:48%; }
	}
	/* XL */
	@media only screen and (min-width: 1200px){
		.ak-grid {gap: 5rem;}
		
	}
	.ak-grid.noGutter {
		column-gap: 0; row-gap: 0; margin: auto;
	}
	/* grid classes */
	@media only screen and (min-width: 576px){
		.st-sm-1 { grid-column-start: 1;}
		.st-sm-2 { grid-column-start: 2;}
		.st-sm-3 { grid-column-start: 3;}
		.span-sm-2 { grid-column-end: span 2;}
		.span-sm-3 { grid-column-end: span 3;}
		.span-sm-4 { grid-column-end: span 4;}
		
	}
	@media only screen and (min-width: 768px){
		.st-md-1 { grid-column-start: 1;}
		.st-md-2 { grid-column-start: 2;}
		.st-md-3 { grid-column-start: 3;}
		.st-md-4 { grid-column-start: 4;}
		.st-md-5 { grid-column-start: 5;}
		.st-md-6 { grid-column-start: 6;}
		.st-md-7 { grid-column-start: 7;}
		.span-md-1 { grid-column-end: span 1;}
		.span-md-2 { grid-column-end: span 2;}
		.span-md-3 { grid-column-end: span 3;}
		.span-md-4 { grid-column-end: span 4;}
		.span-md-5 { grid-column-end: span 5;}
		.span-md-6 { grid-column-end: span 6;}
		.span-md-7 { grid-column-end: span 7;}
		.span-md-8 { grid-column-end: span 8;}
		
	}
	@media only screen and (min-width: 992px){
		.st-lg-1 { grid-column-start: 1;}
		.st-lg-2 { grid-column-start: 2;}
		.st-lg-3 { grid-column-start: 3;}
		.st-lg-4 { grid-column-start: 4;}
		.st-lg-5 { grid-column-start: 5;}
		.st-lg-6 { grid-column-start: 6;}
		.st-lg-7 { grid-column-start: 7;}
		.st-lg-8 { grid-column-start: 8;}
		.st-lg-9 { grid-column-start: 9;}
		.st-lg-10 { grid-column-start: 10;}
		.span-lg-2 { grid-column-end: span 2;}
		.span-lg-3 { grid-column-end: span 3;}
		.span-lg-4 { grid-column-end: span 4;}
		.span-lg-5 { grid-column-end: span 5;}
		.span-lg-6 { grid-column-end: span 6;}
		.span-lg-7 { grid-column-end: span 7;}
		.span-lg-8 { grid-column-end: span 8;}
		.span-lg-9 { grid-column-end: span 9;}
		.span-lg-10 { grid-column-end: span 10;}
		.span-lg-11 { grid-column-end: span 11;}
		.span-lg-12 { grid-column-end: span 12;}
	}
}/*end grid support query*/
