/*
 * ADOBE CONFIDENTIAL
 *
 * Copyright 2015 Adobe Systems Incorporated
 * All Rights Reserved.
 *
 * NOTICE:  All information contained herein is, and remains
 * the property of Adobe Systems Incorporated and its suppliers,
 * if any.  The intellectual and technical concepts contained
 * herein are proprietary to Adobe Systems Incorporated and its
 * suppliers and may be covered by U.S. and Foreign Patents,
 * patents in process, and are protected by trade secret or copyright law.
 * Dissemination of this information or reproduction of this material
 * is strictly forbidden unless prior written permission is obtained
 * from Adobe Systems Incorporated.
 */
/* grid component */
.aem-Grid {
  display: block;
  width: 100%;
}
.aem-Grid::before,
.aem-Grid::after {
  display: table;
  content: " ";
}
.aem-Grid::after {
  clear: both;
}
/* placeholder for new components */
.aem-Grid-newComponent {
  clear: both;
  margin: 0;
}
/* column of a grid */
.aem-GridColumn {
  box-sizing: border-box;
  clear: both;
}
/* force showing hidden */
.aem-GridShowHidden > .aem-Grid > .aem-GridColumn {
  display: block !important;
}
/* Generates all the rules for the grid columns up to the given amount of column */
/* Generates all the rules for the grid column offset up to the given amount of column */
/* Generates all the rules for the grid and columns for the given break point and total of columns */
/* Generates all the rules for the grids and columns */
/* API function to be called to generate a grid config */
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 14.28571429%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 28.57142857%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 42.85714286%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 57.14285714%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 71.42857143%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 85.71428571%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 14.28571429%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 28.57142857%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 42.85714286%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 57.14285714%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 71.42857143%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 85.71428571%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 12.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 37.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 62.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 87.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 12.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 37.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 62.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 87.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 11.11111111%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 22.22222222%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 44.44444444%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 55.55555556%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 77.77777778%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 88.88888889%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 11.11111111%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 22.22222222%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 44.44444444%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 55.55555556%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 77.77777778%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 88.88888889%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 11.11111111%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 22.22222222%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 44.44444444%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 55.55555556%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 77.77777778%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 88.88888889%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 11.11111111%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 22.22222222%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 44.44444444%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 55.55555556%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 77.77777778%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 88.88888889%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 10%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 30%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 70%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 90%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 10%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 30%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 70%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 90%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 10%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 30%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 70%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 90%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 10%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 30%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 70%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 90%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 9.09090909%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 18.18181818%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 27.27272727%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 36.36363636%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 45.45454545%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 54.54545455%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 63.63636364%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 72.72727273%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 81.81818182%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 90.90909091%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 9.09090909%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 18.18181818%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 27.27272727%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 36.36363636%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 45.45454545%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 54.54545455%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 63.63636364%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 72.72727273%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 81.81818182%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 90.90909091%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 9.09090909%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 18.18181818%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 27.27272727%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 36.36363636%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 45.45454545%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 54.54545455%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 63.63636364%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 72.72727273%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 81.81818182%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 90.90909091%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 9.09090909%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 18.18181818%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 27.27272727%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 36.36363636%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 45.45454545%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 54.54545455%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 63.63636364%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 72.72727273%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 81.81818182%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 90.90909091%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 8.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 41.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 58.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 91.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 8.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 41.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 58.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 91.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 8.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 41.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 58.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 91.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 8.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 41.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 58.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 91.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 100%;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--newline {
  /* newline behavior */
  display: block;
  clear: both !important;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--none {
  /* none behavior */
  display: block;
  clear: none !important;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--hide {
  /* hide behavior */
  display: none;
}
@media (max-width: 767px) {
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 100%;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--newline {
    /* newline behavior */
    display: block;
    clear: both !important;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--none {
    /* none behavior */
    display: block;
    clear: none !important;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--hide {
    /* hide behavior */
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 100%;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--newline {
    /* newline behavior */
    display: block;
    clear: both !important;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--none {
    /* none behavior */
    display: block;
    clear: none !important;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--hide {
    /* hide behavior */
    display: none;
  }
}
@media (min-width: 1024px) and (max-width: 1440px) {
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--desktop--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--desktop--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--desktop--1 > .aem-GridColumn.aem-GridColumn--desktop--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--desktop--1 > .aem-GridColumn.aem-GridColumn--offset--desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--desktop--1 > .aem-GridColumn.aem-GridColumn--offset--desktop--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--desktop--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--desktop--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--desktop--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--desktop--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--desktop--2 > .aem-GridColumn.aem-GridColumn--desktop--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--desktop--2 > .aem-GridColumn.aem-GridColumn--desktop--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--desktop--2 > .aem-GridColumn.aem-GridColumn--offset--desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--desktop--2 > .aem-GridColumn.aem-GridColumn--offset--desktop--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--desktop--2 > .aem-GridColumn.aem-GridColumn--offset--desktop--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--desktop--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--desktop--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--desktop--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--desktop--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--desktop--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--desktop--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--desktop--3 > .aem-GridColumn.aem-GridColumn--desktop--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--desktop--3 > .aem-GridColumn.aem-GridColumn--desktop--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--desktop--3 > .aem-GridColumn.aem-GridColumn--desktop--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--desktop--3 > .aem-GridColumn.aem-GridColumn--offset--desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--desktop--3 > .aem-GridColumn.aem-GridColumn--offset--desktop--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--desktop--3 > .aem-GridColumn.aem-GridColumn--offset--desktop--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--desktop--3 > .aem-GridColumn.aem-GridColumn--offset--desktop--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--desktop--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--desktop--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--desktop--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--desktop--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--desktop--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--desktop--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--desktop--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--desktop--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--desktop--4 > .aem-GridColumn.aem-GridColumn--desktop--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--desktop--4 > .aem-GridColumn.aem-GridColumn--desktop--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--desktop--4 > .aem-GridColumn.aem-GridColumn--desktop--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--desktop--4 > .aem-GridColumn.aem-GridColumn--desktop--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--desktop--4 > .aem-GridColumn.aem-GridColumn--offset--desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--desktop--4 > .aem-GridColumn.aem-GridColumn--offset--desktop--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--desktop--4 > .aem-GridColumn.aem-GridColumn--offset--desktop--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--desktop--4 > .aem-GridColumn.aem-GridColumn--offset--desktop--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--desktop--4 > .aem-GridColumn.aem-GridColumn--offset--desktop--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--desktop--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--desktop--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--desktop--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--desktop--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--desktop--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--desktop--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--desktop--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--desktop--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--desktop--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--desktop--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--desktop--5 > .aem-GridColumn.aem-GridColumn--desktop--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--desktop--5 > .aem-GridColumn.aem-GridColumn--desktop--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--desktop--5 > .aem-GridColumn.aem-GridColumn--desktop--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--desktop--5 > .aem-GridColumn.aem-GridColumn--desktop--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--desktop--5 > .aem-GridColumn.aem-GridColumn--desktop--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--desktop--5 > .aem-GridColumn.aem-GridColumn--offset--desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--desktop--5 > .aem-GridColumn.aem-GridColumn--offset--desktop--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--desktop--5 > .aem-GridColumn.aem-GridColumn--offset--desktop--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--desktop--5 > .aem-GridColumn.aem-GridColumn--offset--desktop--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--desktop--5 > .aem-GridColumn.aem-GridColumn--offset--desktop--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--desktop--5 > .aem-GridColumn.aem-GridColumn--offset--desktop--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--desktop--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--desktop--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--desktop--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--desktop--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--desktop--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--desktop--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--desktop--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--desktop--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--desktop--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--desktop--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--desktop--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--desktop--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--desktop--6 > .aem-GridColumn.aem-GridColumn--desktop--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--desktop--6 > .aem-GridColumn.aem-GridColumn--desktop--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--desktop--6 > .aem-GridColumn.aem-GridColumn--desktop--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--desktop--6 > .aem-GridColumn.aem-GridColumn--desktop--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--desktop--6 > .aem-GridColumn.aem-GridColumn--desktop--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--desktop--6 > .aem-GridColumn.aem-GridColumn--desktop--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--desktop--6 > .aem-GridColumn.aem-GridColumn--offset--desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--desktop--6 > .aem-GridColumn.aem-GridColumn--offset--desktop--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--desktop--6 > .aem-GridColumn.aem-GridColumn--offset--desktop--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--desktop--6 > .aem-GridColumn.aem-GridColumn--offset--desktop--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--desktop--6 > .aem-GridColumn.aem-GridColumn--offset--desktop--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--desktop--6 > .aem-GridColumn.aem-GridColumn--offset--desktop--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--desktop--6 > .aem-GridColumn.aem-GridColumn--offset--desktop--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--desktop--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--desktop--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--desktop--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--desktop--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--desktop--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--desktop--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--desktop--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--desktop--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--desktop--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--desktop--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--desktop--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--desktop--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--desktop--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--desktop--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--desktop--7 > .aem-GridColumn.aem-GridColumn--desktop--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--desktop--7 > .aem-GridColumn.aem-GridColumn--desktop--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--desktop--7 > .aem-GridColumn.aem-GridColumn--desktop--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--desktop--7 > .aem-GridColumn.aem-GridColumn--desktop--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--desktop--7 > .aem-GridColumn.aem-GridColumn--desktop--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--desktop--7 > .aem-GridColumn.aem-GridColumn--desktop--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--desktop--7 > .aem-GridColumn.aem-GridColumn--desktop--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--desktop--7 > .aem-GridColumn.aem-GridColumn--offset--desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--desktop--7 > .aem-GridColumn.aem-GridColumn--offset--desktop--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--desktop--7 > .aem-GridColumn.aem-GridColumn--offset--desktop--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--desktop--7 > .aem-GridColumn.aem-GridColumn--offset--desktop--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--desktop--7 > .aem-GridColumn.aem-GridColumn--offset--desktop--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--desktop--7 > .aem-GridColumn.aem-GridColumn--offset--desktop--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--desktop--7 > .aem-GridColumn.aem-GridColumn--offset--desktop--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--desktop--7 > .aem-GridColumn.aem-GridColumn--offset--desktop--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--desktop--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--desktop--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--desktop--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--desktop--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--desktop--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--desktop--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--desktop--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--desktop--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--desktop--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--desktop--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--desktop--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--desktop--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--desktop--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--desktop--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--desktop--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--desktop--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--desktop--8 > .aem-GridColumn.aem-GridColumn--desktop--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--desktop--8 > .aem-GridColumn.aem-GridColumn--desktop--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--desktop--8 > .aem-GridColumn.aem-GridColumn--desktop--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--desktop--8 > .aem-GridColumn.aem-GridColumn--desktop--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--desktop--8 > .aem-GridColumn.aem-GridColumn--desktop--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--desktop--8 > .aem-GridColumn.aem-GridColumn--desktop--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--desktop--8 > .aem-GridColumn.aem-GridColumn--desktop--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--desktop--8 > .aem-GridColumn.aem-GridColumn--desktop--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--desktop--8 > .aem-GridColumn.aem-GridColumn--offset--desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--desktop--8 > .aem-GridColumn.aem-GridColumn--offset--desktop--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--desktop--8 > .aem-GridColumn.aem-GridColumn--offset--desktop--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--desktop--8 > .aem-GridColumn.aem-GridColumn--offset--desktop--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--desktop--8 > .aem-GridColumn.aem-GridColumn--offset--desktop--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--desktop--8 > .aem-GridColumn.aem-GridColumn--offset--desktop--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--desktop--8 > .aem-GridColumn.aem-GridColumn--offset--desktop--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--desktop--8 > .aem-GridColumn.aem-GridColumn--offset--desktop--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--desktop--8 > .aem-GridColumn.aem-GridColumn--offset--desktop--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--desktop--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--desktop--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--desktop--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--desktop--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--desktop--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--desktop--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--desktop--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--desktop--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--desktop--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--desktop--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--desktop--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--desktop--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--desktop--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--desktop--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--desktop--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--desktop--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--desktop--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--desktop--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--desktop--9 > .aem-GridColumn.aem-GridColumn--desktop--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--desktop--9 > .aem-GridColumn.aem-GridColumn--desktop--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--desktop--9 > .aem-GridColumn.aem-GridColumn--desktop--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--desktop--9 > .aem-GridColumn.aem-GridColumn--desktop--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--desktop--9 > .aem-GridColumn.aem-GridColumn--desktop--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--desktop--9 > .aem-GridColumn.aem-GridColumn--desktop--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--desktop--9 > .aem-GridColumn.aem-GridColumn--desktop--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--desktop--9 > .aem-GridColumn.aem-GridColumn--desktop--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--desktop--9 > .aem-GridColumn.aem-GridColumn--desktop--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--desktop--9 > .aem-GridColumn.aem-GridColumn--offset--desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--desktop--9 > .aem-GridColumn.aem-GridColumn--offset--desktop--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--desktop--9 > .aem-GridColumn.aem-GridColumn--offset--desktop--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--desktop--9 > .aem-GridColumn.aem-GridColumn--offset--desktop--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--desktop--9 > .aem-GridColumn.aem-GridColumn--offset--desktop--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--desktop--9 > .aem-GridColumn.aem-GridColumn--offset--desktop--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--desktop--9 > .aem-GridColumn.aem-GridColumn--offset--desktop--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--desktop--9 > .aem-GridColumn.aem-GridColumn--offset--desktop--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--desktop--9 > .aem-GridColumn.aem-GridColumn--offset--desktop--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--desktop--9 > .aem-GridColumn.aem-GridColumn--offset--desktop--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--desktop--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--desktop--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--desktop--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--desktop--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--desktop--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--desktop--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--desktop--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--desktop--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--desktop--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--desktop--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--desktop--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--desktop--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--desktop--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--desktop--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--desktop--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--desktop--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--desktop--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--desktop--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--desktop--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--desktop--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--desktop--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--desktop--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--desktop--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--desktop--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--desktop--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--desktop--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--desktop--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--desktop--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--desktop--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--desktop--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--offset--desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--offset--desktop--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--offset--desktop--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--offset--desktop--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--offset--desktop--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--offset--desktop--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--offset--desktop--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--offset--desktop--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--offset--desktop--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--offset--desktop--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--desktop--10 > .aem-GridColumn.aem-GridColumn--offset--desktop--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--desktop--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--desktop--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--desktop--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--desktop--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--desktop--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--desktop--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--desktop--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--desktop--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--desktop--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--desktop--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--desktop--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--desktop--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--desktop--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--desktop--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--desktop--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--desktop--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--desktop--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--desktop--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--desktop--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--desktop--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--desktop--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--desktop--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--desktop--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--desktop--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--desktop--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--desktop--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--desktop--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--desktop--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--desktop--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--desktop--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--desktop--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--desktop--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--desktop--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--offset--desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--offset--desktop--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--offset--desktop--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--offset--desktop--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--offset--desktop--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--offset--desktop--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--offset--desktop--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--offset--desktop--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--offset--desktop--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--offset--desktop--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--offset--desktop--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--desktop--11 > .aem-GridColumn.aem-GridColumn--offset--desktop--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--desktop--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--desktop--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--desktop--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--desktop--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--desktop--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--desktop--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--desktop--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--desktop--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--desktop--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--desktop--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--desktop--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--desktop--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--desktop--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--desktop--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--desktop--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--desktop--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--desktop--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--desktop--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--desktop--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--desktop--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--desktop--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--desktop--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--desktop--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--desktop--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--desktop--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--desktop--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--desktop--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--desktop--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--desktop--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--desktop--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--desktop--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--desktop--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--desktop--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--desktop--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--desktop--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--desktop--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--offset--desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--offset--desktop--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--offset--desktop--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--offset--desktop--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--offset--desktop--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--offset--desktop--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--offset--desktop--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--offset--desktop--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--offset--desktop--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--offset--desktop--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--offset--desktop--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--offset--desktop--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--desktop--12 > .aem-GridColumn.aem-GridColumn--offset--desktop--12 {
    margin-left: 100%;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--desktop--newline {
    /* newline behavior */
    display: block;
    clear: both !important;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--desktop--none {
    /* none behavior */
    display: block;
    clear: none !important;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--desktop--hide {
    /* hide behavior */
    display: none;
  }
}
@media (min-width: 1441px) and (max-width: 16384px) {
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--lg-desktop--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--lg-desktop--1 > .aem-GridColumn.aem-GridColumn--lg-desktop--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--lg-desktop--1 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--lg-desktop--1 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--lg-desktop--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--lg-desktop--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--lg-desktop--2 > .aem-GridColumn.aem-GridColumn--lg-desktop--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--lg-desktop--2 > .aem-GridColumn.aem-GridColumn--lg-desktop--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--lg-desktop--2 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--lg-desktop--2 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--lg-desktop--2 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--lg-desktop--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--lg-desktop--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--lg-desktop--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--lg-desktop--3 > .aem-GridColumn.aem-GridColumn--lg-desktop--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--lg-desktop--3 > .aem-GridColumn.aem-GridColumn--lg-desktop--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--lg-desktop--3 > .aem-GridColumn.aem-GridColumn--lg-desktop--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--lg-desktop--3 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--lg-desktop--3 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--lg-desktop--3 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--lg-desktop--3 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--lg-desktop--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--lg-desktop--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--lg-desktop--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--lg-desktop--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--lg-desktop--4 > .aem-GridColumn.aem-GridColumn--lg-desktop--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--lg-desktop--4 > .aem-GridColumn.aem-GridColumn--lg-desktop--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--lg-desktop--4 > .aem-GridColumn.aem-GridColumn--lg-desktop--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--lg-desktop--4 > .aem-GridColumn.aem-GridColumn--lg-desktop--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--lg-desktop--4 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--lg-desktop--4 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--lg-desktop--4 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--lg-desktop--4 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--lg-desktop--4 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--lg-desktop--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--lg-desktop--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--lg-desktop--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--lg-desktop--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--lg-desktop--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--lg-desktop--5 > .aem-GridColumn.aem-GridColumn--lg-desktop--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--lg-desktop--5 > .aem-GridColumn.aem-GridColumn--lg-desktop--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--lg-desktop--5 > .aem-GridColumn.aem-GridColumn--lg-desktop--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--lg-desktop--5 > .aem-GridColumn.aem-GridColumn--lg-desktop--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--lg-desktop--5 > .aem-GridColumn.aem-GridColumn--lg-desktop--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--lg-desktop--5 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--lg-desktop--5 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--lg-desktop--5 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--lg-desktop--5 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--lg-desktop--5 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--lg-desktop--5 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--lg-desktop--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--lg-desktop--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--lg-desktop--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--lg-desktop--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--lg-desktop--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--lg-desktop--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--lg-desktop--6 > .aem-GridColumn.aem-GridColumn--lg-desktop--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--lg-desktop--6 > .aem-GridColumn.aem-GridColumn--lg-desktop--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--lg-desktop--6 > .aem-GridColumn.aem-GridColumn--lg-desktop--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--lg-desktop--6 > .aem-GridColumn.aem-GridColumn--lg-desktop--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--lg-desktop--6 > .aem-GridColumn.aem-GridColumn--lg-desktop--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--lg-desktop--6 > .aem-GridColumn.aem-GridColumn--lg-desktop--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--lg-desktop--6 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--lg-desktop--6 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--lg-desktop--6 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--lg-desktop--6 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--lg-desktop--6 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--lg-desktop--6 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--lg-desktop--6 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--lg-desktop--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--lg-desktop--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--lg-desktop--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--lg-desktop--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--lg-desktop--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--lg-desktop--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--lg-desktop--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--lg-desktop--7 > .aem-GridColumn.aem-GridColumn--lg-desktop--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--lg-desktop--7 > .aem-GridColumn.aem-GridColumn--lg-desktop--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--lg-desktop--7 > .aem-GridColumn.aem-GridColumn--lg-desktop--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--lg-desktop--7 > .aem-GridColumn.aem-GridColumn--lg-desktop--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--lg-desktop--7 > .aem-GridColumn.aem-GridColumn--lg-desktop--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--lg-desktop--7 > .aem-GridColumn.aem-GridColumn--lg-desktop--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--lg-desktop--7 > .aem-GridColumn.aem-GridColumn--lg-desktop--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--lg-desktop--7 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--lg-desktop--7 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--lg-desktop--7 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--lg-desktop--7 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--lg-desktop--7 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--lg-desktop--7 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--lg-desktop--7 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--lg-desktop--7 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg-desktop--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg-desktop--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg-desktop--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg-desktop--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg-desktop--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg-desktop--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg-desktop--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg-desktop--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--lg-desktop--8 > .aem-GridColumn.aem-GridColumn--lg-desktop--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--lg-desktop--8 > .aem-GridColumn.aem-GridColumn--lg-desktop--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--lg-desktop--8 > .aem-GridColumn.aem-GridColumn--lg-desktop--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--lg-desktop--8 > .aem-GridColumn.aem-GridColumn--lg-desktop--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--lg-desktop--8 > .aem-GridColumn.aem-GridColumn--lg-desktop--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--lg-desktop--8 > .aem-GridColumn.aem-GridColumn--lg-desktop--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--lg-desktop--8 > .aem-GridColumn.aem-GridColumn--lg-desktop--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--lg-desktop--8 > .aem-GridColumn.aem-GridColumn--lg-desktop--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--lg-desktop--8 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--lg-desktop--8 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--lg-desktop--8 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--lg-desktop--8 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--lg-desktop--8 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--lg-desktop--8 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--lg-desktop--8 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--lg-desktop--8 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--lg-desktop--8 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg-desktop--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg-desktop--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg-desktop--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg-desktop--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg-desktop--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg-desktop--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg-desktop--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg-desktop--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg-desktop--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--lg-desktop--9 > .aem-GridColumn.aem-GridColumn--lg-desktop--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--lg-desktop--9 > .aem-GridColumn.aem-GridColumn--lg-desktop--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--lg-desktop--9 > .aem-GridColumn.aem-GridColumn--lg-desktop--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--lg-desktop--9 > .aem-GridColumn.aem-GridColumn--lg-desktop--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--lg-desktop--9 > .aem-GridColumn.aem-GridColumn--lg-desktop--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--lg-desktop--9 > .aem-GridColumn.aem-GridColumn--lg-desktop--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--lg-desktop--9 > .aem-GridColumn.aem-GridColumn--lg-desktop--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--lg-desktop--9 > .aem-GridColumn.aem-GridColumn--lg-desktop--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--lg-desktop--9 > .aem-GridColumn.aem-GridColumn--lg-desktop--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--lg-desktop--9 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--lg-desktop--9 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--lg-desktop--9 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--lg-desktop--9 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--lg-desktop--9 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--lg-desktop--9 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--lg-desktop--9 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--lg-desktop--9 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--lg-desktop--9 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--lg-desktop--9 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg-desktop--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg-desktop--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg-desktop--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg-desktop--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg-desktop--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg-desktop--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg-desktop--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg-desktop--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg-desktop--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg-desktop--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--lg-desktop--10 > .aem-GridColumn.aem-GridColumn--lg-desktop--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--lg-desktop--10 > .aem-GridColumn.aem-GridColumn--lg-desktop--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--lg-desktop--10 > .aem-GridColumn.aem-GridColumn--lg-desktop--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--lg-desktop--10 > .aem-GridColumn.aem-GridColumn--lg-desktop--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--lg-desktop--10 > .aem-GridColumn.aem-GridColumn--lg-desktop--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--lg-desktop--10 > .aem-GridColumn.aem-GridColumn--lg-desktop--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--lg-desktop--10 > .aem-GridColumn.aem-GridColumn--lg-desktop--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--lg-desktop--10 > .aem-GridColumn.aem-GridColumn--lg-desktop--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--lg-desktop--10 > .aem-GridColumn.aem-GridColumn--lg-desktop--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--lg-desktop--10 > .aem-GridColumn.aem-GridColumn--lg-desktop--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--lg-desktop--10 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--lg-desktop--10 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--lg-desktop--10 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--lg-desktop--10 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--lg-desktop--10 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--lg-desktop--10 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--lg-desktop--10 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--lg-desktop--10 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--lg-desktop--10 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--lg-desktop--10 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--lg-desktop--10 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg-desktop--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg-desktop--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg-desktop--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg-desktop--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg-desktop--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg-desktop--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg-desktop--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg-desktop--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg-desktop--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg-desktop--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg-desktop--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--lg-desktop--11 > .aem-GridColumn.aem-GridColumn--lg-desktop--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--lg-desktop--11 > .aem-GridColumn.aem-GridColumn--lg-desktop--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--lg-desktop--11 > .aem-GridColumn.aem-GridColumn--lg-desktop--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--lg-desktop--11 > .aem-GridColumn.aem-GridColumn--lg-desktop--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--lg-desktop--11 > .aem-GridColumn.aem-GridColumn--lg-desktop--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--lg-desktop--11 > .aem-GridColumn.aem-GridColumn--lg-desktop--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--lg-desktop--11 > .aem-GridColumn.aem-GridColumn--lg-desktop--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--lg-desktop--11 > .aem-GridColumn.aem-GridColumn--lg-desktop--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--lg-desktop--11 > .aem-GridColumn.aem-GridColumn--lg-desktop--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--lg-desktop--11 > .aem-GridColumn.aem-GridColumn--lg-desktop--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--lg-desktop--11 > .aem-GridColumn.aem-GridColumn--lg-desktop--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--lg-desktop--11 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--lg-desktop--11 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--lg-desktop--11 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--lg-desktop--11 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--lg-desktop--11 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--lg-desktop--11 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--lg-desktop--11 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--lg-desktop--11 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--lg-desktop--11 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--lg-desktop--11 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--lg-desktop--11 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--lg-desktop--11 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg-desktop--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg-desktop--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg-desktop--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg-desktop--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg-desktop--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg-desktop--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg-desktop--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg-desktop--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg-desktop--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg-desktop--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg-desktop--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg-desktop--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--lg-desktop--12 > .aem-GridColumn.aem-GridColumn--lg-desktop--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--lg-desktop--12 > .aem-GridColumn.aem-GridColumn--lg-desktop--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--lg-desktop--12 > .aem-GridColumn.aem-GridColumn--lg-desktop--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--lg-desktop--12 > .aem-GridColumn.aem-GridColumn--lg-desktop--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--lg-desktop--12 > .aem-GridColumn.aem-GridColumn--lg-desktop--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--lg-desktop--12 > .aem-GridColumn.aem-GridColumn--lg-desktop--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--lg-desktop--12 > .aem-GridColumn.aem-GridColumn--lg-desktop--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--lg-desktop--12 > .aem-GridColumn.aem-GridColumn--lg-desktop--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--lg-desktop--12 > .aem-GridColumn.aem-GridColumn--lg-desktop--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--lg-desktop--12 > .aem-GridColumn.aem-GridColumn--lg-desktop--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--lg-desktop--12 > .aem-GridColumn.aem-GridColumn--lg-desktop--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--lg-desktop--12 > .aem-GridColumn.aem-GridColumn--lg-desktop--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--lg-desktop--12 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--lg-desktop--12 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--lg-desktop--12 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--lg-desktop--12 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--lg-desktop--12 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--lg-desktop--12 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--lg-desktop--12 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--lg-desktop--12 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--lg-desktop--12 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--lg-desktop--12 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--lg-desktop--12 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--lg-desktop--12 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--lg-desktop--12 > .aem-GridColumn.aem-GridColumn--offset--lg-desktop--12 {
    margin-left: 100%;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--lg-desktop--newline {
    /* newline behavior */
    display: block;
    clear: both !important;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--lg-desktop--none {
    /* none behavior */
    display: block;
    clear: none !important;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--lg-desktop--hide {
    /* hide behavior */
    display: none;
  }
}

html {
	font-family: "AtlasGrotesk-Regular", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 400;
	color: #414a51;
	font-size:62.5%;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
input, textarea, select {
	-webkit-appearance: none;
}

body {
	line-height: 1.2;
}

h1, h2, h3, h4 {
	font-weight: normal;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

ol,
ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	quotes: '&#8220' '&#8221';
}

a,
a:visited {
	color: inherit;
	text-decoration: none;
}

button {
	background: transparent;
	border: 0;
}

figure {
	margin: 0;
}

@font-face {
	font-family: 'AtlasGrotesk-Regular';
	src: url('bundle/fonts/AtlasGrotesk-Regular-Web.eot');
	src: url('bundle/fonts/AtlasGrotesk-Regular.otf') format('truetype'),
	     url('bundle/fonts/AtlasGrotesk-Regular-Web.woff') format('woff'),
	     url('bundle/fonts/AtlasGrotesk-Regular-Web.eot?#iefix') format('embedded-opentype'),
	     url('bundle/fonts/AtlasGrotesk-Regular.svg#AtlasGrotesk-Regular') format('svg');
	font-style: normal;
	font-weight: 400;
	text-rendering:optimizeLegibility
}


@font-face {
  font-family: 'AtlasGrotesk-Medium';
  src: url('bundle/fonts/AtlasGrotesk-Web.eot');
  src: url('bundle/fonts/AtlasGrotesk-Medium.otf') format('truetype'),
       url('bundle/fonts/AtlasGrotesk-Medium-Web.woff') format('woff'),
       url('bundle/fonts/AtlasGrotesk-Medium-Web.eot?#iefix') format('embedded-opentype'),
       url('bundle/fonts/AtlasGrotesk-Medium.svg#AtlasGrotesk-Medium') format('svg');
  font-style: normal;
  font-weight: 400;
  text-rendering:optimizeLegibility
}

@font-face {
	font-family: 'AtlasGrotesk-RegularItalic';
	src: url('bundle/fonts/AtlasGrotesk-RegularItalic-Web.eot');
	src: url('bundle/fonts/AtlasGrotesk-RegularItalic.otf') format('truetype'),
	url('bundle/fonts/AtlasGrotesk-RegularItalic-Web.woff') format('woff'),
	url('bundle/fonts/AtlasGrotesk-RegularItalic.eot?#iefix') format('embedded-opentype'),
	url('bundle/fonts/AtlasGrotesk-RegularItalic.svg#AtlasGrotesk-RegularItalic') format('svg');
	font-style: normal;
	font-weight: 400;
	text-rendering:optimizeLegibility
}


@font-face {
	font-family: 'Portrait-Regular';
	src: url('bundle/fonts/Portrait Q Web-Regular.eot');
	src: url('bundle/fonts/Portrait Q Web-Regular.woff2') format('woff2'),
	     url('bundle/fonts/Portrait Q Web-Regular.woff') format('woff'),
	     url('bundle/fonts/Portrait Q Web-Regular.eot?#iefix') format('embedded-opentype'),
	     url('bundle/fonts/Portrait Q Web-Regular.svg#Portrait-Regular') format('svg');
	font-style: normal;
	font-weight: 400;
	text-rendering:optimizeLegibility
}



@font-face {
	font-family: 'Portrait-Light';
  src: url("bundle/fonts/Portrait Q Web-Light.eot");
  src: url("bundle/fonts/Portrait Q Web-Light.eot?#iefix") format("embedded-opentype"),
  url("bundle/fonts/Portrait Q Web-Light.woff2") format("woff2"),
  url("bundle/fonts/Portrait Q Web-Light.woff") format("woff");
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  text-rendering:optimizeLegibility
}

@font-face {
	font-family: "Portrait Q Web";
	src: url("bundle/fonts/Portrait Q Web-Light.eot");
	src: url("bundle/fonts/Portrait Q Web-Light.eot?#iefix") format("embedded-opentype"),
	url("bundle/fonts/Portrait Q Web-Light.woff2") format("woff2"),
	url("bundle/fonts/Portrait Q Web-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	text-rendering:optimizeLegibility;
}
@font-face {
	font-family: "Portrait Q Web";
	src: url("bundle/fonts/Portrait Q Web-Medium.eot");
	src: url("bundle/fonts/Portrait Q Web-Medium.eot?#iefix") format("embedded-opentype"),
	url("bundle/fonts/Portrait Q Web-Medium.woff2") format("woff2"),
	url("bundle/fonts/Portrait Q Web-Medium.woff") format("woff");
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	text-rendering:optimizeLegibility;
}
@font-face {
	font-family: "Portrait Q Web";
	src: url("bundle/fonts/Portrait Q Web-Regular.eot");
	src: url("bundle/fonts/Portrait Q Web-Regular.eot?#iefix") format("embedded-opentype"),
	url("bundle/fonts/Portrait Q Web-Regular.woff2") format("woff2"),
	url("bundle/fonts/Portrait Q Web-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	text-rendering:optimizeLegibility;
}

@font-face {
	font-family: 'icomoon';
	src:  url('bundle/fonts/icomoon.eot');
	src:  url('bundle/fonts/icomoon.eot#iefix') format('embedded-opentype'),
	url('bundle/fonts/icomoon.woff2') format('woff2'),
	url('bundle/fonts/icomoon.ttf') format('truetype'),
	url('bundle/fonts/icomoon.woff') format('woff'),
	url('bundle/fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	text-rendering:optimizeLegibility;
}@font-face {
    font-family: 'quinnipiac';
    src:
      url('bundle/fonts/quinnipiac.ttf?pwx0lg') format('truetype'),
      url('bundle/fonts/quinnipiac.woff?pwx0lg') format('woff'),
      url('bundle/fonts/quinnipiac.svg?pwx0lg#quinnipiac') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'quinnipiac', Arial !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'icomoon';
    src:  url('bundle/fonts/icomoon.eot');
    src:  url('bundle/fonts/icomoon.eot#iefix') format('embedded-opentype'),
    url('bundle/fonts/icomoon.woff2') format('woff2'),
    url('bundle/fonts/icomoon.ttf') format('truetype'),
    url('bundle/fonts/icomoon.woff') format('woff'),
    url('bundle/fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="text-list-icon-"], [class*=" text-list-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon', Arial !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.icon-mail:before {
    content: "\e903";
}
.icon-search:before {
    content: "\e905";
}
.icon-arrow-right:before {
    content: "\e907";
}
.icon-upload:before {
    content: "\e909";
}
.icon-edit:before {
    content: "\e90c";
}
.icon-info:before {
    content: "\e913";
}
.icon-close:before {
    content: "\e919";
}
.icon-check:before {
    content: "\e91a";
}
.text-list-icon-discover:before {
    content: "\e911";
}
.text-list-icon-explore:before {
    content: "\e912";
}
.text-list-icon-work:before {
    content: "\e910";
}
.text-list-icon-live:before {
    content: "\e90d";
}
.text-list-icon-learn:before {
    content: "\e90e";
}
.text-list-icon-play:before {
    content: "\e90f";
}
.text-list-icon-play:before {
    content: "\e91b";
}
.icon-replay:before {
    content: "\e91c";
}
.icon-attachment:before {
    content: "\e91d";
}
.icon-map:before {
    content: "\e921";
}
.icon-school:before {
    content: "\e927";
}
.icon-phone:before {
    content: "\e928";
}
.icon-linked-in:before {
    content: "\e931";
}
.icon-arrow-up:before {
    content: "\e5ce";
}
.icon-arrow-down:before {
    content: "\e5cf";
}
.icon-carret:before {
    content: "\e932";
}
.icon-q:before {
    content: "\e933";
}
.icon-arrow:before {
    content: "\e935";
}
.icon-schools-arrow:before {
    content: "\e936";
}
.icon-arrow-bold:before {
    content: "\e937";
}
.icon-burger-arrow:before {
    content: "\e938";
}
.icon-facebook:before {
    content: "\e939";
}
.icon-instagram:before {
    content: "\e93a";
}
.icon-youtube:before {
    content: "\e93b";
}
.icon-linkedin:before {
    content: "\f08c";
}
.icon-twitter:before {
    content: "\f099";
}
.icon-envelope:before {
    content: "\f0e0";
}
.icon-quinn-q:before {
    content: "\e900";
}p, pre {
	padding-top: 15px;
	padding-bottom: 15px;
	line-height:26px;
	font-size:1.7rem;
}

/* Default Link Styling */
.text a:not(.cta), .text a:not(.cta):visited, .text-copy a:not(.cta), .text-copy a:not(.cta):visited {
	color: #357abf;
}

.text a:not(.cta):hover, .text-copy a:not(.cta):hover {
	text-decoration: none;
	color: #003f64;
}

.text a:not(.cta):focus, .text-copy a:not(.cta):focus {
	text-decoration: none;
	color: #003f64;
}

.text a:not(.cta):active, .text-copy a:not(.cta):active {
	text-decoration: none;
	color: #00263e;
}

/* Default list bullets */

.text ul, .text ol, .text-copy ul, .text-copy ol {
	list-style-type: initial;
}

/* per BG section link styles */
.qu-section[class*="blue"] .text a, .qu-section[class*="navy"] .text a, .qu-section[class*="darkgray"] .text a, .qu-section[class*="blue"] .text a:visited, .qu-section[class*="navy"] .text a:visited, .qu-section[class*="darkgray"] .text a:visited, .qu-section[class*="blue"] .text-copy a, .qu-section[class*="navy"] .text-copy a, .qu-section[class*="darkgray"] .text-copy a, .qu-section[class*="blue"] .text-copy a:visited, .qu-section[class*="navy"] .text-copy a:visited, .qu-section[class*="darkgray"] .text-copy a:visited {
	color: #fff;
}
.qu-section[class*="blue"] .text a:hover, .qu-section[class*="navy"] .text a:hover, .qu-section[class*="darkgray"] .text a:hover, .qu-section[class*="blue"] .text-copy a:hover, .qu-section[class*="navy"] .text-copy a:hover, .qu-section[class*="darkgray"] .text-copy a:hover {
	text-decoration: none;
	color: #c8c9c7;
}
.qu-section[class*="blue"] .text a:focus, .qu-section[class*="navy"] .text a:focus, .qu-section[class*="darkgray"] .text a:focus, .qu-section[class*="blue"] .text-copy a:focus, .qu-section[class*="navy"] .text-copy a:focus, .qu-section[class*="darkgray"] .text-copy a:focus {
	text-decoration: none;
	color: #c8c9c7;
}
.qu-section[class*="blue"] .text a:active, .qu-section[class*="navy"] .text a:active, .qu-section[class*="darkgray"] .text a:active, .qu-section[class*="blue"] .text-copy a:active, .qu-section[class*="navy"] .text-copy a:active, .qu-section[class*="darkgray"] .text-copy a:active {
	text-decoration: none;
	color: #FFB81C;
}

.bold {
	font-weight: bold;
}

.h1,
.stat,
.h2,
.h3 {
	font-family: 'Portrait-Light';
}

.quote,
.h4 {
	font-family: 'Portrait-Regular';
}

.b1,
.b2,
.b3,
.btn-label,
.list, li,
.b4,
.h6,
.b5 {
	font-family: 'AtlasGrotesk-Regular', sans-serif;
}

.h5,
.section-heading {
	font-family: 'AtlasGrotesk-Medium', sans-serif;
}

.h1,
.stat {
	font-size: 5.4rem;
	line-height: 58px;
}

.h2 /*Heading 1 in AEM dialog*/ {
	font-size: 4.0rem;
	line-height: 44px;
}

.h3 /*Heading 2 in AEM dialog*/{
	font-size: 3.3rem;
	line-height: 37px;
}

.quote {
	font-size: 2.7rem;
	line-height: 30px;
}

.h4 {
	font-size: 2.2rem;
	line-height: 25px;
}

.b1 {
	font-size: 1.7rem;
	line-height: 26px;
}

h3.b2,
h4.b2,
h5.b2 {
	font-size: 1.6rem;
	line-height: 21px;
}

.b2 {
	font-size: 1.6rem;
	line-height: 25px;
}

.b3 {
	font-size: 1.4rem;
	line-height: 22px;
}

.btn-label {
	font-size: 1.4rem;
	line-height: 34px;
}

.list, li {
	font-size: 1.4rem;
	line-height: 20px;
}

.b4 {
	font-size: 2.2rem;
	line-height: 30px;
}

.h5 {
	font-size: 1.3rem;
	line-height: 18px;
}

.section-heading {
	font-size: 1.2rem;
	letter-spacing: 2px;
	margin-bottom: 40px;
	text-align: center;
	text-transform: uppercase;
	display: inline-block;
	padding: 1px 10px 0 10px;
	line-height: 32px;
	border-top: 1px solid #00263e;
	border-bottom: 1px solid #00263e;
}


.h6,
.b5 {
	font-size: 1.2rem;
	line-height: 17.99px;
}

.link-light, .link-light:visited {
	text-decoration: underline;
	color: #357abf;
}
.link-light:hover {
	text-decoration: none;
}
.link-light:focus {
	text-decoration: none;
}
.link-light:active {
	color: #00263e;
}
.link-dark, .link-dark:visited {
	text-decoration: underline;
	color: #ffffff;
}
.link-dark:hover {
	text-decoration: underline;
}
.link-dark:focus {
	text-decoration: underline;
}
.link-dark:active {
	color: #FFB81C;
}

@media screen and (min-width: 1024px) {
	p, pre {
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 2.0rem;
		line-height:30px;
	}
	.h1,
	.stat {
		font-size: 9.0rem;
		line-height: 90px;
	}

	.h2 {
		font-size: 6.0rem;
		line-height: 65px;
	}

	.h3 {
		font-size: 4.3rem;
		line-height: 50px;
	}

	.quote {
		font-size: 3.2rem;
		line-height: 35px;
	}

	.h4 {
		font-size: 2.5rem;
		line-height: 29px;
	}

	.b1 {
		font-size: 2.0rem;
		line-height: 30px;
	}

	h3.b2,
	h4.b2,
	h5.b2 {
		font-size: 1.8rem;
		line-height: 24px;
	}

	.b2 {
		font-size: 1.8rem;
		line-height: 28px;
	}

	.b3 {
		font-size: 1.6rem;
		line-height: 24px;
	}

	.btn-label {
		font-size: 1.6rem;
		line-height: 34px;
	}

	.list, li {
		font-size: 1.6rem;
		line-height: 22px;
	}

	.b4 {
		font-size: 2.2rem;
		line-height: 30px;
	}

}

@media screen and (min-width: 1440px) {
	p, pre{
		font-size: 2.1rem;
		line-height:32px;
	}
	.h1,
	.stat {
		font-size: 13.0rem;
		line-height: 135px;
	}

	.h2 {
		font-size: 6.0rem;
		line-height: 65px;
	}

	.h3 {
		font-size: 4.3rem;
		line-height: 50px;
	}

	.quote {
		font-size: 3.6rem;
		line-height: 40px;
	}

	.h4 {
		font-size: 2.8rem;
		line-height: 32px;
	}

	.b1 {
		font-size: 2.1rem;
		line-height: 32.01px;
	}

}/**
 * Utils classes.
 */

.left {
	float: left;
}

.right {
	float: right;
}

.overlay {
	position: absolute;
	z-index: 99999;
	top: 0; left: 0;
	width: 100%;
	height: 100vh;
	background: #032032;
	visibility: hidden;
	opacity: 0;
	transition: all .5s;
}


/**
 * Responsive wrapper layout.
 */

.wrapper {
	width: 100%;
	max-width: 1280px;
	padding: 0 2rem;
	margin: 0 auto;
}


.main {
	width: 100%;
	position: relative;
	padding-top: 45px;
	padding-bottom: 427px;
	background: white;
	min-height:97vh;
	z-index: 200;
	transition: transform .4s;
	box-shadow: 0 0 10px rgba(0,0,0,.2);
}

.qu-footer {
	position: absolute;
	width:100%;
	bottom: 0;
}

.wsa_window {
	z-index: 10000001 !important;
}

.wsa_window_close {
	z-index: 10000002 !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10 & IE11 */
	.main {
		/* IE fix bug QU-563 */
		display: inline-block;
	}
}

/*.content {*/
	/*min-height: calc(100vh - 409px);*/
/*}*/


@media screen and (min-width: 768px) {
	.main {
		padding-top: 60px;
	}

	/*.content {*/
		/*min-height: calc(100vh - 424px);*/
	/*}*/
}


@media screen and (min-width: 1024px) {
	.main {
		padding-top: 70px;
		padding-bottom: 197px;
	}

	/*.content {*/
	 	/*min-height: 70%;*/
		/*min-height: -webkit-calc(100% - 205px);*/
		/*min-height: -moz-calc(100% - 205px);*/
		/*min-height: calc(100% - 205px);*/
	/*}*/


}

@media screen and (min-width: 1440px) {
	.main {
		padding-top: 80px;
	}


	/*.content {*/
		/*min-height: calc(100vh - 240px);*/
	/*}*/
}


[class^="slide-drawer"] .main {
	position: fixed; /* prevent scroll */
}



/**
 * Center content vertically
 * and horizontally.
 */

.center {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
}

.blue,
.navy,
.darkgray,
.green,
.blue-q,
.navy-q,
.darkgray-q,
.blue-bigq,
.navy-bigq,
.darkgray-bigq,
.blue-plaid,
 .museum-gray,
 .museum-green,
 .museum-orange,
 .museum-yellow {
	color: #fff;
}

.white,
.gray,
.white-q,
.gray-q, 
.white-bigq,
.gray-bigq {
	color: #00263e;
}

.white-bigq,
.white {
	background-color: #fff;
}
.gray-bigq,
.gray {
	background-color: #f7f7f6;
}

.blue-bigq,
.blue {
	background-color: #3478BC;
}

.navy-bigq,
.navy {
  	background-color: #0C2340;
}

.darkgray-bigq,
.darkgray {
	background-color: #363739;
}

.green-bigq,
.green {
	background-color: #005d38;
}

/**
 * Museum Background Colors.
 */
.museum-gray {
    background-color: #636466;
}

.museum-green {
    background-color: #a5b85e;
}

.museum-orange {
    background-color: #ffb83d;
}

.museum-yellow {
    background-color: #ffe359;
}


/**
 * Patterns.
 */

.blue-bigq,
.navy-bigq,
.white-bigq,
.gray-bigq,
.darkgray-bigq {
	/* we could use one pattern and color it : http://codepen.io/noahblon/post/coloring-svgs-in-css-background-images */
	background-size: 800px 800px;
    background-position: top right;
    background-position-y: 8%;
    background-repeat: no-repeat;
}

.blue-q,
.navy-q,
.white-q,
.gray-q,
.darkgray-q {
    background-repeat: repeat;
}


.blue-q {
 	background-image: url(bundle/images/QPattern_1X_Blue.png);
}

.blue-bigq {
    background-image: url(bundle/images/Q_onBLUE.svg);
}

.navy-q {
	background-image: url(bundle/images/QPattern_1X_NavyBlue.png);
}

.navy-bigq {
	background-image: url(bundle/images/Q_onNAVY.svg);
}

.white-q {
	background-image: url(bundle/images/QPattern_1X_White.png);
}

.white-bigq {
	background-image: url(bundle/images/Q_onWHITE.svg);
}

.gray-q {
	background-image: url(bundle/images/QPattern_1X_Grey.png);
}

.gray-bigq {
	background-image: url(bundle/images/Q_onGREY.svg);
}

.darkgray-q {
	background-image: url(bundle/images/QPattern_1X_DkGrey.png);
}

.darkgray-bigq {
	background-image: url(bundle/images/Q_onDKGREY.svg);
}

.blue-plaid {
	background-image: url(bundle/images/PlaidBackground_Artwork_1x.png);
}

@media (min-device-pixel-ratio: 2) { 
	.blue-q {
	 	background-image: url(bundle/images/QPattern_2X_Blue.png);
	}

	.navy-q {
		background-image: url(bundle/images/QPattern_2X_NavyBlue.png);
	}

	.white-q {
		background-image: url(bundle/images/QPattern_2X_White.png);
	}

	.gray-q {
		background-image: url(bundle/images/QPattern_2X_Grey.png);
	}

	.darkgray-q {
		background-image: url(bundle/images/QPattern_2X_DkGrey.png);
	}

	.blue-plaid {
		background-image: url(bundle/images/PlaidBackground_Artwork_2x.png);
	}

}.relative {
	position: relative;
}

.absolute {
	position: absolute;
	top: 0; left: 0;
}

.overflow-hidden {
	overflow: hidden;
}


/**
 *  Used to hide focusable elements such as
 *  inputs, buttons, links, etc.
 */

.invisible {
	position: absolute !important;
	height: 1px; width: 1px; 
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

/* Text Related*/

.text-left-default {
	text-align: left;
}

.text-right-default {
	text-align: right;
}

.text-center-default {
	text-align: center;
}

@media screen and (max-width: 767px) {

	.text-left-phone {
		text-align: left;
	}

	.text-right-phone {
		text-align: right;
	}

	.text-center-phone {
		text-align: center;
	}

}
@media screen and (min-width: 768px) and (max-width: 1023px) {

	.text-left-tablet {
		text-align: left;
	}

	.text-right-tablet {
		text-align: right;
	}

	.text-center-tablet {
		text-align: center;
	}

}
@media screen and (min-width: 1024px) {

	.text-left-desktop {
		text-align: left;
	}

	.text-right-desktop {
		text-align: right;
	}

	.text-center-desktop {
		text-align: center;
	}

}


/* layout related */

.absolute-default {
	position: absolute;
}

.float-left-default {
	float:left;
}

.float-right-default {
	float: right;
}

.hide-default {
	display: none;
}

.column-center {
	float: none!important;
	clear:both !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.push-column-right {
	float: right!important;
}

.row {
	float:none!important;
}

@media screen and (max-width:767px) {

	.push-column-right-phone {
		float: right!important;
	}
	.absolute-phone {
		position: absolute;
	}
	.float-left-phone {
		float:left;
	}

	.float-right-phone {
		float: right;
	}

	.hide-phone{
		display: none;
	}

	.column-center-phone {
		float: none!important;
		clear:both !important;
		margin-left: auto;
		margin-right: auto;
	}

}

@media screen and (min-width:768px) and (max-width: 1023px) {

	.push-column-right-tablet {
		float: right!important;
	}
	.absolute-tablet {
		position: absolute;
	}
	.float-left-tablet {
		float:left;
	}

	.float-right-tablet {
		float: right;
	}

	.hide-tablet{
		display: none;
	}

	.column-center-tablet {
		float: none!important;
		clear:both !important;
		margin-left: auto;
		margin-right: auto;
	}

}

@media screen and (min-width:1024px) {

	.push-column-right-desktop {
		float: right!important;
	}


	.absolute-desktop {
		position: absolute;
	}

	.float-left-desktop {
		float:left;
	}

	.float-right-desktop {
		float: right;
	}

	.hide-desktop {
		display: none;
	}

	.column-center-desktop {
		float: none!important;
		clear:both !important;
		margin-left: auto;
		margin-right: auto;
	}

}

.aem-Grid > .aem-GridColumn {
	padding-left: 1.56%;
	padding-right: 1.56%;
}

.aem-Grid > .aem-GridColumn.column-center {
	padding-left: 1.56%;
	padding-right: 1.56%;
}

.aem-Grid > .aem-GridColumn:only-child {
	padding-left: 1.56%;
	padding-right: 1.56%;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--12:not(.aem-GridColumn--phone--1):not(.aem-GridColumn--phone--2):not(.aem-GridColumn--phone--3):not(.aem-GridColumn--phone--4):not(.aem-GridColumn--phone--5):not(.aem-GridColumn--phone--6):not(.aem-GridColumn--phone--7):not(.aem-GridColumn--phone--8):not(.aem-GridColumn--phone--9):not(.aem-GridColumn--phone--10):not(.aem-GridColumn--phone--11):not(.aem-GridColumn--tablet--1):not(.aem-GridColumn--tablet--2):not(.aem-GridColumn--tablet--3):not(.aem-GridColumn--tablet--4):not(.aem-GridColumn--tablet--5):not(.aem-GridColumn--tablet--6):not(.aem-GridColumn--tablet--7):not(.aem-GridColumn--tablet--8):not(.aem-GridColumn--tablet--9):not(.aem-GridColumn--tablet--10):not(.aem-GridColumn--tablet--11):not(.aem-GridColumn--desktop--1):not(.aem-GridColumn--desktop--2):not(.aem-GridColumn--desktop--3):not(.aem-GridColumn--desktop--4):not(.aem-GridColumn--desktop--5):not(.aem-GridColumn--desktop--6):not(.aem-GridColumn--desktop--7):not(.aem-GridColumn--desktop--8):not(.aem-GridColumn--desktop--9):not(.aem-GridColumn--desktop--10):not(.aem-GridColumn--desktop--11):not(.aem-GridColumn--lg-desktop--1):not(.aem-GridColumn--lg-desktop--2):not(.aem-GridColumn--lg-desktop--3):not(.aem-GridColumn--lg-desktop--4):not(.aem-GridColumn--lg-desktop--5):not(.aem-GridColumn--lg-desktop--6):not(.aem-GridColumn--lg-desktop--7):not(.aem-GridColumn--lg-desktop--8):not(.aem-GridColumn--lg-desktop--9):not(.aem-GridColumn--lg-desktop--10):not(.aem-GridColumn--lg-desktop--11) {
	padding-left: 0;
	padding-right: 0;
}
.aem-Grid > .aem-GridColumn:not(.aem-GridColumn--phone--1):not(.aem-GridColumn--phone--2):not(.aem-GridColumn--phone--3):not(.aem-GridColumn--phone--4):not(.aem-GridColumn--phone--5):not(.aem-GridColumn--phone--6):not(.aem-GridColumn--phone--7):not(.aem-GridColumn--phone--8):not(.aem-GridColumn--phone--9):not(.aem-GridColumn--phone--10):not(.aem-GridColumn--phone--11):not(.aem-GridColumn--phone--12):not(.aem-GridColumn--tablet--1):not(.aem-GridColumn--tablet--2):not(.aem-GridColumn--tablet--3):not(.aem-GridColumn--tablet--4):not(.aem-GridColumn--tablet--5):not(.aem-GridColumn--tablet--6):not(.aem-GridColumn--tablet--7):not(.aem-GridColumn--tablet--8):not(.aem-GridColumn--tablet--9):not(.aem-GridColumn--tablet--10):not(.aem-GridColumn--tablet--11):not(.aem-GridColumn--tablet--12):not(.aem-GridColumn--desktop--1):not(.aem-GridColumn--desktop--2):not(.aem-GridColumn--desktop--3):not(.aem-GridColumn--desktop--4):not(.aem-GridColumn--desktop--5):not(.aem-GridColumn--desktop--6):not(.aem-GridColumn--desktop--7):not(.aem-GridColumn--desktop--8):not(.aem-GridColumn--desktop--9):not(.aem-GridColumn--desktop--10):not(.aem-GridColumn--desktop--11):not(.aem-GridColumn--desktop--12):not(.aem-GridColumn--lg-desktop--1):not(.aem-GridColumn--lg-desktop--2):not(.aem-GridColumn--lg-desktop--3):not(.aem-GridColumn--lg-desktop--4):not(.aem-GridColumn--lg-desktop--5):not(.aem-GridColumn--lg-desktop--6):not(.aem-GridColumn--lg-desktop--7):not(.aem-GridColumn--lg-desktop--8):not(.aem-GridColumn--lg-desktop--9):not(.aem-GridColumn--lg-desktop--10):not(.aem-GridColumn--lg-desktop--11):not(.aem-GridColumn--lg-desktop--12):not(.aem-GridColumn--default--1):not(.aem-GridColumn--default--2):not(.aem-GridColumn--default--3):not(.aem-GridColumn--default--4):not(.aem-GridColumn--default--5):not(.aem-GridColumn--default--6):not(.aem-GridColumn--default--7):not(.aem-GridColumn--default--8):not(.aem-GridColumn--default--9):not(.aem-GridColumn--default--10):not(.aem-GridColumn--default--11):not(.aem-GridColumn--default--12) {
	padding-left: 0;
	padding-right: 0;
}

.aem-Grid > .aem-GridColumn:first-of-type, .aem-Grid.grid-bleedingGutters > .aem-GridColumn:first-of-type {
	padding-left: 0;
}

.aem-Grid > .aem-GridColumn:last-of-type, .aem-Grid.grid-bleedingGutters > .aem-GridColumn:last-of-type {
	padding-right: 0;
}

/** Gutterless styles **/

.aem-Grid.grid-gutterless > .aem-GridColumn {
	padding-left: 0;
	padding-right: 0;
}

.aem-Grid.grid-gutterless > .aem-GridColumn.column-center {
	padding-left: 0;
	padding-right: 0;
}

.aem-Grid.grid-gutterless > .aem-GridColumn.aem-GridColumn--default--12 {
	padding-left: 0;
	padding-right: 0;
}

/** Force gutters **/
.aem-Grid.guttered > .aem-GridColumn {
	padding-left: 1.56%;
	padding-right: 1.56%;
}

/* Using same query as grid.less file so these line up properly. */
@media (max-width: 767px) {
	.aem-Grid > .aem-GridColumn {
		padding-left: 0.63%;
		padding-right: 0.63%;
	}

	.aem-Grid.grid-gutterless > .aem-GridColumn {
		padding-left: 0;
		padding-right: 0;
	}

	.aem-Grid > .aem-GridColumn.column-center-phone {
		padding-left: 1.56%;
		padding-right: 1.56%;
	}

	.aem-Grid.grid-gutterless > .aem-GridColumn.column-center-phone {
		padding-left: 0;
		padding-right: 0;
	}
	.aem-Grid > .aem-GridColumn.aem-GridColumn--phone--12 {
		padding-left: 0;
		padding-right: 0;
	}
	/** Force gutters **/
	.aem-Grid.guttered > .aem-GridColumn {
		padding-left: 0.63%;
		padding-right: 0.63%;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.aem-Grid > .aem-GridColumn.column-center-tablet {
		padding-left: 1.56%;
		padding-right: 1.56%;
	}

	.aem-Grid.grid-gutterless > .aem-GridColumn.column-center-tablet {
		padding-left: 0;
		padding-right: 0;
	}
	.aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--12 {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (min-width: 1024px) and (max-width: 1440px) {
	.aem-Grid > .aem-GridColumn.column-center-desktop {
		padding-left: 1.56%;
		padding-right: 1.56%;
	}

	.aem-Grid.grid-gutterless > .aem-GridColumn.column-center-desktop {
		padding-left: 0;
		padding-right: 0;
	}
	.aem-Grid > .aem-GridColumn.aem-GridColumn--desktop--12 {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (min-width: 1441px) and (max-width: 16384px) {
	.aem-Grid.aem-Grid--12 > .aem-GridColumn.column-center-lg-desktop {
		padding-left: 1.56%;
		padding-right: 1.56%;
	}

	.aem-Grid.aem-Grid--12.grid-gutterless > .aem-GridColumn.column-center-lg-desktop {
		padding-left: 0;
		padding-right: 0;
	}
	.aem-Grid > .aem-GridColumn.aem-GridColumn--lg-desktop--12 {
		padding-left: 0;
		padding-right: 0;
	}
}
/**
 * Navigation menus common (burger and school drawers)
 */

.navigation-menu {
	position: fixed;
	top: 0;
	width: calc(100% - 48px);
	z-index: 1000;
	height: 100vh;
	overflow-y: scroll;
	overflow-x: hidden;
	/*-webkit-overflow-scrolling: touch;*/
	font-size: 4.2rem;
	color: white;
	background: #031826;
	transition: transform .4s, visibility 0s .4s;
}

.navigation-menu[aria-hidden="true"] {
	visibility: hidden;
}

.navigation-menu[aria-hidden="false"] {
	transition: transform .4s, visibility 0s;
	visibility: visible;
	transform: none;
}

.navigation .icon-close {
	display: none;
	position: fixed;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 1.8rem;
	color: white;
	z-index: 999999;
	top: 20px;
}

.navigation .icon-close:focus {
	color: #FFB81C;
}

/**
 * Avoid scroll.
 */

.slide-drawer-left,
.slide-drawer-right {
	overflow: hidden;
	width: calc(100% - 70px);
}

.main[aria-hidden="true"] {
	overflow: hidden;
}

/**
 * Main navigation drawer.
 */


#drawer-left {
	left: 0;
	transform: translateX(-100%);
}


#drawer-left[aria-hidden="false"] {
	transform: translateX(0);
}

.slide-drawer-left [data-require="header"],
.slide-drawer-left .main {
	transform: translateX(100%) translateX(-48px);
}


#drawer-left[aria-hidden="false"] ~ .close-burger {
	display: block;
}

.close-burger {
	right: 9px;
}

/**
 * School navigation drawer.
 */

#drawer-right {
	background: #032032;
	padding-top: 28px;
	right: 0;
	transform: translateX(70%);
}


#drawer-right[aria-hidden="false"] {
	transform: translateX(0);
}

.slide-drawer-right [data-require="header"],
.slide-drawer-right .main {
	transform: translateX(-100%) translateX(48px);
}

#drawer-right[aria-hidden="false"] ~ .close-schools {
	display: block;
}

.close-schools {
	left: 9px;
}

@media screen and (max-width: 768px) {
	.navigation .icon-close.header-padding{
		margin-top: 20px;
	}
}

@media screen and (min-width: 768px) {
	.slide-drawer-left,
	.slide-drawer-right,
	.main[aria-hidden="true"] {
		overflow: hidden;
		width: 100%;
	}
}

@media screen and (min-width: 768px) {
	.slide-drawer-left,
	.slide-drawer-right,
	.main[aria-hidden="true"] {
		overflow: hidden;
		width: 100%;
	}

	.navigation .icon-close.header-padding {
		margin-top: 80px;
	}
}

/**
 * Desktop and higher.
 */

@media screen and (min-width: 1024px) {

	.slide-drawer-left [data-require="header"],
	.slide-drawer-left .main {
		transform: translateX(100%) translateX(-80px);
	}

	.slide-drawer-right [data-require="header"],
	.slide-drawer-right .main {
		transform: translateX(-688px);
	}

	.navigation .icon-close {
		font-size: 2.2rem;
		top: 22px;
	}

	.close-burger {
		right: 22px;
	}

	.close-schools {
		left: auto;
		right: 700px;
	}

	.navigation .icon-close.header-padding {
		margin-top: 50px;
	}

}


.navigation {
	font-family: 'Portrait-Light';
	text-align: left;
}

.navigation a:hover {
	color: #c8c9c7;
	cursor: pointer;
}

.navigation a:active,
.navigation a:focus {
	text-decoration: underline;
	color: #FFB81C;
}


/**
 * Search form
 */

#drawer-left form {
	height: 59px;
	background: #073451;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;

	position: relative; /* on top of overlay */
	z-index: 999999;
}

#drawer-left [type="search"] {
	font-size: 2.2rem;
	color: white;
	font-family: 'Portrait-Regular';
	width: 60%;
	background: none;
	outline: 0;
	border: 0;
	margin-right: 10px;
	-ms-flex: 1;
	    flex: 1;
}

#drawer-left [type="search"]:-ms-input-placeholder {
	color: #A7BAC6;
}

#drawer-left [type="search"]::placeholder {
	color: #A7BAC6;
}

#drawer-left .icon-search {
	margin: 0 10px;
	padding: 6px;
	font-size: 1.8rem;
	color: #00263e;
	border-radius: 50%;
	background: #a7bac6;
}

#drawer-left [type="submit"] {
	background: transparent;
	border: 0;
	color: white;
	font-size: 1.5rem;
	padding: 0 10px;
	line-height: 30px;
	border-left: 1px solid #00263e;
	position: absolute;
	top: -9999px;
}

#drawer-left .overlay[aria-hidden="false"] + form [type="submit"] {
	position: relative;
	top: auto;
}

.navigation-overlay[aria-hidden="false"] {
	visibility: visible;
	opacity: .95;
	top: 80px;
	bottom:0;
	right:0;
	position: fixed;
	height: 200%;
}

#drawer-right ul[role="navigation"] {
	display: table;
}


#drawer-right > ul {
	height: 100%;
	width:100%;
}

#drawer-right ul[role="navigation"] > li {
	display: table-cell;
	width:100%;
	height:100%;
}

#drawer-right ul[role="navigation"] > li.footer-links {
	display: table-row;
	background: #031826;
	width:100%;
	padding:0;
	margin: 0;
	height: 160px;
}

#drawer-right .footer-links .footer-content {
	display: table-cell;
	width:100%;
	padding: 40px 20px 84px;
}

#drawer-left > ul {
	height: 100%;
	padding-top: 34px;
	background: #032032;
}

#drawer-left .dropdowns ul {
	border-bottom: 1px solid #354d5b;
}

.navigation-menu > ul > li {
	padding: 0 20px;
}

.main-links a:active {
	text-decoration: none;
}

.navigation-menu  h4 {
	font-family: 'AtlasGrotesk-Medium';
	font-size: 1.3rem;
	line-height: 30px;

	border-bottom: 1px solid #354d5b;
	color: #FFB81C;
}

.navigation-menu  h4 + ul {
	padding: 16px 0;
}

/**
 * Main sections font-sizes.
 */

.quick-links {
	font-family: 'AtlasGrotesk-Medium';
	font-size: 1.7rem;
	line-height: 36px;
}

.group-links {
	font-family: 'AtlasGrotesk-Regular';
	font-size: 1.6rem;
	line-height: 42px;
	background: #032032;
}

.group-links .cta picture {
	display: none;
}

.dropdowns {
	font-family: 'AtlasGrotesk-Regular';
	position: relative;
	display: block;
	font-size: 1.3rem;
	line-height: 28px;
	background: #031826;
}

#drawer-left .dropdowns h4 {
	line-height: 80px;
	border-bottom: 0;
}

.slide-drawer-left .navigation .dropdowns {
	padding-bottom:100px;
}

.dropdowns [type='checkbox'] {
	display: none;
}

.dropdowns [type='checkbox']:checked ~ ul {
	display: none;
}

#drawer-left [type='checkbox']:checked ~ h4 {
	border-bottom: 1px solid #354d5b;
}

.dropdowns .icon-arrow-up {
	line-height: 80px;
	position: absolute;
	right: 20px;
	color: #FFB81C;
	font-size: 2.2rem;
}

.dropdowns [type='checkbox']:checked ~ .icon-arrow-up:before {
	content: "\e5cf";
}

#drawer-right > ul > li {
	font-family: Portrait-Regular;
}

#drawer-left .icon-schools-arrow {
	display: none;
}

#drawer-right .icon-schools-arrow {
	font-size: 0.9rem;
	display: inline-block;
	position: relative;
	left: 10px;
	color: #357abf;
	transition: all .1s linear;
}

#drawer-right a:hover ~ .icon-schools-arrow {
	color: #c8c9c7;
	transform: translate3d(10px, 0, 0);
}

#drawer-left a:active ~ .icon-schools-arrow,
#drawer-right a:active ~ .icon-schools-arrow {
	color: #FFB81C !important;
}

#drawer-right .footer-links {
	font-family: 'AtlasGrotesk-Medium';
	margin-left: 0;
}

#drawer-right .footer-links .cta {
	margin-bottom: 16px;
}

#drawer-right .footer-links h4 {
	border: 0;
	margin-bottom: 16px;
}

#drawer-right > ul > li:not(.group-links) {
	font-size: 1.6rem;
}

#drawer-right li {
	font-size: 2.7rem;
	display: block;
}

#drawer-right .group-links > ul{
	margin-left: 0;
	padding-bottom: 42px;
}

ul[role="navigation"] .main-links:first-of-type {
	padding-bottom: 16px;
}

.main-links,
.main-links li {
	font-family: 'Portrait-Light';
	font-size: 4.2rem;
	line-height: 50.4px;
}

.quick-links li {
	font-size: 1.7rem;
	line-height: 36px;
}

.group-links li {
	font-size: 1.6rem;
	line-height: 42px;
}

.dropdowns li {
	font-size: 1.6rem;
	line-height: 42px;
}

#drawer-right .group-links li {
	font-family: Portrait-Regular;
}

#drawer-right .group-links.header-padding {
	padding-top: 20px;
}

#drawer-right .footer-links .footer-content li{
	font-size: 16px;
	font-family: 'AtlasGrotesk-Medium';
	line-height: 20px;
	padding:10px 0;
}

#drawer-right .footer-links .footer-content li:first-child {
    padding-top:20px;
}

@media screen and (min-width: 768px) {

	#drawer-left [type="search"] {
		width:auto;
	}

	#drawer-right .group-links.header-padding {
		padding-top: 80px;
	}

}

@media screen and (min-width: 1024px) {

	#drawer-right {
		width: 688px;
	}

	#drawer-right .group-links {
		margin-bottom: 0;
	}

	#drawer-right .group-links.header-padding {
		padding-top: 50px;
	}

	#drawer-right li {
		font-size: 3.6rem;
	}

	.navigation-menu  > ul > li {
		padding: 0 25px;
	}

	/**
	 * Drawer left styles.
	 */
	#drawer-left [role="search"] {
		height: 80px;
	}

	#drawer-left {
		font-size: 8.2rem;
		width: calc(100% - 80px);
	}

	#drawer-left > ul {
		margin-right: 342px;
	}

	.navigation-menu  h4 {
		font-size: 1.4rem;
	}

	.quick-links {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
		font-size: 2.1rem;

		position: absolute;
		top: 80px;
		right: 0;
		height: 236px;
		width: 342px;
	}
	#drawer-left .group-links:nth-child(6){
		padding-bottom: 40px;
	}

	.group-links {
		font-size: 1.8rem;
	}

	.group-links li {
		display: inline-block;
		margin: 16px 0 0 0;
	}

	.group-links .cta picture {
		overflow: hidden;
		margin-bottom: 16px;
		display: block;
		pointer-events: none;
		background-color: #0C2340;
	}

	.group-links img {
		display: block;
		transition: all .2s linear;
		pointer-events: none;
	}

	.group-links a{
		display: inline-block;
	}

	.group-links a:hover img {
		opacity: .7;
		transform: scale(1.1);
	}

	.group-links a:active picture {
		background-color: #ffffff !important;
	}

	.group-links ul.aem-Grid li.aem-GridColumn:first-of-type {
		padding-right: 3.12%;
	}
	.group-links ul.aem-Grid li.aem-GridColumn:last-of-type {
		padding-left: 3.12%;
	}
	.group-links li img {
		width:100%;
	}

	.group-links a:active img {
		opacity: .7;
	}

	.dropdowns {
		font-size: 1.4rem;

		position: absolute;
		right: 0;
		top: 316px;
		width: 342px;
	}

	.dropdowns.header-padding{
		margin-top: 50px;
	}

	#drawer-left .dropdowns h4 {
		line-height: 30px;
		border-bottom: 1px solid #354d5b;
	}

	.dropdowns [type='checkbox']:checked ~ ul {
		display: block;
	}

	.dropdowns .icon-arrow-up {
		display: none;
	}

	#drawer-left [type="submit"] {
		font-size: 1.8rem;
		padding: 0 32px;
		line-height: 50px;
	}

	#drawer-left [type="submit"] .icon-schools-arrow {
		font-size: 0.7rem;
		display: inline-block;
		bottom: 2px;
		position: relative;
	}

	#drawer-left [type="search"] {
		font-size: 2.8rem;
		margin-right: 32px;
	}

	#drawer-left .icon-search {
		margin: 0 25px;
		padding: 10px;
		font-size: 2.8rem;
	}

	#drawer-right {
		padding-top: 50px;
	}

	#drawer-left .main-links {
		margin-right: 22px;
	}

	#drawer-left .main-links .icon-schools-arrow {
		display: inline-block;
		position: relative;
		font-size: 1.8rem;
		color: #357abf;
		bottom: 8px;
		transition: all .1s linear;
	}

	#drawer-left .main-links a:hover ~ .icon-schools-arrow {
		color: #c8c9c7;
		transform: translate3d(20px, 0, 0);
	}

	#drawer-right .icon-schools-arrow {
		bottom: 2px;
		left: 8px;
	}

	#drawer-right > ul > li {
		font-family: Portrait-Regular;
		padding: 0 140px;
	}
	#drawer-right > ul >.footer-links .footer-content {
		padding: 40px 140px 80px;
	}

	.quick-links li {
		font-size: 2.1rem;
		line-height: 36px;
	}

	.group-links li {
		font-size: 1.8rem;
		line-height: 42px;
	}

	.dropdowns li {
		font-size: 1.4rem;
		line-height: 28px;
	}

	.quick-links.header-padding{
		margin-top: 50px;
	}

}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
	#drawer-left .main-links {
		margin-right: 10px;
	}

	.main-links,
	.main-links li {
		font-family: 'Portrait-Light';
		font-size: 5.0rem;
		line-height: 55.4px;
	}

}

@media screen and (min-width: 1440px) {

	.quick-links.header-padding{
		margin-top: 50px;
	}

	#drawer-right .icon-schools-arrow {
		bottom: 8px;

	}

	.main-links,
	.main-links li {
		font-family: 'Portrait-Light';
		font-size: 8.2rem;
		line-height: 98.4px;
	}

	.dropdowns.header-padding{
		margin-top: 50px;
	}

}

body.alerts-enabled .main {
	padding-top:0;
}

/* The following classes are in place for the Homepage and QU now page that */
/* have transparent headers. When the Alert is shown the header should show as blue.*/

body.alerts-enabled header {
	background: #00263e !important;
}
body.alerts-enabled header.green {
	background: #005d38 !important; /*overriding the use of !important above*/
}

body.alerts-enabled header .burger-link.left {
	background: #003859;
}
body.alerts-enabled header.green .burger-link.left {
    background: #005d38;
}

body.alerts-enabled header .burger-link .burger-copy {
	display: none !important;
}

/* End of Header styles  */

#site-alert {
	padding-top: 45px;
	padding-bottom: 20px;
	position: relative;
	display: none;
}
#site-alert.header-padding {
	padding-top: 65px;
}

#site-alert.gold {
	background-color: #FFB81C;
	color: #000000;
}

#site-alert.red {
	background-color: #d43729;
	color: #FFFFFF;
}

#site-alert.default-alert-theme {
	background-color: #d43729;
	color: #FFFFFF;
}

body.alerts-enabled #site-alert {
	display: block;
}

@media screen and (max-width: 767px) {
	#site-alert .aem-GridColumn {
		clear: left;
		float: none;
		width: 83.33%;
	}
	#site-alert.has-icon .alert-link-column, #site-alert.has-icon .alert-title-column {
		float: none;
	}
	#site-alert.has-icon .alert-link-column {
		width: auto;
	}
}

#site-alert .aem-GridColumn {
	position: relative;
}

#site-alert .alert-title {
	padding-top: 25px;
	font-family: AtlasGrotesk-Medium;
	font-size: 140%;
}

#site-alert .alert-title .visuallyhidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.image-column {
	height: 100%;
}

#site-alert .alert-link {
	margin-top: 0;
	margin-bottom: 0;
	color: initial;
	float: left;
	width: 100%;
}

#site-alert.has-icon .alert-icon-div {
	width: auto;
	max-width: 50%;
}

#site-alert .close-alert {
	position: absolute;
	top: 25px;
	right: -10px;
	cursor: pointer;
	display: block;
	font-size: 2.5rem;
}

#site-alert.hide, #site-alert .hide {
	display: none;
}

#site-alert.has-icon .alert-title-column {
	padding-left:0;
}


#site-alert .alert-icon {
	max-height: 96px;
	float: left;
	margin: 15px 15px 15px 0;
	max-width: 100%;
}

@media screen and (min-width: 526px) {

	#site-alert.has-icon .alert-icon-div {
		width: auto;
		max-width: 30%;
	}

	#site-alert.has-icon .alert-title-column {
		width: 70%;
	}
}

@media screen and (min-width: 768px) {
	body.alerts-enabled #site-alert {
		padding-top: 60px;
	}
	body.alerts-enabled #site-alert.header-padding {
		padding-top: 140px;
	}
	#site-alert {
		padding-bottom: 20px;
	}
	#site-alert.has-icon .alert-icon {
		margin-top: 29px;
	}
	#site-alert .alert-title-column {
		padding-left: 1.56%;
	}
	#site-alert .alert-link {
		float: none;
		width: auto;
	}
	#site-alert.has-icon .alert-title{
		padding-left: 1.56%;
	}
	#site-alert.has-icon .alert-message-div {
		width: 80%;
	}

	#site-alert.has-icon .alert-title-column {
		width: 79.5%;
	}

	#site-alert .alert-title{
		padding-top: 30px;
		font-family: AtlasGrotesk-Medium;
	}
	#site-alert .alert-message {
		padding-top: 12px;
		padding-bottom: 15px;
	}

	#site-alert.has-icon .alert-link-column {
		width: 80%;
	}

	#site-alert.has-icon .alert-icon-div {
		width: 20%;
	}
	#site-alert.has-icon .alert-link-column, #site-alert.has-icon .alert-title-column {
		float: right;
	}
}


@media screen and (min-width: 1024px) {
	body.alerts-enabled #site-alert {
		padding-top: 70px;
	}
	body.alerts-enabled #site-alert.header-padding {
		padding-top: 120px;
	}
	#site-alert.has-icon .alert-message-div {
		width: 85%;
	}
	#site-alert.has-icon .alert-icon-div {
		width: 15%;
	}

	#site-alert.has-icon .alert-link-column {
		width: 85%;
	}

	#site-alert.has-icon .alert-title-column {
		width: 84.75%;
	}
}

@media screen and (min-width: 1440px) {
	body.alerts-enabled #site-alert {
		padding-top: 80px;
	}
	body.alerts-enabled #site-alert.header-padding {
		padding-top: 130px;
	}
}
/* Top Hero Styles */
.qu-article-top {
	position: relative;
	display: block;
	color: #00263e;
	background-color: #f8f7f6;
}

.qu-article-top .article-label {
	margin: 0 auto 30px;
	text-align: center;
	text-transform: uppercase;
	display: inline-block;
	padding: 0 10px;
	line-height: 36px;
	border-top: 1px solid #00263e;
	border-bottom: 1px solid #00263e;
	color: #00263e;
}

.qu-article-top .article-date {
	color:#a7a8a9;
	padding-top: 20px;
	padding-bottom: 30px;
	font-size:1.3rem;
	line-height:13px;
	display: inline-block;
}

.qu-article-top .author-name, .qu-article-top .author-school {
	display: block;
	font-size: 1.3rem;
	color: #11273c;
	padding-right:20px;
}
.qu-article-top .article-author {
	padding-bottom: 30px;
	border-bottom: 1px solid #c9c9c7;
}
.qu-article-top .author-name {
	font-family: 'AtlasGrotesk-Medium';
}
.qu-article-top .author-school {
	font-family: 'AtlasGrotesk-RegularItalic';
}

.qu-article-top-section .caption-title {
	text-align: left;
}

.qu-article-top-section .caption-copy {
	text-align: left;
}

@media screen and (min-width: 768px) {
	.qu-article-top .article-breadcrumb {
		padding-top: 30px;
		padding-bottom: 50px;
	}
	.qu-article-top .article-breadcrumb-noalert {
		margin-top: 30px;
	}

	.qu-article-top .article-author {
		border-bottom: none;
		padding-top: 10px;
	}
	.qu-article-top .article-social .social-share:last-of-type {
		margin-right: 0;
	}

}


/* Top Section Styles */
.qu-article-top-section .decorative-letter {
	float: left;
	font-size: 3.5rem;
	line-height: 42px;
	text-decoration: underline;
	color: #FFB81C;
	padding-right: 5px;
	font-family: 'AtlasGrotesk-Regular';
	font-weight: 700;
	padding-bottom:0;
	margin-top:2px;
}
.qu-article-top-section .aside-content p {
	line-height:25px;

}

@media screen and (min-width: 768px) {
	.qu-article-top-section .decorative-letter {
		font-size: 4.6rem;
		line-height: 50px;
	}
	.qu-article-top-section .aside-content p {
		line-height:26px;
	}

}.articlefeed ul li {
    padding: 4px 0;
}

.articlefeed {
    padding: 7px;
}
.qu-three-articles {
    min-height: 200px;
}

.qu-three-articles .article-wrapper {
    padding-top: 30px;
    position: relative;
}

.qu-three-articles .article-image {
    width:100%;
    transition: transform .1s linear;
}

.qu-three-articles .article-date {
    float: left;
    font-size: 1.2rem;
    padding-left: 15px;
}
.qu-three-articles .article-description{
    font-size: 1.2rem;
    display: inline-block;
    width:100%;
    float: left;
}


.qu-three-articles .article-category {
    padding-left: 20px;
    float: left;
    display: inline-block;
    font-size: 1.2rem;
    font-family: AtlasGrotesk-Medium;
}

.qu-three-articles .details-text {
    display: inline-block;
    clear: both;
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;

}

.qu-three-articles .details-text h2 {
    font-size: 1.8rem;
    color: #357abf;

}

.blue .qu-three-articles .details-text h2,
.navy .qu-three-articles .details-text h2,
.darkgray .qu-three-articles .details-text h2,
.green .qu-three-articles .details-text h2,
.blue-q .qu-three-articles .details-text h2,
.navy-q .qu-three-articles .details-text h2,
.darkgray-q .qu-three-articles .details-text h2,
.blue-bigq .qu-three-articles .details-text h2,
.navy-bigq .qu-three-articles .details-text h2,
.darkgray-bigq .qu-three-articles .details-text h2,
.blue-plaid .qu-three-articles .details-text h2,
.museum-gray .qu-three-articles .details-text h2,
.museum-green .qu-three-articles .details-text h2,
.museum-orange .qu-three-articles .details-text h2,
.museum-yellow .qu-three-articles .details-text h2{
    color: #fff !important;
}


.qu-three-articles .details-text h2 span {
    text-decoration: underline;
}
.qu-three-articles .article-wrapper .details-text:after {
    /*content: url("bundle/images/arrow_copy_blue.png");*/
    position: absolute;
    bottom:0;
}

.qu-three-articles .link-wrapper:hover  .article-image {
    transform: scale(1.1);
}

.qu-three-articles .link-wrapper:hover .details-text h2 span {
    text-decoration: none;
    color: #003f64;
}

.blue .qu-three-articles .link-wrapper:hover .details-text h2 span,
.navy .qu-three-articles .link-wrapper:hover .details-text h2 span,
.darkgray .qu-three-articles .link-wrapper:hover .details-text h2 span,
.green .qu-three-articles .link-wrapper:hover .details-text h2 span,
.blue-q .qu-three-articles .link-wrapper:hover .details-text h2 span,
.navy-q .qu-three-articles .link-wrapper:hover .details-text h2 span,
.darkgray-q .qu-three-articles .link-wrapper:hover .details-text h2 span,
.blue-bigq .qu-three-articles .link-wrapper:hover .details-text h2 span,
.navy-bigq .qu-three-articles .link-wrapper:hover .details-text h2 span,
.darkgray-bigq .qu-three-articles .link-wrapper:hover .details-text h2 span,
.blue-plaid .qu-three-articles .link-wrapper:hover .details-text h2 span,
.museum-gray .qu-three-articles .link-wrapper:hover .details-text h2 span,
.museum-green .qu-three-articles .link-wrapper:hover .details-text h2 span,
.museum-orange .qu-three-articles .link-wrapper:hover .details-text h2 span,
.museum-yellow .qu-three-articles .link-wrapper:hover .details-text h2 span{
    color: #fff !important;
}

.qu-three-articles .link-wrapper:hover .image-overlay {
    display: block;
}

.qu-three-articles .link-wrapper:hover .icon-schools-arrow {
    color: #00263e;
}

.icon-articles-arrow:after{
    content: "\e936";
}
.qu-three-articles .icon-articles-arrow {
    color: #357abf;
    font-size: 1rem;
    text-decoration: none !important;
    /*position: absolute;
    bottom: 10px;
    display: block;
    */
}


.blue .qu-three-articles .icon-articles-arrow,
.navy .qu-three-articles .icon-articles-arrow,
.darkgray .qu-three-articles .icon-articles-arrow,
.green .qu-three-articles .icon-articles-arrow,
.blue-q .qu-three-articles .icon-articles-arrow,
.navy-q .qu-three-articles .icon-articles-arrow,
.darkgray-q .qu-three-articles .icon-articles-arrow,
.blue-bigq .qu-three-articles .icon-articles-arrow,
.navy-bigq .qu-three-articles .icon-articles-arrow,
.darkgray-bigq .qu-three-articles .icon-articles-arrow,
.blue-plaid .qu-three-articles .icon-articles-arrow,
.museum-gray .qu-three-articles .icon-articles-arrow,
.museum-green .qu-three-articles .icon-articles-arrow,
.museum-orange .qu-three-articles .icon-articles-arrow,
.museum-yellow .qu-three-articles .icon-articles-arrow{
    color: #fff !important;
}


.qu-three-articles .image-overlay {
    width: 100%;
    height: 100%;
    background-color: #0C2340;
    opacity: 0.3;
    position: absolute;
    top: 0;
    display: none;
    pointer-events: none;
}

.qu-three-articles .article-wrapper:active .image-wrapper {
    background-color: #ffffff;
}

.qu-three-articles .article-wrapper:active .article-image {
    opacity: 0.7;
}

.qu-three-articles .article-wrapper:active .image-overlay {
    display: none;
}

.qu-three-articles .image-wrapper {
    position: relative;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
}

.qu-three-articles .arrow-left {
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    top: 3px;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-right: 6px solid black;

}

.blue .qu-three-articles .arrow-left,
.navy .qu-three-articles .arrow-left,
.darkgray .qu-three-articles .arrow-left,
.green .qu-three-articles .arrow-left,
.blue-q .qu-three-articles .arrow-left,
.navy-q .qu-three-articles .arrow-left,
.darkgray-q .qu-three-articles .arrow-left,
.blue-bigq .qu-three-articles .arrow-left,
.navy-bigq .qu-three-articles .arrow-left,
.darkgray-bigq .qu-three-articles .arrow-left,
.blue-plaid .qu-three-articles .arrow-left,
.museum-gray .qu-three-articles .arrow-left,
.museum-green .qu-three-articles .arrow-left,
.museum-orange .qu-three-articles .arrow-left,
.museum-yellow .qu-three-articles .arrow-left {
    border-right: 6px solid white;
}

.qu-three-articles .details-top {
    position: relative;
    pointer-events: none;
}

.qu-three-articles .details-text {
    pointer-events: none;
}

.qu-three-articles .details-wrapper {
    pointer-events: none;
}


@media screen and (min-width: 541px) {


}

@media screen and (min-width: 769px) {



}
.audience-nav.component {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row nowrap;
	    flex-flow: row nowrap;
	-ms-flex-pack: end;
	    justify-content: flex-end;
	background-color: #666666;
	-ms-flex-align: center;
	    align-items: center;
	color: #ffffff;
	height: 25px;
	position: fixed;
	z-index: 999999;
	width: 100%;
	transition: transform .4s;
}
.audience-nav.component .social {
    margin-right: auto;
    padding-left: 12px;
}
.audience-nav.component .social .inner-social-span div{
    display: none;
}
.audience-nav.component .social .inner-social-span {
    margin-right: 10px;
}

.audience-nav > ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row nowrap;
	    flex-flow: row nowrap;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.audience-nav .links {
	display: none;
}
.audience-nav .buttons {
	text-transform: uppercase;
	margin-right: 1.3rem;
}
.audience-nav .buttons li {
	margin-left: 10px;
	display: inline-block;
}
.audience-nav .buttons li:after {
	content: "|";
	display: inline-block;
}
.audience-nav .buttons li:last-child:after {
	display: none;
}
.audience-nav .buttons li a {
	padding-right: 5px;
	font-size: 1.1rem;
}
.audience-nav .buttons li a:hover,
.audience-nav .buttons li a:focus {
	color: rgba(225, 225, 225, 0.9);
	text-decoration: underline;
}
.audience-nav .buttons li:lastchild a {
	padding-right: 0;
}
.navigation-slide .audience-nav {
	transform: translate3d(0, -25px, 0);
}

@media screen and (min-width: 768px) {
	.audience-nav.component {
		height: auto;
		-ms-flex-flow:column-reverse wrap;
		    flex-flow:column-reverse wrap;
		padding: 10px;
		-ms-flex-align: end;
		    align-items: flex-end;
		position: fixed;
		z-index: 999999;
		width: 100%;
		transition: transform .4s;
	}
	/*.audience-nav .links {*/
		/*display: flex;*/
		/*justify-content: flex-end;*/
	/*}*/
	.audience-nav .links {
		display: inline-block;
	}
	.audience-nav .links li{
		display: inline-block;
	}
	.audience-nav .buttons {
		display: inline-block;
	}
	.audience-nav .buttons li{
		display: inline-block;
	}
	.audience-nav .links li > a {
		text-transform: uppercase;
		font-size: 1rem;
		line-height: 1.6;
		font-weight: 700;
		padding: 0 1rem;
	}
	.audience-nav .links li:last-child > a {
		padding-right: 0;
	}
	.audience-nav .links li > a:hover,
	.audience-nav .links li > a:focus {
		text-decoration: underline;
		color: rgba(225, 225, 225, 0.9);
	}
	.audience-nav .buttons {
		-ms-flex-pack: end;
		    justify-content: flex-end;
		/*margin: 0 0 2.2rem 12.5rem;*/
		float: right;
		margin-left: auto;
		margin-top: 0px;
		margin-right: 0px;
	}
	.audience-nav .buttons li {
		margin-left: 1rem;
	}
	.audience-nav .buttons li:after {
		display: none;
	}
	.audience-nav .buttons li > a {
		background-color: #387bbc;
		text-transform: initial;
		font-size: 1.1rem;
		font-weight: 400;
		border-radius: 3px;
		padding: 0.8rem 2rem;
	}
	.audience-nav .buttons li a:hover,
	.audience-nav .buttons li a:focus {
		color: rgba(225, 225, 225, 1);
		text-decoration: none;
		background-color: #003f64;
	}
	.navigation-slide .audience-nav {
		transform: translate3d(0, -85px, 0);
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
    .audience-nav.component {
        -ms-flex-flow: row;
            flex-flow: row;
    }
	.audience-nav.component .links-buttons-wrapper {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: column-reverse;
		    flex-flow: column-reverse;
	}
	.audience-nav.component .social {
        font-size: 20px;
        padding-bottom: 35px;
    }
	.audience-nav .buttons {
		padding-bottom: 15px;
	}

}

@media screen and (min-width: 1024px) {
	.audience-nav.component {
		-ms-flex-flow: row nowrap;
		    flex-flow: row nowrap;
		-ms-flex-align: center;
		    align-items: center;
		height: 35px;
		padding: 10px;
		position: fixed;
		z-index: 999999;
		width: 100%;
		transition: transform .4s;
	}
	.audience-nav .links {
		margin-right: 0;
	}
	.audience-nav .buttons {
		margin-bottom: 0;
		margin-right: 50px;
		margin-left: 3rem;
		padding-bottom: 2px;
	}

	.navigation-slide .audience-nav {
		transform: translate3d(0, -50px, 0);
	}

}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.audience-nav.component .social {
		font-size: 20px;
	}
}
@media screen and (min-width: 1280px) {
	.audience-nav.component {
		-ms-flex-flow: row nowrap;
		    flex-flow: row nowrap;
		-ms-flex-align: center;
		    align-items: center;
		height: 35px;
		padding: 10px;
		position: fixed;
		z-index: 999999;
		width: 100%;
		transition: transform .4s;
		-ms-flex-pack: justify;
		    justify-content: space-between;
	}
	.audience-nav.component .social{
		display:block;
	}
	.audience-nav.component .social span.icon{
		font-size: 2.0rem;
	}
	.audience-nav.component .social .inner-social-span {
		margin-right: 20px;
	}
	.audience-nav.component .social .inner-social-span div{
		display: none;
	}
	.audience-nav.component .social .inner-social-span a .icon:hover {
	  color: #c8c9c7;
	}
	.audience-nav.component .social .inner-social-span a:active,
	.audience-nav.component .social .inner-social-span a .icon:active {
	  color: #FFB81C;
	}
}
@media screen and (min-width: 1440px) {
	.audience-nav.component {
		-ms-flex-flow: row nowrap;
		    flex-flow: row nowrap;
		-ms-flex-align: center;
		    align-items: center;
		height: 35px;
		padding: 10px;
		position: fixed;
		z-index: 999999;
		width: 100%;
		transition: transform .4s;
	}
	.audience-nav.component .social span.icon{
		font-size: 2.0rem;
	}
	.audience-nav.component .social .inner-social-span {
		margin-right: 20px;
	}
	.audience-nav.component .social .inner-social-span div{
		display: none;
	}
	
	.audience-nav.component .social .inner-social-span a .icon:hover {
	  color: #c8c9c7;
	}
	.audience-nav.component .social .inner-social-span a:active,
	.audience-nav.component .social .inner-social-span a .icon:active {
	  color: #FFB81C;
	}
}.breadcrumb {
	font-family: 'AtlasGrotesk-Medium';
	text-decoration: underline;
	padding-top: 30px;
	padding-bottom: 50px;
	text-align:left;
	overflow:hidden;
}
.breadcrumb .cta {
	display: block;
	float:left;
	font-size:1.3rem;
}

.breadcrumb .cta:after {
	content: '/';
	color: #a7a8aa;
	margin: 0 7px;
	display: inline-block;
}

.breadcrumb .cta.link-white, .breadcrumb .cta.link-blue {
	margin-top: 0;
	margin-bottom: 0;
}



@media screen and (min-width: 768px) {

	.breadcrumb {
		position: relative;
		display: inline-block;
		color: #fff;
		text-align: left;
		width: 100%;
		/*padding-top: 0;*/
		/*padding-bottom: 0;*/
		padding:4px;
	}
	.breadcrumb .cta {
		font-size:1.4rem;
	}
}

@media screen and (min-width: 1024px) {
	.breadcrumb .cta {
		font-size:1.6rem;
	}
}.calendar-feed {
    background-color: #0C2340;
    height:auto;
    display: block;
}

.calendar-feed .event-column {
    margin-bottom:  20px;
}

.calendar-feed .calendar-label {
    margin: 40px auto 30px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 10px;
    line-height: 36px;
    border-top: 1px solid #00263e;
    border-bottom: 1px solid #00263e;
    color: #00263e;
    font-size: 1.2rem;
    letter-spacing: 2px;
}

.calendar-feed .event-image {
    width: 100%;
    height: auto;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    margin: auto;
    position: absolute;
    background-color: white;
    transition: transform .1s linear;
}

.calendar-feed .date-block {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    position: relative;
    top: -21px;
    z-index:1000;
}

.calendar-feed .event-date {
    padding: 12px 42px;
    color: #ffffff;
    font-size: 1.2rem;
}

.calendar-feed .event-body {
    height: auto;
    min-height: 210px;
    display: inline-block;
    width: 100%;
    top: -43px;
    position: relative;
}

.calendar-feed .blue {
    background-color: #3478BC;
    color: #ffffff;
}

.calendar-feed .navy {
    background-color: #0C2340;
    color: #ffffff;
}

.calendar-feed .white {
    background-color: #ffffff;
    color: #00263e;
}

.calendar-feed .event-heading {
    padding: 47px 19px 29px 19px;
    font-size: 2.5rem;
    font-family: 'Portrait-Light';
    text-align: left;
}


.calendar-feed .event-wrapper {
    height: 100%;
    pointer-events: none;
}

.calendar-feed .event-location {
    padding: 20px;
    text-align: left;
    font-size:1.6rem;
}
.calendar-feed .seperator {
    height: 1px;
    margin-left: 19px;
    border-bottom: 1px #c8c9c7 solid;
    width: 57px;
}

.calendar-feed .location-text {
    font-size: 1.2rem;
    line-height: 17px;
}

.calendar-feed .image-overlay {
    width: 100%;
    height: 100%;
    background-color: #0C2340;
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    pointer-events: none;
}

.calendar-feed .image-wrapper {
    height: 180px;
    position: relative;
    overflow: hidden;
    pointer-events: none;
}

.calendar-feed .event-column:hover .event-image {
    transform: scale(1.1);
}

.calendar-feed .event-column:hover .event-heading {
    text-decoration: underline;
}

.calendar-feed .event-column:hover .image-overlay {
    display: inline-block;
}


.calendar-feed .event-column:active .image-wrapper {
    background-color: #ffffff;
}

.calendar-feed .event-column:active .image-overlay {
    display: none;
}

.calendar-feed .event-column:active .event-image {
    opacity: 0.7;
}

.calendar-link .link-column {
    margin-top: 20px;
    margin-bottom: 50px;
}

.calendar-link .link-text {
    color: white;
    font-size:1.6rem;
}

.calendar-link .link-text:after {
    margin-left: 10px;
    content: url('bundle/images/arrow_copy_white.png');
}

.calendar-link .link-text:hover:after {
    margin-left: 10px;
    content: url('bundle/images/arrow_copy_yellow.png');
}

.calendar-link .link-text:hover {
    color: #FFB81C;
    text-decoration: underline;
}

#event-content.calendar-feed {
    display: block;
}

@media only screen and (min-width: 541px) {
    .calendar-feed .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6 {
        height: auto;
        display: inline-block;
        margin-left: 2%;
        width: 49%;
    }

    .calendar-feed .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6:first-of-type{
        margin-left: 0;
    }

    .calendar-feed .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6:nth-of-type(3){
        margin-left: 0;
    }

    .calendar-feed .event-body {
        min-height: 250px;
    }

    .calendar-feed .event-wrapper {
        height: 80vw;
    }
}

@media only screen and (min-width: 768px) {
    .calendar-feed .event-wrapper {
        height: 60vw;
    }
}

@media only screen and (min-width: 1024px) {

    #event-content.calendar-feed {
        display: -ms-flexbox;
        display: flex;
    }

    .calendar-feed .event-image {
        width: initial;
        height: 100%;
    }

    .calendar-feed .event-wrapper {
        height: 48vw;
        max-height: 500px;
    }

    .calendar-feed .aem-Grid.aem-Grid--12 .aem-GridColumn--default--3 {
        height: auto;
        display: inline-block;
        margin-left: 1.33%;
        width: 24%;
    }

    .calendar-feed .aem-Grid.aem-Grid--12 .aem-GridColumn--default--3:nth-of-type(3) {
        margin-left: 1.33%;
    }

    .calendar-feed .aem-Grid.aem-Grid--12 .aem-GridColumn--default--3:first-of-type {
        margin-left: 0;
    }
}

@media only screen and (min-width: 1441px) {
    .calendar-feed .event-image {
        width: 100%;
        height: auto;
    }
}.qu-campus-tour .demomap {
	display: none;
}

.qu-campus-tour .resp-media-image {
	padding-top: 20px;
}

@media screen and (min-width: 1025px) {
	.qu-campus-tour .demomap {
		display: block;
		height: 600px;
	}
	.qu-campus-tour .alternate-conent {
		display: none;
	}
}

@media screen and (min-width: 1280px) {
	.qu-campus-tour .demomap {
		height: 600px;
	}
}



.aem-Grid.qu-columns.insidemargins-false > .aem-GridColumn {
    padding-left:0;
    padding-right:0;
}

.qu-columns.outsidemargins-true {
    padding-left: 1.56%;
    padding-right: 1.56%;
}/**
 * CTA buttons
 */

button.cta {
	font-size: 1.3rem;
}

.btn-blue,
.btn-white {
  display: inline-block;
  border-radius: 3px;
  padding: 0 20px;
  line-height: 61px;
  margin: 20px 0;
}

a.btn-blue,
button.btn-blue {
  background: #357abf;
  color: #fff;
  font-size:1.6rem;
}

.btn-blue:hover {
	background: #003f64;
}

.btn-blue:focus {
	background: #003f64;
}

.btn-blue:active {
	background: #00263e;
}


a.btn-white,
button.btn-white {
	background: #fff;
	/* @ticket QU-878 override section colors */
	color: #00263e!important;
	font-size:1.6rem;
}

.btn-white:hover {
	background: #c8c9c7;
}

.btn-white:focus {
	background: #c8c9c7;
}

.btn-white:active {
	background: #FFB81C;
}

.cta .icon-schools-arrow {
	font-size: 0.8rem;
	margin-left: 10px;
}



.btn-blue:hover span,
.btn-white:hover span {
	text-decoration: underline;
}

.btn-blue .icon-schools-arrow,
.btn-white .icon-schools-arrow {
	display: none;
}


/**
 * CTA Links
 */

.link-blue,
.link-white {
	display: inline-block;
	margin: 20px 0;
}

.link-blue span,
.link-white span {
	text-decoration: underline;
}

a.link-blue,
button.link-blue {
	color: #357abf;
	font-size:1.6rem;
}

.link-blue:hover {
	text-decoration: none;
	color: #003f64;
}

.link-blue:focus {
	text-decoration: none;
	color: #003f64;
}

.link-blue:active {
	text-decoration: none;
	color: #00263e;
}


a.link-white,
button.link-white  {
	color: #fff;
	font-size:1.6rem;
}

.link-white:hover {
	text-decoration: none;
	color: #c8c9c7;
}

.link-white:focus {
    text-decoration: none;
    color: #c8c9c7;
}

.link-white:active {
	text-decoration: none;
	color: #FFB81C;
}

/**
 * @bugfix QU-371
 */

.cta picture {
	display: block;
}
@media screen and (min-width: 768px) {
	.btn-blue,
	.btn-white {
		padding: 0 25px;
	}
	.btn-blue .icon-schools-arrow,
	.btn-white .icon-schools-arrow {
		display: inline-block;
	}
}

@media screen and (min-width: 1024px) {

	.btn-blue,
	.btn-white {
	  line-height: 61px;
	}

}

@media screen and (min-width: 1440px) {

	.btn-blue,
	.btn-white {
	  padding: 0 40px;
	}

}.qu-deanslist [aria-hidden="true"] {
	display: none;
}

.qu-deanslist .qu-form {
	margin: 60px 0 70px 0;
}


.qu-deanslist .qu-form .legend {
	font-family: 'AtlasGrotesk-Regular';
	font-size: 1.7rem;
	position: absolute;
	top: -36px;
}

.qu-deanslist .qu-form .select:after {
	top: calc(50% - 10px);
}

.qu-deanslist .error {
	display: none;
}

.qu-deanslist .error.deanslisterror {
  display: block;
}

.qu-deanslist .error.deanslisterror + div {
	display: none;
}

.qu-deanslist .select {
	min-width: 256px;
	margin-right: 45px;
	margin-bottom: 30px;
}

.qu-deanslist .cta {
  margin: 0;
}

.qu-deanslist .subheading {
	text-transform: uppercase;
	border-bottom: solid 1px #999;
	font-family: 'AtlasGrotesk-Medium', "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	margin-top: 50px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.qu-deanslist #deanslistul {
	overflow: hidden;
}

.qu-deanslist #deanslistul ul {
	margin-bottom: 0;
	overflow:hidden;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	    flex-flow: row wrap;
}

.qu-deanslist #deanslistul li ul > li {
	margin: 15px 0;
	float: left;
	width: 100%;
	list-style-type: none;
}

.qu-deanslist #deanslistul > li {
	overflow: hidden;
	line-height:0;
}

.qu-deanslist li.newrow {
	clear: both;
	margin: 0;
}

.qu-deanslist .statename {
	padding-bottom: 10px;
}

.qu-deanslist #deanslistul {
	margin-top: 0;
}

.qu-deanslist #deansListView {
	margin-top: 50px;
	display: inline-block;
	clear:both;
	float:left;
}

.qu-deanslist .deanslist-results:focus{
	outline: 0;
}



@media screen and (min-width: 768px) {

	.qu-deanslist #deanslistul li ul > li {
		width: 45%;
	}

	.qu-deanslist #deanslistul li ul > li:nth-of-type(2n) {
		margin-left: 3%;
	}
}/* Tracking bits to figure out what responsive breakpoint we are in. */
body:before {
	content: "mobile";
	/* Prevent from displaying. */
	display: none;

}
@media (min-width: 768px) {
	body:before {
		content: "tablet";
	}
}
@media (min-width: 1024px) {
	body:before {
		content: "desktop_small";
	}
}
@media (min-width: 1440px) {
	body:before {
		content: "desktop_large";
	}
}.featured-article.featured-article-wrapper {
	width: 100%;
	min-height: 412px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
	flex-flow: row wrap;
	padding-bottom: 25px;
}
.featured-article div.article-wrapper:first-child {
	margin-bottom: 25px;
}
.featured-article .article-wrapper > div {
	background-color: #657b83;
	height: 100%;
}
.featured-article.featured-article-wrapper .article {
	width: 100%;
	height: 100%;
	position: relative;
	display: inline-block;
}

.featured-article .time-clock {
	width: 12px;
	height: 12px;
	top: 1px;
	position: inherit;
}
.featured-article .article-time {
	height: 25px;
	width: 100%;
	position: relative;
	padding-bottom: 30px;
	padding-top: 10px;
	padding-left: 10px;
}

.featured-article .article-body-image {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: 'object-fit: cover; object-position: center center';
	top: -100%;
	bottom: -100%;
	left: -100%;
	right: -100%;
	margin: auto;
	position: absolute;
	background-color: white;
	transition: transform .1s linear;
	pointer-events: none;
}

.featured-article .featured-article-left {
	-ms-flex-order:1;
	    order:1;
	float: right;
}

.featured-article .article:hover  .article-body-image {
	transform: scale(1.1);
}

.featured-article .article:hover .image-overlay {
	display: block;
}

.featured-article .article:hover .headline-text {
	text-decoration: underline;
}

.featured-article .featured-article-right {
	-ms-flex-order: 2;
	    order: 2;
	float: left;
}

.featured-article .article-body {
	width: 100%;
	overflow: hidden;
	position: relative;
	pointer-events: none;
}

.featured-article .article-body-text {
	padding: 30px 30px 30px 30px;

}

.featured-article .time-text {
	font-size: 1.2rem;
	/*color: #6d7074;*/
}

.featured-article .article:active .image-wrapper {
	background-color: #ffffff;
}

.featured-article .article:active .article-body-image {
	opacity: 0.7;
}

.featured-article .article:active .image-overlay {
	display: none;
}

.featured-article .article-type {
	font-size: 1.2rem;
	display: inline-block;
	padding-bottom: 12px;
	width:100%;
}

.featured-article .article-headline {
	padding-bottom: 23px;
	display: inline-block;
	font-family: 'Portrait-Light';
	font-size: 3.2rem;
}

.featured-article .article-arrow {
	left: 20px;
	position: relative;
	bottom: 5px;
}

.featured-article p {
	padding: 0;
	line-height: 1.4;
}

.featured-article .article-description p {
	font-size: 1.2rem;
	display: inline-block;
}

.featured-article .article-wrapper > div.gray {
	background-color: #c8c9c7;
	color: #00263e;
}

.featured-article .article-wrapper > div.blue {
	background-color: #3478BC;
	color: #ffffff;
}

.featured-article .article-wrapper > div.navy {
	background-color: #0C2340;
	color: #ffffff;
}

.featured-article .article-wrapper > div.darkgray {
	background-color: #363739;
	color: #ffffff;
}

.featured-article .article-wrapper > div.white {
	background-color: #ffffff;
	color: #357abf;
}

.featured-article .image-overlay {
	width: 100%;
	height: 100%;
	background-color: #0C2340;
	opacity: 0.3;
	position: absolute;
	top: 0;
	display: none;
	pointer-events: none;
}

.featured-article .image-wrapper {
	position: relative;
	overflow: hidden;
	height: 0;
	padding-bottom: 66.666%;
	/*height: 42vw;*/
	pointer-events: none;
}

@media screen and (min-width: 540px) {

}

@media screen and (min-width: 768px) {
	.featured-article.featured-article-wrapper {
  -ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
	}
	.featured-article div.article-wrapper:first-child {
		margin-bottom: 0px;
	}
	/*.featured-article .image-wrapper {
		height: 21vw;
	}*/

	/*	.featured-article .article-body-text {
            height: 30vw;
            max-height: 275px;
        }*/
}

@media screen and (min-width: 1024px) {

}.qu-footer {

  color:white;
}


.qu-footer .mainFooter {
  background-color: #032032;
  padding-top: 50px;
}

.qu-footer .subFooter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #031826;
  padding-left: 20px;
  width: 100%;
}
.qu-footer .mainFooter.green,
.qu-footer .subFooter.green {
  background-color: #005d38;
}

.qu-footer .mainFooter.museum-green,
.qu-footer .subFooter.museum-green {
  background-color: #a5b85e;
}

.qu-footer .subFooter .social a div {
  text-indent: -9999px;
  display: inline-block;
}

.qu-footer .footerNav {
  padding: 40px 0;
}

.qu-footer .mainFooter {
  padding-left: 20px;
}

.qu-footer .footerContainer ul {
  padding:30px 0;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.qu-footer .footerContainer li {
  list-style:none;
  padding: 0 0 20px 0;
  -ms-flex:1 1 38%;
      flex:1 1 38%;    
  font-size: small;
}

.qu-footer .navLinks {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.qu-footer .navLinks:nth-child(2n+2){
  border-left: 1px solid #ccc;
  padding-left: 50px;
}

.qu-footer .navLinks + .navLinks:before {
  content: "";
  padding: 0;
}
.qu-footer .social span.icon
 {
  padding-right: 30px;
  font-size:1.9rem;
}

.qu-footer .social {
  padding: 30px 0;
}

.qu-footer .copyright,
.qu-footer .legalLinks {
  font-size: small;
}

.qu-footer .copyright p {
  color: #999;
  display: inline;
  padding: 0;
  font-size: 1.3rem !important;
  line-height: 15.6px;
}



.qu-footer .legalLinks {
  padding: 20px 0 30px 0;
}

.qu-footer .legalLinks a {
  text-decoration: underline;
  padding-right: 10px;
}

.qu-footer a.cta {
  display: inline-block;
}
.qu-footer a .icon:hover {
  color: #c8c9c7;
}

.qu-footer .inner-social-span a, .qu-footer .inner-social-span a:hover{
  text-decoration: none !important;
}

.qu-footer .legalLinks span.inner-legal-span {
  padding: 0;
}

.qu-footer span:not(.social) a:hover,
.qu-footer .footerNav li a:hover {
  color: #c8c9c7;
  text-decoration: underline;
}

.qu-footer span:not(.social) a:focus,
.qu-footer .footerNav li a:focus {
  color: #c8c9c7;
  text-decoration: underline;
}

.footerContainer .footerNav a:hover{
  color: #c8c9c7;
}

.qu-footer a .icon:active,
.qu-footer .legalLinks a:active,
.qu-footer span:not(.social) a:active,
.qu-footer .footerNav li a:active {
  color: #FFB81C;
}

.qu-footer span.legalLinks a:hover {
  text-decoration: none;
}


@media all and (min-width:1024px) {

  .qu-footer .subFooter {
    -ms-flex-direction: row;
        flex-direction: row;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding-right: 20px;
  }

  .qu-footer .copyright,
  .qu-footer .social,
  .qu-footer .legalLinks {
    padding: 30px 0;
  }

  .qu-footer .copyright {
    -ms-flex-order: 1;
        order: 1;
  }
  .qu-footer .legalLinks {
    -ms-flex-order: 2;
        order: 2;
    -ms-flex:2;
        flex:2;
    margin-left: 30px;
  }
  .qu-footer .social {
    -ms-flex-order: 3;
        order: 3;
  }
  .qu-footer .social span.icon {
    padding-right: 10px;
    font-size:1.9rem;
  }
  .qu-footer .legalLinks span {
    padding:0 30px 0 0;
  }
  .qu-footer .legalLinks a {
    padding:0;
  }

  .footerContainer .navLinks {
    display: inline;
  }
  .qu-footer .navLinks:nth-child(2n+2) {
    border-left: 0px;
    padding: 0;
    display: inline;
  }
  .footerContainer .mainFooter .navLinks + .navLinks:before {
    content: " | ";
    padding: 0 20px;
    color: #354d5b;
  }
  .qu-footer .footerContainer li {
    -ms-flex: initial;
        flex: initial;
  }
  .qu-footer .footerContainer ul {
    display: block;
    padding: 5px 30px 40px 0;
/*      display: inline-flex;
flex-wrap: nowrap;*/
} 
.qu-footer .footerNav {
  display: inline-block;
}

.qu-footer .mainFooter {
  -ms-flex-direction: row;
      flex-direction: row;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
}
/**
 * Reset element generated by AEM.
 */

.form-fieldset.aem-GridColumn {
	padding: 0;
}

.qu-fieldset .section-note {
	color: #63666a;
	font-size: 1.3rem;
}

.qu-fieldset .section-note a {
	color: #006196;
}

@media screen and (min-width: 1024px) {
	.qu-fieldset {
	    padding-bottom: 50px;
	}
}.form-input {
	margin-bottom: 20px;
}

.form-input p {
	padding: 0;
}

/**
 * General form input styles.
 */

.field {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.qu-form input:-ms-input-placeholder { 
  color: #b5b5b5;
}

.qu-form input,
.qu-form textarea,
.qu-form .select {
	-ms-flex-order: 1;
	    order: 1;
	font-family: 'AtlasGrotesk-Regular';
}

.qu-form input,
.qu-form textarea,
.qu-form select {
	display: inline-block;
	width: 100%;
	height: 59px;
	background: white;
	border: 1px solid #d7d7d7;
	border-radius: 3px;
	font-size: 1.6rem;
	line-height: 22px;
	color: #00263e;
	padding: 0 26px;
	outline: 0;
}

.qu-form textarea {
	padding: 26px;
	height: 118px;
}

.qu-form .form-required:after {
	content: " *";
}

.qu-form input:hover,
.qu-form textarea:hover,
.qu-form select:hover {
	border-color: #00619a;
}

/**
 * Select does not have after or before.
 */

.qu-form .select {
	position: relative;
}

.qu-form .select:after {
	pointer-events: none;
    font-size: 2.0rem;
    position: absolute;
    right: 25px;
    top: 0px;
    color: #1d73a5;
    display: block;
    font-family: 'quinnipiac';
    content: "\e5cf";
}

.qu-form input:focus,
.qu-form textarea:focus,
.qu-form select:focus {
	background: #f7f7f6;
	border-color: #00619a;
}

.qu-form .legend {
	-ms-flex-order: 0;
	    order: 0;
	margin-bottom: 13px;
	font-size: 1.4rem;
	line-height: 32px;
	font-family: 'AtlasGrotesk-Medium';
}


/**
 * Required/Optional field label.
 */

.legend .optional {
	font-size: 1.3rem;
	color: #63666a;
	font-family: 'AtlasGrotesk-Regular';
}


/*
 * Invalid field. Styles are driven
 * by markup and this is why we reorder labels
 * using flexbox.
 */

.qu-form.invalid input:invalid,
.qu-form.invalid textarea:invalid,
.qu-form.invalid select:invalid  {
	border: 1px solid #d10d0d;
}

.qu-form.invalid input:invalid ~ .legend,
.qu-form.invalid input:invalid ~ .error,
.qu-form.invalid textarea:invalid ~ .legend,
.qu-form.invalid textarea:invalid ~ .error  {
	color: #d10d0d;
	opacity: 1;
	visibility: visible;
}

.qu-form .error {
	padding: 12px 0;
	line-height: 12px;
    display: block;
	-ms-flex-order: 3;
	    order: 3;
	opacity: 0;
	visibility: hidden;
	font-family: 'AtlasGrotesk-Regular';
	font-size: 1.2rem;
	color: #d10d0d;
}

.qu-form .field.field-upload  .error {
	position: absolute;
}

.qu-form .instructions{
	line-height: 12px;
	display: block;
	-ms-flex-order: 2;
	    order: 2;
	margin-top: 10px;
	font-family: 'AtlasGrotesk-Regular';
	font-size: 1.1rem;
	font-style: italic;
	opacity: 0.5;
}


/**
 * Upload button
 */

.qu-form input[type="file"]:focus + span,
.qu-form input.focus + span {
	background: #00263e;
}

.field.field-upload {
	-ms-flex-flow: row wrap;
	    flex-flow: row wrap;
	-ms-flex-align: center;
	    align-items: center;
}

.field.field-upload .legend {
	-ms-flex: 1 100%;
	    flex: 1 100%;
	margin-bottom: 0;
	line-height: 14px;
}

.upload {
	display: -ms-flexbox;
	display: flex;
	cursor: pointer;
	-ms-flex-direction: row;
	    flex-direction: row;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex: 0 1 auto;
	    flex: 0 1 auto;
	font-size: 1.4rem;
	line-height:55px;
	margin-right:10px;
	background: #357abf;
	color: #fff;
}

.upload .icon-attachment {
	font-weight: 400;
	font-size: 1.6rem;
	margin-left: 5px;
	color: white;
}

.field.field-upload .file-label {
	font-family: 'AtlasGrotesk-Regular';
	font-size: 1.6rem;
	color: #00263e;
	-ms-flex: 0 1 auto;
	    flex: 0 1 auto;
}

.field.field-upload .file-label.no-file {
	color: #63666a;
}

.icon-upload input[type="file"]:after {
	display: block;
	content: attr(value);
}
.field.field-upload .instructions {
	margin-top: 36px;
	-ms-flex: 1 100%;
	    flex: 1 100%;
}

/**
 * Security Code
 */

.field.field-security-code {
	-ms-flex-flow: row wrap;
	    flex-flow: row wrap;
	-ms-flex-align: center;
	    align-items: center;
}
.field.field-security-code .legend {
	-ms-flex: 1 100%;
	    flex: 1 100%;
	line-height: 14px;
}
.field.field-security-code input {
	width:auto;
	-ms-flex: 0 1 auto;
	    flex: 0 1 auto;
	padding:0;
	margin-right: 10px;
	text-align:center;
}
.field.field-security-code .instructions {
	-ms-flex: 0 1 auto;
	    flex: 0 1 auto;
	font-size: 1.4rem;

}
.field.field-security-code .error {
	-ms-flex: 1 100%;
	    flex: 1 100%;
}
@media screen and (min-width: 768px) {
	.field.field-security-code .instructions {
		margin-top: 0;
	}
}
@media screen and (min-width: 1024px) {
	
	.qu-form input,
	.qu-form textarea,
	.qu-form select {
		font-size: 1.8rem;
		line-height: 24px;
	}

	.upload {
		font-size: 1.6rem;
		line-height:61px;
	}

	.field.field-upload .file-label {
		font-size: 1.8rem;
	}

	.field.field-security-code .instructions {
		font-size: 1.6rem;
	}

}.qu-fieldset.group-field {
    margin: 20px 0;
}

fieldset .qu-fieldset.group-field {
	margin-top:0px;
}

.multifield-input {
	display: block;
	position: relative;
	min-height: 22px;
	margin: 16px 0;
	font-size: 1.8rem;
	line-height: 24px;
}

.multifield-input:not(.radio) {
	padding-left: 45px;
}

.qu-form .multifield-input input[type="checkbox"],
.qu-form .multifield-input input[type="radio"] {
  position: absolute;
  left: 0;
}

.qu-form  input:checked + .icon-checkbox:before {
	content: "\e91a";
}

/**
 * Checkbox.
 */

.qu-form input[type="checkbox"]:focus + span {
	border: 1px solid #00619a;
}


.qu-form label.multifield-input.checkbox span {
	position: absolute;
	left: 0;
	top: -4px;
	bottom: -2px;
	display:inline-block;
	border:1px solid #ccc;
	width:25px;
	height:25px;
	padding: 0;
	vertical-align:middle;
	margin:3px;
	border-radius: 3px;
	margin-right:20px;

}

.qu-form label.multifield-input.checkbox span:hover,
.qu-form label.multifield-input.checkbox span:focus,
.qu-form label.multifield-input.radio span:hover,
.qu-form label.multifield-input.radio span:focus {


	border-color: #00619a;

}

.qu-form label.multifield-input.checkbox :checked + span {
	position: absolute;
	font-family: 'quinnipiac';
	padding: 0 0 0 5px;
	color:#00619a;
}

.qu-form input[type="checkbox"]:focus + span,
.qu-form input[type="checkbox"]:checked + span {
	border-color:#00619a;
}


.qu-form label.multifield-input {
	color:#63666a;
}
.qu-form label.multifield-input.checked {
	color:#00263e;
}



.qu-form label.multifield-input.checkbox :checked + span:before {
	font-size: 1.2rem;
}


/**
 * Radio
 */


.qu-form input[type="radio"]:focus + span {
	border-color: #00619a;
}

.qu-form .radio span {
	position: relative;
	bottom: 4px;
	display:inline-block;
	border:1px solid #ccc;
	width:25px;
	height:25px;
	padding: 0;
	vertical-align:middle;
	margin:3px;
	border-radius: 15px;
	margin-right:20px;
	float: left;
}

.qu-form [type="radio"]:checked + span {
	position: relative;
	font-family: 'quinnipiac';
	padding: 0 0 0 5px;
	color: #00619a;
}

.qu-form .multifield-input:hover,
.qu-form .multifield-input:focus  {
	border-color: #00619a;
}

.qu-form label.multifield-input {
	color:#63666a;
}
.qu-form label.multifield-input input:checked {
	color:#00263e;
}

.qu-form input:checked ~ div {
	color: #00263e;
}

.qu-form label.multifield-input.radio input:checked + span:before {
	content: '';
	position: absolute;
	display: block;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background: #00699f;
	left: 8px;
	top: 9px;

}



/**
 * Validation group fields.
 */

.group-field.invalid input {
	border: 1px solid #d10d0d;
}

.group-field.invalid .error,
.group-field.invalid .legend {
	color: #d10d0d;
	opacity: 1;
	visibility: visible;
}


/* Fix for multiple handles on IE 11 and FF. QU-706 */
.qu-form select {
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
}

.qu-form select::-ms-expand {
	display: none;
}
.qu-gallery {
  position: relative;
  padding: 40px 0 60px 0;
}

.qu-gallery .spacer-column {
  min-height:1px;
  min-width:1px;
}

/**
 * Group of gallery titles
 */

.qu-gallery hgroup {
  margin-top: 60px;
  min-height: 160px
}

/**
 * Slide styles.
 */

.qu-gallery .slide {
  float: left;
  margin-right: 16px;
  transition: opacity .2s linear;
  width: 100%;
  max-width: 80vw;
}

.qu-gallery .slide[aria-hidden="false"] ~ .slide {
  opacity: .5;
}

.qu-gallery .slide[aria-hidden="false"] + .slide {
  opacity: .7;
}
.qu-gallery .slide picture {
  width: 100%;
  display: block;
  overflow: hidden;
}

.qu-gallery .slide img {
  transition: transform .15s linear;
}



/**
 * Caption styles
 * @note we should have a component caption shared
 * accross components.
 */

.qu-gallery .slide-caption {
  position: relative;
  padding-left: 20px;
  max-width:440px;
  visibility: hidden;  
  transition: visibility 0s linear .25s;
}
.qu-gallery .slide-caption:after {
  content: '\25b2';
  display: block;
  font-size: 1.0rem;
  position: absolute;
  top:22px;
  left:0;
}

.qu-gallery .slide[aria-hidden="false"] .slide-caption {
  visibility: visible;  
}

.slide-caption .h6 {
  padding: 20px 0 10px 0;
  font-weight: 600;
  border-bottom: 1px solid #b4b9b9;
}

.slide-caption .b5 {
  margin-top: 10px;
  padding-top: 0;
}




/**
 * Apply gigantic width to have
 * necessary overflow.
 */

.gallery-overflow {
  width: 999999px;
  transition: transform .25s cubic-bezier(.89,.6,.83,1.35);
}


/**
 * Previous and Next buttons.
 */

.gallery-carousel {
  position: relative;
  padding: 0!important;
}

.qu-gallery [class^="icon-"] {
  cursor: pointer;
  position: absolute;
  width: 42px;
  height: 42px;
  text-align:center;
  border-radius:10%;
  color:#fff;
}

.qu-gallery .icon-arrow {
  background: rgba(0,97,154,.7);
}

.gallery-modal [aria-label="previous"],
.gallery-modal [aria-label="next"] {
  display: none;
}

.gallery-carousel [aria-label="previous"],
.gallery-carousel [aria-label="next"] {
  display: none;
  top: 40%;
}

.gallery-carousel.captions-enabled [aria-label="previous"],
.gallery-carousel.captions-enabled [aria-label="next"] {
  top: 20%;
}


.qu-gallery .icon-arrow.show {
  display: block;
}

.qu-gallery [aria-label="previous"] {
  transform: rotate(180deg);
  left: -24px;
}

.qu-gallery [aria-label="next"] {
  right: 24px;
}


/**
 * Progress
 */

.gallery-progress {
  position: relative;
  border-bottom: 1px solid #b4b9b9;
  padding-top: 50px;
}

.progress-grip {
  position: absolute;
  bottom: -1px;
  border-top: 2px solid #005c8f;
  transition: all .2s linear;
}


/**
 * Gallery modal
 */

.gallery-modal {
  display: none;
  position: absolute;
  overflow:hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.gallery-overlay {
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.9);
}

.gallery-overlay:active + .close {
  transform: scale(1.2);
}

.gallery-modal[aria-hidden="false"] {
  display: block;
}

.gallery-modal .icon-close {
  font-size: 1.4rem;
  top: 24px; right: 24px;
  transition: transform .2s linear;
  z-index:99;
}

.gallery-asset {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%,-50%,0);
  max-width: 90%;
  width:100%;
  overflow:hidden;
}

.gallery-asset img {
  width: 100%;
}

.gallery-modal img {
  max-height: 100%;
}

.gallery-modal [aria-label="previous"] {
  top: 46%;
  left: 42px;
}

.gallery-modal [aria-label="next"] {
  top: 46%;
  right: 42px;
}

.qu-gallery .slide img {
  width:100%;
  display: block;
}

/**
 * Tablet and higher.
 */

@media all and (max-width: 767px) {

  .qu-gallery .slide img {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}



/**
 * Tablet and higher.
 */

@media all and (min-width: 768px) {
  .qu-gallery .slide {
    max-width:50vw;
  }

  .qu-gallery .slide img:hover {
    cursor: pointer;
    transform: scale(1.04)
  }

  .gallery-carousel [aria-label="previous"],
  .gallery-carousel [aria-label="next"] {
    top: 35%;
  }

  .gallery-carousel.captions-enabled [aria-label="previous"],
  .gallery-carousel.captions-enabled [aria-label="next"] {
    top: 20%;
  }

  .qu-gallery [class^="icon-"] {
    width: 68px;
    height:68px;
  }
  .qu-gallery [class^="icon-"]:before {
    font-size:1.6rem;
  }

}
@media all and (min-width: 1024px) {
  .qu-gallery [aria-label="next"] {
    right: 100px;
  }
  .gallery-carousel.captions-enabled [aria-label="previous"],
  .gallery-carousel.captions-enabled [aria-label="next"] {
    top: 30%;
  }
}

@media all and (min-width: 1440px) {
  .gallery-carousel [aria-label="previous"],
  .gallery-carousel [aria-label="next"] {
    top: 45%;
  }

  .gallery-carousel.captions-enabled [aria-label="previous"],
  .gallery-carousel.captions-enabled [aria-label="next"] {
    top: 40%;
  }
}


.qu-streetview {
	position: relative;
	overflow: hidden;
	min-height: 525px;
	height: 100%;
	font-size: 1.2rem;
}
.qu-streetview.multi-location {
	min-height: 575px;
}

/**
 * Loading screen
 */

.streetview-loading {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.streetview-loading.hidden,
.streetview-panel.hidden {
	display: none;
}

.qu-streetview.panorama-ready .streetview-loading {
	width: 0;
	height: 0;
}

.loading-layer {
    position: absolute;
    left: 20px;
    top: 10px;
    width: 25px;
    height: 25px;
    background: rgba(34,34,34,.8);
    border-radius: 50%;
    z-index: -99;
    pointer-events: none;
    transform: scale3d(200, 200, 200);
    transition: transform .8s cubic-bezier(.79,.2,.77,1.34) 1.5s, border-radius .2s ease-in 2.2s
}

.qu-streetview  .gm-style .gm-bundled-control-on-bottom {
	top: 0px !important;
}


.qu-streetview .icon-burger {
	position: absolute;
	top: 10px;
	cursor: pointer;
    color: #ccc;
    line-height: 25px;
    margin: 2px;
    text-align: center;
    width: 21px;
    outline: 0;
    visibility: hidden;
    transition: visibility 0s linear 2.1s;
    animation: burger-bouncy .2s linear 2.15s;
	height: 2px;
	background-color: #c8c9c7;

}

.qu-streetview .icon-burger:before, .qu-streetview .icon-burger:after {
	width: 21px;
	height: 2px;

}

.qu-streetview .icon-burger:before {
	top: 6px;
}

.qu-streetview .icon-burger:after {
	bottom: 6px;
}

.qu-streetview .streetview-panel .streetview-address .icon-map .visuallyhidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}


@keyframes burger-bouncy {

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }

}

.qu-streetview.panorama-ready .icon-burger {
	visibility: visible;
}

.streetview-spinner {
	transition: all 0s linear 2.1s;
}

.qu-streetview.panorama-ready .streetview-spinner {
	opacity:0;
	visibility: hidden;
}



.loading-logo {
	display: none;
}


.qu-streetview.panorama-ready .loading-layer/*,
.qu-streetview.panorama-ready:hover .loading-layer */{
	transform: scale3d(1,1,1);
	border-radius: 0px;
}


.streetview-panel {
	position: absolute;
    width: 25px;
    height: 25px;
    margin: 10px 20px;
	z-index: 10;
	color: #ccc;
	line-height: 16px;
}

.streetview-address {
	display: none;
}


.streetview-address {
	position: absolute;
	list-style: none;
	top: 15px;
	display: none;
	font-style: normal;
	background: rgba(34,34,34,.8);
	width: 200px;
}

.streetview-address .tools {
	position: absolute;
	height: 25px;
	width: 175px;
	top: -25px;
	left: 25px;
	background: rgba(34,34,34,.5);
}

.qu-section .streetview-address li {
	margin: 0;
	list-style: none;
}

.streetview-panel .icon-burger:checked + .streetview-address {
	display: block;
}


.streetview-address address {
	font-style: normal;
    line-height: 33px;
    font-size: 1.2rem;
    padding: 0 10px;
    cursor: pointer;
}

.streetview-address address:hover {
	color: white;
}

.streetview-address .icon-map {
	float: right;
	font-size: 1.4rem;
    color: #ccc;
	margin-top: 9px;
}

.streetview-address .icon-map:hover {
	color: #fff;
}

/* Campus Bird Integration Styles */
.campus-bird-container .main {
    position:relative;
    overflow:hidden;
    padding-top:42.25%;
    min-height:0;
}

.campus-bird-container .main iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}


/* Move Google map controls from under dot nav and mobile gyro toggle off area toggles */
.qu-streetview  .gm-style .gm-bundled-control {
	left: 10px;
	right:0;
	max-width:40px;
}

.qu-streetview.multi-location  .gm-style .gm-bundled-control-on-bottom {
	top:50px !important;
}.burger-link {
	position: relative;
    z-index: 100000;
	cursor: pointer;
	font-size: 2.2rem;
	color: white;
	height: 28px;
}

.icon-burger,
.icon-burger:before,
.icon-burger:after {
	width: 18px;
    height: 2px;
}

.icon-burger {
    position: relative;
    display: block;
    background: white;
}

.icon-burger:hover {
	background: #ccc;
}



.icon-burger:before,
.icon-burger:after {
  position: absolute;
  left: 0;
  background: inherit;
  content: '';
  transition: transform .15s ease-in;  
}

.icon-burger:before {
  top: 6px;
}

.icon-burger:after {
  bottom: 6px;
}

.burger-link:hover {
	color: #ccc;
}

/* .burger-link:hover .icon-burger:before {
  transform: translateY(3px);
}

.burger-link:hover .icon-burger:after {
  transform: translateY(-3px);
} */

.burger-link:hover .icon-burger {
	background: #c8c9c7;
}
.burger-link:active .icon-burger,
.burger-link:focus .icon-burger {
	background: #FFB81C;
}

.burger-link:hover .icon-quinn-q {
	color: #c8c9c7;
}

.burger-link:active .icon-quinn-q,
.burger-link:focus .icon-quinn-q {
	color: #FFB81C;
}



/**
 * Hide header link once a drawer is shown.
 */

[class*="slide-drawer-"] .burger-link {
  display: none;
}



/**
 * Tablet and higher.
 */

@media screen and (min-width: 768px) {
	
	.icon-burger,
	.icon-burger:before,
	.icon-burger:after {
		width: 28px;
	    height: 4px;
	}

	.icon-burger:before {
	  top: 9px;
	}

	.icon-burger:after {
	  bottom: 9px;
	}
}
@media screen and (min-width: 1024px) {
	.icon-burger{
		top: -8px;
	}
}.header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	position: fixed;
	z-index: 99999;

	width: 100%;
	height: 45px;

	font-family: 'Portrait-Light';
	text-align: center;

	color: white;
	background-color: #00263e;

	transition: transform .4s;
}

.header.header-padding {
	margin-top: 20px;
}
.header.green {
	background-color: #005d38;
}

.header.museum-green {
    background-color: #a5b85e;
}

.header .middle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.header .middle.no-nav {
	width: 100%;
}


.navigation-slide .header, .navigation-slide #homepage-header {
 	transform: translate3d(0, -65px, 0);
}


.header .logo {
	width: 90px;
	margin-top: 10px;
}


.header > .burger-link {
 	font-size: 2.8rem;
 	background: #003859;
 	height: 100%;
 	padding: 0 13px;
}
.header .burger-link .menutitle {
	display:none;	
}
.header.green > .burger-link {
	background-color: #005d38;
}

.header.museum-green > .burger-link {
	background-color: #a5b85e;
}
.header .icon-quinn-q{
 	position: relative;
 	z-index: 9999999;
 	display: block;
 	font-size: 1.3rem;
 	line-height: 45px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
}

.header .burger-link:active {
	text-decoration: none;
}

.header .burger-link.right {
	background: transparent;
	position: absolute;
	top:0;
	right:0;
}

.header .burger-link.right:hover .icon-quinn-q:after {
	text-decoration: underline;
}


.header .icon-quinn-q {
	font-size: 2.0rem;
}

.header .icon-quinn-q span {
	display: none;
}

/* should be in cta? */
.header a:hover {
	color: #c8c9c7;
	cursor: pointer;
}

.header a:active {
	text-decoration: underline;
	color: #FFB81C;
}


[class*="slide-drawer"] .header-overlay {
	visibility: visible;
	opacity: .95;
}


/*Sub site pages with no nav styles */
.header .middle.no-nav .logo{
	max-height: 35px;
	width: auto;
	max-width: 60%;
}

/*.navigation-slide .header-placeholder {
	height: 0;
}*/

@media screen and (min-width: 768px) {
	.header  {
		height: 60px;
	}

	.header.header-padding {
		margin-top: 80px;
	}

	.navigation-slide .header, .navigation-slide #homepage-header {
	 	transform: translate3d(0, -140px, 0);
	}

	.header .icon-quinn-q {
	 	line-height: 60px;
	 }
	.burger-link {
		font-size: 2.5rem;
	}

	 .header .logo {
	 	width: 115px;
	 }

	 .header .icon-quinn-q:after {
	    font-size: 1.4rem;
	    vertical-align: middle;
	    font-weight: bold;
	    font-family: AtlasGrotesk-Medium;
	    content: attr(aria-label);
	    margin-left: 3px;
	 }

	/*Sub site pages with no nav styles */
	.header .middle.no-nav .logo{
		max-height: 50px;
		width: auto;
	}

}

@media screen and (min-width: 1024px) {

	.navigation-slide .header, .navigation-slide #homepage-header {
	 	transform: translate3d(0, -130px, 0);
	}

	.header {
		height: 70px;
	}

	.header.header-padding {
		margin-top: 35px;
	}

	.header .logo {
		width: 135px;
	}

	.header > .burger-link {
	    font-size: 4.0rem;
	    padding: 0 22px;
	    background: #00263e;
	}
	.header .burger-link .menutitle {
		display:block;
		padding-top: 21px;
	    font-size: 1.0rem;
	    position: relative;
	    vertical-align: bottom;
	    font-weight: bold;
	    right: 0%;
	    top: 0%;
	    font-family: AtlasGrotesk-Medium;
	    
    }
    .header .burger-link .menutitle:hover {
		color: #c8c9c7;
	}
    .header .burger-link .menutitle:active,
    .header .burger-link .menutitle:focus {
		color: #FFB81C;
	}
	
	.header .burger-link:hover .menutitle {
		color: #c8c9c7;
	}
	.header .burger-link:active .menutitle,
	.header .burger-link:focus .menutitle {
		color: #FFB81C;
	}
	
	.header .icon-quinn-q {
		line-height: 60px;
		min-width: 70px;
		width: 100%;
		font-size: 2.2rem;
	}

	.header .right {
		width: 168px;
	}
	.header .right .svg-icon {
		float:left;
		display: inline-block;
		width:32px;
		fill: #FFFFFF;
		height:32px;
	}

	.header .icon-quinn-q span {
		display: inline;
		pointer-events: none;
		font-size: 1.2rem;
		font-family: 'AtlasGrotesk-Regular';
		font-weight: bold;
		position: relative;
		bottom: 5px;
		left: 10px;
	}

	.slide-drawer-right .header .right {
		width: 70px;
	}

	.slide-drawer-right .icon-quinn-q span {
		display: none;
	}

	/*Sub site pages with no nav styles */
	.header .middle.no-nav .logo{
		max-height: 60px;
		width: auto;

	}

}


@media screen and (min-width: 1440px) {

	.navigation-slide .header, .navigation-slide #homepage-header {
	 	transform: translate3d(0, -130px, 0);
	}

	.header, #homepage-header {
		height: 80px;
	}

	.header.header-padding {
		margin-top: 35px;
	}

	.header .icon-quinn-q {
		line-height: 80px;
		min-width: 80px;
	}

	.slide-drawer-right .header .right {
		width: 80px;
	}

	.headr .logo {
		width: 151px;
	}

	/*Sub site pages with no nav styles */
	.header .middle.no-nav .logo{
		max-height: 70px;
		width: auto;
	}

}
/**
 * Hide overflow for IE11
 * @ticket QU-901
 */

.hero.parbase, .qu-hero.parbase {
  overflow: hidden;
}

.qu-hero {
	position: relative;
	display: block;
	border-bottom: 1px solid #c8c9c7;

}
.qu-hero .hero-bg-content {
	display: block;
	position: relative;
}
.qu-hero .hero-bg-content:after {
	content: "";
	width:100%;
	height:100%;
	display: block;
	top:0;
	left:0;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.25);
}
.qu-hero .hero-bg-content.dark:after {
	display: none;
}

.qu-hero .hero-bg-content .hero-img {
	display: block;
	position: relative;
	width:100%;
	padding-bottom: calc(9/16 * 99.9%);  /*  percentage handles a 16/9 ratio  */
	overflow:hidden;
}

.qu-hero .hero-bg-content .resp-media-video .video-container {
	padding-bottom: calc(9/16 * 100%);
	margin: 0 auto 0;
	height: auto;
	max-height: 100vh;

}
.qu-hero .hero-bg-content .hero-img:after {
	content: "";
	display: block;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba(0, 0, 0, 0.15);
}
.qu-hero .hero-bg-content .resp-media-video{
	display: block;
	position: relative;
	width:100%;
	overflow:hidden;
}
.qu-hero picture , .qu-hero img, .qu-hero picture img {
	display: block;
	position: absolute;
	top:0;
	left:0;
	width:100%;
}

.qu-hero .icon-carret {
	text-align: center;
	padding-top: 40px;
	display: inline-block;
	cursor: default;
	animation: arrow-bounce 2s 2;
	color: #418FDE;
}

.qu-hero .hero-content .section-jump {
	cursor: pointer;
}

.qu-hero .hero-content .section-jump .visuallyhidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.qu-hero .hero-content {
	padding-bottom: 40px;
	text-align: center;
	color: #00263e;
}

.qu-hero .hero-content.title-lockup .svg-logo.school-svg {
	display: inline-block;
	vertical-align: middle;
}


.qu-hero .hero-content.dark .section-jump {
	color: #418FDE;
}

.qu-hero .hero-content.school-lockup .lockup-container {
	width:100%;
}

.qu-hero .hero-content {
	z-index: 4;
}

.qu-hero .hero-content .svg-logo.school-svg {
	width:100%;
	height:100vh;
	fill: #00263e;
	display: inline-block;
	max-height:25vh;
	min-height:100px;
}

/* hides title so can still be used for SEO */
.qu-hero .hero-content.school-lockup .hero-title {
	position: absolute;
	top: -999999px;
	left: -999999px;
}




@media screen and (max-width:767px) {
	.qu-hero .hero-content .hero-title {
		font-size: 3.8rem;
		line-height:44px;
	}
	.qu-hero .hero-breadcrumb .breadcrumb .cta.link-white{
		color: #418FDE;
	}
	.qu-hero .hero-breadcrumb .breadcrumb .cta.link-white:hover{
		color: #003f64;
	}
}
@media screen and (min-width: 768px) {
	.qu-hero {
		border-bottom: none;
	}
	.qu-hero .hero-content {
		color: #fff;
	}
	.qu-hero .icon-carret {
		width: 34px;
		height: 18px;
		margin: 0 auto;
		color:#fff;
	}
	.qu-hero .hero-breadcrumb {
		position: absolute;
		top: 20%;
		left: 50%;
		transform: translateY(-5%) translateX(-50%) ;

	}
	.qu-hero .hero-content {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
	}
	.qu-hero .hero-content.dark {
		color: #00263e;
	}
	.qu-hero .hero-content .svg-logo.school-svg {
		fill: #fff;
	}
	.qu-hero .hero-content.dark .svg-logo.school-svg {
		fill: #00263e;
	}
	
}

@media screen and (min-width: 1024px) {
	.qu-hero .hero-breadcrumb {
		top: 13%;
	}
}

@media screen and (min-width: 1440px) {
	.qu-hero .hero-breadcrumb {
		top: 9%;
	}
}


@keyframes arrow-bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-10px);
  }

  60% {
    transform: translateY(-5px);
  }
}

.qu-interstitial {
	display: block;
	z-index: 1;
	position: relative;
}

.qu-interstitial .interstitial-wrapper {
	height: 100%;
}

.qu-interstitial .interstitial-wrapper .hide-default {
    visibility:hidden;
    height:0;
    padding:0;
    display:block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    border:none;
    position:absolute;
}

.qu-interstitial .dummy-bg {
	height: 300px;
	padding-top: 120px;
	background-color: #ccc;
}
.qu-interstitial .h1 {
	padding: 0 0 0 30px;
	z-index: 20; 
}
.qu-interstitial .resp-image {
	z-index: 1;
}

.qu-interstitial .resp-media-image {
    padding-top: 0;
}
.qu-interstitial .resp-image:after {
	content: "";
	display: block;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color: rgba(0, 0, 0, 0.25);
}
.qu-interstitial .no-filter .resp-image:after {
	display: none;
}
.qu-interstitial .h3 {
	position: absolute;
}
.qu-interstitial h5 {
	font-weight: normal;
}
.qu-interstitial .headline-center {
	text-align: center;
	width: 100%;
	padding: 0px;
}

@media screen and (min-width: 768px) {
	.qu-interstitial .h1 {
		top:45%;
		right: 50%;
		position: absolute;
		transform: translateY(-45%) translateX(50%);
	}
	.qu-interstitial .light {
		color: white;
	}
	.qu-interstitial .resp-media-image .caption-content {
		margin-left:20px;
	}
	.qu-interstitial .resp-media-image.caption-bottom-right .caption-content {
		margin-right:70px;
		}
}
.qu-map {
    margin-top:40px;
    text-align: left;
}

.qu-map ul {
    margin: 0;
}

.qu-map .mapimg img {
    width:100%;
}

.qu-map .copy {
    padding: 0 15px;
}


.qu-map li {
    list-style-type: none;
}

.qu-section .qu-map ul li  {
    margin:0;
}


.qu-map .one.aem-GridColumn--default--1,
.qu-map .aem-GridColumn--default--2  {
    /* to enforce grid width */
    height: 1px;
}

.qu-map .b4 {
    font-family: 'AtlasGrotesk-Medium';
    margin-top:20px;
    margin-bottom:5px;
    display: block;
    padding-top:0;
}

.qu-map .title {
    padding-top:5px;
    padding-bottom:15px;
    color:#00263e;
}

.qu-map .hours {
    padding-top:0;
    padding-bottom:0;
    margin-top:0;
    font-weight:bold;
    color:#00263e;
}

.qu-map  .b4.details {
    font-family: 'AtlasGrotesk-Regular';
    margin-top:0;
    padding-top:0;
    margin-bottom:0;
    padding-bottom:0;
    color:#00263e;
}


.qu-map  .b4.phone,
.qu-map  .b4.email {
    margin:0 0 10px;
    padding:0;
}

.qu-map  .b4.phone span,
.qu-map  .b4.email span {
    margin:0;
    padding:0;
    font-size:1.6rem;
}

.qu-map  .b4.phone a {
    color:#00619a;
    text-decoration: underline;
}
.qu-map  .b4.phone a:hover {
    text-decoration: none;
}


.qu-map  .b4.email a {
    color:#00619a;
    text-decoration: underline;
    
}
.qu-map  .b4.email a:hover {
    text-decoration: none;
}


.qu-map .b5 {
    font-style: italic;
    margin-top: 30px;
    margin-bottom:20px;
}




.qu-map .icon.icon-mail:before,
.qu-map .icon.icon-phone:before {
    position: relative;
    display: inline-block;
    top: 3px;
}

.qu-map .icon.icon-mail:before {
    padding-right: 10px;
}

.qu-map .icon.icon-phone:before {
    padding-right: 15px;
}

.qu-map a:link ~ .icon.icon-mail {
    text-decoration: none;
}


.qu-map .copy span {
    display: block;
    color: #63666a;
    margin-top:30px;
}


.qu-map .one img {
    width:100%;
    margin-bottom:-5px;

}


.qu-map .one {
    padding-top: 0;
    background-color: #f7f7f7;
    border: 1px solid #ececec;
}

.qu-map .one li {
    float: left;
    width: 100%;

}

.qu-map .one li.copy {
   padding-left:1.56%;
}


.qu-map .two,
.qu-map .three {
    background-color: #f7f7f7;
    border: 1px solid #ececec;

    margin-left: 1.56%;
    margin-right: 1.56%;
    padding-left:0;
    padding-right: 0;
    margin-top:40px;

}



.qu-map .aem-Grid > .one.aem-GridColumn.aem-GridColumn--default--12,
.qu-map .aem-Grid > .one.aem-GridColumn.aem-GridColumn--default--12:first-of-type,
.qu-map .aem-Grid > .one.aem-GridColumn.aem-GridColumn--default--12:last-of-type {
    margin-left: 1.56%;
    margin-right: 1.56%;
    padding-left:2px;
    padding-right: 0;
    padding-top: 2px;
    width: 97%;
}



.qu-map .abovedivider {
    margin-bottom:40px;
}

.qu-map .belowdivider {
    margin-top:20px;
}

.qu-map .copy p.b4:last-of-type {
    padding-bottom:30px;
}

.qu-map hr.h2 {
    line-height: 1;
    font-size: 1.2rem;
    width: 90px;
    margin-top:5px;
    margin-bottom: 20px;
    display: inline-block;
    height: 1px;
    border: 0;
    border-top: 1px solid #c8c9c7;
}
.map-campusbird {
	height: 60vh;
}
/* #map_frame {
  height: calc(100% - 48px);
  position: absolute;
  float: left;
  border: none;
  margin: 0;
  padding: 0;
} */
@media (min-width: 1025px) {
  /* #map_frame {
    height: calc(100% - 120px);
  } */
  .map-campusbird {
    height: 60vh;
  }
}
@media (min-width: 767px) {

    .qu-map .aem-Grid.aem-Grid--12 > .three.aem-GridColumn.aem-GridColumn--default--4 {
        width: 30.2%;
    }

    .qu-map .aem-Grid.aem-Grid--12 > .two.aem-GridColumn.aem-GridColumn--default--6 {
        width: 46.85%;
    }

    .qu-map .one li {
        width: 50%;

    }

    .qu-map .two, .qu-map .three {
        margin-top:0;
    }
    .map-campusbird{
		height: 50vh;
	}


}/* PageUp Component CSS */

.aem-Grid.qu-columns.insidemargins-false > .aem-GridColumn {
    padding-left:0;
    padding-right:0;
}

.qu-columns.outsidemargins-true {
    padding-left: 1.56%;
    padding-right: 1.56%;
}
.pageup .qu-columns .oppurtunities{
    font-weight: bold;
}

/* PageUp Table Styles */

.pageup #recent-jobs table thead th,
.pageup #search-results table thead th {
    font-size:2rem;
}
.pageup #recent-jobs table tbody tr:nth-of-type(2n+1) td:first-child,
.pageup #search-results table tbody tr:nth-of-type(2n+1) td:first-child {
    font-size:1.8rem;
    text-align:left;
}
.pageup #recent-jobs table tbody tr:nth-of-type(2n+1) td,
.pageup #search-results table tbody tr:nth-of-type(2n+1) td {
    font-size:1.6rem;
}

.pageup #recent-jobs table tbody .summary,
.pageup #search-results table tbody .summary {
    font-size:1.6rem;
}

/* Styles provided by PageUp */

#jobs-form th {
    text-align:left;
    font-weight:bold;
}

#jobs-form td,
#jobs-form p,
#jobs-form th,
#jobs-form,
#jobs-form li,
#jobs-form span,
#jobs-form label {
    font-size:14px;
}

#jobs-form p {
    padding:0;
}

#jobs-form td,
#jobs-form th {
    padding:0.75em 0;
}

#jobs-form h2,
#jobs-form h3,
#jobs-form h1 {
    margin:10px 0;
    font-weight:bold;
}

#jobs-form .job-link {
    font-weight:bold;
    text-decoration:underline;
    color:blue;
}

/* Add checkboxes to filters */
ul.filter li input {
    -webkit-appearance: checkbox;
}.programrequirements {
    /* wrapper container */
}

/* Clearfix */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/* Program Faculty */
.programfaculty {
    width: 100%;
    /*font-family: "PortraitQ Regular";*/
    font-size: 25px;
    line-height:28px;
    color:#00263e;
}

.programfaculty .programfaculty-container {
    width:90%;
    margin:0 auto;
    overflow:auto;
    border-bottom:1px solid #000;
}

.programfaculty .programfaculty-container::-webkit-scrollbar {
    display:none;
}

.programfaculty .programfaculty-container:last-child{
    border:none;
}

.programfaculty .textimage {
    padding:20px 0;
    overflow:auto;
}

.programfaculty .textimage .section-header h2 {
    font-family: 'Portrait-Light';
    font-size:3.4rem;
    margin:20px 0;
}

.programfaculty .textimage .section-header .dean-faculty {
    /*display:none;*/
}

.programfaculty .textimage .profile {
    width:50%;
    float:left;
    padding-bottom:60px;
}

.programfaculty .textimage .profile:nth-child(2n+2){
    clear:both;
}

.programfaculty .textimage .profile h1 {
    font-family: 'Portrait-Light';
    font-size:2.6rem;
    margin:20px 0;
}

.programfaculty .textimage .profile h1 .faculty-name {
    display:inline-block;
    text-decoration:none;
    border-bottom: 3px solid #357abf;
    color:#357abf;
}

.programfaculty .textimage .profile h1 .faculty-name:hover,
.programfaculty .textimage .profile h1 .faculty-name:focus {
    color:#003f64;
    border-bottom:3px solid #003f64;
}

.programfaculty .textimage .profile picture .faculty-image {
    float:left;
    padding-top:5px;
    margin-right:20px;
    width:200px;
    height:300px;
}

.programfaculty .textimage .profile p {
    padding:0 0 2px;
    font-size: 1.4rem;
}

.programfaculty .textimage .profile .faculty-department {
    text-decoration:underline;
}

.programfaculty .textimage .profile .faculty-email {
     padding-top:30px;
     word-wrap: break-word;
	padding-right: 20px;
}

.programfaculty .textimage .profile p .link-blue {
    margin:0;
}

.programfaculty .textimage .profile p .link-blue span {
    text-decoration:none;
    font-size:1.4rem;
}

/* Tablet */
@media screen and (min-width:768px) and (max-width:991px) {


    .programfaculty .programfaculty-container::-webkit-scrollbar {
        display:none;
    }

    .programfaculty .textimage .profile {
        padding:0 0 40px 40px;
        width:50%;
        float:left;
    }

    .programfaculty .textimage .section-header h2 {
        font-size:2.6rem;
    }

    .programfaculty .textimage .profile h1 {
        font-size:1.8rem;
    }

    .programfaculty .textimage .profile picture .faculty-image {
        float:none;
        height:300px;
        margin-bottom:10px;
    }

    .programfaculty .textimage .profile .faculty-email {
         padding-top:15px;
    }

    .programfaculty .textimage .profile p .link-blue span {
        font-size:1.4rem;
    }

}

/* Mobile */
@media screen and (max-width:767px) {
    .programfaculty .programfaculty-container {
        width:84%;
        margin:0 auto;
    }

    .programfaculty .textimage .profile {
        width:90%;
        margin:0 auto;
        float:none;
        padding-bottom:20px;
    }

    .programfaculty .textimage .section-header h2 {
        font-size:3rem;
    }

    .programfaculty .textimage .profile h1 {
        font-size:2rem;
    }

    .programfaculty .textimage .profile h1 .faculty-name {
        border-bottom: 2px solid #357abf;
    }

    .programfaculty .textimage .profile picture a {
        display:inline-block;
    }

    .programfaculty .textimage .profile picture .faculty-image {
        float:none;
        padding:0;
        margin:0;
        width:284px;
        height:300px;
    }

    .programfaculty .textimage .profile p {
        padding:0 0 5px;
    }

    .programfaculty .textimage .profile .faculty-email {
         padding-top:0;
    }

    .programfaculty .textimage .profile p .link-blue span {
        font-size:1.4rem;
    }
}



.programrequirements {
    /* wrapper container */
}

.program-requirements {
    /* component container */
    width: 100%;

    font-family: "PortraitQ Regular";
    font-size: 2.5rem;
    line-height:28px;
    color:#00263e;
}

.program-requirements table {
    border-top: 1px solid #c8c9c7;
    border-bottom: 1px solid #c8c9c7;
}

.program-requirements .odd {
    background-color: #efefef;
}

.program-requirements th {
    text-align: left;
    padding: 30px 10px 10px;

    font-family: AtlasGrotesk-Medium;
    font-size: 1.2rem;
    line-height: 18px;
    color: #63666a;
}

.program-requirements table.sc_courselist tbody tr td,
.program-requirements table.sc_plangrid tbody tr td
{
    padding: 10px;

    font-family: AtlasGrotesk-Regular;
    font-size: 1.4rem;
    line-height: 22px;
    color: #357abf;

}

.program-requirements .headD {
    margin-top: 25px;
    margin-bottom: 25px;
}

.program-requirements table.sc_courselist,
.program-requirements table.sc_plangrid {
    width: 100%;
}


.program-requirements table.sc_courselist tbody tr.areaheader td,
.program-requirements table.sc_courselist tbody tr td .courselistcomment,
.program-requirements table.sc_courselist tbody tr.listsum td,
.program-requirements table.sc_courselist tbody tr td.hourscol,
.program-requirements table.sc_plangrid tbody tr.areaheader td,
.program-requirements table.sc_plangrid tbody tr td .courselistcomment,
.program-requirements table.sc_plangrid tbody tr.listsum td,
.program-requirements table.sc_plangrid tbody tr td.hourscol,
.program-requirements table.sc_plangrid .year

{
    color: #00263e;
}

.program-requirements table.sc_courselist .year,
.program-requirements table.sc_plangrid .year {
    font-family: "PortraitQ Regular";
    font-size: 1.17em;
    font-weight: normal;
}



.program-requirements table.sc_courselist tbody tr.listsum td,
.program-requirements table.sc_plangrid tbody tr.listsum td
{
    font-family: AtlasGrotesk-Medium;
}

.program-requirements table.sc_footnotes {
    border-top: none;
}

.program-requirements table.sc_footnotes .notecol p,
.program-requirements table.sc_footnotes .symcol {
    font-family: AtlasGrotesk-Medium;
    font-size: 1.2rem;
    line-height: 18px;
    color: #63666a;
}
.program-requirements table.sc_footnotes .notecol,
.program-requirements table.sc_footnotes .symcol {
    padding-top: 15px;
}

.program-requirements table.sc_footnotes .notecol p {
    padding-top: 0;
}
.program-requirements h2 {
    line-height:1.1;
}

.program-requirements h3 {
    margin:25px 0;
}

.program-requirements p.text, .program-requirements p.text2 {
    font-family: AtlasGrotesk-Regular;
    font-size: 2.0rem;
    line-height: 30px;
    color: #00263e;
}

@media screen and (min-width: 1024px) {
    .program-requirements table.sc_footnotes .notecol,
    .program-requirements table.sc_footnotes .symcol {
        padding-top: 20px;
    }
}

.qu-promo {
    margin-top:40px;
    margin-bottom: 40px;
    text-align: left;
}


.qu-promo .promo-content {
    padding: 15px 15px 23px;
}

.qu-promo .one.aem-GridColumn--default--1, .qu-promo .aem-GridColumn--default--2  {
    /* to enforce grid width */
    height: 1px;
}

/* One Promo */

.qu-promo .one a {
    margin:0;
}
.qu-promo .one a > img{
    width:48%;
    float:left;
}

.qu-promo .one .promo-content {
    width:48%;
    float:left;
    padding: 15px 18px 23px;
}

.qu-promo .one .promo-link {
    margin:20px 0;
}

.qu-promo .b4 {
    font-family: 'AtlasGrotesk-Medium';
    font-size:1.4rem;
    margin-bottom:25px;
    display: block;
    text-decoration:none;
    color: #00263e;
}

.qu-promo .one .b4 {
    font-family: 'AtlasGrotesk-Medium';
    margin-top:5px;
    margin-bottom:5px;
    display: block;
    text-decoration:none;
    color: #00263e;
}

.qu-promo .b5 {
    text-decoration:none !important;
    font-size: 1.2rem;
    padding: 5px 0 0 0;
    margin:0;
    color: #00263e !important;
}


.qu-promo .aem-GridColumn .cta .promo-link span {
    position:relative;
    font-family: 'Portrait-Light';
    display: inline-block;
    font-size: 2.5rem;
    color:#357abf;
    text-decoration: underline;
}

.qu-promo .aem-GridColumn .cta .promo-link.unwrapped span {
    text-decoration: none;
    color: #00263e;
}

.qu-promo .aem-GridColumn .cta .promo-link span:hover {
    text-decoration: none;
}

.qu-promo .aem-GridColumn .cta i {
    text-decoration: none;
    padding-right:40px;
}

.qu-promo .promo-content span {
    display: block;
}

.qu-promo .one img {
    width:100%;
    margin-bottom:-5px;

}

.qu-promo .promobox {
    background-color:#f7f7f6;
    max-width:260px;
    margin-right:20px;
    box-shadow: 0 10px 5px #eeeeee;
}

.qu-promo .promoimg > a {
    margin:0;
}

.qu-promo .promoimg img {
    width:100%;
}


.qu-promo .icon-none {
    display: none !important;
}

.qu-promo .icon-edit {
    font-size:3.0rem;
}

.qu-promo .icon-info {

}

.qu-promo .icon {
    display: inline-block;
    background-color: #FFB81C;
    color:#000;
    float: right;
    position: relative;
    right:15px;
    top:-43px;
    font-size:2.0rem;
    border-radius:50%;
    padding: 7px;
}
.qu-promo .icon.icon-map {
    padding: 7px 10px;
}
.qu-promo .icon:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 40px;
    height: 40px;
    bottom: -10px;
    right: 20px;
    background-repeat: no-repeat;

}

.qu-promo .one .icon {
    top:20px;
    right:-10px;
}

.qu-promo .one {
    background-color: #f7f7f7;
    box-shadow: 0 10px 10px #ddd;
}

.qu-promo .one ul {
    margin: 0;
}

.qu-promo .one li {
    /*float: left;*/
    /*width: 48%;*/
    list-style: none;
    margin:0;
}

.qu-promo .one > a > img {
    float: left;
    width: 48%;
    list-style: none;
    margin:0;
}

.qu-promo .one > a > div.copy {
    float: left;
    width: 48%;
    list-style: none;
    margin:0;
}

.qu-promo .one div.copy {
   padding-left:1.56%;
}


.qu-promo .two, .qu-promo .three {
    background-color: #f7f7f7;
    box-shadow: 0 10px 10px #ddd;
    margin-left: 1.56%;
    margin-right: 1.56%;
    padding-left:0;
    padding-right: 0;

}
.qu-promo .one.no-shadow, 
.qu-promo .two.no-shadow, 
.qu-promo .three.no-shadow {
    box-shadow: 0px 0px;
}
.qu-promo .aem-Grid.aem-Grid--12 >  .three.aem-GridColumn.aem-GridColumn--default--4 {
    width:30.2%;
}

.qu-promo .aem-Grid.aem-Grid--12 >  .two.aem-GridColumn.aem-GridColumn--default--6 {
    width:46.85%;
}

.qu-promo .aem-Grid > .one.aem-GridColumn.aem-GridColumn--default--12,
.qu-promo .aem-Grid > .one.aem-GridColumn.aem-GridColumn--default--12:first-of-type,
.qu-promo .aem-Grid > .one.aem-GridColumn.aem-GridColumn--default--12:last-of-type {
    margin-left: 1.56%;
    margin-right: 1.56%;
    padding-left:0;
    padding-right: 0;
    width: 97%;
}

.qu-promo .abovedivider {
    margin-bottom:40px;
}

.qu-promo .belowdivider {
    margin-top:20px;
}

.qu-promo .icon-schools-arrow {
    display: none;
}

@media all and (min-width:768px) {
    .qu-promo > div {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    }
    .qu-promo .icon-schools-arrow {
        display: inline;
    }
}


@media all and (max-width:1023px) {
    .qu-promo .aem-Grid.aem-Grid--12 >  .three.aem-GridColumn.aem-GridColumn--default--4, .qu-promo .aem-Grid.aem-Grid--12 >  .two.aem-GridColumn.aem-GridColumn--default--6 {
        margin-top:30px;
        width: 97%;
    }

    .qu-promo .one li {
        width:100%;
        margin-left:0;
        margin-right:0;
    }

    .qu-promo .one .icon {
        top:20px;
        right:40px;
    }


    .qu-promo .aem-Grid > .aem-GridColumn.aem-GridColumn--default--12:first-of-type {
        margin-top:0;
    }
}
.qu-quote {
	margin: 0 auto;
	padding: 40px 20px 20px 20px;
}
.qu-quote .quote-only blockquote {
	float: none;
}
.qu-quote blockquote div {
	padding: 0 40px 0 20px;
	position: relative;
}
.white .qu-quote.none blockquote div.quote-content,
.white-q .qu-quote.none blockquote div.quote-content,
.white-bigq .qu-quote.none blockquote div.quote-content,
.gray .qu-quote.none blockquote div.quote-content,
.gray-q .qu-quote.none blockquote div.quote-content,
.gray-bigq .qu-quote.none blockquote div.quote-content {
	color: #357abf;
}

.qu-quote blockquote div:not(.quote-hr, .h5, .h6, .quote-author) {
	padding-top: 30px;
}
.qu-quote blockquote div.h6 {
	padding-top: 0;
}
/*font colors for a quote inside of a section*/
.qu-section.white .qu-quote.none blockquote div.quote-content,
.qu-section.white-q .qu-quote.none blockquote div.quote-content,
.qu-section.white-bigq .qu-quote.none blockquote div.quote-content,
.qu-section.gray .qu-quote.none blockquote div.quote-content,
.qu-section.gray-q .qu-quote.none blockquote div.quote-content,
.qu-section.gray-bigq .qu-quote.none blockquote div.quote-content {
	color: #357abf;
}
.qu-quote.blue blockquote div,
.qu-quote.green blockquote div,
.qu-quote.green-q blockquote div,
.qu-quote.green-bigg blockquote div,
.qu-quote.blue-q blockquote div,
.qu-quote.blue-bigq blockquote div,
.qu-quote.navy blockquote div,
.qu-quote.navy-q blockquote div,
.qu-quote.navy-bigq blockquote div,
.qu-quote.darkgray blockquote div,
.qu-quote.darkgray-q blockquote div,
.qu-quote.darkgray-bigq blockquote div {
	color: white;
}
.qu-quote.white blockquote div:first-child,
.qu-quote.white-q blockquote div:first-child,
.qu-quote.white-bigq blockquote div:first-child,
.qu-quote.gray blockquote div:first-child,
.qu-quote.gray-q blockquote div:first-child,
.qu-quote.gray-bigq blockquote div:first-child {
	color: #357abf;
}

.qu-quote.white .h5,
.qu-quote.white-q .h5,
.qu-quote.white-bigq .h5,
.qu-quote.gray .h5,
.qu-quote.gray-q .h5,
.qu-quote.gray-bigq .h5,
.qu-quote.white .h6,
.qu-quote.white-q .h6,
.qu-quote.white-bigq .h6,
.qu-quote.gray .h6,
.qu-quote.gray-q .h6,
.qu-quote.gray-bigq .h6 {
	color: #00263e;
}
.qu-quote blockquote > div:first-child:before {
	content: "";
	border-left: 2px solid #FFB81C;
	padding-right: 20px;
	margin-left: -20px;
	position: absolute;
	height: 94%;
}
.qu-quote .qu-stats .one,
 .qu-quote .qu-stats .two,
 .qu-quote .qu-stats .three {
	width:100%!important;
}
.qu-quote .qu-stats .two:not(:first-child),
.qu-quote .qu-stats .three:not(:first-child) {
	display:none!important;
}
.qu-quote .qu-stats .horizontal .onestat {
	border-left: 0px;
}
.qu-quote .qu-stats .one.horizontal .labelstat .h2 {
	padding-bottom: 30px;
	margin-bottom: 15px;
	margin-top: 25px;
	width: 100%;
}
.qu-quote.white .qu-stats .one.horizontal .labelstat .h2,
.qu-quote.white-q .qu-stats .one.horizontal .labelstat .h2,
.qu-quote.white-bigq .qu-stats .one.horizontal .labelstat .h2,
.qu-quote.gray .qu-stats .one.horizontal .labelstat .h2,
.qu-quote.gray-q .qu-stats .one.horizontal .labelstat .h2,
.qu-quote.gray-bigq .qu-stats .one.horizontal .labelstat .h2,
.qu-section.white .qu-quote .qu-stats .one.horizontal .labelstat .h2,
.qu-section.white-q .qu-quote .qu-stats .one.horizontal .labelstat .h2,
.qu-section.white-bigq .qu-quote .qu-stats .one.horizontal .labelstat .h2,
.qu-section.gray .qu-quote .qu-stats .one.horizontal .labelstat .h2,
.qu-section.gray-q .qu-quote .qu-stats .one.horizontal .labelstat .h2,
.qu-section.gray-bigq .qu-quote .qu-stats .one.horizontal .labelstat .h2 {
	border-bottom: 1px solid #c8c9c7;
}
.qu-quote.blue .qu-stats .one.horizontal .labelstat .h2,
.qu-quote.blue-q .qu-stats .one.horizontal .labelstat .h2,
.qu-quote.blue-bigq .qu-stats .one.horizontal .labelstat .h2,
.qu-section.blue .qu-quote .qu-stats .one.horizontal .labelstat .h2,
.qu-section.blue-q .qu-quote .qu-stats .one.horizontal .labelstat .h2,
.qu-section.blue-bigq .qu-quote .qu-stats .one.horizontal .labelstat .h2 {
	border-bottom: 1px solid #4d91b7;
}
.qu-quote.navy .qu-stats .one.horizontal .labelstat .h2,
.qu-quote.navy-q .qu-stats .one.horizontal .labelstat .h2,
.qu-quote.navy-bigq .qu-stats .one.horizontal .labelstat .h2,
.qu-section.navy .qu-quote .qu-stats .one.horizontal .labelstat .h2,
.qu-section.navy-q .qu-quote .qu-stats .one.horizontal .labelstat .h2,
.qu-section.navy-bigq .qu-quote .qu-stats .one.horizontal .labelstat .h2 {
	border-bottom: 1px solid #354d5b;
}
.qu-quote.darkgray .qu-stats .one.horizontal .labelstat .h2,
.qu-quote.darkgray-q .qu-stats .one.horizontal .labelstat .h2,
.qu-quote.darkgray-bigq .qu-stats .one.horizontal .labelstat .h2,
.qu-section.darkgray .qu-quote .qu-stats .one.horizontal .labelstat .h2,
.qu-section.darkgray-q .qu-quote .qu-stats .one.horizontal .labelstat .h2,
.qu-section.darkgray-bigq .qu-quote .qu-stats .one.horizontal .labelstat .h2 {
	border-bottom: 1px solid #63666a;
}

.qu-quote .qu-stats .stats h3 {
	border-bottom: 1px solid;
}
.qu-quote .quote-author blockquote div:first-child {
	border-left: 0px;
}

.qu-quote .quote-only .quote-hr {
	margin-left: 0;
}
.qu-quote.blue .quote-author blockquote div:first-child:not(.quote-hr, .h5),
.qu-quote.blue-q .quote-author blockquote div:first-child:not(.quote-hr, .h5),
.qu-quote.blue-bigq .quote-author blockquote div:first-child:not(.quote-hr, .h5) {
	border: 0;
}
.qu-quote .quote-author ~ blockquote div:first-child:before {
	border-left: 0px;
	padding-bottom: 20px;
}

.qu-quote .quote-hr {
	width: 80px;
  	margin-top: 15px;
  	margin-left: 20px;
}
.qu-quote.white .quote-hr,
.qu-quote.white-q .quote-hr,
.qu-quote.white-bigq .quote-hr,
.qu-section.white .quote-hr,
.qu-section.white-q .quote-hr,
.qu-section.white-bigq .quote-hr {
	border-top: 1px solid #c8c9c7;
}
.qu-quote.gray .quote-hr,
.qu-quote.gray-q .quote-hr,
.qu-quote.gray-bigq .quote-hr,
.qu-section.gray .none .quote-hr,
.qu-section.gray-q .none .quote-hr,
.qu-section.gray-bigq .none .quote-hr {
	border-top: 1px solid #c8c9c7;
}
.qu-quote.blue .quote-hr,
.qu-quote.blue-q .quote-hr,
.qu-quote.blue-bigq .quote-hr,
.qu-section.blue .none  .quote-hr,
.qu-section.blue-q .none .quote-hr,
.qu-section.blue-bigq .none .quote-hr  {
	border-top: 1px solid #4d91b7;
}
.qu-quote.navy .quote-hr,
.qu-quote.navy-q .quote-hr,
.qu-quote.navy-bigq .quote-hr,
.qu-section.navy .none .quote-hr,
.qu-section.navy-q .none .quote-hr,
.qu-section.navy-bigq .none .quote-hr  {
	border-top: 1px solid #354d5b;
}
.qu-quote.darkgray .quote-hr,
.qu-quote.darkgray-q .quote-hr,
.qu-quote.darkgray-bigq .quote-hr,
.qu-section.darkgray .none .quote-hr,
.qu-section.darkgray-q .none .quote-hr,
.qu-section.darkgray-bigq .none .quote-hr {
	border-top: 1px solid #63666a;
}
.qu-quote.blue .quote-only .quote-hr,
.qu-quote.blue-q .quote-only .quote-hr,
.qu-quote.blue-bigq .quote-only .quote-hr {
	margin-left:0;
}
.qu-quote .quote-author img {
	max-width: 90%;
	height: auto;
}
.qu-quote.parbase {
	border-left: 0;
	
}
.qu-quote .quote-author .quote-hr,
.qu-quote.blue .quote-author .quote-hr,
.qu-quote.blue-q .quote-author .quote-hr,
.qu-quote.blue-bigq .quote-author .quote-hr {
	margin-top: 15px;
	margin-left: 20px;
}
.qu-quote > .quote-only .quote-hr {
	margin-left: 0;
}
.qu-quote picture {
	text-align: center;
}
.qu-quote .h5, 
.qu-quote .h6 {
	display: block;
	clear:right!important;
}
.qu-quote .h6 {
	font-style: italic;
}
.qu-quote .h5 {
	padding-top: 20px;
}	
.qu-quote .quote-author .resp-media-image.author-resp-image {
	margin:0;
	padding-top: 0;
}
.qu-quote .image-right,
.qu-quote .stat-right {
 	text-align: right;
}
.qu-quote .image-left,
.qu-quote .image-right  {
 	margin:20px auto;
 } 
.qu-quote hr.q-above-divider,
.qu-quote hr.q-below-divider {
	height:0;
	border-style: none;
	border-bottom: 1px solid;
}
.qu-quote hr.q-above-divider {
	margin-bottom: 30px;
	margin-top:0;
}
.qu-quote hr.q-below-divider {
	margin-bottom: 15px;
	margin-top:30px;
}
.qu-quote .quote-divider {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 30px 0;
	margin-bottom: 15px;
	width: 100%;
	border-bottom: 1px solid;
	border-top: 1px solid;
}

.qu-section.white .quote-divider,
.qu-section.white-q .quote-divider,
.qu-section.white-bigq .quote-divider,
.qu-section.white .none .quote-divider,
.qu-section.white-q .none .quote-divider,
.qu-section.white-bigq .none .quote-divider,
.qu-section.white hr.q-above-divider,
.qu-section.white hr.q-below-divider,
.qu-section.white-q hr.q-above-divider,
.qu-section.white-q hr.q-below-divider,
.qu-section.white-bigq hr.q-above-divider,
.qu-section.white-bigq hr.q-below-divider {
	border-color : #c8c9c7;
}
.qu-section.gray .quote-divider,
.qu-section.gray-q .quote-divider,
.qu-section.gray-bigq .quote-divider,
.qu-section.gray .none .quote-divider,
.qu-section.gray-q .none .quote-divider,
.qu-section.gray-bigq .none .quote-divider,
.qu-section.gray hr.q-above-divider,
.qu-section.gray hr.q-below-divider,
.qu-section.gray-q hr.q-above-divider,
.qu-section.gray-q hr.q-below-divider,
.qu-section.gray-bigq hr.q-above-divider,
.qu-section.gray-bigq hr.q-below-divider  {
	border-color : #c8c9c7;
}
.qu-section.blue .quote-divider,
.qu-section.blue-q .quote-divider,
.qu-section.blue-bigq .quote-divider,
.qu-section.blue.none .quote-divider,
.qu-section.blue-q .none .quote-divider,
.qu-section.blue-bigq .none .quote-divider,
.qu-section.blue hr.q-above-divider,
.qu-section.blue hr.q-below-divider,
.qu-section.blue-q hr.q-above-divider,
.qu-section.blue-q hr.q-below-divider,
.qu-section.blue-bigq hr.q-above-divider,
.qu-section.blue-bigq hr.q-below-divider  {
	border-color : #4d91b7;
}
.qu-section.navy .quote-divider,
.qu-section.navy-q .quote-divider,
.qu-section.navy-bigq .quote-divider,
.qu-section.navy .none .quote-divider,
.qu-section.navy-q .none .quote-divider,
.qu-section.navy-bigq .none .quote-divider,
.qu-section.navy hr.q-above-divider,
.qu-section.navy hr.q-below-divider,
.qu-section.navy-q hr.q-above-divider,
.qu-section.navy-q hr.q-below-divider,
.qu-section.navy-bigq hr.q-above-divider,
.qu-section.navy-bigq hr.q-below-divider  {
	border-color : #354d5b;
}
.qu-section.darkgray .quote-divider,
.qu-section.darkgray-q .quote-divider,
.qu-section.darkgray-bigq .quote-divider,
.qu-section.darkgray .none .quote-divider,
.qu-section.darkgray-q .none .quote-divider,
.qu-section.darkgray-bigq .none .quote-divider,
.qu-section.darkgray hr.q-above-divider,
.qu-section.darkgray hr.q-below-divider,
.qu-section.darkgray-q hr.q-above-divider,
.qu-section.darkgray-q hr.q-below-divider,
.qu-section.darkgray-bigq hr.q-above-divider,
.qu-section.darkgray-bigq hr.q-below-divider {
	border-color : #63666a;
}


@media all and (min-width:1024px) {
	.qu-quote {
		padding: 40px 0 20px 0;
	}
	.qu-quote .author-divider:not(blockquote, .quote-image) {
		border-left: 1px solid #ccc;
		margin-top: 60px;
	}
	.qu-section.white .author-divider,
	.qu-section.white-q .author-divider,
	.qu-section.white-bigq .author-divider, 
	.qu-quote.white .author-divider,
	.qu-quote.white-q .author-divider,
	.qu-quote.white-bigq .author-divider {
		border-left: 1px solid #c8c9c7;
	}
	.qu-section.gray .author-divider,
	.qu-section.gray-q .author-divider,
	.qu-section.gray-bigq .author-divider,
	.qu-quote.gray .author-divider,
	.qu-quote.gray-q .author-divider,
	.qu-quote.gray-bigq .author-divider {
		border-left: 1px solid #c8c9c7;
	}
	.qu-section.blue .author-divider,
	.qu-section.blue-q .author-divider,
	.qu-section.blue-bigq .author-divider,
	.qu-quote.blue .author-divider,
	.qu-quote.blue-q .author-divider,
	.qu-quote.blue-bigq .author-divider {
		border-left: 1px solid #4d91b7;
	}
	.qu-section.navy .author-divider,
	.qu-section.navy-q .author-divider,
	.qu-section.navy-bigq .author-divider,
	.qu-quote.navy .author-divider,
	.qu-quote.navy-q .author-divider,
	.qu-quote.navy-bigq .author-divider {
		border-left: 1px solid #354d5b;
	}
	.qu-section.darkgray .author-divider,
	.qu-section.darkgray-q .author-divider,
	.qu-section.darkgray-bigq .author-divider,
	.qu-quote.darkgray .author-divider,
	.qu-quote.darkgray-q .author-divider,
	.qu-quote.darkgray-bigq .author-divider {
		border-left: 1px solid #63666a;
	}
	.qu-quote .image-left,
	.qu-quote .image-right {
		margin: 0;
	}
	.qu-quote .stat-right {
		border-left: 1px solid #ccc;
		padding: 0 0 0 20px;
	}
	.qu-quote.quote-image .quote-right-bottom,
	.qu-quote.quote-image .quote-left-top,  
	.qu-quote.quote-stat .quote-left-top,
	.qu-quote.quote-stat .quote-right-bottom {
		border-left:0px;
		padding:0  0 20px 0;
	}
	.qu-quote .quote-divider:not(.quote-only) {
		border-bottom: 0px;
		border-top: 0px;
		padding: 30px 0;
	}
	.qu-quote .quote-author .quote-only .quote-hr {
		margin-left: 30px;
	}
	.qu-quote .quote-author img {
		margin: 0;
	}
	.qu-quote .quote-author.quote-right img {
		width: 45%!important;
		float: right;
	}
	.qu-quote .qu-stats .one.horizontal .labelstat .h2  {
		margin-top: 0;
	}
	.qu-quote .quote-only-center {
		float: none!important;
		clear: both!important;
		margin-left: auto;
		margin-right: auto;
	}	
}

@media screen and (max-width: 767px) {
	.qu-quote .qu-stats {
		margin-top: 20px;
	}
}.qu-relatedcontent {
	padding: 25px 20px 15px 20px;

}
.qu-relatedcontent u {
	text-decoration: none;
    border-bottom: 1px solid;
    line-height: 1.2;
}
.qu-relatedcontent .h3 {
	padding-bottom: 35px;
}
.qu-relatedcontent [class^="icon-"] {
	line-height: 2.5;
}
.qu-relatedcontent .white:not(.rc-author),
.qu-relatedcontent .gray:not(.rc-author) {
	color:#357abf;
}
.qu-relatedcontent .white .rc-author.h5,
.qu-relatedcontent .gray .rc-author.h5 {
	color:#00263e;
}
.qu-relatedcontent .rc-author {
	font-size: 1.4rem;
}
.qu-relatedcontent .rc-author bold {
	margin: 15px 0 0 0;
}
.qu-relatedcontent .blue,
.qu-relatedcontent .navy,
.qu-relatedcontent .darkgray {
	color: white;
}
.qu-relatedcontent .h5.italic {
	font-style: italic;
	font-weight: 200;
}
.qu-relatedcontent a u:hover,
.qu-relatedcontent a u:active  {
	border-bottom: 0px;
	cursor: pointer;
}
.qu-relatedcontent a .icon-schools-arrow {
	position: relative;
    top: -6px;
    font-size: large;
}

.qu-relatedcontent a.white u:hover,
.qu-relatedcontent a.gray u:hover,
.qu-relatedcontent a.white u:hover ~ .icon-schools-arrow,
.qu-relatedcontent a.gray u:hover ~ .icon-schools-arrow {
	color: #00263e;
}
.qu-relatedcontent a.white u:active,
.qu-relatedcontent a.gray u:active,
.qu-relatedcontent a.white u:active ~ .icon-schools-arrow,
.qu-relatedcontent a.gray u:active ~ .icon-schools-arrow {
	color: #00263e;
}
.qu-relatedcontent.blue a u:hover,
.qu-relatedcontent.navy a u:hover,
.qu-relatedcontent a.darkgray u:hover,
.qu-relatedcontent.blue a u:hover ~ .icon-schools-arrow,
.qu-relatedcontent a.navy u:hover ~ .icon-schools-arrow ,
.qu-relatedcontent a.darkgray u:hover ~ .icon-schools-arrow {
	color: #c8c9c7;
}
.qu-relatedcontent.blue a u:active,
.qu-relatedcontent.navy a u:active,
.qu-relatedcontent.darkgray a u:active,
.qu-relatedcontent.blue a u:active ~ .icon-schools-arrow,
.qu-relatedcontent.navy a u:active ~ .icon-schools-arrow ,
.qu-relatedcontent.darkgray a u:active ~ .icon-schools-arrow {
	color: #FFB81C;
}
@media screen and (min-width: 1024px) {
	.qu-relatedcontent  {
		padding: 30px 0 20px 0;
	}
	.qu-relatedcontent .h3 {
		padding-bottom: 50px;
	}
	.qu-relatedcontent u {
		font-size: 4.6rem;
	}
	.qu-relatedcontent .rc-author bold{
		padding: 30px 0 0 0;
	}

}.resp-media-image {
	padding-bottom: 25px;
	padding-top:25px;
}

.resp-media-image .resp-image picture, .resp-media-image .resp-image img {
	display: block;
	width: 100%;
}

.resp-media-image .resp-image {
	position: relative;
	height: 100%;
}

.resp-media-image .caption {
	padding-top: 15px;
}
.resp-media-image .caption-content {
	position: relative;
	padding-left: 15px;
}
.resp-media-image .caption-copy {
	padding-top: 10px;
	padding-bottom: 0;
}
.resp-media-image .caption-content:before {
	content: '\25b2';
	display: block;
	margin-right: 5px;
	font-size: 0.8rem;
	position: absolute;
	top:4px;
	left:0;
}


.resp-media-image .caption .caption-title {
	font-weight: 600;
}
.resp-media-image .caption-title span{
	display: inline-block;
	padding-bottom: 10px;
	border-bottom: 1px solid #c8c9c7;
	width: 100%;
}

.qu-section.navy .resp-media-image .caption-title span,
.qu-section.navy-q .resp-media-image .caption-title span,
.qu-section.navy-bigq .resp-media-image .caption-title span {
	border-bottom-color: #354d5b;
}
.qu-section.blue .resp-media-image .caption-title span,
.qu-section.blue-q .resp-media-image .caption-title span,
.qu-section.blue-bigq .resp-media-image .caption-title span {
	border-bottom-color: #4d91b7;
}

.qu-section.darkgray .resp-media-image .caption-title span,
.qu-section.darkgray-q .resp-media-image .caption-title span,
.qu-section.darkgray-bigq .resp-media-image .caption-title span {
	border-bottom-color: #63666a;
}
.qu-section.darkgray .resp-media-image .caption .caption-title,
.qu-section.darkgray-q .resp-media-image .caption .caption-title,
.qu-section.darkgray-bigq .resp-media-image .caption .caption-title,
.qu-section.navy .resp-media-image .caption-title,
.qu-section.navy-q .resp-media-image .caption-title,
.qu-section.navy-bigq .resp-media-image .caption-title,
.qu-section.darkgray .resp-media-image .caption-content:before,
.qu-section.darkgray-q .resp-media-image .caption-content:before,
.qu-section.darkgray-bigq .resp-media-image .caption-content:before,
.qu-section.navy .resp-media-image .caption-content:before,
.qu-section.navy-q .resp-media-image .caption-content:before,
.qu-section.navy-bigq .resp-media-image .caption-content:before {
	color: #FFB81C;
}


@media screen and (min-width:768px) {
	.resp-media-image {
		padding-bottom: 30px;
		padding-top:30px;
	}
	.resp-media-image.caption-right, .resp-media-image.caption-left {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: column nowrap;
		    flex-flow: column nowrap;
	}
	.resp-media-image .caption {
		padding-top: 20px;
	}


	.resp-media-image .caption-content {
		margin-left: 0px;
		margin-right:0;
	}
	.resp-media-image .caption-copy {
		padding-top: 10px;
	}
	.resp-media-image.caption-bottom-right .caption {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: column nowrap;
		    flex-flow: column nowrap;
		-ms-flex-align: end;
		    align-items: flex-end;
	}
	.resp-media-image.caption-bottom-right .caption-content {
		margin-right:0px;
		margin-left:0;
	}
	
	.resp-media-image.caption-left .caption-content , .resp-media-image.caption-right .caption-content {
		max-width:100%;
	}
	.resp-media-image.caption-right, .resp-media-image.caption-left {
		-ms-flex-direction: row;
		    flex-direction: row;
		-ms-flex-align: end;
		    align-items: flex-end;
	}

	.resp-media-image.caption-left .caption {
		padding-right: 15px;
		padding-left: 20px;
	}
	.resp-media-image.caption-left .resp-image {
		-ms-flex-order:2;
		    order:2;
	}
	.resp-media-image.caption-left .caption {
		-ms-flex-order:1;
		    order:1;
		padding-bottom: 40px;
	}
	.resp-media-image.caption-right .resp-image {
		-ms-flex-order:1;
		    order:1;
	}
	.resp-media-image.caption-right .caption {
		-ms-flex-order:2;
		    order:2;
		padding-bottom: 40px;
	}
	.resp-media-image.caption-left .caption-content:before {
		content: '\25b6';
	}
	.resp-media-image.caption-right .caption {
		padding-right: 20px;
		padding-left: 15px;
	}
	.resp-media-image.caption-right .caption-content:before {
		content: '\25c0';
	}
}

@media screen and (min-width:1024px) {
	.resp-media-image .caption-content, .resp-media-image.caption-bottom-right .caption-content {
		max-width: 45%
	}
}
#qu-site-search {
	background-color: #f7f7f6;
}

#qu-site-search strong {
	font-family: "AtlasGrotesk-Medium";
	font-weight: 400;
}

#qu-site-search .aem-GridColumn {
	position: relative;
	min-height:1px;
}
/**
 * Search form
 */
#qu-site-search .qu-search-form{
	border-bottom: 1px solid #c8c9c7;
	background-color: #fff;
}
#qu-site-search form {
	position: relative;
	height:60px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
}


#qu-site-search [type="search"] {
	color:#00263e;
	background: none;
	outline: 0; border: 0;
	margin-right: 10px;
	width: 98%;
}

#qu-site-search [type="search"]:-ms-input-placeholder {
	color: #A7BAC6;
}

#qu-site-search [type="search"]::placeholder {
	color: #A7BAC6;
}

#qu-site-search .icon-search {
	margin: 0 auto;
	padding: 7px;
	font-size: 2.0rem;
	color: #00263e;
	border-radius: 50%;
	background: #f7f7f6;
}


#qu-site-search [type="submit"] {
	display:none;
}

#qu-site-search .submit-label {
	padding: 0 10px;
	cursor: pointer;
	font-family: "AtlasGrotesk-Medium";
	font-weight: 400;
}

#qu-site-search .submit-label:before {
	content: "";
	display: block;
	position: absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	border-left: 1px solid #c8c9c7;
	height: 30px;
}

#qu-site-search .submit-label .icon-schools-arrow {
	display: none;
}
#qu-site-search .submit-label .icon-schools-arrow:before {
	font-size:0.7rem;
	transition: all .1s linear;
	display: inline-block;
	position: relative;
	margin-left: 10px;
}
#qu-site-search .submit-label:hover .icon-schools-arrow:before {
	transform: translate3d(5px, 0, 0);
}

/* Search results */
#qu-site-search .qu-search-results .results-info {
	padding: 30px 0;
}
#qu-site-search .qu-search-results .results-info p {
	font-size: 1.3rem;
}

#qu-site-search .search-result-item {
	padding-bottom: 35px;
}

#qu-site-search .search-result-item .result-title {
	font-family: "Portrait-Regular";
	font-size: 2.2rem;
	font-weight: normal;
	margin:0;
	padding:0;
	display: inline-block;
	padding-bottom: 5px;
}
#qu-site-search .result-title strong {
	font-weight:normal;
	font-family: "Portrait-Regular";
}

#qu-site-search .search-result-item .result-descript {
	padding:0;
	margin:0;
	line-height:19px;
	font-size: 1.3rem;
}
#qu-site-search .pagination {
	padding-bottom: 75px;
}
#qu-site-search .pagination .result-header {
	border-bottom: 1px solid #c8c9c7;
	padding-bottom: 5px;
	margin-bottom: 15px;
	color: #00263e;
}
#qu-site-search .pagination .result-header p{
	font-family: 'AtlasGrotesk-Medium', "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	padding-bottom: 0;
}
#qu-site-search .pagination .result-pages {
	display: none;
	margin: 0 20px;
}
#qu-site-search .pagination .current-page {
	color: #00263e;
}
#qu-site-search .pagination a {
	margin: 0 5px;
}
#qu-site-search .pagination .result-prev a, #qu-site-search .pagination .result-next a {
	margin: 0;
}

#qu-site-search .pagination-nav .icon-schools-arrow:before {
	font-size:0.7rem;
	transition: all .1s linear;
	display: inline-block;
	position: relative;
	margin-left: 10px;
}
#qu-site-search .pagination .result-prev .icon-schools-arrow:before {
	margin-left:0;
	margin-right: 10px;
	transform: rotate(180deg);
}
#qu-site-search .pagination .result-prev:hover .icon-schools-arrow:before {
	transform: translate3d(-5px, 0 , 0) rotate(180deg);
}
#qu-site-search .pagination .result-next:hover .icon-schools-arrow:before {
	transform: translate3d(5px, 0, 0);
}
/* Search No Results */

#qu-site-search .no-results {
	padding: 30px 0 75px;
	color:#00263e;
}
#qu-site-search .no-results-content {
	padding: 0 40px 40px 0;
}
#qu-site-search .no-results-header {
	padding: 10px 0;
	position: relative;
	margin-bottom: 20px;
}
#qu-site-search .no-results-header p{
	font-size: 4.0rem;
	line-height: 44px;
}

#qu-site-search .no-results-header:after {
	content: "";
	display: block;
	border-bottom: 1px solid #c8c9c7;
	width:20%;
	position: absolute;
	bottom: 0;
	left: 0;
	

}
#qu-site-search .no-results-img {
	display: block;
	width: 100%;
}







/* break point changes all area's */

@media screen and (max-width:767px) {
	#qu-site-search [type="search"] {
		font-size: 2.2rem;
	}
	#qu-site-search .submit-label {
		font-size: 1.5rem;
	}
	#qu-site-search .qu-search-results {
		margin: 0 auto;
		float:none;
		display: block;
	}
}

@media screen and (min-width: 768px) {
	#qu-site-search .submit-label .icon-schools-arrow {
		display: inline-block;
	}
	#qu-site-search .qu-search-results .results-info p {
		font-size:1.4rem;
	}
	#qu-site-search .submit-label {
		font-size: 1.8rem;
	}
	#qu-site-search .search-result-item .result-title {
		font-size: 2.5rem;
	}
	#qu-site-search .search-result-item .result-descript {
		font-size: 1.4rem;
		line-height: 21px;
	}
	#qu-site-search .pagination .result-prev, #qu-site-search .pagination .result-next {
		width: auto;
		max-width:22%;
	}
	#qu-site-search .pagination .result-pages {
		width: auto;
		max-width:56%;
		display: inline-block;
	}
	#qu-site-search .pagination .result-prev {
		padding-right: 25px;
		border-right: 1px solid #c8c9c7;
	}
	#qu-site-search .pagination .result-next {
		padding-left: 25px;
		border-left: 1px solid #c8c9c7;
	}
	#qu-site-search .no-results-header p {
		font-size: 5.6rem;
		line-height:62px;
	}
	#qu-site-search .no-results-img {
		padding-top: 30px;
	}
}.modal-show .dot-navigation {
	display: none;
}

.secondarynavigation-placeholder {
	width: 100%;
	height: 44px;
}


.secondarynavigation {
	width: 100%;
	background: white;
	font-size: 1.0rem;
	line-height: 42px;
	font-family: 'AtlasGrotesk-Medium';
	text-transform: uppercase;
	color: #00263e;
	border-top: 1px solid #c8c9c7;
}


.secondarynavigation.sticky {
  position: fixed; top: 0;
  transform: translateY(45px);
  z-index: 99999;
  transition: transform .4s;
}
.secondarynavigation.sticky.header-padding {
	transform: translateY(65px);
}

.navigation-slide .secondarynavigation.sticky,
.navigation-slide .secondarynavigation.sticky.header-padding {
  transform: none;
}

.secondarynavigation-content {
	padding: 0;
	display: inline-block;
	width: 100%;
	background: white;
	position: relative;
	z-index: 99;
}

.secondarynavigation .icon-quinn-q {
	padding: 0 15px;
	text-align: center;
	color: #00263e;
	font-size: 1.8rem;
	line-height: 42px;
	background: white;
	position: absolute;
	z-index: 1;
}


.secondarynavigation .summary {
	position: relative;
}

.secondarynavigation .icon-arrow-down {
	text-align: center;
	position: absolute;
	width: 40px;
	font-size: 1.8rem;
	line-height: 42px;
	right: 0;
	top: 0;
}

.secondarynavigation .summary:before {
	position: absolute;
	left: 49px; top: 12px;
	background: #c8c9c7;
	width: 1px;
	height: 15px;
	content: '';
	display: block;
}


.secondarynavigation .cta {
	position: relative;
	display: block;
	padding: 0 14px 0 63px;
}

.secondarynavigation-list .cta {
	color: #006299;
}



.secondarynavigation .active,
.secondarynavigation input,
.secondarynavigation-list  {
	display: none;
}


input:checked ~ .secondarynavigation-list {
	display: inline;
}



.secondarynavigation-list .cta:hover {
	background: #f8f7f6;
}

.secondarynavigation-list .cta:active {
	background: #e9e9e9;
}


@media screen and (min-width: 768px) {
	.secondarynavigation.sticky {
	  transform: translateY(60px);
	}
	.secondarynavigation.sticky.header-padding {
		transform: translateY(140px);
	}
}

@media screen and (min-width: 1024px) {

	.secondarynavigation-placeholder {
		height: 55px;
	}

	.secondarynavigation.sticky {
	  transform: translateY(70px);
	}

	.secondarynavigation.sticky.header-padding {
		transform: translateY(105px);
	}

	.secondarynavigation {
		border-top: 0;

	}

	.secondarynavigation .icon-quinn-q {
		padding: 0 25px;
		text-align: left;
		font-size: 2.2rem;
		line-height: 54px;
	    position: static;
	    float: left;
	}

	.secondarynavigation-list {
		display: inline;
	}

	.secondarynavigation .summary {
		display: none;
	}

	.secondarynavigation .cta {
		margin-left: -2px; /* remove space between links */
		padding: 0 18px;
		line-height: 55px;
		display: inline-block;
	}

	.secondarynavigation .cta.active:after {
		content: '\25bc';
		color: #13263d;
		position: absolute;
		top: 0;
		left: 20px;
		font-size: 0.6rem;
	}


	.secondarynavigation .cta:before {
		position: absolute;
		left: 0px; top: 18px;
		background: #c8c9c7;
		width: 1px;
		height: 15px;
		content: '';
		display: block;
	}
	.secondarynavigation .cta:first-child:before {
		display: none;
	}

	.secondarynavigation .cta:hover:before {
		display: none;
	}

	.secondarynavigation .cta:hover + .cta:before {
		display: none;
	}

	.secondarynavigation .cta.active {
		padding-left: 33px;
		display: inline-block;
		background: #f8f7f6;
		color: #63666a;
	}

	.secondarynavigation .cta.active:before {
		display: none;
	}

	.secondarynavigation .active + .cta:before {
		display: none;
	}

}

@media screen and (min-width: 1440px) {

	.secondarynavigation.sticky {
	  transform: translateY(80px);
	}

	.secondarynavigation.sticky.header-padding {
		transform: translateY(115px);
	}

	.secondarynavigation .cta {
		padding: 0 40px;
	}

	.secondarynavigation .cta.active {
		padding-left: 53px;
	}

	.secondarynavigation .cta.active:after {
		left: 40px;
	}

}
.slide-drawer-left .dot-navigation,
.slide-drawer-right .dot-navigation {
	opacity: 0;
	visibility: hidden;
	transition-delay: 0s;
}

.dot-navigation {
	opacity: 0;
	visibility: hidden;
	transition: visibility 0s, opacity 0s;
	transition-delay: .3s;
	position: fixed;
	top: 50%; right: 0;
	transform: translateY(-50%);
	z-index: 10000000;
	background: transparent;
	color: #00619a;
	text-align: right;
	font-size: 1.2rem;
	padding: 64px 32px 32px;
	width: 100px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.dot-navigation:hover {
	width: 260px;
	background: rgba(247, 247, 246, .8);
}

.dot-navigation:hover .icon-close,
.dot-navigation:hover span {
	display: inline;
}

.dot-navigation .icon-close {
	display: none;
	position: absolute;
	left: 16px; top: 16px;
}

.dot-navigation a {
	padding-bottom: 25px;
	padding-right: 20px;
	display: block;
	position: relative;
	min-height: 40px;
	overflow: hidden;
}

.dot-navigation span {
	display: none;
}

.dot-navigation a:hover span {
	text-decoration: underline;
}

.dot-navigation .dot {
	position: absolute;
	top:0;
	right: 0px;
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 1px solid #b1b6b7;
	background: #b1b6b7;
	transition: all .2s;
	margin-left: 10px;
}

.dot-navigation a:not(:last-child):after{
	position: absolute;
	right: 3px;
	top: 8px;
	content: '';
	display: block;
	width: 1px;
	height: 82%;
	background: #b1b6b7;
}
.dot-navigation:hover .dot {
	top:3px
}
.dot-navigation:hover  a:not(:last-child):after {
	top:11px;
}


.dot-navigation a.active {
	color: #63666a;
}

.dot-navigation a.active .dot {
    border: 1px solid #ffca37;
    background: #ffca37;
}

.dot-navigation a.active ~ a .dot {
	background: transparent;
}


@media screen and (min-width: 1025px) {
	.dot-navigation {
		display: block;
		opacity: 1;
		visibility: visible;
	}
	.dot-navigation.hidden {
		opacity: 0;
		visibility: hidden;
	}

}
.qu-section {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 50px;
}

.qu-section.spacing-top {
	padding-top: 40px;
	padding-bottom: 0px;
}

.qu-section.spacing-bottom {
	padding-top: 0;
	padding-bottom: 50px;
}

.qu-section.spacing-none {
	padding-top: 0;
	padding-bottom: 0;
}

.qu-section > .aem-GridColumn {
	float: none !important;
	margin: 0 auto;
}

.qu-section .section-heading {
	margin-bottom: 40px;
	text-align: center;
	text-transform: uppercase;
	display: inline-block;
	padding: 1px 10px 0 10px;
	line-height: 32px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

.qu-section.white .section-heading {
	color: #00263e;
}

.qu-section .section-heading.hide-default {
	visibility: hidden;
	height:0 ;
	padding:0 ;
	display: block;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	border:none;
	position: absolute;
}

.qu-section .section-content {
	text-align: left;
}

.qu-section.white .section-heading,
.qu-section.white-q .section-heading,
.qu-section.white-bigq .section-heading,
.qu-section.gray .section-heading,
.qu-section.gray-q .section-heading,
.qu-section.gray-bigq .section-heading {
	border-color: #00263e;
}

.qu-section ul {
	list-style-type: disc;
	margin-top: 10px;
	margin-bottom: 20px;
}

.qu-section ol {
	list-style-type: decimal;
	margin-top: 10px;
	margin-bottom: 20px;
}

.qu-section ul li, .qu-section ol li {
	margin-left: 1.1em;
	margin-bottom: 18px;
	line-height: 22px;
}

@media screen and (min-width: 1024px) {

	.qu-section {
		padding-top: 50px;
		padding-bottom: 100px;
	}
}[data-require="timeline"] {
  position: fixed;
  right: 0;
  top: 200px;
}

.section-jumper {
	position: relative;
	display: block;
	width: 1rem;
	height: 1rem;
	margin: 1rem;
	border-radius: 50%;
	background: #ccc;
	cursor: pointer;
}

.section-jumper:after {
	position: absolute;
	top: 1rem;
	left: .45rem;
	content:'';
	display: block;
	width: 2px;
	height: 100%;
	background: #ccc;
}


[data-require="timeline"]:hover .section-jumper:before {
	content: attr(aria-labelledby);
	transform: translate3d(100%, 0, 0);
}

[name="section-jumper"] {
	position: absolute;
	left: 1000px;
	visibility: hidden;
	opacity: 0;
}

[name="section-jumper"]:checked + .section-jumper {
  background: #00263E;
}.account-details {
    padding: 20px;
}.social-cta {}#social-feed {
	height: auto;
	width: 100%;
	padding-top: 20px;
}

#social-feed .image-overlay {
	width: 100%;
	height: 100%;
	background-color: #0C2340;
	opacity: 0.3;
	position: absolute;
	top: 0;
	display: none;
	pointer-events: none;
}


#social-feed .social-text {
	pointer-events: none;
}

#social-feed .social-text h4 {
	font-family: "PortraitQ Regular";
	font-size: 2.5rem;
	padding: 15px 15px;
	pointer-events: none;
}

#social-feed .fade-icon {
	float: left;
	padding-right: 7px;
	opacity: 0.3;
}

#social-feed .fun-fact-tile {
	padding-top: 34px;
	height: inherit;
}

#social-feed .responsive-image-tile {
	height: inherit;
}

#social-feed .social-row:not(:first-of-type) {
	padding-top: 20px;
}

#social-feed .tile-link:hover .social-image {
	transform: scale(1.1);
}

#social-feed .tile-link:hover .image-overlay {
	display: block;
}

#social-feed .tile-link:hover .underline-text{
	text-decoration: underline;
}

#social-feed .tile-link:active .image-wrapper {
	background-color: #ffffff;
}

#social-feed .tile-link:active .social-image {
	opacity: 0.7;
}

#social-feed .tile-link:active .youtube-image {
	opacity: 0.7;
}

#social-feed .tile-link:active .image-overlay {
	display: none;
}

#social-feed .facebook-background-wrapper:active .image-wrapper {
	background-color: #ffffff;
}

#social-feed .facebook-background-wrapper:active .social-image {
	opacity: 0.7;
}

#social-feed .facebook-background-wrapper:active .image-overlay {
	display: none;
}

/*FACEBOOK STYLING*/

#social-feed .facebook-background-wrapper {
	background-color: #f7f7f6;
}

#social-feed .facebook-tile .social-text h4 {
	font-family: AtlasGrotesk-Regular;
	line-height: 1.6;
	font-size: 1.6rem;
	pointer-events: none;
}

#social-feed .facebook-tile .social-text {
	height: auto;
	pointer-events: none;
}

#social-feed .tile-height {
	height: 79vw
}

#social-feed .social-image {
	height: 100%;
	top: -100%;
	bottom: -100%;
	left: -100%;
	right: -100%;
	margin: auto;
	position: absolute;
	width: auto;
	transition: transform .1s linear;
	pointer-events: none;
}

#social-feed .image-wrapper {
	position: relative;
	overflow: hidden;
	padding: 0;
	display: inline-block;
	pointer-events: none;
}

#social-feed .tile-link {
	height: 100%;
}

/*Twitter Styling*/

#social-feed .twitter-background-wrapper {
	background-color: #f7f7f6;
	height: 100%;
}

#social-feed .time-wrapper h4{
	font-size: 1.2rem;
	line-height: 1.7;
	float: left;
	color: #6d7074;
}

#social-feed .twitter-tile .image-wrapper {
	margin-bottom: -6px;
}

#social-feed .twitter-tile {
	height: inherit;
}

/*Instagram Styling*/

#social-feed .instagram-tile {
	height: inherit;
}

#social-feed .instagram-image-background-wrapper {
	height: inherit;
}

/*YOUTUBE STYLING*/

#social-feed .youtube-background-wrapper {
	height: inherit;
}

#social-feed .youtube-tile:hover .image-overlay {
	display: block;
}

#social-feed .youtube-tile:hover  .youtube-image {
	transform: scale(1.1);
}

#social-feed .youtube-tile {
	overflow: hidden;
	position: relative;
	height: inherit;
}

#social-feed .youtube-tile .image-wrapper {
	margin-bottom: -5px;
	width: 100%;
}

#social-feed .youtube-tile .play-button {
	position: absolute;
	top: -100%;
	bottom: -100%;
	right: -100%;
	left: -100%;
	margin: auto;
}

#social-feed .youtube-image {
	height: 100%;
	width: auto;
	top: -100%;
	bottom: -100%;
	left: -100%;
	right: -100%;
	margin: auto;
	position: absolute;
	transition: transform .1s linear;
}

#social-feed .title-medium {
	font-family: AtlasGrotesk-Medium;
	padding-left: 20px;
}

#social-feed .twitter-tile .social-text.tile-height {
	height: inherit;
}

#social-feed .time-wrapper {
	padding-top: 15px;
	padding-bottom: 15px;
}

#social-feed .instagram-tile .social-image {
	height: auto;
	width: 175%;
}

#social-feed .center-tweet:hover {
	text-decoration: underline;
}

@media screen and (min-width: 540px) {


	#social-feed .social-row {
		overflow: hidden;
	}

}

@media screen and (min-width: 768px) {


}

@media screen and (min-width: 1024px) {

	#social-feed .top-row {
		display: -ms-inline-flexbox;
		display: inline-flex;
		-ms-flex-positive: inherit;
		    flex-grow: inherit;
		-ms-flex-align: stretch;
		    align-items: stretch;
	}

	#social-feed .twitter-tile .social-text {
		position: relative;
	}

	#social-feed .center-tweet {
		position: absolute;
		top: 50%;
		left: 39%;
		transform: translateX(-37%) translateY(-50%);
	}

	#social-feed .tile-height {
		height: 26.3vw;
	}

	#social-feed .twitter-tile .social-text.tile-height {
		height: 26.3vw;
	}

	#social-feed .youtube-image {
		width: 100%;
		height: auto;
	}

	#social-feed .facebook-tile .social-text {
		height: 26.3vw;
	}

	#social-feed .instagram-tile .social-image {
		height: auto;
		width: 175%;
	}

	#page .social-row:not(:first-of-type) {
		padding-top: 20px;
	}

	#social-feed .time-wrapper {
		padding-top: 0;
	}
}.qu-share-links .share-link {
	font-size: 2.0rem;
	margin-right: 15px;
	margin-left: 15px;
}
.qu-share-links .share-link:first-of-type {
	margin-left: 0;
}

.qu-share-links .share-link .visuallyhidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

@media screen and (min-width: 768px) {
	.qu-share-links .share-link:last-of-type {
		margin-right: 0;
	}

}.stats img {
	max-width: 250px;
	width: 100%;
}

.stats {
	margin: 40px 0 0;
	text-align: left;
	clear: both;
}

.qu-stats .abovedivider,
.qu-stats .belowdivider,
.qu-stats hr {
	border-bottom-width: 0;
	margin-top:0;
	border-style: solid;
}


/*border colors*/
.white .qu-stats hr,
.white-q .qu-stats hr,
.white-bigq .qu-stats hr,
.white .stats .onestat,
.white-q .stats .onestat,
.white-bigq .stats .onestat,
.white .stats .onestat hr,
.white-q .stats .onestat hr,
.white-bigq .stats .onestat hr,
.white .qu-stats .abovedivider,
.white-q .qu-stats .abovedivider,
.white-bigq .qu-stats .abovedivider,
.white .qu-stats .belowdivider,
.white-q .qu-stats .belowdivider,
.white-bigq .qu-stats .belowdivider {
	border-color: #c8c9c7;
}

.gray .qu-stats hr,
.gray-q .qu-stats hr,
.gray-bigq .qu-stats hr,
.gray .stats .onestat,
.gray-q .stats .onestat,
.gray-bigq .stats .onestat,
.gray .stats .onestat hr,
.gray-q .stats .onestat hr,
.gray-bigq .stats .onestat hr,
.gray .qu-stats .abovedivider,
.gray-q .qu-stats .abovedivider,
.gray-bigq .qu-stats .abovedivider,
.gray .qu-stats .belowdivider,
.gray-q .qu-stats .belowdivider,
.gray-bigq .qu-stats .belowdivider {
	border-color: #c8c9c7;
}

.blue .qu-stats hr,
.blue-q .qu-stats hr,
.blue-bigq .qu-stats hr,
.blue .stats .onestat,
.blue-q .stats .onestat,
.blue-bigq .stats .onestat,
.blue .stats .onestat hr,
.blue-q .stats .onestat hr,
.blue-bigq .stats .onestat hr,
.blue .qu-stats .abovedivider,
.blue-q .qu-stats .abovedivider,
.blue-bigq .qu-stats .abovedivider,
.blue .qu-stats .belowdivider,
.blue-q .qu-stats .belowdivider,
.blue-bigq .qu-stats .belowdivider {
	border-color: #4d91b7;
}

.darkgray .qu-stats hr,
.darkgray-q .qu-stats hr,
.darkgray-bigq .qu-stats hr,
.darkgray .stats .onestat,
.darkgray-q .stats .onestat,
.darkgray-bigq .stats .onestat,
.darkgray.stats .onestat hr,
.darkgray-q .stats .onestat hr,
.darkgray-bigq .stats .onestat hr,
.darkgray .qu-stats .abovedivider,
.darkgray-q .qu-stats .abovedivider,
.darkgray-bigq .qu-stats .abovedivider,
.darkgray .qu-stats .belowdivider,
.darkgray-q .qu-stats .belowdivider,
.darkgray-bigq .qu-stats .belowdivider {
	border-color: #63666a;
}

.navy .qu-stats .multistats hr,
.navy-q .qu-stats .multistats hr,
.navy-bigq .qu-stats .multistats hr,
.navy .stats .onestat,
.navy-q .stats .onestat,
.navy-bigq .stats .onestat,
.navy.stats .onestat hr,
.navy-q .stats .onestat hr,
.navy-bigq .stats .onestat hr,
.navy .qu-stats .abovedivider,
.navy-q .qu-stats .abovedivider,
.navy-bigq .qu-stats .abovedivider,
.navy .qu-stats .belowdivider,
.navy-q .qu-stats .belowdivider,
.navy-bigq .qu-stats .belowdivider {
	border-color: #354d5b;
}

.stats .one .labelstat.vertical-stat {
	float: left;
	margin-top: 0;
	margin-bottom: 0;
}

.stats .one .labelstat.horizontal-stat {
	float: left;
	margin-top: 45px;
	margin-bottom: 25px;
}

.stats .one.aem-GridColumn--default--7 {
	/* to enforce grid width */
	height: 1px;
}

.stats .one .multistats {
	clear: both;
}

.stats .onestat {
	border-left: 1px solid;
	float: left;
	padding-left: 25px;
	margin-bottom: 25px;
	margin-top: 45px;
}

.stats .onestat .b2 {
	margin-top: 0;
}

.stats .b2 {
	font-family: "AtlasGrotesk-Medium";
}

.stats .labelstat {
	margin-top: 0;
	margin-bottom: 15px;
}

.stats .belowdivider {
	clear: both;
}

.stats .stat-content {
	margin-bottom: 0;
	padding-bottom: 15px;
}

.stats .three, .stats .two {
	margin-bottom: 0;
}

.stats .three:first-of-type {
	padding-right:3.12%;
}
.stats .three:last-of-type {
	padding-left:3.12%;
}

.stats .multistats hr {
	margin-top: 0;
	margin-bottom: 15px;
	border-bottom-width: 0;
	border-style: solid;
}

.stats .multistats .stat-label {
	margin-bottom: 10px;
}

/*CTA Styles*/
.qu-stats .btn-blue,
.qu-stats .btn-white {
  display: inline-block;
  border-radius: 3px;
  padding: 0 20px;
  line-height: 61px;
  margin: 20px 0;
}

.qu-stats a.btn-blue,
.qu-stats button.btn-blue {
  background: #357abf;
  color: #fff;
  font-size:1.6rem;
}

.qu-stats .btn-blue:hover {
	background: #003f64;
}

.qu-stats .btn-blue:focus {
	background: #003f64;
}

.qu-stats .btn-blue:active {
	background: #00263e;
}

.qu-stats a.btn-white,
.qu-stats button.btn-white {
	background: #fff;
	/* @ticket QU-878 override section colors */
	color: #00263e!important;
	font-size:1.6rem;
}

.qu-stats .btn-white:hover {
	background: #c8c9c7;
}

.qu-stats .btn-white:focus {
	background: #c8c9c7;
}

.qu-stats .btn-white:active {
	background: #FFB81C;
}

.qu-stats .icon-schools-arrow {
	font-size: 0.8rem;
	margin-left: 10px;
}

.qu-stats .btn-blue:hover span,
.qu-stats .btn-white:hover span {
	text-decoration: underline;
}

.qu-stats .btn-blue .icon-schools-arrow,
.qu-stats .btn-white .icon-schools-arrow {
	display: none;
}
.qu-stats .link-blue,
.qu-stats .link-white {
	display: inline-block;
	margin: 20px 0;
}

.qu-stats .link-blue span,
.qu-stats .link-white span {
	text-decoration: underline;
}

.qu-stats a.link-blue,
.qu-stats button.link-blue {
	color: #357abf;
	font-size:1.6rem;
}

.qu-stats .link-blue:hover {
	text-decoration: none;
	color: #003f64;
}

.qu-stats .link-blue:focus {
	text-decoration: none;
	color: #003f64;
}

.qu-stats .link-blue:active {
	text-decoration: none;
	color: #00263e;
}


.qu-stats a.link-white,
.qu-stats button.link-white  {
	color: #fff;
	font-size:1.6rem;
}

.qu-stats .link-white:hover {
	text-decoration: none;
	color: #c8c9c7;
}

.qu-stats .link-white:focus {
    text-decoration: none;
    color: #c8c9c7;
}

.qu-stats .link-white:active {
	text-decoration: none;
	color: #FFB81C;
}

@media screen and (max-width: 767px) {
	.stats {
		margin-top: 25px;
	}
	.stats .onestat {
		border-left: none;
		padding-left:0;
		margin-bottom: 0px;
		margin-top: 0px;
	}
	.stats .one .labelstat.horizontal-stat {
		margin-bottom: 0px;
		margin-top: 0px;
	}

	.stats .onestat hr{
		margin-bottom: 15px;
	}

	.stats .abovedivider {
		margin-bottom: 40px;
	}
	.stats .belowdivider {
		margin-top: 20px;
		margin-bottom: 15px;
	}
	.stats .three:not(:first-of-type), .stats .two:not(:first-of-type) {
		margin-top:40px;
	}

	.stats .three:first-of-type {
		padding-right:0;
	}
	.stats .three:last-of-type {
		padding-left:0;
	}

}
@media screen and (min-width: 768px) {
	.qu-stats .btn-blue,
	.qu-stats .btn-white {
		padding: 0 25px;
	}
	.qu-stats .btn-blue .icon-schools-arrow,
	.qu-stats .btn-white .icon-schools-arrow {
		display: inline-block;
	}
}

@media screen and (min-width: 1024px) {
	.qu-stats .btn-blue,
	.qu-stats .btn-white {
	  line-height: 61px;
	}

}

@media screen and (min-width: 1440px) {
	.qu-stats .btn-blue,
	.qu-stats .btn-white {
	  padding: 0 40px;
	}

}.text-list-image.component {
    /*global mobile box styles in mobile-box.less file, styles below are for this particular component only*/
}
@media screen and (max-width: 767px) {
    .text-list-image.component.mobile-box {
        margin: 0 0 2rem;
        display: block;
        min-height: 200px;
        width: 100%;
        position: relative;
        background-size: cover;
    }
    .text-list-image.component.mobile-box .content {
        position: absolute;
        padding-left: 2rem;
        padding-top: 1rem;
        height: 100%;
        width: 100%;
        text-align: left;
        z-index: 5;
        background-color: rgba(12, 35, 64, 0.8);
    }

    .text-list-image.component.mobile-box .content h2 {
        display:none;
    }

    .text-list-image.component.mobile-box .content .mobile-link {
        font-size: 3rem;
        color: #FFF;
        margin: 0;
        font-family: 'Portrait Q Web', Georgia, serif !important;
        text-transform: none !important;
        text-shadow: 0 0 10px #000000;
    }

    .text-list-image.component.mobile-box .content .mobile-link:after{
        color: #ffb81c;
        content: "\e908";
        margin: 0 0 0 1rem;
        font-size: 1.8rem;
        font-family: icomoon;
    }


    .text-list-image.component.mobile-box .content > div ul {
        color: white;
        margin:0;
    }
    .text-list-image.component.mobile-box .content > div ul li {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
    .text-list-image.component .content ul li a {
        text-decoration: underline;
    }
    .text-list-image.component .content ul li a:hover {
        text-decoration: none;
    }
    .text-list-image.component.mobile-box .content h2:before{
        display: none !important;
    }

    .text-list-image.component.mobile-box:after{
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 50%;
        right: 0;
        bottom: 0;
        background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=0);
    }

    .text-list-image.component.mobile-box .content > div > div{
        display: none;
    }
    .text-list-image.component.mobile-box .caption {
        display: none;
    }
}
@media screen and (min-width: 768px) {
    .text-list-image.component.mobile-box .content .mobile-link{
        display:none;
    }
    .text-list-image.component {
        box-shadow: inset 0 -720px 500px -550px rgba(0,0,0,.8);
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        margin-right: -4rem;
        margin-left: -4rem;
        padding-right: 4rem;
        padding-left: 4rem;
    }
    .text-list-image.component .content {
        min-height: 40rem;
        width: 50%;
        color: #FFF;
        padding: 4rem 2rem 6rem 2rem;
        margin-left: -4rem;
        background-color: rgba(12, 35, 64, 0.8);
    }
    .text-list-image.component .content.right-aligned {
        margin-left: calc(50% + 4rem);
    }
    .text-list-image.component .content > div {
        width: 55%;
        float: left;
    }
    .text-list-image.component .content > div p {
        font-family: 'Atlas Grotesk Web', Arial, Helvetica, sans-serif;
        font-size: 1.4rem;
        line-height: 22px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 20px;
    }
    .text-list-image.component .content > div p:last-child {
        margin-bottom: 2.5rem;
    }
    .text-list-image.component .content > div:nth-child(2) {
        padding-right: 0;
        padding-left: 2rem;
        width: 45%;
    }
    .text-list-image.component .content ul {
        padding: 0;
        margin: 0;
        border-top: solid 1px rgba(255, 255, 255, 0.2);
        list-style-type: none;
    }
    .text-list-image.component .content ul li {
        padding: 0;
        margin: 0;
        border-bottom: solid 1px rgba(255, 255, 255, 0.2);
    }
    .text-list-image.component .content ul li:last-child {
        border-bottom: none;
    }
    .text-list-image.component .content ul li:before {
        display: none;
    }
    .text-list-image.component .content ul li a {
        color: #FFF;
        padding: 1.7rem 0 1.5rem;
        display: inline-block;
    }
    .text-list-image.component .content ul li a:hover {
        text-decoration: underline;
    }
    .text-list-image.component .content:after {
        clear: both;
        height: 0;
        display: block;
        content: '';
    }
    .text-list-image.component .btn {
        white-space: nowrap;
    }
    .text-list-image.component h2 {
        font-family: 'Portrait Q Web', Georgia, serif !important;
        color: #FFF;
        margin: 0 0 1.7rem;
        font-size: 4rem;
    }
    .text-list-image.component h2:before {
        display: none;
    }
    .text-list-image.component .caption {
        right: 3rem;
        bottom: 3rem;
        font-size: 1.2rem;
        font-style: normal;
        display: block;
        font-weight: 900;
        color: #FFF;
        position: absolute;
        text-align: left;
        max-width: 30rem;
    }
    .text-list-image.component .caption.right-aligned {
        right: 0;
        text-align: left;
        left: 3rem;
    }
    .text-list-image.component .caption span:before {
        display: inline-block;
        content: "\e922";
        font-family: icomoon;
        font-size: 0.5rem;
        margin: 0 0.5rem 0 0;
        position: relative;
        bottom: 1px;
    }
    .text-list-image.component .caption span {
        left: -15px;
        top: -10px;
        position: relative;
    }
    .text-list-image.component .caption .sub-caption {
        margin-top: 0.2rem;
        border-top: solid 1px rgba(255, 255, 255, 0.2);
        padding-top: 1rem;
        font-weight: 400;
        line-height: 1.5em;
        text-align: left;
    }
    button.btn,
    a.btn {
        display: inline-block;
        background: #418fde;
        color: #ffffff;
        transition: all 0.15s linear;
        border-radius: 4px;
        padding: 1.3rem 1rem 1.1rem;
        font-family: 'Atlas Grotesk Web', Arial, Helvetica, sans-serif;
        font-weight: 300;
        text-decoration: none;
        border: solid 1px #418fde;
        font-size: 15px;
    }
    button.btn + .btn,
    a.btn + .btn {
        margin-left: 1.5rem;
    }
    button.btn:hover,
    a.btn:hover {
        background: #014d79;
        border: solid 1px #014d79;
        text-decoration: none;
    }
    button.btn.btn-primary:after,
    a.btn.btn-primary:after {
        font-family: icomoon;
        content: "\e908";
        display: inline-block;
        margin: 0 0 0 1.5rem;
        font-size: 1.8rem;
        position: relative;
        top: .2rem;
        line-height: .5em;
    }
    button.btn.btn-primary:hover,
    a.btn.btn-primary:hover {
        color: #ffffff;
    }
}
@media screen and (min-width: 992px) {
    .text-list-image.component .content {
        width: 45%;
        min-height: 55rem;
        padding: 6rem 2rem 10rem 3rem;
    }
    .text-list-image.component .content > div:nth-child(2) {
        width: 45%;
    }
    .text-list-image.component .content.right-aligned {
        margin-left: calc(55% + 4rem);
    }
}
@media screen and (min-width: 1200px) {
    .text-list-image.component {
        margin-right: -6rem;
        margin-left: -6rem;
        padding-right: 6rem;
        padding-left: 6rem;
    }
    .text-list-image.component .content {
        margin-left: -6rem;
        padding: 6rem 2rem 13rem 3rem;
    }
    .text-list-image.component .content > div:nth-child(2) {
        padding-right: 0;
        padding-left: 4rem;
        width: 45%;
    }
    .text-list-image.component .content.right-aligned {
        margin-left: calc(55% + 6rem);
    }
}

/*
@media screen and (max-width: 767px) {
    .mobile-box {
        height: 10rem;
        display: block;
        text-align: center;
    }
    .mobile-box h2 {
        font-family: 'Atlas Grotesk Web', Arial, Helvetica, sans-serif;
        font-weight: 500;
        color: #FFF;
        margin: 0;
        font-size: 1.3rem;
        text-transform: uppercase;
    }
    .mobile-box h2:before {
        display: block;
        padding: 2.2rem 0 1.5rem;
        font-size: 2.6rem;
        font-weight: 400;
        color: #ffb81c;
    }
}
@media screen and (max-width: 767px) {
    .bottom-par > .aem-Grid > .aem-GridColumn {
        background-color: #418FDE;
        border-right: solid 1px #FFF;
        border-bottom: solid 1px #FFF;
    }
    .bottom-par > .aem-Grid > .aem-GridColumn:nth-child(2n) {
        background-image: url(bundle/images/QPattern_2X_Blue.png) !important;
    }
    .bottom-par > .aem-Grid > .aem-GridColumn:nth-child(4),
    .bottom-par > .aem-Grid > .aem-GridColumn:nth-child(5),
    .bottom-par > .aem-Grid > .aem-GridColumn:nth-child(6) {
        border-bottom: none;
    }
    .bottom-par > .aem-Grid > .aem-GridColumn:nth-child(3),
    .bottom-par > .aem-Grid > .aem-GridColumn:nth-child(6) {
        border-right: none;
    }
}
*//** Reset Included Component spacing **/
.qu-text-image .resp-media-image {
	margin: 0;
	padding: 0;
}
.qu-text-image.large-img {
	padding-top:0;
	padding-bottom: 0;
}

.qu-text-image .qu-title h1.h2, .qu-text-image .qu-title h2.h2, .qu-text-image .qu-title h3.h2, .qu-text-image .qu-title h4.h2, .qu-text-image .qu-title h1.h3, .qu-text-image .qu-title h2.h3, .qu-text-image .qu-title h3.h3, .qu-text-image .qu-title h4.h3, .qu-text-image .qu-title h1.b4, .qu-text-image .qu-title h2.b4, .qu-text-image .qu-title h3.b4, .qu-text-image .qu-title h4.b4, .qu-text-image .qu-title h1.section-label, .qu-text-image .qu-title h2.section-label, .qu-text-image .qu-title h3.section-label, .qu-text-image .qu-title h4.section-label{
	margin-top: 0;
	padding-top: 0;
}
.qu-text-image .resp-media-image .caption, .qu-text-image .resp-media-image .caption-content {
	margin-left: 0;
	margin-right: 0;
}

.qu-text-image .spacer-column {
	min-height:1px;
}

/** Main Component Styles **/
.qu-text-image {
	padding-top: 25px;
	padding-bottom: 15px;
}

.qu-text-image .text-copy{
	padding-top: 25px;
}
.qu-text-image.img-right .text-copy {
	padding-top: 0;
}
.qu-text-image.img-right .resp-media-image {
	padding-top: 20px; /* total is 40, but the other content had 20px spacing already.*/
}

/* styles for image with caption, copy,  cta */
.qu-text-image.img-right.no-title {
	padding-top: 0; /* removing spacing as the copy has spacing on it already */
}

/* styles for full bleed image, title, copy, cta */
/* styles for full bleed image, title  */
.qu-text-image.img-bleed {
	padding-top:0;
}
.qu-text-image.img-bleed .text-copy {
	padding-top: 50px;
}
.qu-text-image.img-bleed.img-right .text-copy {
	padding-top: 0px;
}
.qu-text-image.img-bleed.img-right .qu-title {
	padding-top:0;
}
.qu-text-image.img-bleed.img-right {
	padding-top: 25px;
	padding-bottom: 0;
}

/* styles for full bleed image, copy, cta*/
.qu-text-image.img-bleed.no-title .text-copy{
	padding-top: 20px;
}
.qu-text-image.img-bleed.img-right.no-title .text-copy{
	padding-top: 0px;
}
.qu-text-image.img-bleed.img-right.no-title {
	padding-top: 0;
}


@media screen and (min-width: 768px) {
	.qu-text-image {
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.qu-text-image.img-right .resp-media-image {
		padding-top:0;
	}
	.qu-text-image.large-img .text-copy {
		padding-top: 70px;
	}
	.qu-text-image.large-img.no-title .text-copy {
		padding-top: 50px;
	}
	.qu-text-image .text-copy{
		padding-top: 0px;
	}

	/* styles for image with caption, copy,  cta */

	.qu-text-image.no-title, .qu-text-image.img-right.no-title {
		padding-top:10px;
	}
	.qu-text-image.img-right.no-title .resp-media-image {
		padding-top: 20px;
	}
	.qu-text-image.large-img.no-title {
		padding-top:0;
	}

	/* styles for full bleed image, title, copy,  cta */
	.qu-text-image.img-bleed.img-right {
		padding-top:0;
	}
	.qu-text-image.img-bleed .text-copy, .qu-text-image.img-right.img-bleed .text-copy {
		padding-top: 70px;
	}
	.qu-text-image.img-bleed.img-right .resp-media-image {
		padding-top:0;
	}

	/* styles for full bleed image, title */
	.qu-text-image.img-bleed.no-copy {
		padding-bottom: 0;
	}

	/* styles for full bleed image, title */
	.qu-text-image.img-bleed.no-title {
		padding-top: 0;
		padding-bottom: 0;
	}
	.qu-text-image.img-bleed.no-title .text-copy {
		padding-top:50px;
	}
}.tile-component h2 {
    margin-bottom: 2rem;
}
@media (min-width: 768px) {
    .tile-component h2 {
        margin-bottom: 3.5rem;
        line-height: 1em;
        font-family: 'Portrait Q Web', Georgia, serif;
        font-size: 4rem;
    }
}
.bg-grey {
    background-color: #F1F1F1;
    margin-right: -2rem;
    margin-left: -2rem;
    padding-right: 2rem;
    padding-left: 2rem;
    padding-top: 2rem;
}
@media (min-width: 768px) {
    .bg-grey {
        margin-right: -4rem;
        margin-left: -4rem;
        padding-right: 4rem;
        padding-left: 4rem;
        padding-top: 4rem;
    }
}
@media (min-width: 1200px) {
    .bg-grey {
        margin-right: -6rem;
        margin-left: -6rem;
        padding-right: 6rem;
        padding-left: 6rem;
        padding-top: 6rem;
    }
}
.tile-items {
    margin: 0 -1.6rem;
    position: relative;
}
.tile-items:after {
    clear: both;
    height: 0;
    content: '';
    display: block;
}
.aem-AuthorLayer-Edit .tile-items {
    overflow: hidden;
}
.aem-AuthorLayer-Edit .tile-items .tile-item {
    overflow: hidden;
    clear: both;
    float: none !important;
}
.tile-item.component {
    padding: 0 1.6rem;
    margin: 0 0 2rem;
}
@media (min-width: 1024px) {
    .tile-item.component {
        width: 50%;
        float: left;
        margin: 0 0 4rem;
    }
    .tile-item.three .tile-item.component{
        width: 33.3%;
    }
}
.tile-item.component a {
    overflow: hidden;
    display: block;
    height: 0;
    padding-bottom: 75%;
    width: 100%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #000;
}
.tile-item.component a:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    left: -1px;
    top: 50%;
    right: -1px;
    bottom: -1px;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=0);
}
.tile-item.component a:before {
    z-index: 5;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: all .15s linear;
}
.tile-item.component a:hover:before {
    opacity: 1;
    background: rgba(12,35,64,0.75);
}
.tile-nav-list .tile-item.component a {
    height: 300px;
}
.tile-item.component .tile-content {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    font-size: 1.4rem;
    color: #FFF;
    z-index: 10;
}
@media (min-width: 1024px){
    .tile-item.component .tile-content {
        bottom: 2rem;
        left: 4rem;
        right: 4rem;
    }
}
.tile-item.component .tile-content h3 {
    font-size: 3rem;
    color: #FFF;
    margin: 0;
    font-family: 'Portrait-Light';
}
.tile-item.component .tile-content h3:after {
    color: #ffb81c;
    content: "\e908";
    margin: 0 0 0 1rem;
    font-size: 1.8rem;
    font-family: icomoon;
}
.tile-item.component .tile-content > div {
    margin-top: 1.5rem;
    display: none;
}
.tile-item.component .tile-content > div p:last-child {
    margin: 0;
}
.tile-item.component .tile-content > div p {
    font-size: 1.4rem;
    line-height: 22px;
}
@media (max-width: 768px) {
    .tile-item.component .tile-content h3 {
        font-size: 2.7rem;
    }
    .tile-item.component .tile-content > div {
        margin-top: 0;
    }
    .tile-item.component .tile-content > div p {
        font-size: 1.3rem;
        padding-top: 0;
        padding-bottom: 0;
    }
}
@media (min-width: 1024px) and (max-width: 1440px) {
    .tile-item.component .tile-content > div p {
        padding-top: 0;
        padding-bottom: 0;
        font-size: 1.3rem;
    }
    .tile-item.component .tile-content h3 {
        font-size: 2.7rem;
    }
    .tile-item.component .tile-content > div {
        margin-top: 0;
    }
    .tile-item.component .tile-content {
        bottom: 1rem;
        left: 2rem;
        right: 2rem;
    }
    .three .tile-item.component .tile-content {
        left: 1rem;
        right: 1rem;
    }
    .three .tile-item.component a {
        padding-bottom: 75%;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .tile-item.component a {
        padding-bottom: 56.25%;
    }
}
@media (min-width: 1440px) {
    .tile-item.component a {
        padding-bottom: 56.25%;
    }
    .three .tile-item.component a {
        padding-bottom: 75%;
    }
    .three .tile-item.component .tile-content {
        bottom: 2rem;
    }
}
.qu-title .b4 {
    font-family: "AtlasGrotesk-Medium";
    margin-top:50px;
    margin-bottom:20px;
}

.qu-title .h2 {
    margin-top: 40px;
    margin-bottom:20px
}

.qu-title .section-heading {
    margin: 50px auto 40px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 10px;
    line-height: 36px;
}


/* true indicates the divider will show */
.qu-title .h2.true {
    margin-bottom: 0;
}

.qu-title hr.h2 {
    line-height: 1;
    font-size: 1.2rem;
    width: 90px;
    margin-top:25px;
    margin-bottom: 5px;
    display: inline-block;
    height: 1px;
    border: 0;
    border-top: 1px solid #c8c9c7;
}


.qu-title .h3 {
    margin-top: 40px;
    margin-bottom:20px;
}

.qu-title .h3.opening-statement {
    text-align: center;
}

/* true indicates the divider will show */
.qu-title .h3.true {
    margin-bottom: 0;
}


.qu-title hr.h3 {
    line-height: 1;
    font-size: 1.2rem;
    width: 90px;
    margin-top:35px;
    margin-bottom: 20px;
    display: inline-block;
    height: 1px;
    border: 0;
    border-top: 1px solid #c8c9c7;
}


/* true indicates the divider will show */
.qu-title .b4.true {
    margin-bottom: 0;
}

.qu-title hr.b4 {
    margin-top:15px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #c8c9c7;
}




.white .qu-title ,  .white-q .qu-title , .white-bigq .qu-title  {
    color: #00263e;
}


.white .qu-title hr , .white .qu-title  hr.h3 , .white .qu-title  hr.h2 ,
.white-q .qu-title hr , .white-q .qu-title  hr.h3 , .white-q .qu-title  hr.h2 ,
.white-bigq .qu-title hr , .white-bigq .qu-title  hr.h3 , .white-bigq .qu-title  hr.h2  {
    border-color: #c8c9c7;
}



.gray .qu-title , .gray-q .qu-title , .gray-bigq .qu-title  {
    color: #00263e;
}

.gray .qu-title hr , .gray .qu-title  hr.h3 , .gray .qu-title  hr.h2 ,
.gray-q .qu-title hr , .gray-q .qu-title  hr.h3 , .gray-q .qu-title  hr.h2 ,
.gray-bigq .qu-title hr , .gray-bigq .qu-title  hr.h3 , .gray-bigq .qu-title  hr.h2 {
    border-color: #c8c9c7;
}



.blue .qu-title , .blue-q .qu-title , .blue-bigq .qu-title  {
    color: #fff;
}


.blue .qu-title hr , .blue .qu-title  hr.h3 , .blue .qu-title  hr.h2 ,
.blue-q .qu-title hr , .blue-q .qu-title  hr.h3 , .blue-q .qu-title  hr.h2 ,
.blue-bigq .qu-title hr , .blue-bigq .qu-title  hr.h3 , .blue-bigq .qu-title  hr.h2  {
    border-color: #4d91b7;
}


.navy .qu-title , .navy-q .qu-title , .navy-bigq .qu-title  {
    color: #ffffff;
}


.navy .qu-title .b4, .navy-q .qu-title .b4 , .navy-bigq .qu-title .b4  {
    color: #FFB81C;
}

.navy .qu-title hr , .navy .qu-title  hr.h3 , .navy .qu-title  hr.h2 ,
.navy-q .qu-title hr , .navy-q .qu-title  hr.h3 , .navy-q .qu-title  hr.h2 ,
.navy-bigq .qu-title hr , .navy-bigq .qu-title  hr.h3 , .navy-bigq .qu-title  hr.h2  {
    border-color: #354d5b;
}


.darkgray .qu-title , .darkgray-q .qu-title , .darkgray-bigq .qu-title {
    color: #ffffff;
}


.darkgray .qu-title hr , .darkgray .qu-title  hr.h3 , .darkgray .qu-title  hr.h2 ,
.darkgray-q .qu-title hr , .darkgray-q .qu-title  hr.h3 , .darkgray-q .qu-title  hr.h2 ,
.darkgray-bigq .qu-title hr , .darkgray-bigq .qu-title  hr.h3 , .darkgray-bigq .qu-title  hr.h2  {
    border-color: #63666a;
}

.museum-gray .qu-title,
.museum-green .qu-title,
.museum-orange .qu-title,
 .museum-yellow .qu-title {
    color: #fff;
 }.qu-ugadmissionstatus {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.qu-ugadmissionstatus .qu-form {
	-ms-flex-order: 1;
	    order: 1;
}

.qu-ugadmissionstatus .before-ugadmissionstatus {
	-ms-flex-order: 0;
	    order: 0;
}

.qu-ugadmissionstatus .after-ugadmissionstatus {
	-ms-flex-order: 2;
	    order: 2;
}

.before-ugadmissionstatus:not(.shown),
.after-ugadmissionstatus:not(.shown),
.qu-form .ugadmissionstatus-template {
	display: none;
}

.qu-ugadmissionstatus .before-ugadmissionstatus,
.qu-ugadmissionstatus.submitted .after-ugadmissionstatus {
	display: block;
}

.qu-ugadmissionstatus.submitted .before-ugadmissionstatus {
	display: none;
}

.qu-ugadmissionstatus .grid-spacing {
	margin: -2rem 0 2rem -2rem;
}

.qu-ugadmissionstatus .grid-spacing > .aem-GridColumn {
	padding: 2rem 0 0 2rem!important;
}

.qu-ugadmissionstatus .cta[type="submit"] {
    margin-top: 45px;
    margin-bottom: 10px;
}


.ugadmissionstatus-details {
	font-size: 1.8rem;
	line-height: 24px;
	color: #00263e;
	padding-bottom: 116px;
}

.ugadmissionstatus-details .b4 {
	font-family: 'AtlasGrotesk-Medium', sans-serif;
	margin-bottom: 18px;
	margin-top: 45px;
}

/**
 * Status main title.
 */

.ugadmissionstatus-title {
	position: relative;
	margin: 96px 0 32px 0;
	color: #00263e;
}

.ugadmissionstatus-title:before {
	content: '';
	position: absolute;
	bottom: -35px;
	width: 80px;
	border-bottom: 1px solid #c8c9c7;
}

.ugadmissionstatus-status {
	font-family: 'AtlasGrotesk-Medium', sans-serif;
}

/**
 * Links
 */

.ugadmissionstatus-details a {
	display: block;
	color: #357abf;
	text-decoration: underline;
	line-height: 28px;
}

/**
 * After message
 */

.ugadmissionstatus-message {
	padding: 0;
}


/**
 * Right panel (confirmation email)
 */


.ugadmissionstatus-emails .b4 {
	position: relative;
	line-height: 32px;
	border-bottom: 1px solid #c8c9c7;
}

.ugadmissionstatus-emails .enveloppe {
	position: absolute;
    left: -32px;
    font-size: 2.8rem;
    color: #FFB81C;
}

.ugadmissionstatus-emails a {
	margin-top: 19px;
}

.ugadmissionstatus-emails,
.ugadmissionstatus-emails p {
	font-size: 1.6rem;
	line-height: 24px;
	padding: 0;
}


/**
 * Wrong student information
 */

.qu-ugadmissionstatus .wrong-information .submit-error {
	visibility: visible;
	opacity: 1;
}

/*.qu-ugadmissionstatus .wrong-information .cta {
	background: #e74c3c;
}*/

@media screen and (min-width: 1024px) {
	
	.ugadmissionstatus-emails {
		padding-left: 70px!important;
	}
	
}.icon-events-arrow:before {
    content: "\25b6";
}


.qu-upcomingevents .aem-Grid.aem-Grid--12 {
    display: -ms-flexbox;
    display: flex;
}

.qu-upcomingevents ul {
    width:100%;
}

.qu-upcomingevents ul li {
    float: left;
}

.qu-upcomingevents .icon-events-arrow {
    font-size:0.8rem;
    margin-left:8px;
}

.qu-upcomingevents .icon-events-arrow:before {
    vertical-align: text-top;
}

.qu-upcomingevents .section-label {
    display: block;
    margin-top:50px;
    margin-bottom:40px;
    letter-spacing: 2px;
    font-size:1.2rem;
    line-height: 20px;
    font-family: AtlasGrotesk-Medium;
    text-transform: uppercase;
    padding-right:10px;
    padding-top:2px;
}

.qu-upcomingevents .verticaldivider {
    border-left:solid 1px #c8c9c7;
    margin-bottom: 40px;
}

.qu-upcomingevents .verticaldivider div {
    height:110px;
}

.qu-upcomingevents .date {
    font-size: 1.2rem;
    margin-top:20px;
    margin-bottom:20px;
    padding-left:20px;
}

.qu-upcomingevents .date a:hover {
    text-decoration:underline;
}

.qu-upcomingevents .title {
    font-size: 2.5rem;
    padding-left:20px;
    margin-bottom:40px;
    font-family: Portrait-Regular;
}

.qu-upcomingevents .title a {
    text-decoration: underline;
}

.qu-upcomingevents .title:hover a, 
.qu-upcomingevents .title:hover i,
.qu-upcomingevents .title:focus a, 
.qu-upcomingevents .title:focus i {
    color: rgba(225, 225, 225, 0.85);
}

.qu-upcomingevents .title i {
    font-size: 0.8rem;
    display: inline-block;
    margin-left: 1rem;
}

.qu-upcomingevents .abovedivider {
    margin:20px 0 40px 0;
    padding:0;
    border-top-width:0;
    border-color: #c8c9c7;
}


.qu-upcomingevents .belowdivider {
    margin-bottom:20px;
    margin-top:0;
    border-top-width:0;
    border-color: #c8c9c7;
}

.white .qu-upcomingevents,
.white-q .qu-upcomingevents,
.white-bigq .qu-upcomingevents,
.gray .qu-upcomingevents,
.gray-q .qu-upcomingevents,
.gray-bigq .qu-upcomingevents  {
    color: #00263e;
}

.white .qu-upcomingevents .date,
.white-q .qu-upcomingevents .date,
.white-bigq .qu-upcomingevents .date,
.gray .qu-upcomingevents .date,
.gray-q .qu-upcomingevents .date,
.gray-bigq .qu-upcomingevents .date {
    color: #63666a;
}

.white .qu-upcomingevents .verticaldivider,
.white .qu-upcomingevents .belowdivider,
.white .qu-upcomingevents .abovedivider,
.white-q .qu-upcomingevents .verticaldivider,
.white-q .qu-upcomingevents .belowdivider,
.white-q .qu-upcomingevents .abovedivider,
.white-bigq .qu-upcomingevents .verticaldivider,
.white-bigq .qu-upcomingevents .belowdivider,
.white-bigq .qu-upcomingevents .abovedivider {
    border-color: #c8c9c7;
}

.blue .qu-upcomingevents,
.blue-q .qu-upcomingevents,
.blue-bigq .qu-upcomingevents {
    color: #fff;
}
.green .qu-upcomingevents,
.green-q .qu-upcomingevents,
.green-bigq .qu-upcomingevents {
    color: #fff;
}

.blue .qu-upcomingevents .date,
.blue-q .qu-upcomingevents .date,
.blue-bigq .qu-upcomingevents .date {
    color: #fff;
}

.blue .qu-upcomingevents .verticaldivider,
.blue .qu-upcomingevents .belowdivider,
.blue .qu-upcomingevents .abovedivider,
.blue-q .qu-upcomingevents .verticaldivider,
.blue-q .qu-upcomingevents .belowdivider,
.blue-q .qu-upcomingevents .abovedivider,
.blue-bigq .qu-upcomingevents .verticaldivider,
.blue-bigq .qu-upcomingevents .belowdivider,
.blue-bigq .qu-upcomingevents .abovedivider {
    border-color: #fff;
}

.navy .qu-upcomingevents,
.navy-q .qu-upcomingevents,
.navy-bigq .qu-upcomingevents {
    color: #fff;
}


.navy .qu-upcomingevents .date,
.navy-q .qu-upcomingevents .date,
.navy-bigq .qu-upcomingevents .date {
    color: #FFB81C;
}

.navy .qu-upcomingevents .verticaldivider,
.navy .qu-upcomingevents .belowdivider,
.navy .qu-upcomingevents .abovedivider,
.navy-q .qu-upcomingevents .verticaldivider,
.navy-q .qu-upcomingevents .belowdivider,
.navy-q .qu-upcomingevents .abovedivider,
.navy-bigq .qu-upcomingevents .verticaldivider,
.navy-bigq .qu-upcomingevents .belowdivider,
.navy-bigq .qu-upcomingevents .abovedivider {
    border-color: #354d5b;
}


.darkgray .qu-upcomingevents,
.darkgray-q .qu-upcomingevents,
.darkgray-bigq .qu-upcomingevents {
    color: #fff;
}

.darkgray .qu-upcomingevents .date,
.darkgray-q .qu-upcomingevents .date,
.darkgray-bigq .qu-upcomingevents .date {
    color: #FFB81C;
}

.darkgray .qu-upcomingevents .verticaldivider,
.darkgray .qu-upcomingevents .belowdivider,
.darkgray .qu-upcomingevents .abovedivider,
.darkgray-q .qu-upcomingevents .verticaldivider,
.darkgray-q .qu-upcomingevents .belowdivider,
.darkgray-q .qu-upcomingevents .abovedivider,
.darkgray-bigq .qu-upcomingevents .verticaldivider,
.darkgray-bigq .qu-upcomingevents .belowdivider,
.darkgray-bigq .qu-upcomingevents .abovedivider {
    border-color: #63666a;
}

.gray .qu-upcomingevents .verticaldivider,
.gray .qu-upcomingevents .belowdivider,
.gray .qu-upcomingevents .abovedivider,
.gray-q .qu-upcomingevents .verticaldivider,
.gray-q .qu-upcomingevents .belowdivider,
.gray-q .qu-upcomingevents .abovedivider,
.gray-bigq .qu-upcomingevents .verticaldivider,
.gray-bigq .qu-upcomingevents .belowdivider,
.gray-bigq .qu-upcomingevents .abovedivider {
    border-color: #c8c9c7;
}



@media all and (max-width:767px) {

    .qu-upcomingevents .aem-Grid.aem-Grid--12 {
        -ms-flex-direction:column;
            flex-direction:column;
    }

    .qu-upcomingevents .verticaldivider,
    .qu-upcomingevents .belowdivider {
        display: none;
    }

    .qu-upcomingevents .section-label {
        margin-top: 0;
        margin-bottom:2px;
    }

    .qu-upcomingevents .date {
        margin-bottom:0;
        padding-left:0;
    }

    .qu-upcomingevents .title {
        border-bottom:solid 1px #c8c9c7;
        padding-left:0;
        padding-bottom:10px;
        margin-bottom:0;
        margin-top:5px;
    }

    .blue .qu-upcomingevents .title {
        border-bottom:solid 1px #ffffff;
    }

    .navy .qu-upcomingevents .title {
        border-bottom:solid 1px #354d5b;
    }

    .darkgray .qu-upcomingevents .title {
        border-bottom:solid 1px #63666a;
    }

    .qu-upcomingevents .aem-GridColumn:last-child {
        margin-bottom:30px;
    }
}.resp-media-video {
	display: block;
	position: relative;
}
.resp-media-video.inset-video {
	padding-top: 30px;
}
.resp-media-video.aem-Grid.aem-Grid--12 .aem-GridColumn {
	float: none;
}
.resp-media-video .video-container{
	display: block;
	position: relative;
	padding-bottom: 46.9%;  /*  percentage handles a 16/9 ratio  */
	margin: 0 auto 20px;
}
.resp-media-video .video-container.full-width {
	padding-bottom: 56.25%;  /*  percentage handles a 16/9 ratio  */
}

.resp-media-video .video-container .video-js-container {
	padding-bottom: 46.9%;  /*  percentage handles a 16/9 ratio  */
}

.resp-media-video .video-container.full-width .video-js-container{
	padding-bottom: 56.25%;  /*  percentage handles a 16/9 ratio  */
}
.resp-media-video .video-container div.video-js {
	position: absolute;
	top: 0;
	left:0;
	height:100%;
	width: 100%;
}
.resp-media-video .video-container .resp-video:not(.video-js),  .resp-media-video .video-container div.video-js video {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	display: block;
}

.resp-media-video .video-container .icon-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	cursor: pointer;
	display: block;
	height:60px;
	width: 60px;
	border-radius: 50%;
	background-color:rgba(0,0,0,.45);
}

.resp-media-video .video-container .icon-play:hover {
	background: #357abf;
}
.resp-media-video:hover .video-container .icon-play {
	background: #357abf;
}

.resp-media-video.background .video-container .icon-play {
	display: none;
}
.resp-media-video .video-container .video-overlay {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(0,0,0, 0.15);
	overflow: hidden;
}
.resp-media-video .video-container .video-overlay[aria-hidden="true"]{
	display: none;
}

.resp-media-video .video-container .video-overlay .video-poster{
	display: block;
	position: absolute;
	top:0;
	left:0;
	width:100%;
}

.resp-media-video .video-container .icon-play:before {
	font-size: 1.6rem;
	color:#fff;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
.resp-media-video.captioned .caption-container {
	display: block;
	margin:0 auto;
	position: relative;
}
.resp-media-video .caption {
	padding-left: 15px;
}
.resp-media-video .caption:before {
	content: '\25b2';
	display: block;
	margin-right: 5px;
	font-size: 0.8rem;
	position: absolute;
	top:4px;
	left:0;
}

.resp-media-video .caption .caption-title {
	font-weight: 600;
}
.resp-media-video .caption-title span{
	display: inline-block;
	padding-bottom: 10px;
	border-bottom: 1px solid #c8c9c7;
	width: 100%;
}
.resp-media-video .caption .caption-copy {
	padding-top: 10px;
}

.qu-section[class*="darkgray"] .resp-media-video .caption .caption-title,
.qu-section[class*="darkgray"] .resp-media-video .caption:before,
.qu-section[class*="navy"] .resp-media-video .caption .caption-title,
.qu-section[class*="navy"] .resp-media-video .caption:before {
	color:#FFB81C
}
.qu-section[class*="blue"] .resp-media-video .caption-title span {
	border-bottom-color: #4d91b7;
}
.qu-section[class*="navy"] .resp-media-video .caption-title span {
	border-bottom-color: #354d5b;
}
.qu-section[class*="darkgray"] .resp-media-video .caption-title span {
	border-bottom-color: #63666a;
}

/* Overrides to hide video controls inside hero */
#homepage-hero .video-container .vjs-control-bar {
	visibility: hidden !important;
}
.video-container .bright-video.video-js {
	background-color: transparent !important;
	position: absolute;
}
.hero .video-container .vjs-control-bar {
	visibility: hidden !important;
}
#homepage-hero .hide-overlay .vjs-overlay, .hero .hide-overlay .vjs-overlay {
	display: none !important;
}

#homepage-hero .vjs-error-display, #homepage-hero .vjs-modal-dialog, .hero .vjs-modal-dialog, .hero .vjs-error-display {
	display: none !important;
}
@media screen and (min-width:768px)  {

	.resp-media-video .video-container .icon-play {
		width: 98px;
		height:98px;
	}
	.resp-media-video .video-container .icon-play:before {
		font-size: 3rem;
	}

	.resp-media-video.captioned .caption {
		min-width:20%;
		max-width:40%;
		float: left;
		display: block;
		position: relative;
		margin:0;
	}
	.resp-media-video.captioned.caption-bottom-right .caption {
		float:right;
	}
}

.video-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 29px;
    margin: -14px 0px 0px -9px;
}

#qu-search-pagination{
    padding: 0 0 75px 0;
    background-color: #f7f7f6;
}

#qu-search-pagination .aem-GridColumn--phone--11 {
    float: none;
    margin: 0 auto;
}

#qu-search-pagination .filler-column{
    min-height: 1px;
    clear: both;
}

#qu-search-pagination .result-header {
    border-bottom: 1px solid #c8c9c7;
    padding-bottom: 5px;
    margin-bottom: 15px;
    color: #00263e;
}

#qu-search-pagination .result-header p{
    font-family: 'AtlasGrotesk-Medium', "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    padding-bottom: 0;
    padding-top: 0;
}

#qu-search-pagination .result-pages {
    display: none;
    margin: 0 20px;
}

#qu-search-pagination a {
    margin: 0 5px;
}

#qu-search-pagination .light-link {
    text-decoration: underline;
    color: #357abf;
}

#qu-search-pagination span .selected {
    color: #00263e;
}

#qu-search-pagination .cq-searchpromote-pagination {
    text-align: left;
}

#qu-search-pagination .previous, #qu-search-pagination .next {
    text-transform: capitalize;
}

#qu-search-pagination .previous a, #qu-search-pagination .next a {
    margin: 0;
}

#qu-search-pagination .icon-schools-arrow:before {
    font-size:0.7rem;
    transition: all .1s linear;
    display: inline-block;
    position: relative;
    margin-left: 10px;
    text-decoration: none;
}
#qu-search-pagination .previous .icon-schools-arrow:before {
    margin-left:0;
    margin-right: 10px;
    transform: rotate(180deg);
}
#qu-search-pagination .previous:hover .icon-schools-arrow:before {
    transform: translate3d(-5px, 0 , 0) rotate(180deg);
}
#qu-search-pagination .next:hover .icon-schools-arrow:before {
    transform: translate3d(5px, 0, 0);
}



@media screen and (min-width: 768px){

    #qu-search-pagination .next {
        padding-left: 25px;
        border-left: 1px solid #c8c9c7;
    }

    #qu-search-pagination .previous{
        padding-right: 25px;
        border-right: 1px solid #c8c9c7;
    }

    #qu-search-pagination .result-pages {
        width: auto;
        max-width: 56%;
        display: inline-block;
    }

    #qu-search-pagination .aem-GridColumn--default--10 {
        padding-left: 0;
        padding-right: 0;
    }
}#qu-search-results {
    padding: 35px 0 20px 0;
    background-color: #f7f7f6;
    min-height: calc(100vh - 300px);
}

#qu-search-results .no-results-copy ul {
    list-style-type: none;
    color: inherit;
}

.content + #qu-search-results{
    background-color: #f7f7f6;
}

#qu-search-results .no-results-copy ul a, #qu-search-results .no-results-copy ul a:visited {
    color: inherit;
}

#qu-search-results .cq-searchpromote-results {
    float: none;
    margin: 0 auto;
}

#qu-search-results .filler-column{
    min-height: 1px;
}

#qu-search-results .results-description {
    display: block;
    padding: 15px 0 45px 0;
    font-size: 1.3rem;
    line-height: 26px;
}

#qu-search-results .cq-searchpromote-result-item {
    border-bottom: none !important;
    margin: 0 !important;
    padding: 0 0 35px 0 !important;
}

#qu-search-results .cq-searchpromote-result-item .result-title {
    width: 100%;
    display: inline-block;
    font-family: "Portrait-Regular";
    font-size: 2.2rem;
    font-weight: normal;
    margin:0;
    padding:0 0 5px 0;
}

#qu-search-results .result-descript {
    padding:0;
    margin:0;
    line-height:19px;
    font-size: 1.3rem;
}

#qu-search-results .light-link {
    text-decoration: underline;
    color: #357abf;
}

/* No Results styling */

#qu-search-results .no-results {
    padding: 30px 0 75px;
    color:#00263e;
}
#qu-search-results .no-results-content {
    padding: 0 40px 40px 0;
}
#qu-search-results .no-results-header {
    padding: 10px 0;
    position: relative;
    margin-bottom: 20px;
}
#qu-search-results .no-results-header p{
    font-size: 4rem;
    line-height: 44px;
}

#qu-search-results .no-results-header:after {
    content: "";
    display: block;
    border-bottom: 1px solid #c8c9c7;
    width:20%;
    position: absolute;
    bottom: 0;
    left: 0;


}
#qu-search-results .no-results-img {
    display: block;
    width: 100%;
}

@media screen and (min-width: 768px) {

    #qu-search-results .results-description {
        font-size: 1.7rem;
    }

    #qu-search-results .aem-GridColumn--default--10 {
        padding-left: 0;
        padding-right: 0;
    }

    #qu-search-results .cq-searchpromote-result-item .result-title {
        font-size: 2.5rem;
    }

    #qu-search-results .search-result-item .result-descript {
        font-size: 1.4rem;
        line-height: 21px;
    }
    #qu-search-results .no-results-header p {
        font-size: 5.6rem;
        line-height:62px;
    }
    #qu-search-results .no-results-img {
        padding-top: 30px;
    }
}

@media screen and (min-width: 1024px) {
    #qu-search-results .results-description {
        padding: 20px 0 50px 0;
        line-height: 30px;
        display: block;
        font-size: 1.4rem;
    }
}#qu-search-promote {
    background-color: #f7f7f6;
}

#qu-search-promote #autocomplete ul li.yui-ac-highlight {
    background-color: #f7f7f6 !important;
}

#qu-search-promote .search-input {
    border-right: 1px solid #c8c9c7;
}

#qu-search-promote input#search-submit {
    float: left;
    background: none!important;
    border: none;
    padding: 0 10px !important;
    font: inherit;
    cursor: pointer;
    font-family: "AtlasGrotesk-Medium";
    font-weight: 400;
    font-size: 1.8rem;
    text-decoration: underline;
    color: #357abf;
}

#qu-search-promote input#search-submit:hover {
    text-decoration: none;
}

#qu-search-promote strong {
    font-family: "AtlasGrotesk-Medium";
    font-weight: 400;
}

#qu-search-promote .aem-GridColumn {
    position: relative;
}

#qu-search-promote .qu-search-form {
    border-bottom: 1px solid #c8c9c7;
    background-color: #fff;
}

#qu-search-promote form {
    position: relative;
    height:60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    width:100%;
}

#qu-search-promote [type="text"] {
    color:#00263e;
    background: none;
    outline: 0; border: 0;
    margin-right: 10px;
    width: 98% !important;
}

#qu-search-promote [type="text"]:-ms-input-placeholder {
    color: #A7BAC6;
}

#qu-search-promote [type="text"]::placeholder {
    color: #A7BAC6;
}

#qu-search-promote .icon-search {
    margin: 0 auto;
    padding: 7px;
    font-size: 2rem;
    color: #00263e;
    border-radius: 50%;
    background: #f7f7f6;
}

#qu-search-promote .icon-search .visuallyhidden {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

#qu-search-promote input#search-submit:before {
    content: "";
    display: block;
    position: absolute;
    left:0;
    top:50%;
    transform: translateY(-50%);
    border-left: 1px solid #c8c9c7;
    height: 30px;
}

#qu-search-promote .icon-schools-arrow {
    display: none;
    float: left;
    color: #357abf;
}

#qu-search-promote .icon-schools-arrow:before {
    font-size:0.7rem;
    transition: all .1s linear;
    display: inline-block;
    position: relative;
    margin-left: 10px;
}

#qu-search-promote input#search-submit:hover + .icon-schools-arrow:before {
    transform: translate3d(5px, 0, 0);
}

/* Autocomplete Styling */

#qu-search-promote .yui-ac-content {
    width: 100% !important;
    text-align: left !important;
    z-index: 999999;
}

#qu-search-promote .yui-ac-content ul, #qu-search-promote .yui-ac-content li {
    width: 100% !important;
    color: rgb(65, 74, 81);
}


/* Styling for navigation search */
.navigation #drawer-left #qu-search-promote form{
    height: 59px;
    background: #073451;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    border-bottom: none;
    position: relative; /* on top of overlay */
    z-index: 999999;
}

.navigation #drawer-left #qu-search-promote .qu-search-form {
    border-bottom: none;
}

.navigation #drawer-left #qu-search-promote [type="text"]:-ms-input-placeholder {
    color: #A7BAC6;
}

.navigation #drawer-left #qu-search-promote [type="text"]::placeholder {
    color: #A7BAC6;
}

.navigation #drawer-left #qu-search-promote form {
    height: 59px;
    background: #073451;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    position: relative; /* on top of overlay */
    z-index: 999999;
}

.navigation #drawer-left #qu-search-promote [type="text"] {
    font-size: 2.2rem;
    color: white;
    font-family: 'Portrait-Regular';
    width: 60%;
    background: none;
    outline: 0;
    border: 0;
    margin-right: 10px;
    -ms-flex: 1;
        flex: 1;
    position: relative;
    top: -3px;
}

.navigation #drawer-left #qu-search-promote .search-input {
    border-right: none;
}

.navigation #drawer-left #qu-search-promote .icon-search {
    padding: 6px;
    font-size: 1.8rem;
    color: #00263e;
    border-radius: 50%;
    background: #a7bac6;
    position: relative;
    top: -9px;
}

.navigation #drawer-left #qu-search-promote #search-submit {
    background: transparent;
    border: 0;
    color: inherit;
    padding: 0 10px;
    font-size: 1.6rem;
    line-height: 30px;
    position: absolute;
    top: -9999px;
    text-decoration: none;
    font-family: "system-ui";
}

.navigation #drawer-left #qu-search-promote .submit-div:hover {
    color: #c8c9c7;
    cursor: pointer;
}

.navigation #drawer-left #qu-search-promote .submit-div .icon-schools-arrow {
    color: inherit;
}

.navigation #drawer-left .overlay[aria-hidden="false"] + .search-content #qu-search-promote input#search-submit {
    float: right;
    top: -1px;
    border-left: 1px solid #00263e;
}

.navigation #drawer-left #qu-search-promote .submit-div {
    color: #ffffff;
}

.navigation #drawer-left #qu-search-promote input#search-submit:hover + .icon-schools-arrow:before {
     transform: translate3d(0, 0, 0);
}

.navigation #drawer-left #qu-search-promote input#search-submit:before {
    border-color: #00263e;
    height: 30px;
}

.navigation #drawer-left .overlay[aria-hidden="false"] + .search-content #qu-search-promote input#search-submit {
    position: relative;
    top: -1px;
    font-weight: normal;
}

.navigation #drawer-left #qu-search-promote .icon-schools-arrow {
    display: none;
}


@media screen and (max-width:767px) {
    #qu-search-promote [type="search"] {
        font-size: 2.2rem;
    }
    #qu-search-promote input#search-submit {
        font-size: 1.5rem;
    }
    .search-content.header-padding{
        margin-top:25px;
    }
    .search .qu-search-form.header-padding{
        margin-top: 20px;
    }
}

@media screen and (min-width: 768px) {
    #qu-search-promote input#search-submit + .icon-schools-arrow {
        display: inline-block;
    }

    .navigation #drawer-left .overlay[aria-hidden="false"] + #qu-search-promote .icon-schools-arrow {
        display: inline-block;
    }

    #qu-search-promote input#search-submit {
        font-size: 1.8rem;
    }

    .search-content.header-padding{
        margin-top: 83px;
    }

    .search .qu-search-form.header-padding{
        margin-top: 80px;
    }
}

@media screen and (min-width: 1024px) {
    .navigation #drawer-left #qu-search-promote form{
        height: 80px;
    }

    .navigation #drawer-left #qu-search-promote input#search-submit:before {
        height: 50px;
    }

    .navigation #drawer-left #qu-search-promote .icon-search {
        top: auto;
    }

    .navigation #drawer-left .overlay[aria-hidden="false"] + .search-content #qu-search-promote input#search-submit {
        font-size: 1.8rem;
        padding: 0 32px;
        line-height: 50px;
        float: none;
        border-left: 1px solid #00263e;
        top: -12px;
        left: 40px;
        padding-left: 37px !important;
        outline: none;
        font-weight: normal;
    }

    .navigation #drawer-left .overlay[aria-hidden="false"] + .search-content #qu-search-promote .icon-schools-arrow {
        font-size: 0.7rem;
        display: inline-block;
        top: -14px;
        position: relative;
        left: 9%;
        float: none;
        padding-right: 40px;
    }

    .navigation #drawer-left #qu-search-promote [type="text"] {
        font-size: 2.8rem;
        margin-right: 32px;
        margin-bottom: 40px;
    }

    .navigation #drawer-left #qu-search-promote .icon-search {
        padding: 10px;
        font-size: 2.8rem;
    }

    .navigation #drawer-left #qu-search-promote .icon-wrapper {
        margin-bottom: 48px;
    }

    .search-content.header-padding {
        margin-top: 35px;
    }

    .search .qu-search-form.header-padding {
        margin-top: 35px;
    }
}

@media screen and (min-width: 1440px) {
    .search-content.header-padding{
        margin-top: 35px;
    }
}/*** Common Layout ***/
.qu-table-container {
	padding-bottom: 25px;
}
.qu-table-container .aem-GridColumn {
	position: relative;
	overflow: hidden;
}
.qu-table-container .table-title {
	padding-top: 25px;
	padding-bottom: 10px;
	position: relative;
}
.qu-table-container .table-title:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0px;
	left:0;
	width: 100%;
	height: 1px;
	background-color: #c8c9c7;
}

.qu-section[class*="blue"] .qu-table-row.even-row {
	background-color: #0C2340;
}
.qu-section[class*="navy"] .qu-table-row.even-row {
	background-color: #3478BC;
}
.qu-section[class*="gray"] .qu-table-row.even-row {
	background-color: #ffffff;
}
.qu-section[class*="darkgray"] .qu-table-row.even-row {
	background-color: #efefef;
}
.qu-section[class*="darkgray"] .qu-table-row.even-row p{
	color: #00263e;
}
.qu-table-container .qu-table-row.even-row {
	background-color: #efefef;
}

.qu-table-container  ul {
	list-style-type: disc;
	margin-left: 15px;
}
.qu-table-container ul li {
	padding-bottom: 15px;
}
.qu-table-container ul li:last-of-type {
	padding-bottom: 0;
}

/* weird safari bug where the :after and :before display table was making %33.3333333 wrap 3rd column early.*/
.qu-table-container .aem-Grid::after, .qu-table-container .aem-Grid::before{
	display: block;
}



	/* Horizontal Layout, and vertical overrides */
.qu-table-container .qu-table-row-look {
	overflow:hidden;
}
.qu-table-container .qu-table-row-look .title-row {
	padding-top: 30px;
	padding-bottom: 15px;
}

.qu-table-container .qu-table-row-look .title-row .row-label p {
	padding-top:0;
	padding-bottom:0;
}

.qu-table-container .qu-table-row-look .title-row:after {
	content: '';
	display: block;
	width:110%;
	height:1px;
	position: absolute;
	bottom: 0;
	left:-10%;
	background-color: #c8c9c7;
}
.qu-table-container .qu-table-row-look .title-row:last-of-type:after {
	right: -10%;
	left: 0;
}
.qu-table-container .qu-table-row-look .qu-table-row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow:row wrap;
	    flex-flow:row wrap;

}

/* Vertical Layout */
.qu-table-container .qu-table-column-look {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction:column;
	    flex-direction:column;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	position: relative;
}
.qu-table-container .qu-table-column-look .flex-col-one {
	-ms-flex-order: 1;
	    order: 1;
}
.qu-table-container .qu-table-column-look .flex-col-two {
	-ms-flex-order: 2;
	    order: 2;
}
.qu-table-container .qu-table-column-look .flex-col-three {
	-ms-flex-order: 3;
	    order: 3;
}
.qu-table-container .qu-table-column-look .flex-col-four {
	-ms-flex-order: 4;
	    order: 4;
}
.qu-table-container .qu-table-column-look .flex-col-five {
	-ms-flex-order: 5;
	    order: 5;
}
.qu-table-container .qu-table-column-look .flex-col-six {
	-ms-flex-order: 6;
	    order: 6;
}

.qu-table-container .qu-table-column-look.three-columns .flex-col-three:nth-child(6n),
.qu-table-container .qu-table-column-look.three-columns .flex-col-two:nth-child(2n+1),
.qu-table-container .qu-table-column-look.three-columns .flex-col-one:nth-child(2n) {
	background-color: #efefef;
}
.qu-table-container .qu-table-column-look.four-columns .flex-col-one:nth-child(2n),
.qu-table-container .qu-table-column-look.four-columns .flex-col-two:nth-child(2n + 1),
.qu-table-container .qu-table-column-look.four-columns .flex-col-three:nth-child(2n + 2),
.qu-table-container .qu-table-column-look.four-columns .flex-col-four:nth-child(2n + 3){
	background-color: #efefef;
}

.qu-table-container .qu-table-column-look.six-columns .flex-col-six:nth-of-type(4n + 4),
.qu-table-container .qu-table-column-look.six-columns .flex-col-five:nth-of-type(4n + 3),
.qu-table-container .qu-table-column-look.six-columns .flex-col-four:nth-of-type(4n + 2),
.qu-table-container .qu-table-column-look.six-columns .flex-col-three:nth-of-type(4n + 1),
.qu-table-container .qu-table-column-look.six-columns .flex-col-two:nth-of-type(4n),
.qu-table-container .qu-table-column-look.six-columns .flex-col-one:nth-of-type(4n-1) {
	background-color: #efefef;
}
.qu-table-container .qu-table-column-look .flex-column {
	padding-bottom: 20px;
}
.qu-table-container .qu-table-column-look .flex-column p {
	padding-top: 10px;
}
.qu-table-container .qu-table-column-look .flex-column p:last-of-type {
	padding-bottom: 0;
}
.qu-table-container .qu-table-column-look .flex-column.title-col:first-of-type {
	border-top: none;
}
.qu-table-container .qu-table-column-look .flex-column.title-col {
	padding-top: 30px;
	padding-bottom: 15px;
	border-top: 1px solid #c8c9c7;
	font-weight: 700;
}
.qu-table-container .qu-table-column-look .flex-column.title-col p {
	padding-left: 10px;
	padding-right: 10px;
}
.qu-table-container .qu-table-column-look .flex-column.title-col p {
	padding-top: 0;
	padding-bottom: 0;
}
.qu-table-container .qu-table-column-look .row-label {
	padding-top: 15px;
	padding-bottom:10px;
}
.qu-table-container .qu-table-column-look .row-label p, .qu-table-container .qu-table-column-look .row-content p {
	padding-top:0;
	padding-bottom: 0;
	padding-left: 10px;
	padding-right: 10px;
	line-height: normal;
}


/* Logo Layout */

.qu-table-container .qu-table-column-look.three-columns.logos-only .flex-column {
	background-color: transparent;
}
.qu-table-container .qu-table-column-look.three-columns.logos-only .flex-column:after {
	display: none;
}
.qu-table-container .qu-table-column-look .flex-column.logo-col {
	padding-top: 20px;
	padding-bottom: 20px;
}
.qu-table-container .qu-table-column-look .flex-column.logo-col img{
	max-width: 100%;
}

@media screen and (max-width:767px) {
	.qu-table-container .qu-table-row-look .qu-table-row .row-content p, .qu-table-container .qu-table-row-look .qu-table-row .row-label p {
		font-size: 1.3rem;
		line-height:19px;
	}

}
@media screen and (min-width:768px) and (max-width:1023px) {
	.qu-table-container .qu-table-row-look .qu-table-row .row-content p, .qu-table-container .qu-table-row-look .qu-table-row .row-label p {
		font-size: 1.7rem;
		line-height:30px;
	}

}
@media screen and (min-width:768px) {
	.qu-table-container .qu-table-column-look {
		-ms-flex-direction:row;
		    flex-direction:row;
	}
	.qu-table-container .qu-table-column-look .flex-column {
		-ms-flex-order: unset;
		    order: unset;
	}

	.qu-table-container .qu-table-column-look.two-columns .flex-column:nth-child(4n),
	.qu-table-container .qu-table-column-look.two-columns .flex-column:nth-child(4n - 1),
	.qu-table-container .qu-table-column-look.three-columns .flex-column:nth-child(6n + 4),
	.qu-table-container .qu-table-column-look.three-columns .flex-column:nth-child(6n + 5),
	.qu-table-container .qu-table-column-look.three-columns .flex-column:nth-child(6n + 6),
	.qu-table-container .qu-table-column-look.four-columns .flex-column:nth-child(10n - 1),
	.qu-table-container .qu-table-column-look.four-columns .flex-column:nth-child(10n - 2),
	.qu-table-container .qu-table-column-look.four-columns .flex-column:nth-child(10n - 3),
	.qu-table-container .qu-table-column-look.four-columns .flex-column:nth-child(10n - 4),
	.qu-table-container .qu-table-column-look.six-columns .flex-column:nth-child(12n + 7),
	.qu-table-container .qu-table-column-look.six-columns .flex-column:nth-child(12n + 8),
	.qu-table-container .qu-table-column-look.six-columns .flex-column:nth-child(12n + 9),
	.qu-table-container .qu-table-column-look.six-columns .flex-column:nth-child(12n + 10),
	.qu-table-container .qu-table-column-look.six-columns .flex-column:nth-child(12n + 11),
	.qu-table-container .qu-table-column-look.six-columns .flex-column:nth-child(12n + 12){
		background-color: #efefef;
	}
	.qu-table-container .qu-table-column-look.three-columns.logos-only .flex-column {
		background-color: transparent;
	}
	.qu-table-container .qu-table-column-look .qu-table-column:first-of-type:after {
		display: none;
	}
	.qu-table-container .qu-table-column-look {
		border-bottom: 1px solid #c8c9c7;
	}
	.qu-table-container .qu-table-column-look .flex-column.title-col {
		border-top: none;
	}
	.qu-table-container .qu-table-column-look .flex-column:not(.title-col):after {
		content: '';
		display: block;
		width: 1px;
		height:100%;
		position: absolute;
		top:0;
		left: 0;
		background-color: #c8c9c7;
	}
	.qu-table-container .qu-table-column-look .flex-column.flex-col-one:after {
		display: none;
	}

	.qu-table-container .qu-table-column-look .row-label p, .qu-table-container .qu-table-column-look .row-content p, .qu-table-container .qu-table-column-look .flex-column.title-col p{
		padding-left:0;
		padding-right: 0;
	}

}
/**
 * Reset elements generated by AEM.
 */

.form.aem-GridColumn {
	padding: 0;
}

/**
 * Overriding form_section input, .form_row, .form_row_description.
 */

.form_section input {
    font-size:1.1rem !important;
}

form .form_row {
    font-size:1.3rem !important;
}

form .form_row_description {
    font-size:1.1rem !important;
}

/**
 * Form.
 */

.qu-form {
	color: #00263e;
	font-family: 'AtlasGrotesk-Regular';
	font-size: 1.3rem;
	line-height: 20px;
}

.form-legend {
	display: block;
	font-size: 1.7rem;
	line-height: 26px;
	margin-bottom: 45px;
}

.qu-form button[type="submit"] {
	font-size: 1.4rem;
	font-family: 'AtlasGrotesk-Regular';
}

.qu-form .g-recaptcha {
    float:right;
    margin:20px 0;
}

.hide-recaptcha .g-recaptcha {
    display:none;
}

.qu-form .section-content > div {
    padding:20px 0;
}

@media screen and (max-width:767px){
    .qu-form .g-recaptcha {
        float:none;
    }
}

@media screen and (min-width: 1024px) {
	
	.form-legend {
		font-size: 2rem;
		line-height: 30px;
		margin-bottom: 75px;
	}

	.qu-form button[type="submit"] {
		font-size: 1.6rem;
	}

}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* Remove select highlight in IE 10/11 */
	.qu-form select:focus::-ms-value{
		background-color: #f7f7f6;
		color:#00263e;
	}
}




.qu-course .heading {
    border-bottom:solid 1px #c8c9c7;
    font-family: AtlasGrotesk-Medium;
}

.qu-course .details {
    font-size:1.6rem;
    background-color: #f7f7f6;
}

.qu-course a {
    color: #357abf;
    text-decoration: underline;
}

.qu-course a:hover {
    text-decoration: none;
}

.qu-course .intro {
    background-color: #f7f7f6;
}

.qu-course .sectiontimes .qu-section {
    padding-bottom:0;
}

.qu-course .sectiontimes {
    background-color: #fff;
}

.qu-course .sectiontimes .heading {
    font-size:1.4rem;
    color:#00263e;
    margin-bottom:20px;
    margin-top:0;
    padding-top:0;
    padding-bottom:0;
}

.qu-course .sectiontimes p.heading:first-of-type {
    margin-top:25px;
}

.qu-course .sectiontimes .h2 {
    text-align: left;
    margin-left:15px;
    margin-bottom:30px;
}


.qu-course .sectiontimes ul li {
    font-family: AtlasGrotesk-Regular;
    font-size:1.4rem;
    color:#00263e;
    width:45%;
    float: left;
    max-width:250px;
    list-style-type:none;
}

.qu-course .sectiontimes ul li:last-of-type {
    margin-bottom:15px;
}

.qu-course .sectiontimes ul li.title {
    font-family: AtlasGrotesk-Medium;
    font-size:1.2rem;
    color:#63666a;
    padding-bottom:5px;
    padding-top:0;
    clear: both;
    max-width:100px;
}
.qu-course .sectiontimes ul li.course-canceled {
    color: #d10d0d;
    font-family: AtlasGrotesk-Medium;
    font-size:1.2rem;
    padding-bottom:5px;
    padding-top:0;
    clear: both;
}

.aem-Grid.aem-Grid--12 > .qu-course.aem-GridColumn.aem-GridColumn--phone--12,
.qu-course.aem-Grid > .aem-GridColumn.aem-GridColumn--phone--12  {
    padding-left: 15px;
    padding-right: 15px;
}

.qu-course.aem-Grid > .aem-GridColumn.aem-GridColumn--phone--12 {
    padding-bottom: 50px;
}

.qu-course.aem-Grid > .sectiontimes.aem-GridColumn.aem-GridColumn--phone--12 {
    padding-bottom:0;
}

.qu-course.aem-Grid > .sectiontimes.aem-GridColumn.aem-GridColumn--phone--12:last-of-type {
    padding-bottom:50px;
}


@media (min-width: 767px) {

    .aem-Grid.aem-Grid--12 > .qu-course.aem-GridColumn.aem-GridColumn--phone--12:first-of-type {
        padding:0 50px;
    }


    .aem-Grid.qu-course.flex {
        display: -ms-flexbox;
        display: flex;
    }




    .qu-course .sectiontimes ul li.location {
        min-height:66px;
    }

    .qu-course .sectiontimes .heading {
        margin-top:20px;
        padding-top: inherit;
    }

    .qu-course .sectiontimes p.heading:first-of-type {
        margin-top:inherit;
    }

}.qu-coursefinder {
    padding: 50px 20px;
    width: auto;
    background-color: #f7f7f6;
}

.qu-coursefinder .qu-section {
    padding:0;
}

.qu-coursefinder.resultsView {
    background-color: #fff;
}

.qu-coursefinder.resultsView a {
    color: #357abf;
    text-decoration: underline;
}

.qu-coursefinder .qu-form select {
    height: 59px;
    background: white;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    font-size: 1.6rem;
    line-height: 22px;
    color: #00263e;
    padding: 0 26px;
    outline: 0;
    -ms-flex-order: 1;
        order: 1;
    font-family: 'AtlasGrotesk-Regular';
    left:-10px;
    width:100%;

}

.qu-coursefinder .qu-form {
    float: left;
    width: 100%;
    line-height:13px;
    margin-top:5px;
}

.qu-coursefinder .label {
    font-size:1.4rem;
    padding: 0 0 0 5px;
    font-family: AtlasGrotesk-Medium;
    color:#00263e;
}


.qu-coursefinder select:focus {
    background: #f7f7f6;
    border-color: #00619a;
}

.qu-coursefinder select:hover {
    border-color: #00619a;
}


/**
 * Select does not have after or before.
 */

.qu-coursefinder .select {
    position: relative;
}

.qu-coursefinder .subheading {
    border-bottom:solid 1px #999;
    font-weight:bold;
    font-size: 1.2rem;
    margin-top:50px;
    padding-bottom:10px;
    margin-bottom:20px;
}

.qu-coursefinder li {
    margin:15px 0;
    float: left;
    width:45%;
    list-style-type: none;
}

.qu-coursefinder .courseresults li.courseid {
    width: 20%;
}

.qu-coursefinder .courseresults li.coursetitle {
    width:80%;
}

.qu-coursefinder input:not([type=checkbox]) {
    -ms-flex-order: 1;
        order: 1;
    font-family: 'AtlasGrotesk-Regular';

    width: 100%;
    height: 59px;
    background: white;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    font-size: 1.6rem;
    line-height: 22px;
    color: #00263e;
    padding: 0 26px;
    outline: 0;
    margin-left: 0;
    margin-top:5px;
}

.qu-coursefinder input[type=checkbox]{
    -ms-flex-order:1;
        order:1;
    -webkit-appearance: checkbox;
    background: white;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    font-size: 1.6rem;
    line-height: 22px;
    color: #00263e;
    padding: 0 26px;
    outline: 0;
    margin-left: 0;
    margin-top:45px;
}

.qu-coursefinder .cta.btn-blue {
    font-family: 'AtlasGrotesk-Regular';
}

.qu-coursefinder input:hover {
    border-color: #00619a;
}


.qu-coursefinder input:focus:not([type=checkbox]) {
    background: #f7f7f6;
    border-color: #00619a;
}

.qu-coursefinder.resultsView p.returned {
    color:#00263e;
    font-size: 1.8rem;
}

.qu-coursefinder.resultsView a {
    color: #357abf;
    text-decoration: underline;
}

.qu-coursefinder span.online {
    background: url('../../../content/dam/qu/common/online.png') no-repeat right center;
}

.qu-coursefinder .coursegroup {
    width:100%;
    float: left;
    margin-right:25px;
    font-family: AtlasGrotesk-Medium;
    font-size: 1.2rem;
    margin-bottom:20px;
}

.qu-coursefinder .coursegroup.odd {
    clear: both;
    margin-right:50px;
}

.qu-coursefinder .heading {
    border-bottom:solid 1px #c8c9c7;
    font-family: AtlasGrotesk-Medium;
    font-size:1.3rem;
    color:#00263e;
    margin-top:20px;
    margin-bottom:20px;
    padding-bottom:0;
}

.qu-coursefinder .courseresults {
    margin-bottom:20px;
}

.qu-coursefinder .courseresults span {
    vertical-align: top;
    color: #63666a;
    font-family: AtlasGrotesk-Medium;
    font-size:1rem;

}

.qu-coursefinder .courseresults a {
    font-family: 'AtlasGrotesk-Regular';
    font-size: 1.4rem;
    display: inline-block;
    width:100%;
}
.qu-coursefinder .courseresults a:hover {
    color:#003f64;
}


.qu-coursefinder.aem-Grid .aem-GridColumn.aem-GridColumn--default--6 {
    width:100%;
    clear: none;
    float: left;
    margin-bottom:40px;
}

.qu-coursefinder.aem-Grid button {
    margin-top:40px;
    font-size:1.6rem;
}

@media screen and (min-width : 768px) {
    .qu-coursefinder.aem-Grid .aem-GridColumn.aem-GridColumn--default--6 {
        width:49%;
    }

    .qu-coursefinder {
        padding: 50px;
    }



    .qu-coursefinder input:not([type=checkbox]) {
        width:93%;
    }

    .qu-coursefinder .qu-form select {
        width:100%;
    }

    .qu-coursefinder .qu-form {
        width: 90%;
        line-height: 20px;
        float: inherit;
    }

    .qu-coursefinder .courseresults span {
        font-size: 1.3rem;
    }


}


@media screen and (min-width: 1024px) {

    .qu-coursefinder .coursegroup {
        width:45%;
    }

}



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* Remove select highlight in IE 10/11 */
    .qu-coursefinder select:focus::-ms-value{
        background-color: #f7f7f6;
        color:#00263e;
    }
}
#qu-directory-container {
	overflow:hidden;
}

#qu-directory-container .directory-name {
	font-family: 'AtlasGrotesk-Medium', "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 1.2rem;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
#qu-directory-container .directory-name span, #qu-directory-container .directory-name a{
	display: block;
	padding: 35px 0;
}
#qu-directory-container .directory-name.selected {
	background-color: #3478BC;
	color: #fff;
	box-shadow: 0 5px 30px #888888;
}

#qu-directory-container .directory-name.selected:after {
	content:'\25e3';
	display: block;
	position: absolute;
	font-size:1.8rem;
	bottom:-9px;
	left: 50%;
	transform: translateX(-50%) rotate(-45deg);
	color:#357abf;
}

#qu-directory-container .directory-search {
	padding-top:20px;
	padding-bottom: 20px;
	background-color: #f7f7f6;
}
/**
 * Search form
 */

#qu-directory-container .directory-search form {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	background-color:#fff;
	padding: 30px 0 30px 10px;
}

#qu-directory-container .directory-search .icon-search {
	margin: 0 auto;
	padding: 7px;
	font-size: 2.2rem;
	color: #00263e;
	border-radius: 50%;
	background: #f7f7f6;
}

#qu-directory-container .directory-search .visuallyhidden {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

#qu-directory-container .directory-search [type="search"] {
	color:#00263e;
	background: none;
	outline: 0; border: 0;
	padding: 0 10px;
	width: 100%;
	font-size: 2.5rem;
}
#qu-directory-container .directory-search [type="search"]:focus {
	width: 75%;
}
#qu-directory-container .directory-search [type="search"]:-ms-input-placeholder {
	color: #A7BAC6;
}
#qu-directory-container .directory-search [type="search"]::placeholder {
	color: #A7BAC6;
}
#qu-directory-container .directory-search [type="submit"]{
	display: none;
}
#qu-directory-container .directory-search .submit-btn {
	display: none;
	color: #357abf;
	padding-right: 10px;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}
#qu-directory-container .directory-search .submit-btn.active {
	display: block;
}

/* ROLODEX and SEARCH RESULTS AREA */
#qu-directory-container .directory-rolodex {
	position: relative;

}
#qu-directory-container .directory-rolodex .search-overlay {
	z-index: -22;
	opacity: 0;
	position: absolute;
	top: 0px;
	left: -10%;
	height:100%;
	width:150%;
	background-color: #FFFFFF;
	transition: opacity 1.5s ease, z-index 1.5s ease;
}
#qu-directory-container .directory-rolodex .search-overlay.active {
	z-index: 99;
	opacity:0.5;
}
#qu-directory-container .directory-rolodex .rolodex-indexs{
	padding-bottom: 50px;
	padding-top: 40px;
	border-bottom: 1px solid #c8c9c7;
}

#qu-directory-container .directory-rolodex .rolodex-indexs .cta.link-blue, #qu-directory-container .directory-rolodex .rolodex-indexs p.cta {
	width:8%;
	font-size:1.4rem;
	font-family: "AtlasGrotesk-Regular", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	text-align:center;
	margin: 0 0 5px 0;
	display: inline-block;
	padding:0;
	line-height:16px;
}
#qu-directory-container .directory-rolodex .rolodex-indexs .cta.link-blue:first-of-type {
	margin-left: 0;

}
#qu-directory-container .directory-rolodex .rolodex-indexs .cta.link-blue:last-of-type {
	margin-right: 0;
}
#qu-directory-container .directory-rolodex .search-not-found {
	background-color: #0C2340;
	color:#fff;
}
#qu-directory-container .directory-rolodex .search-not-found {
	padding: 30px 20px;
	margin-bottom: 30px;
}

/* ROLODEX CARD STYLES */
#qu-directory-container .rolodex-card {
	padding-top: 40px;
	padding-bottom: 10px;
	border-bottom: 1px solid #c8c9c7;
}
#qu-directory-container .rolodex-card:last-of-type {
	margin-bottom: 90px;
}
#qu-directory-container .rolodex-card .card-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap row;
	    flex-flow: wrap row;
}

#qu-directory-container .rolodex-card .card-info:not(.card-title-name) *, #qu-directory-container .rolodex-card .card-title-name p.faculty-name, #qu-directory-container .rolodex-card .card-title-name p.organization-name {
	padding-bottom: 0;
	padding-top: 0;
	margin-bottom: 0;
	margin-top: 0;
}
#qu-directory-container .rolodex-card .card-info .card-label {
	font-size: 1.2rem;
}
#qu-directory-container .rolodex-card .card-info:not(.card-title-name) p:not(.card-label) , #qu-directory-container .rolodex-card .card-info:not(.card-title-name) a{
	font-size: 1.6rem;
	line-height:20px;
}
#qu-directory-container .rolodex-card .card-info:not(.card-title-name) a {
	display: inline-block;
}
#qu-directory-container .rolodex-card .card-info {
	-ms-word-wrap:break-word;
	word-wrap:break-word;
	overflow-wrap: break-word;
	padding-bottom: 30px;
}
#qu-directory-container .rolodex-card .card-info * {
	max-width: 96%;
}
#qu-directory-container .rolodex-card .card-title-name .cta, #qu-directory-container .rolodex-card .card-title-name .faculty-name, #qu-directory-container .rolodex-card .card-title-name .organization-name {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 3.2rem;
	line-height:30px;
}

#qu-directory-container .rolodex-card .card-title-name p.organization-name, #qu-directory-container .rolodex-card .card-title-name p.faculty-name {
	font-family: "Portrait-Light";
	color: #00263E;
}
#qu-directory-container .rolodex-card .card-title-name {
	padding-bottom: 30px;
}
#qu-directory-container .rolodex-card .card-title-name p.description {
	padding-bottom:0;
	padding-top:10px;
	font-size: 1.6rem;
}
#qu-directory-container .rolodex-card .card-title-name .cta .icon-schools-arrow {
	display: inline-block;
	position: relative;
	top:-2px;
}

#qu-directory-container .rolodex-card .card-label {
	color: #888b8d;
	text-transform: uppercase;
	padding:0;
}

@media screen and (min-width: 768px) {
	#qu-directory-container .directory-search .search-icon {
		margin-left: 60px;
	}

	#qu-directory-container .rolodex-card .card-email {
		clear: none;
	}
	#qu-directory-container .directory-search [type="search"] {
		font-size: 2.5rem;
	}
	#qu-directory-container .directory-search [type="search"]:focus {
		width: 85%;
	}

	#qu-directory-container .directory-rolodex .rolodex-indexs .cta.link-blue, #qu-directory-container .directory-rolodex .rolodex-indexs p.cta {
		width:3.2%;
		margin-bottom: 0;
	}
	#qu-directory-container .rolodex-card .card-title-name p.description {
		font-size: 1.8rem;
	}
}
@media screen and (min-width: 1024px) {
	#qu-directory-container .directory-rolodex .rolodex-indexs .cta.link-blue, #qu-directory-container .directory-rolodex .rolodex-indexs p.cta {
		width:3.4%;
	}
}

@media screen and (min-width: 1440px) {
	#qu-directory-container .directory-search [type="search"]:focus {
		width: 90%;
	}
}#faculty-profile {
	padding-top: 40px;
}
#faculty-profile .faculty-headshot img {
	width: 100%;
	display: block;
}
#faculty-profile .faculty-name {
	color: #357abf;

}
#faculty-profile .faculty-title {
	font-family: "AtlasGrotesk-LightItalic", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif
}
#faculty-profile .faculty-courses{
	margin-top: 10px;
}
#faculty-profile .course .course-id {
	font-size: 1.2rem;
}
#faculty-profile .course p {
	padding-bottom: 0;
	font-size: 1.6rem;
}
#faculty-profile .card-container {
	margin-top: 30px;
	background-color: #f7f7f6;
}
#faculty-profile .card-info {
	-ms-word-wrap:break-word;
	word-wrap:break-word;
	overflow-wrap: break-word;
	padding-top: 30px;
}
#faculty-profile .card-info * {
	padding-bottom: 0;
	padding-top: 0;
	margin-bottom: 0;
	margin-top: 0;
	max-width: 96%;
}
#faculty-profile .card-info {
	padding-bottom: 30px;
}
#faculty-profile .card-info p, #faculty-profile .card-info a {
	font-size: 1.4rem;
	line-height:20px;
}
#faculty-profile .card-info .card-label{
	color: #a7a8aa;
	text-transform: uppercase;
	padding:0;
	font-size: 1.2rem;
}

/* faculty info sections */

#faculty-profile .info-section {
	padding-top: 80px;
}
#faculty-profile .info-section:last-of-type {
	padding-bottom: 70px;
}
#faculty-profile .info-section pre{
	white-space:pre-line;
	font-family:inherit;
	-ms-word-wrap:break-word;
	word-wrap:break-word;
	overflow-wrap: break-word;
}

#faculty-profile .section-content .faculty-link {
	font-size: 1.6rem;
	color: #357abf;
}


@media screen and (min-width: 768px) {
	#faculty-profile {
		padding-top: 80px;
	}
	#faculty-profile .faculty-name {
		margin-top: 0;
	}
}
/**
 * Homepage header.
 *
 * THe homepage header is a bit different than the component header
 * since it isn't fixed or slide with scroll events.
 */

#homepage-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	position: fixed;
	top: 0;
	z-index: 99999;
	width: 100%;
	color: white;
	height: 45px;
	transition: transform .4s; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,38,62,0.15) 0%,rgba(0,38,62,0) 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b00263e', endColorstr='#0000263e',GradientType=0 ); /* IE6-9 */

}

#homepage-header.header-padding {
	margin-top: 20px;
}

#homepage-header a {
	z-index: 999999;
	cursor: pointer;
}
#homepage-header .icon-quinn-q {
	font-size: 2rem;
}
#homepage-header .icon-close {
	font-size: 2.2rem;
}

#homepage-header .right {
	margin-left: auto;
}
#homepage-header .burger-link.left {
	overflow:visible
}
#homepage-header .burger-link {
	height:100%;
}
#homepage-header .burger-link {
	padding: 0 13px;
}

#homepage-header .burger-link.left .burger-copy {
	font-size: 1.4rem;
	vertical-align: middle;
	font-weight: bold;
	font-family: AtlasGrotesk-Medium;
	position: absolute;
	right: -37%;
	top: 55%;
	transform: translateY(-55%) translateX(37%);
	display: none;
}
#homepage-header .burger-link:focus .burger-copy, #homepage-header .burger-link:active .burger-copy {
	color: #FFB81C;
}

#homepage-header .burger-link.right .visuallyhidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

/**
 * Tablet and higher
 */


@media screen and (min-width: 768px) {
	#homepage-header {
		height: 60px;
	}

	#homepage-header.header-padding {
		margin-top: 80px;
	}

	#homepage-header .icon-close {
		font-size: 3.2rem;
	}

	#homepage-header a {
		padding: 12px;
		padding-top: 28px;
		font-size: 2.2rem;
	}
	#homepage-header .icon-quinn-q {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align:center;
		    align-items:center;
	}
	#homepage-header .icon-quinn-q:after {
		font-size: 1.4rem;
		vertical-align: middle;
		font-weight: bold;
		font-family: AtlasGrotesk-Medium;
		content: attr(aria-label);
		margin-left: 3px;
	}

	/* #homepage-header .burger-link.left .burger-copy {
		display: block;
		padding-top: 60px;
		font-size: 1.0rem;
		position: relative;
		vertical-align: bottom;
		font-weight: bold;
		right: 7%;
		top: 0%;
		font-family: AtlasGrotesk-Medium;
		margin-right: 22px;
	} */

}

@media screen and (min-width: 1024px) {
	#homepage-header  {
		height: 70px;
	}
	#homepage-header.header-padding {
		margin-top: 35px;
	}
	#homepage-header .burger-link {
		padding: 0 22px;
	}
	#homepage-header .burger-link.right {
		width:168px;
	}
	#homepage-header .icon-quinn-q {
		font-size: 2.2rem;
	}
	#homepage-header .burger-link.left .burger-copy {
		display: block;
		padding-top: 60px;
		font-size: 1.0rem;
		position: relative;
		vertical-align: bottom;
		font-weight: bold;
		right: 7%;
		top: 0%;
		font-family: AtlasGrotesk-Medium;
		margin-right: 22px;
	}
	
}

@media screen and (min-width: 1440px) {
	#homepage-header {
		height: 80px;
	}
	#homepage-header.header-padding {
		margin-top: 35px;
	}
}

/**
 * Homepage reset.
 */

.homepage {
	padding-top: 0;
}


/**
 * Global homepage reset.
 */

.homepage .qu-section {
	position: relative;
}

/* 2.9 Promo Component */
.homepage .qu-promo .b4 {
    font-size:1.4rem;
}


.homepage p:not(.h3),
.homepage .cta span {
	font-size: 1.7rem;
}


.homepage .footerNav .cta span,
.homepage .legalLinks .cta span {
	font-size: inherit;
}


.homepage .cta.btn-white span,
.homepage .cta.btn-blue span {
	font-size: 1.4rem;
}

/**
 * Dotted line global styles.
 */

.dotted-line {
	position: relative;
}

.dotted-line:before {
	content: '';
	display: block;
	position: absolute;
	z-index: 10;
	left: calc(50% - 1px);
	background: url(bundle/images/dot-pattern.png) repeat;
	width: 2px;
	height: 60px;
}

.dotted-line:after {
	content: '';
	position: absolute;
	left: calc(50% - 4px);
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #FFB81C;
}


/**
 * Desktop and higher
 */

@media screen and (min-width: 1024px) {
	

	.homepage .cta span,
	.homepage p:not(.h3) {
		font-size: 2rem;
	}

	.homepage .cta.btn-white span,
	.homepage .cta.btn-blue span {
		font-size: 1.6rem;
	}

}


/**
 * Big Desktop and higher
 */

@media screen and (min-width: 1440px) {

	.homepage .cta span,
	.homepage p:not(.h3) {
		font-size: 2.1rem;
	}

}/**
 * Campuses section
 */

#homepage-campuses {
	padding-top: 80px;
	overflow: hidden;
}

#homepage-campuses .filter-overlay {
	position: absolute;
	background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.20) 0%,rgba(0,0,0,0.20) 100%);
	height: 100%;
	width: 100%;
}

#homepage-campuses .resp-media-video {
	position: relative;
	bottom: 40px;
}

#homepage-campuses .absolute {
	overflow: hidden;
	height: 100%;
	left: 50%;
	transform: translate3d(-50%,0,0);
}

#homepage-campuses img {
	width: 768px;
}

#homepage-campuses .section-heading {
	position: relative;
	z-index: 1;
}

#homepage-campuses .section-content {
	text-align: center;
	padding-bottom: 40px;
	position: relative;
}


#homepage-campuses:before {
	height: 80px;
	top: -40px;
}

#homepage-campuses:after {
	top: -44px;
}

#homepage-campuses a {
	margin-bottom: 0;
	margin-left: 16px;
}


/**
 * Tablet and higher
 */

@media screen and (min-width: 768px) {
	
	#homepage-campuses {
    padding-top: 216px;
    padding-bottom: 180px;
	}

	#homepage-campuses::before {
		background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 70%,rgba(0,0,0,0.35) 100%);
	}

	#homepage-campuses .resp-media-video {
		position: absolute;
  	top: 0;
  	bottom: 0;
  	min-width: 1440px;
  	left: 50%;
  	transform: translate3d(-50%,0,0)
	}

	#homepage-campuses:before {
    display:none;
	}

	#homepage-campuses:after {
    display: none;
	}

	#homepage-campuses img {
    width: 100%;
	}

	#homepage-campuses .absolute {
    width: 100%;
    min-width: 1440px;
	}

	#homepage-campuses .section-content {
		padding-bottom: 0;
	}

}/**
 * Classroom section.
 */

#homepage-classroom {
	overflow: hidden;
	padding-top: 0;
}

#homepage-classroom.qu-section {
	padding-bottom: 0;
}

#homepage-classroom > .aem-Grid {
	position: relative;
	background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.35) 100%);
    padding-bottom: 80px;
}

#homepage-classroom .dotted-line:before {
    height: calc(100% + 60px);
    left: calc(100% + 7px);
    top: 10px;
}

#homepage-classroom .absolute {
	width: 100%;
	min-width: 1440px;
}

#homepage-classroom .dotted-line:after {
	height: 26px;
	width: 4px;
	top: -70px;
	left: calc(100% + 6px);
	border-radius: 0;

}

#homepage-classroom .section-heading {
	margin-top: 80px;
}

#homepage-classroom .btn-white {
    background: #FFB81C;
}

#homepage-classroom .absolute {
	width: 100%;
	min-width: 1000px;
	margin-left: -25%;
	margin-right: -25%;
}

#homepage-classroom .absolute img {
	height: 100%;
}

/**
 * Tablet and higher
 */


@media screen and (min-width: 768px) {
	#homepage-classroom {
		text-align: left;
		padding-bottom: 0;
	}

	#homepage-classroom .absolute {
		width: 100%;
		min-width: 1440px;
		margin-left: 0;
		margin-right: 0;
	}

	#homepage-classroom img {
		width: 100%;
		min-width: 1280px;
		min-height: 1024px;
	}

	#homepage-classroom .section-heading {
	    margin-top: 400px;
	    margin-left: 50%;
	}

	#homepage-classroom .section-content > * {
		margin-left: 50%;
	}

	#homepage-classroom .dotted-line:before {
		height: calc(100% + 70px);
	    left: 40px;
	    top: 0;
	    z-index: 0;
	}

	#homepage-classroom .dotted-line:after {
		width: 40px;
		height: 40px;
		left: 21px;
		z-index: 3;
		top: 270px;
		border-radius: 50%;
		background: radial-gradient(#FFB81C 12%, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 64%, #FFB81C 70%, #FFB81C 80%);
	}
	
}/**
 * Education section
 */

#homepage-education {
	padding-top: 80px;
	background-image: url(bundle/images/quinnipiac-gray.png);
	background-size: 320px;
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
}

#homepage-education .dotted-line:before {
  height: 84px;
  top: -84px;
  left: calc(100% + 7px);
}

#homepage-education .dotted-line:after {
	height: 26px;
	width: 4px;
	top: 5px;
	left: calc(100% + 6px);
	border-radius: 0;
	z-index: 10;
}

#homepage-education hr {
	width: 100%;
	height: 1px;
	margin: 40px 0;
	background-color: #c8c9c7;
	border: 0;
}

#homepage-education .homepage-stats {
	padding-bottom: 20px;
}

#homepage-education .homepage-stats .aem-GridColumn {
	height: auto;
	-ms-flex-align: start;
	    align-items: flex-start;
}

#homepage-education .homepage-stats {
	background: transparent;
}

#homepage-education .cta {
	padding-top: 50px;
}



/**
 * Tablet and higher
 */


@media screen and (min-width: 768px) {

	#homepage-education {
		background-size: 700px;
		padding-top: 160px;
		padding-bottom: 40px;
	}

	#homepage-education-body {
		padding-top: 50px;
	}

	#homepage-education hr {
		margin: 38px 0;
	}

	#homepage-education .dotted-line:before {
	  left: 40px;
	  top: -168px;
	  height: 150px;
	}

	#homepage-education .dotted-line:after {
	    top: -70px;
	    left: 39px;
	}

	#homepage-education .homepage-stats {
		padding-bottom: 50px;
	}

}

@media screen and (min-width: 1024px) {
	#homepage-education {
		background-size: 1000px;
	}
}

@media screen and (min-width: 1440px) {
	#homepage-education {
		background-size: auto;
	}
}/**
 * Experience section
 */

#homepage-experience:before {
    height: 60px;
    bottom: -60px;
}

#homepage-experience:after {
	bottom: -4px;
	z-index: 10;
}

#homepage-experience .column-center-phone {
	z-index: 30;
}

#homepage-experience .resp-image {
	width: 100%;
	position: relative;
	top: -85px;
	margin-bottom: 0;
	z-index: 1;
}


/**
 * Tablet and higher
 */


@media screen and (min-width: 768px) {
	
	#homepage-experience {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	#homepage-experience:before {
    height: 130px;
    bottom: -130px;
	}

	#homepage-experience .column-center {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		    justify-content: center;
		-ms-flex-align: center;
		    align-items: center;
	}

	#homepage-experience .section-content {
		width: 480px;
		float: right;
    position: relative;
    margin-top: 110px;
		margin-bottom: 110px;
		margin-left: 60px;
	}

	#homepage-experience .resp-image {
		position: static;
	}

	#homepage-experience .resp-media-image {
		margin: -65px 0;
	}

}/**
 * Hero section
 */

#homepage-hero {
	padding-top: 0;
	padding-bottom: 0;
}

#homepage-hero img {
	left: 50%;
	position: relative;
	transform: translate(-50%, 0%);
}

#homepage-hero .video-container .video-js.bright-video {
	z-index: -1;
}

#homepage-logo {
  -ms-flex-direction: column;
      flex-direction: column;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  color: white;
  overflow: hidden;
  z-index: 4;
}


#homepage-logo .h1 {
	height: 150px;
	background: url(bundle/images/quinnipiac-logo-mobile.png) no-repeat center;
	text-indent: -9000px;
	background-size: 233px auto
}

#homepage-logo .dotted-line:before {
	height: 400px;
	bottom: -440px;
}

#homepage-logo .dotted-line:after {
	display: none;
}

#homepage-logo .section-jump {
	cursor: pointer;
}

#homepage-logo .section-jump .visuallyhidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}


/**
* Let video fill out space based on aspect ratio.
*/
#homepage-hero .resp-media-video .video-container {
	padding-bottom: calc(9/16 * 100%);
	margin: 0 auto 0;
	height:auto;
	max-height:100vh;
}

#homepage-hero .resp-media-video {
	overflow: visible;
}

#homepage-hero .resp-media-video .video-container .video-overlay {
	height: 100vh;
	max-height: 100vh;
}
/*#homepage-hero .resp-media-video .video-container .video-overlay .icon-play {
	display: none;
}*/

/**
 * Tablet and higher
 */


@media screen and (min-width: 768px) {

	#homepage-logo .h1 {
		height: 225px;
		background: url(bundle/images/quinnipiac-logo-mobile.png) no-repeat center;
		text-indent: -9000px;
		background-size: 400px auto
	}
	
	#homepage-q {
		margin: 67px;
	}

	#homepage-hero {
		max-height: 100vh;
	}

	#homepage-hero picture {
		max-height: 100%;
	}

	.homepage-stats span {
		display: block;
		height: 130px;
	}
	
	#homepage-hero:before {
	    bottom: -80px;
	    height: 290px;
	}

	#homepage-hero.homepage-video-background {
    	min-height: auto;
	}

	#homepage-hero img {
		display: block;
	}

	#homepage-hero .resp-media-video .video-container .video-overlay {
		height: 100%;
		max-height: 100%;
	}


}

/**
 * Desktop and higher
 */

@media screen and (min-width: 1024px) {
	
	#homepage-hero .resp-media-video {
		display: block;
	}

	#homepage-logo .h1 {
		height: 300px;
		background-size: auto;
		background: url(bundle/images/quinnipiac-logo.png) no-repeat center;
	}

}
@media screen and (min-width: 768px) {

	#homepage-hero .resp-media-video .video-container .video-overlay .mobile-poster {
		display: none;
	}
	#homepage-hero .resp-media-video .video-container .video-overlay .video-poster {
		display: block;
	}
}

@media only screen and (min-width : 320px) and (max-width : 767px) {
	#homepage-hero .resp-media-video .video-container {
		/*height:100vh;*/
		max-height:518px;
	}
	#homepage-hero .resp-media-video .video-container .resp-video {
		display: none;
	}
	#homepage-hero .resp-media-video .video-container .video-overlay {
		display: block !important;
		max-height:518px;
		position: relative;
	}
	#homepage-hero .resp-media-video .video-container .video-overlay .mobile-poster {
		min-width: 768px;
		min-height: 518px;
		display: block;
		height:100%;
	}
	#homepage-hero .resp-media-video .video-container .video-overlay .video-poster {
		display: none;
	}

	/*#homepage-hero .resp-media-video .video-container {}*/
	
}

/**
 * Landscape mode for phones
*/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 767px)
and (orientation : landscape) {

	#homepage-hero .resp-media-video .video-container .resp-video {
		position: relative;
	}
	#homepage-hero .resp-media-video .video-container {
		padding-bottom: 0;
	}
	#homepage-hero .resp-media-video .video-container .video-overlay .mobile-poster {
		width: 100%;
		max-height:100vh;
		height:auto;
		
	}


}/**
 * Next step section
 */

#homepage-nextstep .dotted-line:before {
	height: 60px;
	top: -207px;
}

#homepage-nextstep .dotted-line:after {
	width: 40px;
	height: 40px;
	top: -175px;
	left: calc(50% - 20px);
	z-index: 1;
	background: radial-gradient(#FFB81C 12%, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 64%, #FFB81C 70%, #FFB81C 80%);
}

#homepage-nextstep .qu-promo {
	margin-top: 0;
}



/**
 * Tablet and higher
 */

@media screen and (min-width: 768px) {
	
	#homepage-nextstep .dotted-line:before {
	   height: 130px;
	   top: -277px;
	}

	#homepage-nextstep .dotted-line:after {
		top: -176px;
	}

	#homepage-nextstep .qu-promo {
		margin-top: 40px;
	}

}

/**
 * Big Desktop and higher
 */

@media screen and (min-width: 1440px) {

	
	#homepage-nextstep .dotted-line:before {
		top: -300px;
	}

	#homepage-nextstep .dotted-line:after {
		top: -185px;
	}

}/**
 * Philosophy section
 */

#homepage-philosophy {
	padding-top: 909px;
}

/*For Iphone Landscape mode*/
@media only screen and(orientation: landscape) {
	#homepage-philosophy {
		padding-top: 980px;
	}
}

#homepage-philosophy .dotted-line:before {
	left: calc(1.56% + 2px);
	top: -80px;
	height: calc(100% + 90px);
	z-index: 0;
}

#homepage-philosophy .dotted-line:after {
	bottom: -13px;
    left: calc(1.56% - 1px);
}

#homepage-philosophy .section-content {
	padding-left: 16px;
	padding-bottom: 74px;
}

#homepage-philosophy hr {
	width: 80px;
	height: 1px;
	margin: 26px 0 30px 0;
	background-color: #c8c9c7;
	border: 0;
}

#homepage-philosophy ul {
  list-style: none;
  position: relative;
}

#homepage-philosophy li {
	margin-bottom: 0;
}

#homepage-philosophy .cta span {
	min-width: 78px;
	display: inline-block;
	font-size: 1.7rem;

}

#homepage-philosophy .cta {
    margin: 16px 0;
}

.homepage-rate {
	position: absolute;
	z-index: 2;
	bottom: -270px;
	line-height: 22px;
	min-height: 194px;
}

.homepage-rate sup {
	font-size: 4.5rem;
}

.homepage-rate .h2 {
	font-size: 9rem;
	line-height: 80px;
}

.homepage-rate hr {
	display: none;
}

.homepage-rate .qu-stats {
	position: absolute;
	top: 18px;
}


/**
 * Quote section
 */

#homepage-quote {
	padding-top: 125px;
}

#homepage-quote > .aem-GridColumn {
	float: none!important;
	margin: 0 auto;
}

#homepage-quote .dotted-line:before {
	height: calc(100% + 134px);
	top: -25px;
	left: calc(100% + 7px);
	z-index: 0;
}

#homepage-quote .dotted-line:after {
	width: 40px;
	height: 40px;
	left: calc(100% + -12px);
	top: -45px;
	background: radial-gradient(#FFB81C 12%, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 64%, #FFB81C 70%, #FFB81C 80%);
}

#homepage-quote blockquote {
	margin-bottom: 110px;
}

#homepage-quote blockquote .h3 {
	padding-top: 28px;
}

#homepage-quote blockquote .h3:before {
	quotes: initial;
	content: open-quote;
	position: relative;
	right: 12px;
	margin-right: -10px;
}

#homepage-quote blockquote .h3:after {
	quotes: initial;
	content: close-quote;
}


#homepage-quote footer {
	font-family: 'AtlasGrotesk-Medium';
	padding: 0 18px;
}

#homepage-quote footer span {
	display: inline-block;
	border-top: 1px solid #314a59;
	line-height: 22px;
	padding-top: 5px;
}

#homepage-quote cite {
	position: relative;
	color: #FFB81C;
	font-style: normal;
	display: block;
	margin-bottom: 5px;
}

#homepage-quote cite:before {
	content: '\25b2';
	display: block;
	margin-right: 5px;
	font-size: 0.8rem;
	position: absolute;
	left: -18px;
}
#homepage-quote .cta-link {
	color: #ffffff;
	display: inline-block;
}
#homepage-quote .cta-link:hover, 
#homepage-quote .cta-link:focus {
	color: rgba(225, 225, 225, 0.9);
}
#homepage-quote .cta-link:active {
	color: #FFB81C;
}
#homepage-quote .cta-link a {
	font-size: 2rem;
	line-height: 1.4;
	text-decoration: underline;
}
#homepage-quote .cta-link .icon-schools-arrow, 
#homepage-quote .cta-btn-yellow .icon-schools-arrow {
	display: none;
}
#homepage-quote .cta-btn-yellow {
	background-color: #ffb81c;
	color: #00263e;
	display: inline-block;
    border-radius: 3px;
    padding: 0 20px;
    line-height: 61px;
    margin: 20px 0;
}
#homepage-quote .cta-btn-yellow a {
	font-size: 1.4rem;
}
/**
 * Tablet and higher
 */


@media screen and (min-width: 768px) {
	#homepage-philosophy {
    	height: 1360px;
    	padding-top: 405px;
	}

	#homepage-philosophy .aem-GridColumn--default--7 {
		padding-left: 0;
	}

	#homepage-philosophy .section-content {
    	padding-left: 0;
	}

	#homepage-philosophy .dotted-line:before,
	#homepage-philosophy .dotted-line:after {
		display: none;
	}

	#homepage-philosophy ul {
		padding-top: 148px;
	}

	#homepage-philosophy ul:before {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: -115px;
		background: url(bundle/images/dot-pattern.png) repeat;
		width: 2px;
		height: calc(100% + 380px);
	}

	#homepage-philosophy .section-content {
	    padding-bottom: 320px;
	}
	.homepage-rate {
		bottom: -275px;
	}

	.homepage-rate .one {
		width: 100%!important;
	}

	/**
	 * Quote section
	 */
	
	#homepage-quote {
		overflow: hidden;
    	height: 580px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		    flex-direction: row;
		-ms-flex-align: center;
		    align-items: center;
		position: absolute;
		right: 50%;
		transform: translate3d(50%, -50%, 0);
		z-index: 1;
		width: 83.33333333%;
		padding-top: 0;
		padding-bottom: 0;
	}

	#homepage-quote > div.aem-GridColumn {
		padding: 0;
	}

	#homepage-quote .resp-media-image {
		margin: 0;
	}

	#homepage-quote > .aem-GridColumn {
		float: left!important;
	}

	#homepage-quote .dotted-line:after,
	#homepage-quote .dotted-line:before {
		display: none;
	}

	#homepage-quote .section-content {
		padding-right: 64px;
	}

	#homepage-quote blockquote {
	    margin-bottom: 40px;
	}
	#homepage-quote .cta-link .icon-schools-arrow, 
	#homepage-quote .cta-btn-yellow .icon-schools-arrow {
		display: inline-block;
		font-size: 0.8rem;
		margin-left: 10px;
	}

}


/**
 * Desktop and higher
 */

@media screen and (min-width: 1024px) {

	#homepage-philosophy .cta span {
		font-size: 2rem;
	}
	#homepage-quote .cta-btn-yellow a {
		font-size: 1.6rem;
	}
}



/**
 * Desktop and higher
 */

@media screen and (min-width: 1024px) {
	
	.homepage p:not(.h3) {
		font-size: 2rem;
	}


}


/**
 * Big Desktop and higher
 */

@media screen and (min-width: 1440px) {
	
	#homepage-philosophy {
    	height: 1525px;
	}

	#homepage-philosophy ul:before {
	    height: calc(100% + 528px);
	}

	#homepage-philosophy .cta span {
		font-size: 2.1rem;
	}
	
	
	.homepage-rate {
		bottom: -420px;
	}

	.homepage-rate .h2 {
		font-size: 18rem;
		line-height: 140px;
	}

    .homepage-rate sup {
    	font-size: 9rem;
    }
}/**
 * Programs
 */

#homepage-programs {
	padding-top: 130px;
}

#homepage-programs .dotted-line:before {
	height: 121px;
	top: -265px;
	z-index: 10;
}

#homepage-programs .dotted-line:after {
	height: 26px;
	width: 4px;
	top: -145px;
	border-radius: 0;
	left: calc(50% - 2px);
}

#homepage-schoolslist {
  max-height: 600px;
}

#homepage-schoolslist ul {
	list-style: none;
	padding-bottom: 100px;
}

#homepage-schoolslist li {
	margin-left: 0;
	line-height: 85px;
}

#homepage-programs .section-content {
	text-align: center;
}

#homepage-programs a {
    margin-bottom: 0;
    margin-left: 20px;
}


/**
 * Tablet and higher
 */


@media screen and (min-width: 768px) {
	
	#homepage-parallax {
		transition: transform .3s linear;
	}

	#homepage-programs {
	    padding-top: 204px;
	    padding-bottom: 184px;
	    max-height: 800px;
	    overflow: hidden;
	}

	#homepage-programs .dotted-line:before {
		height: 2000px;
		top: -2120px;
		opacity: .4;
	}

}/**
 * Ranked section
 */

#homepage-ranked.dotted-line:before {
	height: 86px;
    top: 0;
}

#homepage-ranked.dotted-line:after {
	display: none;
}

#homepage-ranked .homepage-stats {
	position: absolute;
	top: calc(100% - 20px);
	right: 50%;
	transform: translateX(50%);
	z-index: 1;
}


/**
 * Homepage stats global astyles.
 */

.homepage-stats {
	background: white;
}
.homepage-stats figure {
	width: 100%;

}
.homepage-stats figure img {
	width: 100%;
	max-width: 400px;
	padding: 0 9%;
}
.homepage-stats figcaption {
	padding: 30px 10px;
	font-size:1.6rem;
}

.homepage-stats  .aem-GridColumn {
	padding-top: 5%;
	padding-bottom: 3%;
}

.homepage-stats  .aem-GridColumn span {
	width: 100%;
}

.homepage-stats:before {
	top: -60px;
}

.homepage-stats:after {
	top: -63px;
}

/**
 * Introduction section
 */

.homepage-introduction {
	padding-bottom: 90px;
}

#homepage-q {
	width: 50px;
	height: 48px;
	position: relative;
	margin: 56px 0 34px 0;
	left: 5px;
}



/**
 * Tablet and higher
 */

@media screen and (min-width: 768px) {
	
	#homepage-ranked article {
		margin-top: 40px;
	}
	
	#homepage-ranked .homepage-stats {
		top: calc(100% - 50px);
	}

}.qu-now-page.main {
    padding-top: 0;
}

/*.qu-now-page a {*/
    /*outline: 0;*/
/*}*/

.qu-now-page header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 45px;
    color: white;
    padding: 0 16px;
}

.qu-now-page .responsive-image .resp-media-image {
    padding-top: 0 !important;
}

#nowpage-header a {
    z-index: 999999;
}

#nowpage-header .icon-close {
    font-size: 2.2rem;
}

.qu-now-page header .right {
    margin-left: auto;
}

.qu-now-page .social-content {
    padding-bottom: 30px;
    padding-top: 20px;
}


.qu-now-page .icon-school span {
    display: none;
}

.qu-now-page .qu-relatedcontent a u:hover,
.qu-now-page .qu-relatedcontent a u:active {
    border-bottom: solid 1px;
}

.now-top-content {
    width:100%;
}

.now-top-content .featured-article-content {
    padding-top: 20px;
    padding-left: 0 !important;
    padding-bottom: 45px;
}

.now-top-content .headline-text {

    text-decoration: none;
}

.featured-article .article:hover .headline-text {
    border-bottom: solid 1px;
    text-decoration: none;
}

.qu-now-social-feed .responsive-image-tile .resp-media-image {
    display: inline-block;
    padding-top: 0 !important;
}

.notifier-content {
    margin: 20px;
    position: relative;
}

.qu-now-top-fb {
    height: 100%;
    overflow: hidden;
}

.qu-now-top-fb .fb-time {
    padding: 15px 0 11px 0;
    color: #6d7074;
}

.qu-now-top-fb:hover .image-overlay {
    display: inline-block;
}

.qu-now-top-fb .icon-facebook {
    padding-right: 10px;
    float: left;
    opacity: 0.5;
    font-size:1.6rem;
}

.qu-now-top-fb:hover .text-wrapper h4{
    text-decoration: underline;
}

.qu-now-top-fb:hover .fb-image {
    transform: scale(1.1);
}

.qu-now-top-fb .fb-time h4{
    float: left;
    font-size: 1.2rem;
    line-height: 1.7;
}

.qu-now-top-fb .image-wrapper {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    overflow: hidden;
    height: 79vw;
    pointer-events: none;

}

.qu-now-top-fb .image-overlay {
    width: 100%;
    height: 100%;
    background-color: #0C2340;
    opacity: 0.3;
    position: absolute;
    top: 0;
    display: none;
    pointer-events: none;
}

.qu-now-top-fb .content-wrapper:active .image-wrapper {
    background-color: #ffffff;
}

.qu-now-top-fb .content-wrapper:active .fb-image {
    opacity: 0.7;
}

.qu-now-top-fb .content-wrapper:active .image-overlay {
    display: none;
}

.qu-now-top-fb .text-wrapper {
    padding-left: 0;
    padding-right: 0;
    background-color: #f7f7f6;
    line-height: 1.6;
    height: 79vw;
    pointer-events: none;
}

.qu-now-top-fb .text-wrapper h4{
    padding: 15px 15px;
    pointer-events: none;
    font-size:1.6rem;
}

.qu-now-top-fb .fb-image {
    height: 100%;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    margin: auto;
    position: absolute;
    transition: transform .1s linear;
    pointer-events: none;
}

.qu-now-top-fb .content-wrapper {
    height: 100%;
}

.qu-now-social-feed .top-row {
    display: block;
    overflow: hidden;
}

.qu-now-social-feed .image-overlay {
    width: 100%;
    height: 100%;
    background-color: #0C2340;
    opacity: 0.3;
    position: absolute;
    top: 0;
    display: none;
    pointer-events: none;
}

.qu-now-social-feed .tile-link:hover .social-image {
    transform: scale(1.1);
}

.qu-now-social-feed .tile-link:hover .image-overlay {
    display: block;
}

.qu-now-social-feed .tile-link:hover .underline-text{
    text-decoration: underline;
}

.qu-now-social-feed .center-tweet:hover {
    text-decoration: underline;
}

.qu-now-social-feed .tile-link:active .image-wrapper {
     background-color: #ffffff;
 }

.qu-now-social-feed .tile-link:active .social-image {
    opacity: 0.7;
}

.qu-now-social-feed .tile-link:active .youtube-image {
    opacity: 0.7;
}

.qu-now-social-feed .tile-link:active .image-overlay {
    display: none;
}

.qu-now-social-feed .facebook-background-wrapper:active .image-wrapper {
    background-color: #ffffff;
}


.qu-now-social-feed .facebook-background-wrapper:active .social-image {
    opacity: 0.7;
}

.qu-now-social-feed .facebook-background-wrapper:active .youtube-image {
    opacity: 0.7;
}

.qu-now-social-feed .facebook-background-wrapper:active .image-overlay {
    display: none;
}

.qu-now-social-feed .social-text h4 {
    font-family: "PortraitQ Regular";
    font-size: 2.5rem;
    padding: 15px 15px;
    pointer-events: none;
}

.qu-now-social-feed .fade-icon {
    float: left;
    padding-right: 7px;
    opacity: 0.3;
    font-size:1.6rem;
}

.qu-now-social-feed .fun-fact-tile {
    padding-top: 34px;
    height: inherit;
}

.qu-now-social-feed .responsive-image-tile {
    height: inherit;
    margin-top: 30px;
}


.qu-now-social-feed .responsive-image {
    width: 100%;
}


.qu-now-social-feed .social-row {
    margin-bottom: 10px;
}

/*FACEBOOK STYLING*/

.qu-now-social-feed .facebook-background-wrapper {
    background-color: #f7f7f6;
}

.qu-now-social-feed .facebook-tile .social-text h4 {
    font-family: AtlasGrotesk-Regular;
    line-height: 1.6;
    font-size: 1.6rem;
}

.qu-now-social-feed .facebook-tile .social-text {
    height: auto;
}

.qu-now-social-feed .tile-height {
    height: 79vw
}

.qu-now-social-feed .social-image {
    top: -100%;
    height: 100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    margin: auto;
    position: absolute;
    width: auto;
    transition: transform .1s linear;
    pointer-events: none;
}

.qu-now-social-feed .social-text {
    pointer-events: none;
}

.qu-now-social-feed .image-wrapper {
    position: relative;
    overflow: hidden;
    padding: 0;
    display: inline-block;
    pointer-events: none;
}

.qu-now-social-feed .tile-link {
    height: 100%;
}

/*Twitter Styling*/

.qu-now-social-feed .twitter-background-wrapper {
    background-color: #f7f7f6;
    height: 100%;
}

.qu-now-social-feed .time-wrapper {
    background-color: #ffffff;
}

.qu-now-social-feed .time-wrapper h4 {
    font-size: 1.2rem;
    line-height: 1.7;
    float: left;
    color: #6d7074;
}

.qu-now-social-feed .twitter-tile .image-wrapper {
    margin-bottom: -6px;
}

.qu-now-social-feed .twitter-tile {
    height: inherit;
}

/*Instagram Styling*/

.qu-now-social-feed .instagram-tile {
    height: inherit;
}

.qu-now-social-feed .instagram-image-background-wrapper {
    height: inherit;
}

/*YOUTUBE STYLING*/

.qu-now-social-feed .youtube-background-wrapper {
    height: inherit;
}

.qu-now-social-feed .youtube-tile:hover  .youtube-image {
    transform: scale(1.1);
}

.qu-now-social-feed .youtube-tile {
    overflow: hidden;
    position: relative;
    height: inherit;
}

.qu-now-social-feed .youtube-tile .image-wrapper {
    margin-bottom: -5px;
    width: 100%;
}

.qu-now-social-feed .youtube-tile .play-button {
    position: absolute;
    top: -100%;
    right: -100%;
    left: -100%;
    bottom: -100%;
    margin: auto;
}

.qu-now-social-feed .youtube-image {
    height: 100%;
    width: auto;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    margin: auto;
    position: absolute;
    transition: transform .1s linear;
}

.qu-now-social-feed .title-medium {
    font-family: AtlasGrotesk-Medium;
    padding-left: 20px;
}

.qu-now-social-feed .three-article-wrapper {
    padding-left: 0;
}

.qu-now-social-feed .twitter-tile .social-text.tile-height {
    height: inherit;
}

.qu-now-social-feed .fun-fact-tile.tile-height {
    height: auto;
}

.qu-now-social-feed .time-wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
}

.qu-now-social-feed .instagram-tile .social-image {
    height: auto;
    width: 175%;
}

.qu-now-page .responsive-image .caption {
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.qu-now-social-feed .sixth-row {
    padding-top: 15px;
}

@media screen and (min-width: 540px) {
    .qu-now-top-fb{
        height: 43vw;
    }
    .qu-now-top-fb .content-wrapper {
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .qu-now-top-fb .image-wrapper {
        height: 100%;
    }

    .qu-now-top-fb .text-wrapper {
        height: 100%;
    }

    .qu-now-social-feed .top-row {
        display: block;
    }

    .qu-now-social-feed .sixth-row {
        padding-top: 30px;
    }
}

@media screen and (min-width: 768px) {

    .qu-now-social-feed .resp-media-image {
        padding-top: 20px;
    }

    #nowpage-header .icon-close {
        font-size: 3.2rem;
    }

    #nowpage-header a {
        padding: 28px 12px 12px;
        font-size: 2.2rem;
    }
}

@media screen and (min-width: 1024px) {

    .qu-now-social-feed .social-row {
        overflow: hidden;
    }

    .qu-now-social-feed .responsive-image-tile .resp-media-image {
        padding-top: 21px !important;
    }

    .qu-now-social-feed .sixth-row {
        padding-top: 0;
    }

    .qu-now-social-feed .top-row {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-positive: inherit;
            flex-grow: inherit;
        -ms-flex-align: stretch;
            align-items: stretch;
    }

    .qu-now-top-fb{
        height: 26.3vw;
    }

    .qu-now-social-feed .tile-height {
        height: 26.3vw;
    }

    .qu-now-social-feed .twitter-tile .social-text {
        position: relative;
    }

    .qu-now-social-feed .twitter-tile .social-text.tile-height {
        height: 26.3vw;
    }

    .qu-now-social-feed .youtube-image {
        width: 100%;
        height: auto;
    }

    .qu-now-social-feed .youtube-tile {
        padding-bottom: 0;
    }

    .qu-now-social-feed .facebook-tile .social-text {
        height: 26.3vw;
    }

    .qu-now-social-feed .fun-fact-tile.tile-height {
        height: 26.3vw;
    }
    
    .qu-now-social-feed .responsive-image-tile {
        padding-top: 14px;
        margin-top: 0;
    }

    .qu-now-page .social-row:not(:first-of-type) {
        padding-top: 20px;
    }

    .qu-now-social-feed .time-wrapper {
        padding-top: 0;
    }

    .qu-now-page .responsive-image .caption {
        padding-right: 60px !important;
    }

    .qu-now-social-feed .center-tweet {
        position: absolute;
        top: 50%;
        left: 39%;
        transform: translateX(-37%) translateY(-50%);
    }
}.qu-now-fun-fact {
    height: inherit;
}

.qu-now-fun-fact .ff-image-wrapper {
    position: relative;
    overflow: hidden;
    padding: 0;
    width: 100%;
    display: inline-block;
    height: 40vw;
    top: -20px;
}

.qu-now-fun-fact .fun-fact-image {
    width: 100%;
}

.qu-now-fun-fact .fun-fact-tile {
    padding-top: 19px;
}

.qu-now-fun-fact .fun-fact-title {
    color: #FFB81C;
    font-family: AtlasGrotesk-Medium;
    font-size: 1.4rem;
    padding: 20px 0 15px 15px;
}

.qu-now-fun-fact .fun-fact-text {
    color: #ffffff;
    font-size: 1.6rem;
    font-family: "AtlasGrotesk-Regular", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    padding: 0 15px 15px 15px;
    line-height: 1.6;
}

.qu-now-fun-fact .fun-fact-text.full-text {
    font-family: "PortraitQ-Regular", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 3.2rem;
    line-height: 1.1;

}

.qu-now-fun-fact .ff-background-wrapper {
    background-color: #0C2340;
    height: initial;
    padding: 20px 0;
}

.ff-background-wrapper.fun-image {
  padding-top: 0;
}

.qu-now-fun-fact .resp-media-image {
    padding-top: 0;
    padding-bottom: 0;
}

.qu-now-fun-fact .social-image {
    height: 100%;
    width: initial;
}

/*
@media screen and (min-width: 541px) {


}

@media screen and (min-width: 769px) {


}
*/

@media screen and (min-width: 1024px) {
    .qu-now-fun-fact .ff-background-wrapper {
        height: 100%;
    }

    .qu-now-fun-fact .ff-image-wrapper {
        height: 57%;
    }

    .qu-now-fun-fact .social-image {
        height: initial;
        width: 100%;
    }
}
.qu-now-hero{
    height: auto;
    margin-bottom: 5px;
}


.qu-now-hero .now-hero-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: -5px;
}


.qu-now-hero.img-filter .now-hero-wrapper:before {
    content: "";
    width:100%;
    height:100%;
    display: block;
    top:0;
    left:0;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.25);
}


.qu-now-hero .hero-image {
    width: 100%;
}

.qu-now-hero .logo-wrapper {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -40%);
}

.qu-now-hero .qu-heading-top img {
    width:220px;
}

.qu-now-hero .qu-heading-bottom {
    font-size: 3.3rem;
}

.qu-now-hero .qu-heading {
    width:100%;
    text-align: center;
}

.qu-now-hero .heading-text {
    color: #ffffff;
    font-size: 4.6rem;
    font-family: PortraitQ Light;
}

.qu-now-hero .lower-date {
    display: none;
    position: absolute;
    left: 50%;
    top: 63vw;
    color: #ffffff;
    text-align: center;
    transform: translate(-50%);
}

.qu-now-hero #calendar-hook {
    padding-right: 5px;
    float: left;
    font-family: AtlasGrotesk-Medium;
    font-size: 1.4rem;
}

.qu-now-hero #clock-hook {
    font-family: AtlasGrotesk-Regular;
    font-size: 1.2rem;
    float: left;
    line-height: 16px;
}

.qu-now-hero .image-seperator{
    height: 1px;
    border: 1px solid #264052;
}

.qu-now-hero #image-title {
    font-family: AtlasGrotesk-Medium;
    padding-bottom: 10px;
}

.qu-now-hero #image-description {
    font-family: AtlasGrotesk-Regular;
    padding-top: 10px;

}

.qu-now-hero .lower-captions {
    position: relative;
    margin-top: -5px;
    padding: 8% 10% 2% 10%;
    font-size: 1.2rem;
    color: #264052;
    display: inline-block;
    width: 100%;
    background-color: white;
}


.qu-now-hero .arrow-down{
    position: absolute;
    left: -15px;
    top: 3px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 6px solid #264052;
}

@media screen and (min-width: 768px) {

    .qu-now-hero{
        margin-bottom: 0;
    }
    .qu-now-hero .logo-wrapper {
        top: 50%;
        transform: translate(-50%, -50%);

    }
    .qu-now-hero #image-description {
        max-width: 250px;
    }

    .qu-now-hero .lower-captions {
        position: absolute;
        bottom: 4%;
        right: 5%;
        font-size: 1.2rem;
        color: #ffffff;
        width: auto;
        top: auto;
        display: inline-block;
        background-color: transparent;
        padding: 0;
    }

    .qu-now-hero .image-seperator{
        border: 1px solid #ffffff;
    }

    .qu-now-hero .arrow-down{
        border-bottom: 6px solid #ffffff;
    }

    .qu-now-hero .qu-heading-top img {
        width:350px;
    }

    .qu-now-hero .qu-heading-bottom {
        font-size: 4.6rem;
    }

    .qu-now-hero .lower-date {
        display: none;
        position: absolute;
        left: 2%;
        bottom: 6%;
        color: #ffffff;
        width: 30%;
        transform: translate(0);
    }

    .qu-now-hero #clock-hook {
        font-family: AtlasGrotesk-Regular;
        font-size: 1.2rem;
    }
}
.now-page-live-event {
    height: 200px;
}

.now-page-live-event .event-title {
    text-decoration: underline;
}.qu-now-notifier {
    height: auto;
    background-color: #3478BC;
}

.qu-now-notifier .hover-active:hover {
    background-color: #003f64;
    height:100%;
}

.qu-now-notifier .hover-active:hover .event-title h2{
    text-decoration: underline;
}

.qu-now-notifier .hover-active:hover .watch-live h3{
    text-decoration: none;
    color: #adb7ba;
}

.qu-now-notifier .live-link{
    height: 100%;
    width: 100%;
}

.qu-now-notifier .event-details{
    height: 100%;
    width: 100%;
    position: relative;
}

.qu-now-notifier .event-details-wrapper {
    position: relative;
    padding: 50px 0 50px 15%;
}

.qu-now-notifier .event-title h2{
    color: #ffffff;
    font-family: "PortraitQ Regular";
    font-size: 3.2rem;
    padding-bottom: 15px;
}

.qu-now-notifier .event-details-text h4{
    float: left;
    font-size: 1.2rem;
    color: #ffffff;
    padding-top: 15px;
}

.qu-now-notifier .event-details-text {
    display: inline-block;
}

.qu-now-notifier .watch-live-column {
    height: 100%;
    width: 100%;
    display: inline-block;
}

.qu-now-notifier .live-link {
    padding: 12px 30px;
    font-family: AtlasGrotesk-Medium;
    font-size: 1.2rem;
    width: 135px;
    color: #ffffff;
    background-color: #0C2340;
}

.qu-now-notifier .link-wrapper {
    position: relative;
    padding-left: 15%;
}

.qu-now-notifier .no-content {
    width:100%;
    display: inline-block;
}

.qu-now-notifier .watch-live h3:after {
    padding-left: 10px;
    content: url('bundle/images/arrow_copy_white.png');
}

.qu-now-notifier .watch-live h3 {
    font-size: 1.6rem;
    color: #ffffff;
    text-decoration: underline;
    font-family: AtlasGrotesk-Regular;
}

.qu-now-notifier .watch-live-wrapper {
    position: relative;
    padding: 0 0 60px 15%;
}

.qu-now-notifier .watch-live {
    position: relative;
    width: 100%;
}

.qu-now-notifier .watch-live a h3:hover {
    text-decoration: none;
}

.qu-now-notifier .live-link-content {
    padding-top: 50px;
}

.qu-now-notifier .notifier-seperator {
    width: 20%;
    height: 1px;
    border: 1px solid #ffffff;
}

@media screen and (min-width: 541px) {

}

@media screen and (min-width: 768px) {

}

@media screen and (min-width: 1024px){

    .qu-now-notifier {
        height: 200px;
    }

    .qu-now-notifier .watch-live-wrapper {
        padding-right: 30%;
    }

    .qu-now-notifier .live-link-content {
        padding-top: 78px;
    }

    .qu-now-notifier .watch-live {
        position: relative;
        width: 100%;
    }

    .qu-now-notifier .watch-live {
        padding-top: 80px;
    }

    .qu-now-notifier .link-wrapper {
        padding-left: 30%;
    }
}.qu-now-rss-latest {
    width:100%;
}

.qu-now-rss-latest .logo-wrapper img {
    width: 100%;
    padding: 5px;
}

.qu-now-rss-latest .top-score{
    border: 1px solid #c8c9c7;
    position: relative;
    margin-top: 10px;
}

.qu-now-rss-latest .logo-wrapper{
    border-right: 1px solid #c8c9c7;
    background-color: #f7f7f6;
    min-height: 13.4vw;
}

.qu-now-rss-latest .home-score-wrapper .logo-wrapper{
    border-bottom: 1px solid #c8c9c7;
}

.qu-now-rss-latest .home-score-wrapper , .opponent-score-wrapper {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}

.qu-now-rss-latest .latest-results {
    padding: 15px 0 15px 0;
    font-size: 1.4rem;
    font-family: AtlasGrotesk-Medium;
    color: #00263e;
}

.qu-now-rss-latest .sport-title, .opposing-team {
    font-size: 1.2rem;
}

.qu-now-rss-latest .sport-title h4, .opposing-team h4 {
    position: relative;
    padding-left: 5%;
    color: #00263e;
}

.qu-now-rss-latest .seperator {
    border-bottom: 1px solid #c8c9c7;
    width: 75%;
    top: 49.5%;
    position: absolute;
    left: 21%;
    height: 1px;

}

.qu-now-rss-latest .home-score, .opposing-score {
    text-align: center;
    font-size: 1.2rem;
}

.qu-now-rss-latest .win {
    color: #00263e;
    font-family: AtlasGrotesk-Medium;
}

.qu-now-rss-latest .winning-arrow {
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    right: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-right: 6px solid black;
}

.qu-now-rss-latest .winning-arrow.lose {
    display: none;
}

.qu-now-rss-latest .recap-wrapper {
    border-top: 0;
    border-left: 1px solid #c8c9c7;
    border-right: 1px solid #c8c9c7;
    border-bottom: 1px solid #c8c9c7;
}

.qu-now-rss-latest .recap-link {
    float: right;
    padding: 7px 10px;
    right: 13px;
    position: relative;
    font-size: 1.2rem;
}

@media screen and (min-width: 541px) {

    .qu-now-rss-latest .home-score-wrapper , .opponent-score-wrapper {
        position: relative;
    }



}

@media screen and (min-width: 768px) {

    .qu-now-rss-latest .home-score-wrapper , .opponent-score-wrapper {
        position: relative;
    }

    .qu-now-rss-latest .logo-wrapper {
        min-height: 9.6vw;
    }

}

@media screen and (min-width: 1024px) {
    .qu-now-rss-latest .logo-wrapper {
        min-height: 3.75vw;
    }
}
.qu-now-rss-upcoming .upcoming-games {
    padding: 15px 0 15px 0;
    font-size: 1.4rem;
    font-family: AtlasGrotesk-Medium;
    color: #264052;
}

.qu-now-rss-upcoming {
    padding-left: 0 !important;
}

.qu-now-rss-upcoming .time-wrapper, .qu-now-rss-upcoming .location-wrapper {
    text-align: center;
    padding: 10px 15px !important;
    /*height: 56px;*/
}

.qu-now-rss-upcoming .sport-opponent {
    text-align: center;
    padding: 20px !important;
}


.qu-now-rss-upcoming .location-wrapper {
    border-left: 1px solid #c8c9c7;
}

.qu-now-rss-upcoming .game-wrapper {
    border: 1px solid #c8c9c7;
    margin-bottom: 10px;
    background-color: #f7f7f6;
}

.qu-now-rss-upcoming .sport-opponent {
    border-bottom: 1px solid #c8c9c7;
    background-color: #ffffff;
}

.qu-now-rss-upcoming .time-wrapper, .location-wrapper {
    background-color: #f7f7f6;
}

.qu-now-rss-upcoming .game-wrapper h4{
    font-size: 1.2rem;
    color: #264052;
}

.qu-now-rss-upcoming .atlas-medium {
    font-family: AtlasGrotesk-Medium;
}

.qu-now-rss-upcoming .time-wrapper h4{
    display: inline-block;
    color: #264052;
}

.qu-now-rss-upcoming .bottom-wrapper {
    display: -ms-flexbox;
    display: flex;
}

.qu-now-rss-upcoming .upcoming-link:hover{
    text-decoration: underline;

}

@media screen and (min-width: 541px) {


}

@media screen and (min-width: 768px) {


}

@media screen and (min-width: 1023px) {

    .qu-now-rss-upcoming .upcoming-games {
        padding: 30px 0 15px 0;
    }

}
.qu-now-three-articles {
    min-height: 200px;
}

.qu-now-three-articles .article-wrapper {
    padding-top: 30px;
    position: relative;
}

.qu-now-three-articles .article-image {
    width:100%;
    transition: transform .1s linear;
}

.qu-now-three-articles .article-date {
    float: left;
    font-size: 1.2rem;
    padding-left: 15px;
}

.qu-now-three-articles .article-category {
    padding-left: 20px;
    float: left;
    display: inline-block;
    font-size: 1.2rem;
    font-family: AtlasGrotesk-Medium;
}

.qu-now-three-articles .details-text {
    display: inline-block;
    clear: both;
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
    text-decoration: underline;
}

.qu-now-three-articles .details-text h2 {
    font-size: 1.8rem;
    color: #357abf;
}
.qu-now-three-articles .article-wrapper .details-text:after {
    /*content: url("bundle/images/arrow_copy_blue.png");*/
    position: absolute;
    bottom:0;
}

.qu-now-three-articles .link-wrapper:hover  .article-image {
    transform: scale(1.1);
}

.qu-now-three-articles .link-wrapper:hover .details-text {
    text-decoration: none;
    color: #003f64;
}

.qu-now-three-articles .link-wrapper:hover .image-overlay {
    display: block;
}

.qu-now-three-articles .link-wrapper:hover .icon-schools-arrow {
    color: #00263e;
}

.qu-now-three-articles .icon-schools-arrow {
    color: #357abf;
    font-size: 1rem;
    position: absolute;
    bottom: 10px;
    display: block;
}

.qu-now-three-articles .image-overlay {
    width: 100%;
    height: 100%;
    background-color: #0C2340;
    opacity: 0.3;
    position: absolute;
    top: 0;
    display: none;
    pointer-events: none;
}

.qu-now-three-articles .article-wrapper:active .image-wrapper {
    background-color: #ffffff;
}

.qu-now-three-articles .article-wrapper:active .article-image {
    opacity: 0.7;
}

.qu-now-three-articles .article-wrapper:active .image-overlay {
    display: none;
}

.qu-now-three-articles .image-wrapper {
    position: relative;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
}

.qu-now-three-articles .arrow-left {
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    top: 3px;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-right: 6px solid black;

}

.qu-now-three-articles .details-top {
    position: relative;
    pointer-events: none;
}

.qu-now-three-articles .details-text {
    pointer-events: none;
}

.qu-now-three-articles .details-wrapper {
    pointer-events: none;
}


@media screen and (min-width: 541px) {


}

@media screen and (min-width: 769px) {



}