/*
 * 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 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 */
/* maximum amount of grid cells */
/* default breakpoint */
.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--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--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--offset--default--1 {
  margin-left: 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--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--offset--default--1 {
  margin-left: 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--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--offset--default--1 {
  margin-left: 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--offset--default--2 {
  margin-left: 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--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--offset--default--1 {
  margin-left: 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--offset--default--2 {
  margin-left: 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--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--offset--default--1 {
  margin-left: 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--offset--default--2 {
  margin-left: 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--offset--default--3 {
  margin-left: 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--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--offset--default--1 {
  margin-left: 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--offset--default--2 {
  margin-left: 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--offset--default--3 {
  margin-left: 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--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--offset--default--1 {
  margin-left: 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--offset--default--2 {
  margin-left: 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--offset--default--3 {
  margin-left: 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--offset--default--4 {
  margin-left: 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--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--offset--default--1 {
  margin-left: 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--offset--default--2 {
  margin-left: 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--offset--default--3 {
  margin-left: 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--offset--default--4 {
  margin-left: 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--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--offset--default--1 {
  margin-left: 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--offset--default--2 {
  margin-left: 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--offset--default--3 {
  margin-left: 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--offset--default--4 {
  margin-left: 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--offset--default--5 {
  margin-left: 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--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--offset--default--1 {
  margin-left: 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--offset--default--2 {
  margin-left: 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--offset--default--3 {
  margin-left: 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--offset--default--4 {
  margin-left: 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--offset--default--5 {
  margin-left: 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--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--offset--default--1 {
  margin-left: 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--offset--default--2 {
  margin-left: 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--offset--default--3 {
  margin-left: 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--offset--default--4 {
  margin-left: 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--offset--default--5 {
  margin-left: 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--offset--default--6 {
  margin-left: 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--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--offset--default--1 {
  margin-left: 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--offset--default--2 {
  margin-left: 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--offset--default--3 {
  margin-left: 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--offset--default--4 {
  margin-left: 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--offset--default--5 {
  margin-left: 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--offset--default--6 {
  margin-left: 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--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--offset--default--1 {
  margin-left: 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--offset--default--2 {
  margin-left: 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--offset--default--3 {
  margin-left: 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--offset--default--4 {
  margin-left: 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--offset--default--5 {
  margin-left: 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--offset--default--6 {
  margin-left: 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--offset--default--7 {
  margin-left: 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--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--offset--default--1 {
  margin-left: 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--offset--default--2 {
  margin-left: 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--offset--default--3 {
  margin-left: 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--offset--default--4 {
  margin-left: 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--offset--default--5 {
  margin-left: 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--offset--default--6 {
  margin-left: 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--offset--default--7 {
  margin-left: 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--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--offset--default--1 {
  margin-left: 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--offset--default--2 {
  margin-left: 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--offset--default--3 {
  margin-left: 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--offset--default--4 {
  margin-left: 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--offset--default--5 {
  margin-left: 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--offset--default--6 {
  margin-left: 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--offset--default--7 {
  margin-left: 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--offset--default--8 {
  margin-left: 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--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--offset--default--1 {
  margin-left: 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--offset--default--2 {
  margin-left: 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--offset--default--3 {
  margin-left: 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--offset--default--4 {
  margin-left: 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--offset--default--5 {
  margin-left: 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--offset--default--6 {
  margin-left: 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--offset--default--7 {
  margin-left: 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--offset--default--8 {
  margin-left: 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--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--offset--default--1 {
  margin-left: 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--offset--default--2 {
  margin-left: 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--offset--default--3 {
  margin-left: 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--offset--default--4 {
  margin-left: 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--offset--default--5 {
  margin-left: 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--offset--default--6 {
  margin-left: 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--offset--default--7 {
  margin-left: 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--offset--default--8 {
  margin-left: 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--offset--default--9 {
  margin-left: 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--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--offset--default--1 {
  margin-left: 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--offset--default--2 {
  margin-left: 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--offset--default--3 {
  margin-left: 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--offset--default--4 {
  margin-left: 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--offset--default--5 {
  margin-left: 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--offset--default--6 {
  margin-left: 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--offset--default--7 {
  margin-left: 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--offset--default--8 {
  margin-left: 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--offset--default--9 {
  margin-left: 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--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--offset--default--1 {
  margin-left: 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--offset--default--2 {
  margin-left: 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--offset--default--3 {
  margin-left: 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--offset--default--4 {
  margin-left: 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--offset--default--5 {
  margin-left: 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--offset--default--6 {
  margin-left: 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--offset--default--7 {
  margin-left: 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--offset--default--8 {
  margin-left: 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--offset--default--9 {
  margin-left: 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--offset--default--10 {
  margin-left: 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--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--offset--default--1 {
  margin-left: 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--offset--default--2 {
  margin-left: 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--offset--default--3 {
  margin-left: 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--offset--default--4 {
  margin-left: 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--offset--default--5 {
  margin-left: 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--offset--default--6 {
  margin-left: 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--offset--default--7 {
  margin-left: 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--offset--default--8 {
  margin-left: 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--offset--default--9 {
  margin-left: 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--offset--default--10 {
  margin-left: 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--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--offset--default--1 {
  margin-left: 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--offset--default--2 {
  margin-left: 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--offset--default--3 {
  margin-left: 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--offset--default--4 {
  margin-left: 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--offset--default--5 {
  margin-left: 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--offset--default--6 {
  margin-left: 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--offset--default--7 {
  margin-left: 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--offset--default--8 {
  margin-left: 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--offset--default--9 {
  margin-left: 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--offset--default--10 {
  margin-left: 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--offset--default--11 {
  margin-left: 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--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--offset--default--1 {
  margin-left: 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--offset--default--2 {
  margin-left: 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--offset--default--3 {
  margin-left: 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--offset--default--4 {
  margin-left: 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--offset--default--5 {
  margin-left: 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--offset--default--6 {
  margin-left: 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--offset--default--7 {
  margin-left: 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--offset--default--8 {
  margin-left: 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--offset--default--9 {
  margin-left: 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--offset--default--10 {
  margin-left: 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--offset--default--11 {
  margin-left: 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--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;
}
/* phone breakpoint */
@media (max-width: 768px) {
  .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--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--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--offset--phone--1 {
    margin-left: 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--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--offset--phone--1 {
    margin-left: 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--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--offset--phone--1 {
    margin-left: 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--offset--phone--2 {
    margin-left: 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--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--offset--phone--1 {
    margin-left: 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--offset--phone--2 {
    margin-left: 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--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--offset--phone--1 {
    margin-left: 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--offset--phone--2 {
    margin-left: 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--offset--phone--3 {
    margin-left: 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--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--offset--phone--1 {
    margin-left: 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--offset--phone--2 {
    margin-left: 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--offset--phone--3 {
    margin-left: 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--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--offset--phone--1 {
    margin-left: 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--offset--phone--2 {
    margin-left: 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--offset--phone--3 {
    margin-left: 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--offset--phone--4 {
    margin-left: 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--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--offset--phone--1 {
    margin-left: 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--offset--phone--2 {
    margin-left: 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--offset--phone--3 {
    margin-left: 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--offset--phone--4 {
    margin-left: 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--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--offset--phone--1 {
    margin-left: 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--offset--phone--2 {
    margin-left: 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--offset--phone--3 {
    margin-left: 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--offset--phone--4 {
    margin-left: 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--offset--phone--5 {
    margin-left: 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--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--offset--phone--1 {
    margin-left: 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--offset--phone--2 {
    margin-left: 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--offset--phone--3 {
    margin-left: 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--offset--phone--4 {
    margin-left: 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--offset--phone--5 {
    margin-left: 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--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--offset--phone--1 {
    margin-left: 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--offset--phone--2 {
    margin-left: 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--offset--phone--3 {
    margin-left: 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--offset--phone--4 {
    margin-left: 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--offset--phone--5 {
    margin-left: 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--offset--phone--6 {
    margin-left: 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--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--offset--phone--1 {
    margin-left: 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--offset--phone--2 {
    margin-left: 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--offset--phone--3 {
    margin-left: 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--offset--phone--4 {
    margin-left: 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--offset--phone--5 {
    margin-left: 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--offset--phone--6 {
    margin-left: 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--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--offset--phone--1 {
    margin-left: 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--offset--phone--2 {
    margin-left: 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--offset--phone--3 {
    margin-left: 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--offset--phone--4 {
    margin-left: 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--offset--phone--5 {
    margin-left: 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--offset--phone--6 {
    margin-left: 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--offset--phone--7 {
    margin-left: 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--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--offset--phone--1 {
    margin-left: 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--offset--phone--2 {
    margin-left: 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--offset--phone--3 {
    margin-left: 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--offset--phone--4 {
    margin-left: 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--offset--phone--5 {
    margin-left: 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--offset--phone--6 {
    margin-left: 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--offset--phone--7 {
    margin-left: 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--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--offset--phone--1 {
    margin-left: 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--offset--phone--2 {
    margin-left: 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--offset--phone--3 {
    margin-left: 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--offset--phone--4 {
    margin-left: 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--offset--phone--5 {
    margin-left: 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--offset--phone--6 {
    margin-left: 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--offset--phone--7 {
    margin-left: 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--offset--phone--8 {
    margin-left: 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--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--offset--phone--1 {
    margin-left: 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--offset--phone--2 {
    margin-left: 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--offset--phone--3 {
    margin-left: 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--offset--phone--4 {
    margin-left: 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--offset--phone--5 {
    margin-left: 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--offset--phone--6 {
    margin-left: 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--offset--phone--7 {
    margin-left: 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--offset--phone--8 {
    margin-left: 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--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--offset--phone--1 {
    margin-left: 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--offset--phone--2 {
    margin-left: 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--offset--phone--3 {
    margin-left: 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--offset--phone--4 {
    margin-left: 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--offset--phone--5 {
    margin-left: 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--offset--phone--6 {
    margin-left: 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--offset--phone--7 {
    margin-left: 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--offset--phone--8 {
    margin-left: 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--offset--phone--9 {
    margin-left: 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--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--offset--phone--1 {
    margin-left: 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--offset--phone--2 {
    margin-left: 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--offset--phone--3 {
    margin-left: 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--offset--phone--4 {
    margin-left: 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--offset--phone--5 {
    margin-left: 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--offset--phone--6 {
    margin-left: 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--offset--phone--7 {
    margin-left: 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--offset--phone--8 {
    margin-left: 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--offset--phone--9 {
    margin-left: 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--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--offset--phone--1 {
    margin-left: 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--offset--phone--2 {
    margin-left: 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--offset--phone--3 {
    margin-left: 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--offset--phone--4 {
    margin-left: 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--offset--phone--5 {
    margin-left: 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--offset--phone--6 {
    margin-left: 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--offset--phone--7 {
    margin-left: 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--offset--phone--8 {
    margin-left: 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--offset--phone--9 {
    margin-left: 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--offset--phone--10 {
    margin-left: 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--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--offset--phone--1 {
    margin-left: 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--offset--phone--2 {
    margin-left: 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--offset--phone--3 {
    margin-left: 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--offset--phone--4 {
    margin-left: 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--offset--phone--5 {
    margin-left: 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--offset--phone--6 {
    margin-left: 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--offset--phone--7 {
    margin-left: 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--offset--phone--8 {
    margin-left: 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--offset--phone--9 {
    margin-left: 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--offset--phone--10 {
    margin-left: 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--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--offset--phone--1 {
    margin-left: 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--offset--phone--2 {
    margin-left: 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--offset--phone--3 {
    margin-left: 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--offset--phone--4 {
    margin-left: 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--offset--phone--5 {
    margin-left: 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--offset--phone--6 {
    margin-left: 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--offset--phone--7 {
    margin-left: 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--offset--phone--8 {
    margin-left: 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--offset--phone--9 {
    margin-left: 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--offset--phone--10 {
    margin-left: 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--offset--phone--11 {
    margin-left: 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--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--offset--phone--1 {
    margin-left: 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--offset--phone--2 {
    margin-left: 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--offset--phone--3 {
    margin-left: 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--offset--phone--4 {
    margin-left: 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--offset--phone--5 {
    margin-left: 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--offset--phone--6 {
    margin-left: 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--offset--phone--7 {
    margin-left: 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--offset--phone--8 {
    margin-left: 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--offset--phone--9 {
    margin-left: 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--offset--phone--10 {
    margin-left: 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--offset--phone--11 {
    margin-left: 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--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;
  }
}
/* tablet breakpoint */
@media (min-width: 769px) and (max-width: 1200px) {
  .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--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--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--offset--tablet--1 {
    margin-left: 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--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--offset--tablet--1 {
    margin-left: 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--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--offset--tablet--1 {
    margin-left: 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--offset--tablet--2 {
    margin-left: 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--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--offset--tablet--1 {
    margin-left: 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--offset--tablet--2 {
    margin-left: 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--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--offset--tablet--1 {
    margin-left: 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--offset--tablet--2 {
    margin-left: 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--offset--tablet--3 {
    margin-left: 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--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--offset--tablet--1 {
    margin-left: 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--offset--tablet--2 {
    margin-left: 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--offset--tablet--3 {
    margin-left: 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--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--offset--tablet--1 {
    margin-left: 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--offset--tablet--2 {
    margin-left: 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--offset--tablet--3 {
    margin-left: 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--offset--tablet--4 {
    margin-left: 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--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--offset--tablet--1 {
    margin-left: 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--offset--tablet--2 {
    margin-left: 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--offset--tablet--3 {
    margin-left: 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--offset--tablet--4 {
    margin-left: 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--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--offset--tablet--1 {
    margin-left: 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--offset--tablet--2 {
    margin-left: 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--offset--tablet--3 {
    margin-left: 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--offset--tablet--4 {
    margin-left: 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--offset--tablet--5 {
    margin-left: 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--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--offset--tablet--1 {
    margin-left: 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--offset--tablet--2 {
    margin-left: 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--offset--tablet--3 {
    margin-left: 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--offset--tablet--4 {
    margin-left: 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--offset--tablet--5 {
    margin-left: 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--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--offset--tablet--1 {
    margin-left: 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--offset--tablet--2 {
    margin-left: 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--offset--tablet--3 {
    margin-left: 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--offset--tablet--4 {
    margin-left: 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--offset--tablet--5 {
    margin-left: 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--offset--tablet--6 {
    margin-left: 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--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--offset--tablet--1 {
    margin-left: 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--offset--tablet--2 {
    margin-left: 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--offset--tablet--3 {
    margin-left: 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--offset--tablet--4 {
    margin-left: 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--offset--tablet--5 {
    margin-left: 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--offset--tablet--6 {
    margin-left: 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--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--offset--tablet--1 {
    margin-left: 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--offset--tablet--2 {
    margin-left: 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--offset--tablet--3 {
    margin-left: 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--offset--tablet--4 {
    margin-left: 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--offset--tablet--5 {
    margin-left: 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--offset--tablet--6 {
    margin-left: 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--offset--tablet--7 {
    margin-left: 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--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--offset--tablet--1 {
    margin-left: 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--offset--tablet--2 {
    margin-left: 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--offset--tablet--3 {
    margin-left: 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--offset--tablet--4 {
    margin-left: 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--offset--tablet--5 {
    margin-left: 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--offset--tablet--6 {
    margin-left: 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--offset--tablet--7 {
    margin-left: 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--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--offset--tablet--1 {
    margin-left: 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--offset--tablet--2 {
    margin-left: 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--offset--tablet--3 {
    margin-left: 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--offset--tablet--4 {
    margin-left: 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--offset--tablet--5 {
    margin-left: 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--offset--tablet--6 {
    margin-left: 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--offset--tablet--7 {
    margin-left: 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--offset--tablet--8 {
    margin-left: 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--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--offset--tablet--1 {
    margin-left: 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--offset--tablet--2 {
    margin-left: 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--offset--tablet--3 {
    margin-left: 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--offset--tablet--4 {
    margin-left: 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--offset--tablet--5 {
    margin-left: 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--offset--tablet--6 {
    margin-left: 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--offset--tablet--7 {
    margin-left: 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--offset--tablet--8 {
    margin-left: 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--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--offset--tablet--1 {
    margin-left: 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--offset--tablet--2 {
    margin-left: 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--offset--tablet--3 {
    margin-left: 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--offset--tablet--4 {
    margin-left: 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--offset--tablet--5 {
    margin-left: 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--offset--tablet--6 {
    margin-left: 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--offset--tablet--7 {
    margin-left: 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--offset--tablet--8 {
    margin-left: 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--offset--tablet--9 {
    margin-left: 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--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--offset--tablet--1 {
    margin-left: 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--offset--tablet--2 {
    margin-left: 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--offset--tablet--3 {
    margin-left: 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--offset--tablet--4 {
    margin-left: 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--offset--tablet--5 {
    margin-left: 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--offset--tablet--6 {
    margin-left: 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--offset--tablet--7 {
    margin-left: 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--offset--tablet--8 {
    margin-left: 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--offset--tablet--9 {
    margin-left: 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--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--offset--tablet--1 {
    margin-left: 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--offset--tablet--2 {
    margin-left: 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--offset--tablet--3 {
    margin-left: 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--offset--tablet--4 {
    margin-left: 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--offset--tablet--5 {
    margin-left: 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--offset--tablet--6 {
    margin-left: 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--offset--tablet--7 {
    margin-left: 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--offset--tablet--8 {
    margin-left: 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--offset--tablet--9 {
    margin-left: 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--offset--tablet--10 {
    margin-left: 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--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--offset--tablet--1 {
    margin-left: 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--offset--tablet--2 {
    margin-left: 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--offset--tablet--3 {
    margin-left: 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--offset--tablet--4 {
    margin-left: 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--offset--tablet--5 {
    margin-left: 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--offset--tablet--6 {
    margin-left: 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--offset--tablet--7 {
    margin-left: 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--offset--tablet--8 {
    margin-left: 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--offset--tablet--9 {
    margin-left: 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--offset--tablet--10 {
    margin-left: 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--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--offset--tablet--1 {
    margin-left: 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--offset--tablet--2 {
    margin-left: 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--offset--tablet--3 {
    margin-left: 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--offset--tablet--4 {
    margin-left: 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--offset--tablet--5 {
    margin-left: 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--offset--tablet--6 {
    margin-left: 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--offset--tablet--7 {
    margin-left: 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--offset--tablet--8 {
    margin-left: 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--offset--tablet--9 {
    margin-left: 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--offset--tablet--10 {
    margin-left: 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--offset--tablet--11 {
    margin-left: 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--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--offset--tablet--1 {
    margin-left: 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--offset--tablet--2 {
    margin-left: 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--offset--tablet--3 {
    margin-left: 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--offset--tablet--4 {
    margin-left: 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--offset--tablet--5 {
    margin-left: 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--offset--tablet--6 {
    margin-left: 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--offset--tablet--7 {
    margin-left: 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--offset--tablet--8 {
    margin-left: 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--offset--tablet--9 {
    margin-left: 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--offset--tablet--10 {
    margin-left: 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--offset--tablet--11 {
    margin-left: 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--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;
  }
}

@charset "UTF-8";
/*
	breakpointTiny: 200px,
	breakpointExtraSmall: 320px,
	breakpointSmall: 480px,
	breakpointMedium: 768px,
	breakpointLarge: 960px,
	breakpointExtraLarge: 1220px,
	breakpointHuge: 1920px,
	breakpointExtraHuge: 2156px
*/
/**
 * 'nav' measurement values
 * values that apply to the navigation key: 'nav'.
 */
/* legacy variables
$enableHybridGrid: true;
$enablePush: true;
$enablePull: true;
*/
.row::after, .row .row::after, .layout-wrapper::after, .layout-wrapper-nested::after, .layout-inner-wrap::after, .layout-nav::after, .layout-navigation::after, .product-landing .layout-secondary::after, .product-landing .layout-secondary-slim-side::after, .product-landing .layout-secondary-slim-side-grey::after, .product-landing .layout-secondary-cta-container::after, .product-landing .layout-secondary-shaded::after, .layout-full-bleed::after, .layout-full-bleed-medium::after, .layout-full-bleed-small::after, .layout-full-bleed-top::after, .layout-full-bleed-transparent::after, .layout-full-bleed-slim::after, .layout-full-bleed-nopadding::after, .layout-header::after, .section-content::after,
.section-header::after,
.section-footer::after, .section-content-full::after, .blog-recent .hentry::after, .logo-blocks::after, .owl-wallpaper .owl-nav::after, .customer-story-case-banner::after, .customer-story-case-banner .point::after, .customer-story-landing-heading::after, .product-feature-offset::after, .product-feature-offset-sidebox::after, .support-search .support-search-tips::after, .support-news .news-content::after, .logo-bar-container .mobile-logo-bar::after, .wrapper::after, .wrapper-flush::after, .wrapper-nested::after, .no-flexbox .flex-wrap::after, .no-flexbox .cards-4-col::after, .no-flexbox .cards-3-col::after, .no-flexbox .education-cards::after, .no-flexbox .events-cards::after, .no-flexbox .flex::after,
.no-flexbox .sm-flex::after,
.no-flexbox .md-flex::after,
.no-flexbox .lg-flex::after, .careers-nav::after {
  clear: both;
  content: "";
  display: table; }

.layout-primary, .layout-primary-slim, .layout-product-feature-banner, .layout-secondary, .layout-secondary-slim-side, .layout-secondary-slim-side-grey, .layout-secondary-cta-container, .layout-secondary-slim, .layout-secondary-shaded, .page-campaign-landing .layout-content, .page-campaign-landing .layout-form, .layout-footer, .feature-contact .contact-information,
.feature-contact .contact-form, .offerings-list-products,
.offerings-list-expertise {
  box-sizing: border-box;
  float: left;
  margin: 0;
  min-height: 1px;
  width: 100%; }

.cards-4-col, .cards-3-col, .education-cards, .events-cards {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .cards-4-col h1, .cards-3-col h1, .education-cards h1, .events-cards h1 {
    color: color(colorHeadings);
    margin-bottom: .5em; }
  .cards-4-col h2, .cards-3-col h2, .education-cards h2, .events-cards h2 {
    margin-bottom: 2em;
    text-align: center;
    width: 100%; }
  .cards-4-col .flex, .cards-3-col .flex, .education-cards .flex, .events-cards .flex {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .cards-4-col .flex-item, .cards-3-col .flex-item, .education-cards .flex-item, .events-cards .flex-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: .5em 0;
    width: 100%;
    background-color: white; }
    .cards-4-col .flex-item:hover:not(.noHover), .cards-3-col .flex-item:hover:not(.noHover), .education-cards .flex-item:hover:not(.noHover), .events-cards .flex-item:hover:not(.noHover) {
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
    .cards-4-col .flex-item figure, .cards-3-col .flex-item figure, .education-cards .flex-item figure, .events-cards .flex-item figure {
      background: #fff;
      -webkit-transition: .3s linear;
      transition: .3s linear; }
    .cards-4-col .flex-item figcaption, .cards-3-col .flex-item figcaption, .education-cards .flex-item figcaption, .events-cards .flex-item figcaption {
      padding: 1em 2em 2em; }
    .cards-4-col .flex-item img, .cards-3-col .flex-item img, .education-cards .flex-item img, .events-cards .flex-item img {
      width: 100%; }
  .cards-4-col .modal-inline:hover figure, .cards-3-col .modal-inline:hover figure, .education-cards .modal-inline:hover figure, .events-cards .modal-inline:hover figure, .cards-4-col .modal-inline:active figure, .cards-3-col .modal-inline:active figure, .education-cards .modal-inline:active figure, .events-cards .modal-inline:active figure, .cards-4-col .modal-inline:focus figure, .cards-3-col .modal-inline:focus figure, .education-cards .modal-inline:focus figure, .events-cards .modal-inline:focus figure {
    background: #eaeaea; }

.row {
  box-sizing: border-box;
  margin-left: 0;
  margin-right: 0;
  min-width: 0;
  width: 100%;
  margin: 0 auto;
  max-width: 1440px;
  padding: 16px; }
  .row + .row {
    padding-top: 0; }
  .row .row {
    margin-left: 0;
    margin-right: 0;
    min-width: 0;
    width: 100%;
    margin-top: 16px;
    max-width: none;
    padding: 0; }
    .row .row:first-child {
      margin-top: 0; }
    .row .row .column,
    .row .row .columns {
      padding: 0; }
  .row .column,
  .row .columns {
    box-sizing: border-box;
    float: left;
    margin: 0;
    min-height: 1px;
    width: 100%;
    padding: 16px;
    margin-top: 0;
    width: 100%; }
    .row .column + .column,
    .row .column + .columns,
    .row .columns + .column,
    .row .columns + .columns {
      margin-top: 16px; }

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

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://themes.googleusercontent.com/static/fonts/opensans/v6/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format("woff"); }

/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
	HTML5 display definitions
========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

article {
  padding: 1em 0; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none; }

/* ==========================================================================
	 Base
	 ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
	 Links
	 ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
	 Typography
	 ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
	 Embedded content
	 ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
	 Forms
	 ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
	 Tables
	 ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  font: 112.5%/1.45 "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400; }

body {
  background: #414042;
  color: #555557;
  line-height: 1.45;
  min-width: 0;
  -webkit-font-smoothing: antialiased;
  -ms-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  width: 100%; }
  body.bmc-nav-loader-nav {
    padding-top: 4em; }
    @media only screen and (min-width: 60em) {
      body.bmc-nav-loader-nav {
        padding-top: 0; } }
  body.bmc-nav-loader-navigation {
    padding-top: 3.35em; }
    @media only screen and (min-width: 60em) {
      body.bmc-nav-loader-navigation {
        padding-top: 0; } }
  body.nav-open {
    height: 100%;
    overflow: hidden;
    padding-top: 4em; }
    @media only screen and (min-width: 48em) {
      body.nav-open {
        height: auto;
        overflow: auto; } }
  body.navigation-open {
    height: 100%;
    overflow: hidden; }
    @media only screen and (min-width: 60em) {
      body.navigation-open {
        height: auto;
        overflow: auto; } }
  body.video-modal {
    background: #000;
    padding-top: 0; }
  body.content-modal {
    background: white;
    padding-top: 0; }
  body .wait {
    background: url("head/broken-js.jpg") no-repeat scroll center center transparent;
    border: medium none;
    height: 230px;
    width: 447px; }

html {
  height: 0;
  padding-bottom: 64.22414%;
  position: relative;
  width: 100%; }

body {
  height: 100% !important;
  left: 0;
  position: absolute !important;
  top: 0;
  width: 100% !important; }

form {
  margin: 0; }

fieldset {
  border: none;
  margin: 0.66667em 0 0;
  padding: 0; }
  fieldset:first-child, fieldset.flush {
    margin-top: 0; }
  fieldset legend {
    display: none; }
  fieldset ol {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  fieldset li {
    display: inline-block;
    margin: 0.55556em 0;
    width: 100%; }
    @media only screen and (min-width: 60em) {
      .page-campaign-landing fieldset li {
        width: 96.6%; } }
  fieldset label,
  fieldset label + select {
    display: inline-block;
    line-height: normal; }
  fieldset input[type="text"],
  fieldset input[type="number"],
  fieldset input[type="password"],
  fieldset input[type="email"],
  fieldset input[type="tel"] {
    height: 48px; }
    fieldset input[type="text"].active-floatlabel,
    fieldset input[type="number"].active-floatlabel,
    fieldset input[type="password"].active-floatlabel,
    fieldset input[type="email"].active-floatlabel,
    fieldset input[type="tel"].active-floatlabel {
      height: 90px;
      padding-bottom: 0; }
  fieldset input[type="text"],
  fieldset input[type="number"],
  fieldset input[type="password"],
  fieldset input[type="email"],
  fieldset input[type="tel"],
  fieldset textarea {
    box-sizing: border-box;
    border: 2px solid #cacaca;
    border-radius: 5px;
    font-size: 14px;
    font-size: 0.77778rem;
    max-width: 100%;
    padding: 0.42857em;
    /* WebKit browsers */
    /* Mozilla Firefox 4 to 18 */
    /* Mozilla Firefox 19+ */
    /* Internet Explorer 10+ */
    -webkit-transition: border 0.3s linear;
    transition: border 0.3s linear;
    width: 100%; }
    fieldset input[type="text"]::-webkit-input-placeholder,
    fieldset input[type="number"]::-webkit-input-placeholder,
    fieldset input[type="password"]::-webkit-input-placeholder,
    fieldset input[type="email"]::-webkit-input-placeholder,
    fieldset input[type="tel"]::-webkit-input-placeholder,
    fieldset textarea::-webkit-input-placeholder {
      color: #9b9a9a; }
    fieldset input[type="text"]:-moz-placeholder,
    fieldset input[type="number"]:-moz-placeholder,
    fieldset input[type="password"]:-moz-placeholder,
    fieldset input[type="email"]:-moz-placeholder,
    fieldset input[type="tel"]:-moz-placeholder,
    fieldset textarea:-moz-placeholder {
      color: #9b9a9a; }
    fieldset input[type="text"]::-moz-placeholder,
    fieldset input[type="number"]::-moz-placeholder,
    fieldset input[type="password"]::-moz-placeholder,
    fieldset input[type="email"]::-moz-placeholder,
    fieldset input[type="tel"]::-moz-placeholder,
    fieldset textarea::-moz-placeholder {
      color: #9b9a9a; }
    fieldset input[type="text"]:-ms-input-placeholder,
    fieldset input[type="number"]:-ms-input-placeholder,
    fieldset input[type="password"]:-ms-input-placeholder,
    fieldset input[type="email"]:-ms-input-placeholder,
    fieldset input[type="tel"]:-ms-input-placeholder,
    fieldset textarea:-ms-input-placeholder {
      color: #9b9a9a; }
    fieldset input[type="text"]:focus, fieldset input[type="text"]:active,
    fieldset input[type="number"]:focus,
    fieldset input[type="number"]:active,
    fieldset input[type="password"]:focus,
    fieldset input[type="password"]:active,
    fieldset input[type="email"]:focus,
    fieldset input[type="email"]:active,
    fieldset input[type="tel"]:focus,
    fieldset input[type="tel"]:active,
    fieldset textarea:focus,
    fieldset textarea:active {
      border: 2px solid #29a5d6;
      outline: none; }
    fieldset input[type="text"].validation-error, fieldset input[type="number"].validation-error, fieldset input[type="password"].validation-error, fieldset input[type="email"].validation-error, fieldset input[type="tel"].validation-error, fieldset textarea.validation-error {
      /* WebKit browsers */
      /* Mozilla Firefox 4 to 18 */
      /* Mozilla Firefox 19+ */
      /* Internet Explorer 10+ */ }
      fieldset input[type="text"].validation-error::-webkit-input-placeholder, fieldset input[type="number"].validation-error::-webkit-input-placeholder, fieldset input[type="password"].validation-error::-webkit-input-placeholder, fieldset input[type="email"].validation-error::-webkit-input-placeholder, fieldset input[type="tel"].validation-error::-webkit-input-placeholder, fieldset textarea.validation-error::-webkit-input-placeholder {
        color: red; }
      fieldset input[type="text"].validation-error:-moz-placeholder, fieldset input[type="number"].validation-error:-moz-placeholder, fieldset input[type="password"].validation-error:-moz-placeholder, fieldset input[type="email"].validation-error:-moz-placeholder, fieldset input[type="tel"].validation-error:-moz-placeholder, fieldset textarea.validation-error:-moz-placeholder {
        color: red; }
      fieldset input[type="text"].validation-error::-moz-placeholder, fieldset input[type="number"].validation-error::-moz-placeholder, fieldset input[type="password"].validation-error::-moz-placeholder, fieldset input[type="email"].validation-error::-moz-placeholder, fieldset input[type="tel"].validation-error::-moz-placeholder, fieldset textarea.validation-error::-moz-placeholder {
        color: red; }
      fieldset input[type="text"].validation-error:-ms-input-placeholder, fieldset input[type="number"].validation-error:-ms-input-placeholder, fieldset input[type="password"].validation-error:-ms-input-placeholder, fieldset input[type="email"].validation-error:-ms-input-placeholder, fieldset input[type="tel"].validation-error:-ms-input-placeholder, fieldset textarea.validation-error:-ms-input-placeholder {
        color: red; }
    @media only screen and (min-width: 48em) {
      fieldset input[type="text"],
      fieldset input[type="number"],
      fieldset input[type="password"],
      fieldset input[type="email"],
      fieldset input[type="tel"],
      fieldset textarea {
        font-size: 16px;
        font-size: 0.88889rem; } }
    @media only screen and (min-width: 76.25em) {
      fieldset input[type="text"],
      fieldset input[type="number"],
      fieldset input[type="password"],
      fieldset input[type="email"],
      fieldset input[type="tel"],
      fieldset textarea {
        font-size: 18px;
        font-size: 1rem; } }
  fieldset textarea {
    resize: vertical; }
  fieldset + button {
    margin-top: 0.66667em; }

.select-label {
  font-size: 14px;
  margin-bottom: .5em;
  text-transform: uppercase; }

.form-group {
  margin-bottom: 1em; }

[class*="link-icon"] {
  display: block;
  padding-left: 1.55556em; }
  [class*="link-icon"]:before {
    font-family: "icomoon";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    color: #6c6c6c;
    margin-left: -1.55556em;
    margin-right: 0.5em; }

.icon-large:before {
  font-size: 32px;
  font-size: 1.77778rem; }

.icon-calendar:before,
.icon-map-pin:before {
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none; }

.icon-calendar:before {
  content: ""; }

.icon-map-pin:before {
  content: ""; }

.icon-caution {
  background: url("head/icon-caution.png") left center no-repeat;
  padding-left: 22px; }

.icon-global {
  position: relative;
  top: -3px; }
  .icon-global:before {
    font-family: "icomoon";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    content: "";
    font-size: 18px;
    font-size: 1rem;
    margin-right: 0.66667em;
    position: relative;
    top: 3px; }

.fortune-500-bnymellon {
  background: url(head/fortune-500-sprite.png) no-repeat 0px 0px transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  height: 40px;
  text-shadow: none;
  width: 120px; }

.fortune-500-lockheed {
  background: url(head/fortune-500-sprite.png) no-repeat 0px -40px transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  height: 40px;
  text-shadow: none;
  width: 120px; }

.fortune-500-cisco {
  background: url(head/fortune-500-sprite.png) no-repeat 0px -80px transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  height: 40px;
  text-shadow: none;
  width: 120px; }

.fortune-500-duke {
  background: url(head/fortune-500-sprite.png) no-repeat -120px 0px transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  height: 40px;
  text-shadow: none;
  width: 120px; }

.fortune-500-jbhunt {
  background: url(head/fortune-500-sprite.png) no-repeat -120px -40px transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  height: 40px;
  text-shadow: none;
  width: 120px; }

.fortune-500-marriot {
  background: url(head/fortune-500-sprite.png) no-repeat -120px -80px transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  height: 40px;
  text-shadow: none;
  width: 120px; }

.fortune-500-southern-co {
  background: url(head/fortune-500-sprite.png) no-repeat 0px -120px transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  height: 40px;
  text-shadow: none;
  width: 120px; }

.fortune-500-sands {
  background: url(head/fortune-500-sprite.png) no-repeat -120px -120px transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  height: 40px;
  text-shadow: none;
  width: 120px; }

.fortune-500-unum {
  background: url(head/fortune-500-sprite.png) no-repeat 0px -160px transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  height: 40px;
  text-shadow: none;
  width: 120px; }

.fortune-500-buckeye {
  background: url(head/fortune-500-sprite.png) no-repeat -120px -160px transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  height: 40px;
  text-shadow: none;
  width: 120px; }

.fortune-500-carfax {
  background: url(head/fortune-500-sprite-July-2016.png) no-repeat 0px 0px transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  height: 40px;
  text-shadow: none;
  width: 120px; }

.fortune-500-ingram {
  background: url(head/fortune-500-sprite-July-2016.png) no-repeat -120px 0px transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  height: 40px;
  text-shadow: none;
  width: 120px; }

.fortune-500-google {
  background: url(head/fortune-500-sprite-July-2016.png) no-repeat 0px -45px transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  height: 40px;
  text-shadow: none;
  width: 120px; }

.fortune-500-amazon {
  background: url(head/fortune-500-sprite-July-2016.png) no-repeat -120px -50px transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  height: 40px;
  text-shadow: none;
  width: 120px; }

.fortune-500-oracle {
  background: url(head/fortune-500-sprite-July-2016.png) no-repeat 0px -88px transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  height: 40px;
  text-shadow: none;
  width: 120px; }

.fortune-500-boeing {
  background: url(head/fortune-500-sprite-July-2016.png) no-repeat -120px -90px transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  height: 40px;
  text-shadow: none;
  width: 120px; }

.fortune-500-citi {
  background: url(head/fortune-500-sprite-July-2016.png) no-repeat 0px -125px transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  height: 40px;
  text-shadow: none;
  width: 120px; }

.fortune-500-ford {
  background: url(head/fortune-500-sprite-July-2016.png) no-repeat -120px -125px transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  height: 40px;
  text-shadow: none;
  width: 120px; }

.fortune-500-eaton {
  background: url(head/fortune-500-sprite-July-2016.png) no-repeat 0px -160px transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  height: 40px;
  text-shadow: none;
  width: 120px; }

.icon-evidon {
  background-image: url(head/icon-evidon.png);
  background-position: left bottom;
  background-repeat: no-repeat;
  display: inline-block;
  padding-left: 20px !important; }
  @media only screen and (min-width: 30em) {
    .icon-evidon {
      background-position: 1em bottom;
      padding-left: 32px !important; } }

ol, ul, dd {
  font-size: 14px;
  font-size: 0.77778rem; }
  @media only screen and (min-width: 48em) {
    ol, ul, dd {
      font-size: 16px;
      font-size: 0.88889rem; } }
  @media only screen and (min-width: 76.25em) {
    ol, ul, dd {
      font-size: 18px;
      font-size: 1rem; } }

ul, ol {
  margin: 0.88889em 0 1.33333em;
  padding: 0 0 0 28px; }
  ul.plain, ol.plain {
    list-style-image: none;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    text-align: left; }
    .no-svg ul.plain, .no-svg ol.plain {
      list-style-image: none;
      list-style: none;
      margin: 0; }
  ul.-border-bottom, ol.-border-bottom {
    margin-top: 0; }
    ul.-border-bottom li, ol.-border-bottom li {
      border-bottom: 2px solid #cacaca;
      margin-bottom: 0;
      padding: .5em 0; }
  ul ul, ol ul {
    margin-left: 1em; }

li {
  margin-bottom: 1em; }

dt {
  font-weight: 600; }

dd {
  margin: 0 0 1.22222em; }

img, object, embed {
  height: auto;
  max-width: 100%; }

img {
  -ms-interpolation-mode: bicubic; }

figure {
  margin: 0.88889em 0 0.88889em; }
  figure:first-child {
    margin-top: 0; }

figcaption {
  margin-top: 0.88889em; }

.video-modal video {
  width: 100%; }

table {
  font-size: 12px;
  font-size: 0.66667rem;
  width: 100%; }
  table th {
    background-color: #cacaca;
    color: white;
    vertical-align: middle; }
  table td {
    background-color: white;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear; }
  table th, table td {
    border: none;
    padding: 0.83333em;
    text-align: center; }
    @media only screen and (min-width: 48em) {
      table th, table td {
        padding: 0.71429em; } }
  table tr {
    border-bottom: 1px solid #f1f1f1; }
    table tr:hover > td {
      background-color: #f1f1f1; }
  table.lpInviteChatTbl td {
    padding: 0 !important; }
  @media only screen and (min-width: 48em) {
    table {
      font-size: 14px;
      font-size: 0.77778rem; } }

.table {
  width: 100%;
  max-width: 100%; }
  .table th,
  .table td {
    text-align: left;
    vertical-align: top; }
  .table th {
    vertical-align: bottom; }

a {
  color: #29a5d6;
  text-decoration: none;
  -webkit-transition: color 0.3s linear;
  transition: color 0.3s linear;
  text-shadow: 1px 1px 1px rgba(241, 93, 34, 0.07); }
  a svg {
    -webkit-transition: fill 0.3s linear;
    transition: fill 0.3s linear; }
  a:hover, a:active, a:focus {
    color: #046e96; }

p {
  font-size: 14px;
  font-size: 0.77778rem;
  margin: 0 0 1.78571em 0; }
  @media only screen and (min-width: 48em) {
    p {
      font-size: 16px;
      font-size: 0.88889rem;
      margin: 0 0 1.5em 0; } }
  @media only screen and (min-width: 60em) {
    p {
      font-size: 18px;
      font-size: 1rem; }
      p.-oll {
        width: 50em; } }
  p:first-child {
    margin-top: 0; }
  p.-sm {
    font-size: 12px;
    font-size: 0.66667rem; }
    @media only screen and (min-width: 48em) {
      p.-sm {
        font-size: 14px;
        font-size: 0.77778rem; } }
    @media only screen and (min-width: 60em) {
      p.-sm {
        font-size: 16px;
        font-size: 0.88889rem; } }
  p.-lg {
    font-size: 16px;
    font-size: 0.88889rem; }
    @media only screen and (min-width: 48em) {
      p.-lg {
        font-size: 18px;
        font-size: 1rem; } }
    @media only screen and (min-width: 60em) {
      p.-lg {
        font-size: 20px;
        font-size: 1.11111rem; } }

h1 {
  color: #414042;
  font-weight: 800;
  line-height: 1.2;
  margin: 1em 0 0.33em; }
  h1:first-child {
    margin-top: 0; }

h1 {
  font-size: 36px;
  font-size: 2rem;
  line-height: 1.1;
  color: #333333; }
  @media only screen and (min-width: 48em) {
    h1 {
      font-size: 54px;
      font-size: 3rem;
      font-weight: 800; } }
  @media only screen and (min-width: 76.25em) {
    h1 {
      font-size: 66px;
      font-size: 3.66667rem; } }

h2 {
  color: #fe5000;
  font-weight: 800;
  line-height: 1.1em;
  margin: 1em 0 0.33em; }
  h2:first-child {
    margin-top: 0; }
  h2 .timestamp {
    font-weight: 400;
    font-size: 0.8em;
    color: #414042; }

h2 {
  font-size: 32px;
  font-size: 1.77778rem; }
  @media only screen and (min-width: 48em) {
    h2 {
      font-size: 32px;
      font-size: 1.77778rem;
      font-weight: 800; } }
  @media only screen and (min-width: 76.25em) {
    h2 {
      font-size: 32px;
      font-size: 1.77778rem; } }

h3 {
  color: #414042;
  font-size: 18px;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.2;
  margin: 1em 0 0.33em; }
  h3:first-child {
    margin-top: 0; }

@media only screen and (min-width: 48em) {
  h3 {
    font-size: 26px;
    font-size: 1.44444rem; } }

h3 a {
  font-size: 26px;
  font-size: 1.44444rem;
  -webkit-transition: color 0.3s linear;
  transition: color 0.3s linear;
  color: #29a5d6;
  line-height: 1.1em;
  letter-spacing: -.03em;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(241, 93, 34, 0.07); }
  h3 a:hover, h3 a:active, h3 a:focus {
    color: #046e96; }
  h3 a:after {
    content: " \00203A"; }

h4 {
  font-size: 20px;
  font-size: 1.11111rem;
  color: #414042;
  font-weight: 800;
  line-height: 1.2;
  margin: 1em 0 0.33em; }
  @media only screen and (min-width: 48em) {
    h4 {
      font-size: 22px;
      font-size: 1.22222rem; } }
  @media only screen and (min-width: 76.25em) {
    h4 {
      font-size: 24px;
      font-size: 1.33333rem; } }
  h4:first-child {
    margin-top: 0; }

h5 {
  color: #414042;
  font-weight: 800;
  line-height: 1.2;
  margin: .5em 0 0.33em; }
  h5:first-child {
    margin-top: 0; }

h6 {
  color: #414042;
  font-weight: 800;
  line-height: 1.2;
  margin: 1em 0 0.33em; }
  h6:first-child {
    margin-top: 0; }

::-moz-selection {
  background: #d5d5d5; }

::selection {
  background: #d5d5d5; }

#top-banner a.button-play {
  -webkit-transition: color 0.3s linear;
  transition: color 0.3s linear;
  color: #ffffff;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(241, 93, 34, 0.07); }
  #top-banner a.button-play:hover, #top-banner a.button-play:active, #top-banner a.button-play:focus {
    color: #ffad38; }
  #top-banner a.button-play:after {
    content: url("head/play-button-white.png");
    left: 10px;
    position: relative;
    top: 6px; }

.video-outer-wrapper a {
  -webkit-transition: color 0.3s linear;
  transition: color 0.3s linear;
  color: #ffffff;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(241, 93, 34, 0.07); }
  .video-outer-wrapper a:hover, .video-outer-wrapper a:active, .video-outer-wrapper a:focus {
    color: #29a5d6; }

.button-play2:after {
  content: url("head/play-button-white.png"); }

.opening-text {
  color: #414042;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: .33em; }
  .opening-text:first-child {
    margin-top: 0; }

address {
  margin-bottom: 1em;
  font-style: normal; }

blockquote {
  margin: 0;
  padding: 0; }
  blockquote cite {
    font-style: normal; }

.a-arrow-content {
  font-weight: 800; }
  .a-arrow-content:after {
    content: " \00203A"; }

.layout-wrapper {
  margin-left: 0;
  margin-right: 0;
  min-width: 0;
  width: 100%;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 0;
  overflow: hidden; }

.bmc-nav-loader-navigation .layout-header .layout-inner-wrap {
  padding: 0;
  position: relative;
  right: 0;
  -webkit-transition: right 0.3s linear;
  transition: right 0.3s linear; }
  @media only screen and (min-width: 60em) {
    .bmc-nav-loader-navigation .layout-header .layout-inner-wrap {
      padding: 0 1.55556em; } }

.layout-wrapper-nested {
  margin-left: 0;
  margin-right: 0;
  min-width: 0;
  width: 100%;
  margin: 0 auto;
  max-width: 1440px;
  padding: 16px;
  padding: 1.77778em 0; }

.layout-inner-wrap {
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 1.55556rem;
  width: auto; }
  .layout-inner-wrap .layout-inner-wrap {
    padding: 0; }
  .layout-inner-wrap.-bb {
    border-bottom: 1px solid #f1f1f1; }
  .layout-inner-wrap.-mb {
    margin-bottom: 3em; }
  .layout-inner-wrap.-pb {
    padding-bottom: 2em; }
  .layout-nav .layout-inner-wrap, .layout-navigation .layout-inner-wrap {
    box-sizing: border-box;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
    @media only screen and (min-width: 48em) {
      .layout-nav .layout-inner-wrap, .layout-navigation .layout-inner-wrap {
        overflow-y: visible; } }
  .layout-nav .layout-inner-wrap {
    height: 100%;
    padding: 0.38889em; }
    @media only screen and (min-width: 48em) {
      .layout-nav .layout-inner-wrap {
        box-sizing: content-box;
        padding: 0 1.55556em; } }
    @media only screen and (min-width: 60em) {
      .layout-nav .layout-inner-wrap {
        height: auto; } }
  .navigation-open .layout-navigation .layout-inner-wrap {
    height: 100%; }
    @media only screen and (min-width: 60em) {
      .navigation-open .layout-navigation .layout-inner-wrap {
        height: auto; } }
  @media only screen and (min-width: 48em) {
    .layout-navigation .layout-inner-wrap {
      box-sizing: border-box; } }
  @media only screen and (min-width: 60em) {
    .layout-navigation .layout-inner-wrap {
      box-sizing: content-box; } }
  .layout-footer .layout-inner-wrap {
    padding: 3.88889em 1.55556em; }
    .layout-footer .layout-inner-wrap + .layout-inner-wrap {
      padding-top: 0; }

.layout-nav, .layout-navigation {
  box-sizing: border-box;
  position: fixed;
  right: -100%;
  -webkit-transition: right 0.3s linear;
  transition: right 0.3s linear;
  width: 100%;
  z-index: 20;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1); }
  .layout-nav.navigation-active, .layout-navigation.navigation-active {
    right: 0; }
  @media only screen and (min-width: 60em) {
    .layout-nav, .layout-navigation {
      margin-left: 0;
      margin-right: 0;
      min-width: 0;
      width: 100%;
      margin: 0 auto;
      max-width: 1440px;
      padding: 16px;
      clear: both;
      height: 50px;
      max-width: none;
      overflow: visible;
      opacity: 1;
      padding: 0;
      position: relative;
      right: 0;
      -webkit-transition: opacity 0.3s linear;
      transition: opacity 0.3s linear;
      width: 100%; }
      .scrolled-up .layout-nav,
      .scrolled-down .layout-nav, .scrolled-up .layout-navigation,
      .scrolled-down .layout-navigation {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 20; }
      .scrolled-down .layout-nav, .scrolled-down .layout-navigation {
        opacity: .85; }
      .scrolled-up .layout-nav,
      .scrolled-down .layout-nav:hover, .scrolled-up .layout-navigation,
      .scrolled-down .layout-navigation:hover {
        opacity: 1; } }

.layout-nav {
  height: 100%;
  background-color: #413e41;
  overflow: hidden;
  top: 0; }
  .layout-nav.nav-active {
    right: 0; }

.layout-navigation {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  background-color: #f3f3f3;
  height: calc(100% - 3.35em);
  top: 3.35em; }
  .layout-navigation.navigation-active {
    right: 0; }
  @media only screen and (min-width: 60em) {
    .layout-navigation {
      background: #fff;
      height: 50px;
      top: 0; } }
  .scrolled-up .layout-navigation,
  .scrolled-down .layout-navigation {
    border-bottom: solid 1px #dedede; }

.layout-primary {
  padding-top: 0; }
  .layout-primary:first-child {
    padding-bottom: 2rem; }
    @media only screen and (min-width: 48em) {
      .layout-primary:first-child {
        padding-bottom: 0; } }
  @media only screen and (min-width: 48em) {
    .layout-primary {
      width: 67.7%; }
      .layout-primary:first-child {
        padding-right: 7.2%; }
      .layout-primary:last-child {
        padding-left: 7.2%; } }
  .layout-primary.aem-GridColumn {
    margin-right: 0 !important; }
  .full-width .layout-primary {
    width: 100%; }
  .page-product-landing .layout-primary {
    padding-top: 1.55556em; }
  .layout-primary .-shaded {
    background-color: #f1f1f1;
    padding: 1.66667em; }

.layout-primary-slim {
  padding: 2em 0 0 0; }
  @media only screen and (min-width: 48em) {
    .layout-primary-slim {
      width: 65%; }
      .layout-primary-slim:first-child {
        padding-right: 10%; }
      .layout-primary-slim:last-child {
        padding-left: 10%; } }
  @media only screen and (min-width: 60em) {
    .layout-primary-slim {
      width: 66%; }
      .layout-primary-slim:first-child {
        padding-right: 2%; }
      .layout-primary-slim:last-child {
        padding-left: 2%; } }
  .full-width .layout-primary-slim {
    width: 100%; }
  .page-product-landing .layout-primary-slim {
    padding-top: 1.55556em; }

.layout-product-feature-banner {
  padding-top: 0; }
  .full-width .layout-product-feature-banner {
    width: 100%; }
  .page-product-landing .layout-product-feature-banner {
    padding-top: 1.55556em; }
  .layout-product-feature-banner > section {
    margin-top: 2.77778em; }
    .layout-product-feature-banner > section:first-child {
      margin-top: 0; }
  @media only screen and (min-width: 48em) {
    .layout-product-feature-banner {
      margin-right: 0%;
      width: 67.7%; } }

.layout-secondary:first-child {
  padding-bottom: 2rem; }
  @media only screen and (min-width: 48em) {
    .layout-secondary:first-child {
      padding-bottom: 0; } }

.layout-secondary > .aem-Grid > .aem-GridColumn {
  border-top: 1px solid #cccccc;
  margin-top: 2.22222em;
  padding-top: 2.22222em; }
  .layout-secondary > .aem-Grid > .aem-GridColumn:first-child {
    border-top: none; }
    @media only screen and (min-width: 48em) {
      .layout-secondary > .aem-Grid > .aem-GridColumn:first-child {
        margin-top: 0 !important;
        padding-top: 0; } }

.page-product-landing .layout-secondary {
  margin-top: 3em;
  width: 100%; }
  .page-product-landing .layout-secondary > section {
    border-top: 0;
    padding-top: 0; }

.product-landing .layout-secondary {
  margin-left: 0;
  margin-right: 0;
  min-width: 0;
  width: 100%;
  margin: 0 auto;
  max-width: 1440px;
  padding: 16px;
  padding: 1.55556em 0 0;
  border-left: none; }

@media only screen and (min-width: 48em) {
  .layout-secondary h3 {
    color: #414042;
    font-size: 20px;
    font-size: 1.11111rem; } }

@media only screen and (min-width: 48em) {
  .layout-secondary h4 {
    color: #414042;
    font-size: 18px;
    font-size: 1rem;
    font-weight: 400;
    padding-top:  0.66667em 0.88889em; } }

@media only screen and (min-width: 48em) {
  .layout-secondary p, .layout-secondary ol, .layout-secondary ul, .layout-secondary dd {
    font-size: 16px;
    font-size: 0.88889rem; } }

.layout-secondary article {
  padding: 0; }

@media only screen and (min-width: 48em) {
  .layout-secondary .blog-recent .author {
    font-size: 14px;
    font-size: 0.77778rem; } }

@media only screen and (min-width: 48em) {
  .layout-secondary {
    float: right;
    /* DXP-1062 */
    width: 25%; } }

.layout-secondary-slim-side {
  padding-bottom: 7.5em; }
  .layout-secondary-slim-side:first-child {
    padding-bottom: 0; }
  @media only screen and (min-width: 48em) {
    .layout-secondary-slim-side {
      width: 25%; } }
  .page-product-landing .layout-secondary-slim-side {
    margin-top: 3em;
    width: 100%; }
    .page-product-landing .layout-secondary-slim-side > section {
      border-top: 0;
      padding-top: 0; }
  .product-landing .layout-secondary-slim-side {
    margin-left: 0;
    margin-right: 0;
    min-width: 0;
    width: 100%;
    margin: 0 auto;
    max-width: 1440px;
    padding: 16px;
    padding: 1.55556em 0 0;
    border-left: none; }
  @media only screen and (min-width: 48em) {
    .layout-secondary-slim-side h2:first-of-type {
      margin-top: 0.3em; } }
  @media only screen and (min-width: 76.25em) {
    .layout-secondary-slim-side h2:first-of-type {
      margin-top: 0.34em; } }
  @media only screen and (min-width: 48em) {
    .layout-secondary-slim-side h3 {
      color: #414042;
      font-size: 20px;
      font-size: 1.11111rem; } }
  @media only screen and (min-width: 48em) {
    .layout-secondary-slim-side h4 {
      color: #414042;
      font-size: 18px;
      font-size: 1rem;
      font-weight: 400;
      padding-top: 0.66667em; } }
  @media only screen and (min-width: 48em) {
    .layout-secondary-slim-side p, .layout-secondary-slim-side ol, .layout-secondary-slim-side ul, .layout-secondary-slim-side dd {
      font-size: 16px;
      font-size: 0.88889rem; } }
  @media only screen and (min-width: 48em) {
    .layout-secondary-slim-side .blog-recent .author {
      font-size: 14px;
      font-size: 0.77778rem; } }

.layout-secondary-slim-side-grey {
  background-color: #f1f1f1;
  padding-bottom: 7.5em;
  padding-left: 1.11111em;
  padding-right: 1.11111em;
  position: relative;
  z-index: 1; }
  .layout-secondary-slim-side-grey:first-child {
    padding-bottom: 0; }
  .page-product-landing .layout-secondary-slim-side-grey {
    margin-top: 3em;
    width: 100%; }
    .page-product-landing .layout-secondary-slim-side-grey > section {
      border-top: 0;
      padding-top: 0; }
  .product-landing .layout-secondary-slim-side-grey {
    margin-left: 0;
    margin-right: 0;
    min-width: 0;
    width: 100%;
    margin: 0 auto;
    max-width: 1440px;
    padding: 16px;
    padding: 1.55556em 0 0;
    border-left: none; }
  @media only screen and (min-width: 48em) {
    .layout-secondary-slim-side-grey h2:first-of-type {
      margin-top: 0.3em; } }
  @media only screen and (min-width: 76.25em) {
    .layout-secondary-slim-side-grey h2:first-of-type {
      margin-top: 0.34em; } }
  @media only screen and (min-width: 48em) {
    .layout-secondary-slim-side-grey h3 {
      color: #414042;
      font-size: 20px;
      font-size: 1.11111rem; } }
  @media only screen and (min-width: 48em) {
    .layout-secondary-slim-side-grey h4 {
      color: #414042;
      font-size: 18px;
      font-size: 1rem;
      font-weight: 400;
      padding-top: 0.66667em; } }
  @media only screen and (min-width: 48em) {
    .layout-secondary-slim-side-grey p, .layout-secondary-slim-side-grey ol, .layout-secondary-slim-side-grey ul, .layout-secondary-slim-side-grey dd {
      font-size: 16px;
      font-size: 0.88889rem; } }
  @media only screen and (min-width: 48em) {
    .layout-secondary-slim-side-grey .blog-recent .author {
      font-size: 14px;
      font-size: 0.77778rem; } }
  @media only screen and (min-width: 48em) {
    .layout-secondary-slim-side-grey {
      width: 25%; } }

.layout-secondary-cta-container {
  /*background-color:#f1f1f1;*/
  padding-bottom: 0em;
  position: relative;
  z-index: 1; }
  .page-product-landing .layout-secondary-cta-container {
    margin-top: 3em;
    width: 100%; }
    .page-product-landing .layout-secondary-cta-container > section {
      border-top: 0;
      padding-top: 0; }
  .product-landing .layout-secondary-cta-container {
    margin-left: 0;
    margin-right: 0;
    min-width: 0;
    width: 100%;
    margin: 0 auto;
    max-width: 1440px;
    padding: 16px;
    padding: 1.55556em 0 0;
    border-left: none; }
  .layout-secondary-cta-container > section {
    border-top: 1px solid #cacaca;
    margin-top: 2.22222em;
    padding-top: 2.22222em; }
    @media only screen and (min-width: 48em) {
      .layout-secondary-cta-container > section:first-child {
        border-top: none;
        margin-top: 0em;
        padding-top: 0; } }
    @media only screen and (min-width: 30em) {
      .layout-secondary-cta-container > section:first-child {
        border-top: none;
        margin-top: 0em;
        padding-top: 0; } }
    @media only screen and (min-width: 12.5em) {
      .layout-secondary-cta-container > section:first-child {
        border-top: none;
        margin-top: 0em;
        padding-top: 0; } }
  @media only screen and (min-width: 48em) {
    .layout-secondary-cta-container h2:first-of-type {
      margin-top: 0.3em; } }
  @media only screen and (min-width: 76.25em) {
    .layout-secondary-cta-container h2:first-of-type {
      margin-top: 0.34em; } }
  @media only screen and (min-width: 48em) {
    .layout-secondary-cta-container h3 {
      color: #414042;
      font-size: 20px;
      font-size: 1.11111rem; } }
  @media only screen and (min-width: 48em) {
    .layout-secondary-cta-container h4 {
      color: #414042;
      font-size: 18px;
      font-size: 1rem;
      font-weight: 400;
      padding-top: 0.66667em; } }
  @media only screen and (min-width: 48em) {
    .layout-secondary-cta-container p, .layout-secondary-cta-container ol, .layout-secondary-cta-container ul, .layout-secondary-cta-container dd {
      font-size: 16px;
      font-size: 0.88889rem; } }
  @media only screen and (min-width: 48em) {
    .layout-secondary-cta-container .blog-recent .author {
      font-size: 14px;
      font-size: 0.77778rem; } }
  @media only screen and (min-width: 48em) {
    .layout-secondary-cta-container {
      width: 25%; } }

.layout-secondary-slim {
  padding-bottom: 0em; }
  .page-product-landing .layout-secondary-slim {
    margin-top: 3em;
    width: 100%; }
    .page-product-landing .layout-secondary-slim > section {
      border-top: 0;
      padding-top: 0; }
  .layout-secondary-slim figure {
    margin-bottom: 0 !important; }
  @media only screen and (min-width: 48em) {
    .layout-secondary-slim {
      left: 0em;
      width: 25%;
      padding-top: 0em;
      position: relative;
      top: 7em;
      z-index: 2; } }
  @media only screen and (min-width: 60em) {
    .layout-secondary-slim {
      top: 6.5em; } }
  @media only screen and (min-width: 76.25em) {
    .layout-secondary-slim {
      left: 20px;
      top: 4em; } }

.layout-slim-side-image {
  float: left;
  left: 65px;
  position: relative;
  top: 100px;
  width: 27%;
  z-index: 2; }
  @media only screen and (min-width: 12.5em) {
    .layout-slim-side-image {
      float: left;
      left: 0px;
      position: relative;
      top: 0px;
      width: 100%;
      z-index: 2; } }
  @media only screen and (min-width: 60em) {
    .layout-slim-side-image {
      left: 63px;
      top: 130px;
      width: 27%; } }
  @media only screen and (min-width: 76.25em) {
    .layout-slim-side-image {
      left: 85px;
      top: 100px; } }

.layout-secondary-shaded {
  background-color: #f1f1f1; }
  .page-product-landing .layout-secondary-shaded {
    margin-top: 3em;
    width: 100%; }
    .page-product-landing .layout-secondary-shaded > section {
      border-top: 0;
      padding-top: 0; }
  .product-landing .layout-secondary-shaded {
    margin-left: 0;
    margin-right: 0;
    min-width: 0;
    width: 100%;
    margin: 0 auto;
    max-width: 1440px;
    padding: 16px;
    padding: 1.55556em 0 0;
    border-left: none; }
  .layout-secondary-shaded span {
    font-weight: 800; }
  .layout-secondary-shaded ul {
    list-style-type: none;
    padding: 0; }
  @media only screen and (min-width: 12.5em) {
    .layout-secondary-shaded {
      margin-top: 0em; }
      .layout-secondary-shaded h3 {
        font-size: 1.1em;
        color: #fe5000; }
      .layout-secondary-shaded h4 {
        font-size: 1.1em;
        color: #414042; } }
  @media only screen and (min-width: 20em) {
    .layout-secondary-shaded {
      margin-top: 0em; }
      .layout-secondary-shaded h3 {
        font-size: 1.1em;
        color: #fe5000; }
      .layout-secondary-shaded h4 {
        font-size: 1.1em;
        color: #414042; } }
  @media only screen and (min-width: 30em) {
    .layout-secondary-shaded {
      margin-top: 0em; }
      .layout-secondary-shaded h3 {
        font-size: 1.1em;
        color: #fe5000; }
      .layout-secondary-shaded h4 {
        font-size: 1.1em;
        color: #414042; } }
  @media only screen and (min-width: 48em) {
    .layout-secondary-shaded {
      margin-top: 0em; }
      .layout-secondary-shaded h3 {
        font-size: 1.1em;
        color: #fe5000; }
      .layout-secondary-shaded h4 {
        font-size: 1.1em;
        color: #414042; } }
  @media only screen and (min-width: 60em) {
    .layout-secondary-shaded {
      margin-top: 0em; }
      .layout-secondary-shaded h3 {
        font-size: 1.1em;
        color: #fe5000; }
      .layout-secondary-shaded h4 {
        font-size: 1.1em;
        color: #414042; } }
  .layout-secondary-shaded > section {
    border-top: 1px solid #cacaca;
    margin-top: 2.22222em;
    padding-top: 2.22222em; }
    @media only screen and (min-width: 12.5em) {
      .layout-secondary-shaded > section:first-child {
        border-top: none;
        margin-top: 0;
        padding-top: 0; } }
    @media only screen and (min-width: 20em) {
      .layout-secondary-shaded > section:first-child {
        border-top: none;
        margin-top: 0;
        padding-top: 0; } }
    @media only screen and (min-width: 48em) {
      .layout-secondary-shaded > section:first-child {
        border-top: none;
        margin-top: 0;
        padding-top: 0; } }
  @media only screen and (min-width: 48em) {
    .layout-secondary-shaded h2:first-of-type {
      margin-top: 0.3em; } }
  @media only screen and (min-width: 76.25em) {
    .layout-secondary-shaded h2:first-of-type {
      margin-top: 0.34em; } }
  @media only screen and (min-width: 48em) {
    .layout-secondary-shaded h3 {
      color: #fe5000;
      font-size: 24px;
      font-size: 1.33333rem;
      font-weight: 800; } }
  @media only screen and (min-width: 48em) {
    .layout-secondary-shaded h4 {
      color: #414042;
      font-size: 20px;
      font-size: 1.11111rem;
      font-weight: 800;
      padding-top: 0.66667em; } }
  @media only screen and (min-width: 48em) {
    .layout-secondary-shaded p, .layout-secondary-shaded ol, .layout-secondary-shaded ul, .layout-secondary-shaded dd {
      font-size: 16px;
      font-size: 0.88889rem; } }
  @media only screen and (min-width: 48em) {
    .layout-secondary-shaded .blog-recent .author {
      font-size: 14px;
      font-size: 0.77778rem; } }
  @media only screen and (min-width: 48em) {
    .layout-secondary-shaded {
      width: 25%; } }

.layout-rotator-container {
  overflow: hidden; }

.layout-banner-container-slim {
  background-image: url(head/product-bg2.png);
  background-position: top center;
  background-repeat: no-repeat;
  height: 246px;
  margin: 0 auto; }
  @media only screen and (min-width: 12.5em) {
    .layout-banner-container-slim {
      background-image: none;
      height: 246px;
      margin: 0 auto; } }
  @media only screen and (min-width: 30em) {
    .layout-banner-container-slim {
      background-image: none;
      height: 246px;
      margin: 0 auto; } }
  @media only screen and (min-width: 48em) {
    .layout-banner-container-slim {
      background-image: url(head/product-bg2.png);
      background-position: top center;
      background-repeat: no-repeat;
      height: 246px;
      margin: 0 auto; } }
  @media only screen and (min-width: 60em) {
    .layout-banner-container-slim {
      background-image: url(head/product-bg2.png);
      background-position: top center;
      background-repeat: no-repeat;
      height: 246px;
      margin: 0 auto; } }
  @media only screen and (min-width: 76.25em) {
    .layout-banner-container-slim {
      background-image: url(head/product-bg2.png);
      background-position: top center;
      background-repeat: no-repeat;
      height: 246px;
      margin: 0 auto; } }
  .layout-product-finder + .layout-banner-container-slim {
    padding-top: 0; }
  .layout-banner-container-slim.layout-full-bleed-image {
    background-size: cover;
    color: #fff; }
    .page-campaign-landing .layout-banner-container-slim.layout-full-bleed-image {
      padding: 0em 0; }
      @media only screen and (min-width: 60em) {
        .page-campaign-landing .layout-banner-container-slim.layout-full-bleed-image .layout-inner-wrap {
          position: relative; } }
    .layout-banner-container-slim.layout-full-bleed-image h1, .layout-banner-container-slim.layout-full-bleed-image h2 {
      color: #fff; }

.maincontentcontainer > .layout-full-bleed > *:first-child {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0; }
  .maincontentcontainer > .layout-full-bleed > *:first-child > *:not([class*="bg-"]) {
    margin-top: 1.66667rem; }

.maincontentcontainer > .layout-full-bleed > *:last-child:not(.cmp-breadcrumb) {
  padding-bottom: 1.66667rem; }
  @media only screen and (min-width: 60em) {
    .maincontentcontainer > .layout-full-bleed > *:last-child:not(.cmp-breadcrumb) {
      padding-bottom: 3.33333rem; } }

.maincontentcontainer > .layout-full-bleed > .pullquote:last-child,
.maincontentcontainer > .layout-full-bleed > .CTAbar:last-child,
.maincontentcontainer > .layout-full-bleed > .htmlarea:last-child,
.maincontentcontainer > .layout-full-bleed > .aem-Grid-newComponent:last-child {
  padding-bottom: 0;
  margin-bottom: 0; }

.layout-secondary .secondarycontentcontainer > .layout-full-bleed {
  padding: 1.66667rem; }
  .layout-secondary .secondarycontentcontainer > .layout-full-bleed > .aem-GridColumn {
    border-top: 1px solid #cccccc;
    padding-top: 1.11111rem; }
    .layout-secondary .secondarycontentcontainer > .layout-full-bleed > .aem-GridColumn:first-child {
      border-top: none;
      padding-top: 0; }

.layout-full-bleed {
  background-color: white;
  padding: 0;
  box-sizing: border-box; }
  @media only screen and (min-width: 48em) {
    .layout-full-bleed {
      margin-left: 0;
      margin-right: 0;
      min-width: 0;
      width: 100%;
      margin: 0 auto;
      max-width: 100%;
      padding: 16px;
      padding: 0;
      max-width: none; } }
  .home .layout-full-bleed {
    padding: 0; }
    .home .layout-full-bleed.layout-rotator-container {
      padding: 0; }
    .home .layout-full-bleed.feature-case-studies {
      padding: 3.33333em 0; }
      @media only screen and (min-width: 60em) {
        .home .layout-full-bleed.feature-case-studies {
          padding-bottom: 0; } }
  .layout-product-finder + .layout-full-bleed {
    padding-top: 0; }
  .layout-full-bleed.layout-full-bleed-image {
    background-size: cover;
    color: #fff;
    background-position: center center; }
    .page-campaign-landing .layout-full-bleed.layout-full-bleed-image {
      padding: 1em 0; }
      @media only screen and (min-width: 60em) {
        .page-campaign-landing .layout-full-bleed.layout-full-bleed-image .layout-inner-wrap {
          position: relative; } }
    .layout-full-bleed.layout-full-bleed-image h1, .layout-full-bleed.layout-full-bleed-image h2 {
      color: #fff; }

.layout-full-bleed-medium {
  background-color: #fff;
  padding: 0; }
  @media only screen and (min-width: 48em) {
    .layout-full-bleed-medium {
      margin-left: 0;
      margin-right: 0;
      min-width: 0;
      width: 100%;
      margin: 0 auto;
      max-width: 1440px;
      padding: 16px;
      padding: 0;
      width: 100%; } }
  .layout-full-bleed-medium.layout-full-bleed-image {
    background-size: cover;
    color: #fff; }
    .page-campaign-landing .layout-full-bleed-medium.layout-full-bleed-image {
      padding: 0; }
      @media only screen and (min-width: 60em) {
        .page-campaign-landing .layout-full-bleed-medium.layout-full-bleed-image .layout-inner-wrap {
          position: relative; } }
    .layout-full-bleed-medium.layout-full-bleed-image h1, .layout-full-bleed-medium.layout-full-bleed-image h2 {
      color: #fff; }

.layout-full-bleed-small {
  background-color: #fff;
  padding: 0; }
  @media only screen and (min-width: 48em) {
    .layout-full-bleed-small {
      margin-left: 0;
      margin-right: 0;
      min-width: 0;
      width: 100%;
      margin: 0 auto;
      max-width: 1440px;
      padding: 16px;
      padding: 0; } }
  .layout-full-bleed-small.layout-full-bleed-image {
    background-size: cover;
    color: #fff; }
    .page-campaign-landing .layout-full-bleed-small.layout-full-bleed-image {
      padding: 0; }
      @media only screen and (min-width: 60em) {
        .page-campaign-landing .layout-full-bleed-small.layout-full-bleed-image .layout-inner-wrap {
          position: relative; } }
    .layout-full-bleed-small.layout-full-bleed-image h1, .layout-full-bleed-small.layout-full-bleed-image h2 {
      color: #fff; }

.layout-full-bleed-top {
  background-color: white;
  padding: 0; }
  @media only screen and (min-width: 48em) {
    .layout-full-bleed-top {
      margin-left: 0;
      margin-right: 0;
      min-width: 0;
      width: 100%;
      margin: 0 auto;
      max-width: 1440px;
      padding: 16px;
      padding: 0; } }
  .layout-full-bleed-top.layout-full-bleed-image {
    background-size: cover;
    color: #fff; }
    .page-campaign-landing .layout-full-bleed-top.layout-full-bleed-image {
      padding: 0; }
      @media only screen and (min-width: 60em) {
        .page-campaign-landing .layout-full-bleed-top.layout-full-bleed-image .layout-inner-wrap {
          position: relative; } }
    .layout-full-bleed-top.layout-full-bleed-image h1, .layout-full-bleed-top.layout-full-bleed-image h2 {
      color: #fff; }

.layout-full-bleed-transparent {
  background-color: white;
  padding: 0; }
  @media only screen and (min-width: 48em) {
    .layout-full-bleed-transparent {
      margin-left: 0;
      margin-right: 0;
      min-width: 0;
      width: 100%;
      margin: 0 auto;
      max-width: 100%;
      padding: 0 0;
      padding: 0;
      width: 100%; } }
  .layout-full-bleed-transparent.layout-full-bleed-image {
    background-size: cover;
    color: #fff; }
    .page-campaign-landing .layout-full-bleed-transparent.layout-full-bleed-image {
      padding: 0; }
      @media only screen and (min-width: 60em) {
        .page-campaign-landing .layout-full-bleed-transparent.layout-full-bleed-image .layout-inner-wrap {
          position: relative; } }
    .layout-full-bleed-transparent.layout-full-bleed-image h1, .layout-full-bleed-transparent.layout-full-bleed-image h2 {
      color: #fff; }

.layout-full-bleed-slim {
  background-color: white;
  padding: 0 0 0 0; }
  @media only screen and (min-width: 12.5em) {
    .layout-full-bleed-slim {
      background-image: none;
      background-repeat: no-repeat;
      background-color: #fff;
      background-position: -3000px 0px; } }
  @media only screen and (min-width: 30em) {
    .layout-full-bleed-slim {
      background-image: none;
      background-repeat: no-repeat;
      background-color: #fff;
      background-position: -3000px 0px; } }
  @media only screen and (min-width: 48em) {
    .layout-full-bleed-slim {
      margin-left: 0;
      margin-right: 0;
      min-width: 0;
      width: 100%;
      margin: 0 auto;
      max-width: 1440px;
      padding: 16px;
      padding: 0;
      width: 100%;
      background-color: #fd9b31;
      background-image: none;
      background-position: -3000px 0px;
      background-repeat: no-repeat; } }
  @media only screen and (min-width: 60em) {
    .layout-full-bleed-slim {
      background-color: #fd9b31;
      background-position: -3000px 0px; } }
  @media only screen and (min-width: 76.25em) {
    .layout-full-bleed-slim {
      background-color: #fd9b31;
      background-position: -3000px 0px; } }
  .layout-product-finder + .layout-full-bleed-slim {
    padding-top: 0; }
  .layout-full-bleed-slim.layout-full-bleed-image {
    background-size: cover;
    color: #fff; }
    .page-campaign-landing .layout-full-bleed-slim.layout-full-bleed-image {
      padding: 0em 0; }
      @media only screen and (min-width: 60em) {
        .page-campaign-landing .layout-full-bleed-slim.layout-full-bleed-image .layout-inner-wrap {
          position: relative; } }
    .layout-full-bleed-slim.layout-full-bleed-image h1, .layout-full-bleed-slim.layout-full-bleed-image h2 {
      color: #fff; }

.layout-full-bleed-nopadding {
  background-color: white;
  padding: 0em 0; }
  @media only screen and (min-width: 48em) {
    .layout-full-bleed-nopadding {
      margin-left: 0;
      margin-right: 0;
      min-width: 0;
      width: 100%;
      margin: 0 auto;
      max-width: 1440px;
      padding: 16px;
      padding: 0;
      width: 100%; } }
  .layout-full-bleed-nopadding .layout-primary:first-child {
    margin-top: 1.5em; }
  .layout-product-finder + .layout-full-bleed-nopadding {
    padding-top: 0; }
  .layout-full-bleed-nopadding.layout-full-bleed-image {
    background-size: cover;
    color: #fff; }
    .page-campaign-landing .layout-full-bleed-nopadding.layout-full-bleed-image {
      padding: 1em 0; }
      @media only screen and (min-width: 60em) {
        .page-campaign-landing .layout-full-bleed-nopadding.layout-full-bleed-image .layout-inner-wrap {
          position: relative; } }
    .layout-full-bleed-nopadding.layout-full-bleed-image h1, .layout-full-bleed-nopadding.layout-full-bleed-image h2 {
      color: #fff; }

.page-campaign-landing h1 {
  font-size: 30px;
  font-size: 1.66667rem;
  font-weight: 800; }
  @media only screen and (min-width: 48em) {
    .page-campaign-landing h1 {
      font-size: 35px;
      font-size: 1.94444rem; } }
  @media only screen and (min-width: 76.25em) {
    .page-campaign-landing h1 {
      font-size: 41px;
      font-size: 2.27778rem; } }

.page-campaign-landing h2 {
  font-size: 32px;
  font-size: 1.77778rem;
  margin-top: 0;
  margin-bottom: 1em; }
  @media only screen and (min-width: 48em) {
    .page-campaign-landing h2 {
      font-size: 32px;
      font-size: 1.77778rem; } }
  @media only screen and (min-width: 76.25em) {
    .page-campaign-landing h2 {
      font-size: 32px;
      font-size: 1.77778rem; } }

.page-campaign-landing h3 {
  font-size: 25px;
  font-size: 1.38889rem; }
  @media only screen and (min-width: 48em) {
    .page-campaign-landing h3 {
      font-size: 28px;
      font-size: 1.55556rem; } }

@media only screen and (min-width: 60em) {
  .page-campaign-landing .layout-content {
    clear: left;
    padding-right: 3.33333em;
    width: 58.3%; } }

.page-campaign-landing .layout-campaign-screenshot {
  display: none; }
  .page-campaign-landing .layout-campaign-screenshot > img {
    display: inline-block;
    vertical-align: bottom; }
  .page-campaign-landing .layout-campaign-screenshot.flush {
    bottom: -1em; }
  @media only screen and (min-width: 60em) {
    .page-campaign-landing .layout-campaign-screenshot {
      bottom: -1.77778em;
      display: block;
      left: 62.5%;
      position: absolute;
      text-align: center;
      width: 29.1%; } }

.page-campaign-landing .layout-form {
  margin-top: 1.77778em; }
  @media only screen and (min-width: 60em) {
    .page-campaign-landing .layout-form {
      margin-top: 0;
      width: 41.6%; } }

@media only screen and (min-width: 60em) {
  .page-campaign-landing .width-50-percent-large {
    width: 50%; } }

.layout-offset-hero {
  background-color: #6c6c6c;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
  .layout-offset-hero h1,
  .layout-offset-hero h2,
  .layout-offset-hero h3,
  .layout-offset-hero h4,
  .layout-offset-hero h5,
  .layout-offset-hero p {
    color: #fff; }
  @media only screen and (min-width: 60em) {
    .layout-offset-hero {
      min-height: 546px;
      padding-bottom: 3.33333em; } }

.layout-offset-hero-slim {
  background-color: #6c6c6c;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
  .layout-offset-hero-slim h1,
  .layout-offset-hero-slim h2,
  .layout-offset-hero-slim h3,
  .layout-offset-hero-slim h4,
  .layout-offset-hero-slim h5,
  .layout-offset-hero-slim p {
    color: #fff; }
  @media only screen and (min-width: 12.5em) {
    .layout-offset-hero-slim h1 {
      color: #414042; } }
  @media only screen and (min-width: 30em) {
    .layout-offset-hero-slim h1 {
      color: #414042; } }
  @media only screen and (min-width: 48em) {
    .layout-offset-hero-slim h1 {
      color: #fff; } }
  @media only screen and (min-width: 60em) {
    .layout-offset-hero-slim {
      height: auto; }
      .layout-offset-hero-slim h1 {
        color: #fff; } }
  @media only screen and (min-width: 76.25em) {
    .layout-offset-hero-slim {
      height: auto; }
      .layout-offset-hero-slim h1 {
        color: #fff; } }

.layout-offset-hero-medium {
  background-color: #6c6c6c;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
  .layout-offset-hero-medium h1,
  .layout-offset-hero-medium h2,
  .layout-offset-hero-medium h3,
  .layout-offset-hero-medium h4,
  .layout-offset-hero-medium h5 {
    color: #fff;
    font-weight: 800; }
  .layout-offset-hero-medium h1 {
    color: #fff;
    line-height: 1.1em;
    letter-spacing: -.03em; }
  .layout-offset-hero-medium p {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 400; }
  @media only screen and (min-width: 12.5em) {
    .layout-offset-hero-medium h1 {
      padding: 1em 0 0 0 !important; } }
  @media only screen and (min-width: 20em) {
    .layout-offset-hero-medium h1 {
      padding: 1em 0 0 0 !important; } }
  @media only screen and (min-width: 30em) {
    .layout-offset-hero-medium h1 {
      padding: 1em 0 0 0 !important; } }
  @media only screen and (min-width: 60em) {
    .layout-offset-hero-medium h1 {
      padding: .5em 0 0 0 !important; } }

.layout-offset-hero-small {
  background-color: #6c6c6c;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
  .layout-offset-hero-small h1,
  .layout-offset-hero-small h2,
  .layout-offset-hero-small h3,
  .layout-offset-hero-small h4,
  .layout-offset-hero-small h5 {
    color: #fff;
    font-weight: 800; }
  .layout-offset-hero-small p {
    color: #fff; }
  @media only screen and (min-width: 60em) {
    .layout-offset-hero-small {
      padding: 0; } }

.layout-offset-hero-top {
  background-color: #6c6c6c;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
  .layout-offset-hero-top h1,
  .layout-offset-hero-top h2,
  .layout-offset-hero-top h3,
  .layout-offset-hero-top h4,
  .layout-offset-hero-top h5 {
    color: #fff;
    font-weight: 800; }
  .layout-offset-hero-top p {
    color: #fff;
    font-size: 1.5rem; }
  @media only screen and (min-width: 60em) {
    .layout-offset-hero-top {
      padding: 0; } }

.layout-offset-hero-transparent {
  background-color: #6c6c6c;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
  .layout-offset-hero-transparent h1,
  .layout-offset-hero-transparent h2,
  .layout-offset-hero-transparent h3,
  .layout-offset-hero-transparent h4,
  .layout-offset-hero-transparent h5 {
    color: #fff;
    font-weight: 800; }
  .layout-offset-hero-transparent p {
    color: #fff;
    font-size: 1.5rem; }
  @media only screen and (min-width: 60em) {
    .layout-offset-hero-transparent {
      padding: 0; } }

.layout-right {
  float: right; }

[class*="25-75contentcontainer"] > *:first-child,
[class*="33-66contentcontainer"] > *:first-child,
[class*="50-50contentcontainer"] > *:first-child,
[class*="66-33contentcontainer"] > *:first-child,
[class*="75-25contentcontainer"]:not(:first-child) > *:first-child {
  padding-top: 2rem;
  padding-bottom: 2rem; }

@media only screen and (min-width: 48em) {
  [class*="50-50contentcontainer"] .equal-column {
    width: 50%; }
    [class*="50-50contentcontainer"] .equal-column:first-child {
      padding-right: 1.25%; }
    [class*="50-50contentcontainer"] .equal-column:last-child {
      padding-left: 1.25%; } }

.layout-footer {
  background: #414042;
  margin-top: -1px;
  width: 100%; }
  .layout-footer li {
    margin-bottom: .5em; }
  .layout-footer a {
    color: white; }
    .layout-footer a:hover {
      color: #fe5000; }
  .layout-footer .layout-inner-wrap {
    overflow: auto; }

.footer-logo {
  background-image: url("head/logo-orange-white.svg");
  background-position: left 14px;
  background-repeat: no-repeat;
  background-size: 150px 50px;
  height: 75px;
  margin-bottom: 0.88889em; }
  .no-svg .footer-logo {
    background-image: url("head/logo-orange-white.png"); }
  .footer-logo > a {
    display: block;
    height: 100%;
    width: 135px;
    text-indent: -9999em; }
  @media only screen and (min-width: 60em) {
    .footer-logo {
      box-sizing: border-box;
      float: left;
      margin: 0;
      min-height: 1px;
      width: 100%;
      margin: 0;
      width: 16.6%; } }

.meta {
  font-size: 14px;
  font-size: 0.77778rem;
  margin: 0;
  padding: 0; }
  .meta > li {
    list-style-type: none;
    margin-bottom: 0.85714em; }
    @media only screen and (min-width: 48em) {
      .meta > li {
        box-sizing: border-box;
        display: inline-block;
        margin-right: -0.25em;
        padding-right: 4.1%;
        vertical-align: top;
        width: 49.1%; } }
  .meta.nav-supplemental > li {
    width: 100%; }
    @media only screen and (min-width: 60em) {
      .meta.nav-supplemental > li {
        width: 83.3%; } }
  .meta.nav-supplemental .search-input-m-glass {
    font-size: 14px;
    font-size: 0.77778rem;
    border-width: 1px;
    height: 2.33333em;
    padding: 0.22222em 0.72222em 0.22222em 0; }
    .meta.nav-supplemental .search-input-m-glass input[type=text] {
      padding: 0.16667em 2.22222em 0.16667em 0.66667em; }
    .meta.nav-supplemental .search-input-m-glass button {
      right: 0.44444em; }
      .meta.nav-supplemental .search-input-m-glass button:before {
        font-size: 20px;
        font-size: 1.11111rem; }
  .meta .footer-search {
    width: 100%; }

.layout-header {
  background: #fff;
  padding: 0;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: right 0.3s linear;
  transition: right 0.3s linear;
  width: 100%;
  z-index: 20; }
  @media only screen and (min-width: 60em) {
    .layout-header {
      overflow: hidden;
      position: static;
      right: 0; } }

/**
 * 'navigation' navigation key
 */
body.bmc-nav-loader-navigation .layout-header {
  height: 3.35em; }
  @media only screen and (min-width: 60em) {
    body.bmc-nav-loader-navigation .layout-header {
      height: 75px;
      overflow: hidden;
      position: static;
      right: 0; } }
  body.bmc-nav-loader-navigation .layout-header:after {
    bottom: 0px;
    height: 10px;
    width: 100%;
    position: absolute;
    box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.4); }
    @media only screen and (min-width: 60em) {
      body.bmc-nav-loader-navigation .layout-header:after {
        display: none; } }

body.bmc-nav-loader-navigation.scrolled-down .layout-header,
body.bmc-nav-loader-navigation.scrolled-up .layout-header {
  background: #f3f3f3;
  background: rgba(255, 255, 255, 0.85); }
  @media only screen and (min-width: 60em) {
    body.bmc-nav-loader-navigation.scrolled-down .layout-header,
    body.bmc-nav-loader-navigation.scrolled-up .layout-header {
      background: white; } }

.navigation-open .layout-header {
  z-index: zIndex(nav)1; }
  .navigation-open .layout-header:after {
    margin-left: 60px; }

.layout-navigation-open {
  background: #f3f3f3;
  border-right: 1px solid #999;
  border-bottom: 1px solid #f3f3f3;
  float: left;
  outline: none !important;
  padding-top: 12px;
  width: 60px;
  height: 47px; }
  .navigation-open .layout-navigation-open {
    height: 45px;
    padding-top: 14px;
    width: 60px; }
  @media only screen and (min-width: 60em) {
    .layout-navigation-open {
      display: none; } }
  .layout-navigation-open:before {
    color: #000;
    font-family: "icomoon";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    content: "";
    font-size: 36px;
    font-size: 2rem;
    padding: 12px; }
    .navigation-open .layout-navigation-open:before {
      content: '\e629';
      font-size: 33px;
      font-size: 1.83333rem;
      padding: 18px 14px 12px 4px; }
  .search-active .layout-navigation-open {
    display: none; }
  .rgba .scrolled-down .layout-navigation-open,
  .rgba .scrolled-up .layout-navigation-open {
    background: rgba(255, 255, 255, 0); }

/**
 * 'nav' navigation key
 */
body.bmc-nav-loader-nav .layout-header {
  height: 4em; }
  @media only screen and (min-width: 60em) {
    body.bmc-nav-loader-nav .layout-header {
      height: 104px;
      overflow: hidden;
      position: static;
      right: 0; } }

html.rgba body.bmc-nav-loader-nav.scrolled-down .layout-header,
html.rgba body.bmc-nav-loader-nav.scrolled-up .layout-header {
  background: rgba(255, 255, 255, 0.85); }
  @media only screen and (min-width: 60em) {
    html.rgba body.bmc-nav-loader-nav.scrolled-down .layout-header,
    html.rgba body.bmc-nav-loader-nav.scrolled-up .layout-header {
      background: white; } }

body.bmc-nav-loader-nav .nav-open .layout-header {
  right: 100%; }

.section {
  box-sizing: border-box;
  color: #414042;
  position: relative;
  z-index: 1; }
  .section * {
    box-sizing: border-box; }

.section-content,
.section-header,
.section-footer {
  margin-left: 28px;
  margin-right: 28px;
  max-width: 1384px;
  position: relative; }
  @media (min-width: 1496px) {
    .section-content,
    .section-header,
    .section-footer {
      margin-left: auto;
      margin-right: auto; } }

.section-content-full {
  position: relative; }
  @media (min-width: 1496px) {
    .section-content-full {
      margin-left: auto;
      margin-right: auto;
      max-width: 1440px; } }

.section-header {
  border-bottom: 1px solid #cacaca; }

.section-footer {
  border-top: 1px solid #cacaca; }

.section-title {
  font-size: 24px;
  font-weight: 700; }
  @media only screen and (min-width: 48em) {
    .section-title {
      font-size: 30px; } }
  @media only screen and (min-width: 60em) {
    .section-title {
      font-size: 36px; } }
  .section-title.-sm {
    font-size: 18px; }
    @media only screen and (min-width: 48em) {
      .section-title.-sm {
        font-size: 24px; } }
    @media only screen and (min-width: 60em) {
      .section-title.-sm {
        font-size: 30px; } }
  .section-title.-lg {
    font-size: 30px; }
    @media only screen and (min-width: 48em) {
      .section-title.-lg {
        font-size: 36px; } }
    @media only screen and (min-width: 60em) {
      .section-title.-lg {
        font-size: 42px; } }

@media (min-width: 1024px) {
  .section .section-hero-image {
    background: url("head/category_banner_bg2.png") no-repeat right center;
    background-size: auto 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 66.66667%; } }

@media (min-width: 1024px) {
  .section .section-hero-image.-compact {
    background: url("head/banner-compact.png") no-repeat right center;
    width: 50%; } }

.section .section-hero-content {
  margin-left: 0;
  margin-right: 0;
  padding: 32px 28px;
  position: relative;
  vertical-align: middle; }
  @media (min-width: 1024px) {
    .section .section-hero-content {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  @media (min-width: 1496px) {
    .section .section-hero-content {
      margin-left: auto;
      margin-right: auto; } }

@media (min-width: 1496px) {
  .no-flexbox .section .section-hero-content {
    padding: 44px 0 40px; } }

.mortar-flex {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10px;
          flex: 0 0 10px; }

.mortar-top {
  margin-top: 10px; }

.mortar-right {
  margin-right: 10px; }

.mortar-bottom {
  margin-bottom: 10px; }

.mortar-left {
  margin-left: 10px; }

.masonry .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.masonry .card-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto; }

@media (min-width: 1024px) {
  .masonry-withgap .lg-col-6 {
    width: 49.4%; } }

.masonry-withgap .card {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.flex-col.primary {
  padding-right: 0px; }
  @media (min-width: 1024px) {
    .flex-col.primary {
      padding-right: 5px; } }

.flex-col.secondary {
  padding-left: 0px; }
  @media (min-width: 1024px) {
    .flex-col.secondary {
      padding-left: 5px; } }

.brick .innerWrap.brickLeft {
  padding-right: 0px;
  padding-bottom: 10px; }
  @media all and (min-width: 832px) {
    .brick .innerWrap.brickLeft {
      padding-right: 5px;
      padding-bottom: 0; } }

.brick .innerWrap.brickRight {
  padding-left: 0px; }
  @media all and (min-width: 832px) {
    .brick .innerWrap.brickRight {
      padding-left: 5px; } }

.brick .inner {
  width: 100%;
  height: 100%;
  background-size: cover; }

@media (min-width: 1024px) {
  .masonry-withgap .lg-col-6 {
    width: 49.4%; } }

.masonry-withgap .card {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

div.accordion ul.accordion {
  border-top: 1px solid #cacaca;
  border-bottom: 1px solid #cacaca; }

div.accordion + div.accordion ul.accordion {
  border-bottom: 1px solid #cacaca;
  border-top: 1px solid transparent;
  margin-top: 0; }

ul.accordion {
  padding: 0;
  margin: 0 auto;
  max-width: 1440px;
  width: 100%; }
  ul.accordion .jump-to {
    display: block;
    height: 4.35em;
    margin-top: -4.35em;
    visibility: hidden; }
  ul.accordion .accordion-item {
    list-style: none;
    margin: 0 auto;
    padding-bottom: 1em;
    padding-top: 1em; }
    ul.accordion .accordion-item.open .accordion-item-anchor:before {
      content: '\2013';
      line-height: 1.2; }
    ul.accordion .accordion-item.open .accordion-item-content {
      margin: 1em 0;
      max-height: 99em;
      overflow: auto; }
  ul.accordion .accordion-item-anchor {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 1.5em;
    font-weight: 800;
    text-shadow: none;
    cursor: pointer;
    cursor: hand; }
    ul.accordion .accordion-item-anchor:before {
      border: solid 2px;
      border-radius: 50%;
      content: '\2B';
      display: inline-block;
      font-size: 1.1em;
      height: 30px;
      line-height: 1.25;
      margin-right: 20px;
      text-align: center;
      width: 30px; }
      @media only screen and (min-width: 48em) {
        ul.accordion .accordion-item-anchor:before {
          height: 34px;
          margin-right: 34px;
          width: 34px; } }
      @media only screen and (min-width: 60em) {
        ul.accordion .accordion-item-anchor:before {
          height: 36px;
          width: 36px; } }
      @media only screen and (min-width: 76.25em) {
        ul.accordion .accordion-item-anchor:before {
          height: 38px;
          width: 38px; } }
  ul.accordion .accordion-item-content {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear; }
  ul.accordion.accordion-no-border {
    border-bottom:  none;
    margin: 0; }

ul.accordion-training {
  margin: 1em 0 0 0 !important; }
  ul.accordion-training .accordion-item {
    border-top: 1px solid #cacaca; }

.accordion--editing {
  list-style: none;
  margin: 0;
  padding: 0; }
  .accordion--editing .accordion-item-content {
    display: block !important; }

.aem--no-grid.aem-GridColumn {
  clear: none !important;
  float: none !important;
  width: auto !important; }

.aem--no-grid .aem--inline-block {
  display: inline-block !important;
  float: none !important;
  width: auto !important; }

fieldset .cmp {
  padding: 0.5rem;
  line-height: 0.7; }

.append-around-low-resolution {
  display: block !important; }
  @media only screen and (min-width: 60em) {
    .append-around-low-resolution {
      display: none !important; } }

.append-around-high-resolution {
  display: none !important; }
  @media only screen and (min-width: 60em) {
    .append-around-high-resolution {
      display: block !important; } }

.autocomplete-suggestions {
  background-color: white;
  border: 1px solid #2a2a2a;
  font-size: 14px;
  font-size: 0.77778rem;
  line-height: 1.45;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: left; }
  @media only screen and (min-width: 48em) {
    .autocomplete-suggestions {
      font-size: 18px;
      font-size: 1rem; } }

.autocomplete-suggestion {
  border-top: 1px dashed #2a2a2a;
  cursor: pointer;
  padding: 0.5em; }
  .autocomplete-suggestion:first-child {
    border-top: none; }
  .autocomplete-suggestion.autocomplete-selected {
    background-color: #2a2a2a; }

#demandbase-autocomplete .ui-widget {
  z-index: 11 !important; }

.badge-primary, .badge-secondary, .badge-tertiary, .badge-action {
  border-radius: 8px;
  cursor: default;
  display: inline-block;
  font-size: 12px;
  font-size: 0.66667rem;
  margin-right: 0.5em;
  padding: 0.5em; }

[class^="badge-"] + [class^="badge-"] {
  margin-top: 0.5em; }

.badge-primary {
  background-color: #fefefe;
  color: white; }

.badge-secondary {
  background-color: #292929;
  color: white; }

.badge-tertiary {
  background-color: #e1e1e1;
  color: white; }

.badge-action {
  background-color: #29a5d6;
  color: white; }

.banner {
  position: relative;
  text-align: center;
  vertical-align: middle; }
  @media only screen and (min-width: 60em) {
    .banner {
      text-align: left; }
      .banner .td {
        padding: 16px 0; } }
  .banner.-ribbon {
    background-image: url("head/banner-ribbon.png"); }
  .banner .mobile-only {
    max-width: 400px;
    width: 100%; }
  .banner .image {
    margin-bottom: 16px; }
    @media only screen and (min-width: 60em) {
      .banner .image {
        margin: 0;
        padding: 0;
        width: 400px; } }
  .banner .content {
    margin: 0 auto;
    padding: 0 24px;
    border: none; }
    @media only screen and (min-width: 60em) {
      .banner .content {
        padding-left: 16px;
        padding-right: 16px;
        vertical-align: middle;
        width: 22em; } }
    @media only screen and (min-width: 76.25em) {
      .banner .content {
        padding-left: 24px;
        width: 26em; } }
    .banner .content p {
      font-size: 18px;
      margin-bottom: 5px; }
      @media only screen and (min-width: 60em) {
        .banner .content p {
          font-size: 16px; } }
      @media only screen and (min-width: 76.25em) {
        .banner .content p {
          font-size: 18px; } }
      @media screen and (min-width: 1496px) {
        .banner .content p {
          font-size: 20px; } }
    .banner .content .btn-small {
      margin-bottom: 0;
      padding: .25em 1em;
      color: white; }
  .banner .countdown {
    padding: 5px 0 16px;
    width: 100%; }
    @media only screen and (min-width: 60em) {
      .banner .countdown {
        vertical-align: middle;
        width: 360px; }
        .banner .countdown .cloud-city-countdown {
          border-left: 1px solid #333;
          padding: 8px 0 16px; } }
  @media only screen and (min-width: 60em) {
    .banner .bg-home {
      background: no-repeat url("head/Engage_Countdown_Desktop_436x183_Final.png") center right;
      background-size: 100% auto; } }
  .banner .banner-close::before {
    content: "";
    font-family: "icomoon";
    font-size: 1.66667rem;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
    position: absolute;
    right: 0.44444em;
    top: 0.44444em;
    font-weight: 700;
    color: #29a5d6;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(241, 93, 34, 0.07);
    -webkit-transition: color 0.25s ease-out 0s;
    transition: color 0.25s ease-out 0s; }

/*
// DXP-1057 : HeaderBasic - Extra Margin at bottom 
// Removed extra padding
.header-basic {
	margin-bottom: rem(30);
	@include media(breakpointLarge) {
		margin-bottom: rem(60);
	}
}
*/
.header-form-basic {
  background-color: #fe5000;
  padding: 2em 0; }
  .header-form-basic h1 {
    color: #fff; }
    @media only screen and (min-width: 60em) {
      .header-form-basic h1 {
        font-size: 32px;
        font-size: 1.77778rem; } }
  @media only screen and (min-width: 60em) {
    .header-form-basic.header-emphasis h1 {
      font-size: 60px;
      font-size: 3.33333rem; } }

/*
.oldie .bg-image {
	background: none;
}*/
.hentry .entry-title {
  font-size: 22px;
  font-size: 1.22222rem; }

.hentry .fn {
  font-style: italic; }

.blog-recent figure {
  display: none; }

.blog-recent .hentry {
  margin-bottom: 1.11111em; }
  @media only screen and (min-width: 76.25em) {
    .blog-recent .hentry figure {
      display: block;
      float: right;
      width: 50%; }
      .blog-recent .hentry figure img {
        max-width: 100%; } }

.blog-recent .entry-title {
  font-size: 16px;
  font-size: 0.88889rem; }
  @media only screen and (min-width: 48em) {
    .blog-recent .entry-title {
      font-size: 18px;
      font-size: 1rem; } }
  @media only screen and (min-width: 76.25em) {
    .blog-recent .entry-title {
      box-sizing: border-box;
      float: left;
      padding-right: 10px;
      width: 50%; } }

button,
.btn, .btn-secondary, .btn-secondary-corporate, .btn-corporate, .btn-white, .btn-primary-with-border {
  font-size: 14px;
  font-size: 0.77778rem;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border-radius: 5px;
  border-style: solid;
  border-width: 3px;
  cursor: pointer;
  display: inline-block;
  margin: .7em .7em .7em 0;
  padding: 0.71429em 1em;
  text-align: center; }
  button:hover,
  .btn:hover, .btn-secondary:hover, .btn-secondary-corporate:hover, .btn-corporate:hover, .btn-white:hover, .btn-primary-with-border:hover, button:active,
  .btn:active, .btn-secondary:active, .btn-secondary-corporate:active, .btn-corporate:active, .btn-white:active, .btn-primary-with-border:active, button:focus,
  .btn:focus, .btn-secondary:focus, .btn-secondary-corporate:focus, .btn-corporate:focus, .btn-white:focus, .btn-primary-with-border:focus {
    background-color: #046e96;
    border-color: #046e96;
    color: #fff; }
  button.btn-full-width,
  .btn-full-width.btn, .btn-full-width.btn-secondary, .btn-full-width.btn-secondary-corporate, .btn-full-width.btn-corporate, .btn-full-width.btn-white, .btn-full-width.btn-primary-with-border {
    box-sizing: border-box;
    display: block;
    margin-right: 0;
    margin-top: 0.88889em;
    text-align: left;
    width: 100%; }
    button.btn-full-width:first-child,
    .btn-full-width.btn:first-child, .btn-full-width.btn-secondary:first-child, .btn-full-width.btn-secondary-corporate:first-child, .btn-full-width.btn-corporate:first-child, .btn-full-width.btn-white:first-child, .btn-full-width.btn-primary-with-border:first-child {
      margin-top: 0; }
  button.btn-small,
  .btn-small.btn, .btn-small.btn-secondary, .btn-small.btn-secondary-corporate, .btn-small.btn-corporate, .btn-small.btn-white, .btn-small.btn-primary-with-border {
    font-size: 14px;
    font-size: 0.77778rem;
    padding: 0.42857em 0.85714em; }
  button.video-play,
  .video-play.btn, .video-play.btn-secondary, .video-play.btn-secondary-corporate, .video-play.btn-corporate, .video-play.btn-white, .video-play.btn-primary-with-border {
    background-image: url("head/s-VideoPlay-small.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    padding-right: 2.77778em; }

button[disabled="disabled"],
.btn[disabled="disabled"], .btn-sidebar[disabled="disabled"] {
  background-color: #cacaca;
  border-color: #6c6c6c;
  color: #fff;
  opacity: .5; }
  button[disabled="disabled"]:hover,
  .btn[disabled="disabled"]:hover, .btn-sidebar[disabled="disabled"]:hover, button[disabled="disabled"]:active,
  .btn[disabled="disabled"]:active, .btn-sidebar[disabled="disabled"]:active, button[disabled="disabled"]:focus,
  .btn[disabled="disabled"]:focus, .btn-sidebar[disabled="disabled"]:focus {
    background-color: #cacaca;
    border: 3px solid #6c6c6c;
    color: #fff; }

button,
.btn {
  background-color: #29a5d6;
  border-color: #29a5d6;
  color: #fff; }
  @media only screen and (min-width: 76.25em) {
    button,
    .btn {
      font-size: 18px;
      font-size: 1rem; } }
  button.-corduroy,
  .btn.-corduroy {
    background-color: #5b5c5c;
    border-color: #5b5c5c; }
    button.-corduroy:hover, button.-corduroy:active, button.-corduroy:focus,
    .btn.-corduroy:hover,
    .btn.-corduroy:active,
    .btn.-corduroy:focus {
      background-color: #413e41;
      border-color: #413e41;
      color: #fff; }
  button.btn-green,
  .btn.btn-green {
    background-color: #36ba2f;
    border-color: #36ba2f; }
    button.btn-green:hover, button.btn-green:active, button.btn-green:focus,
    .btn.btn-green:hover,
    .btn.btn-green:active,
    .btn.btn-green:focus {
      background-color: #2a9125;
      border-color: #2a9125; }
  button.btn-blue,
  .btn.btn-blue {
    background-color: #ffffff;
    border-color: #29a5d6;
    color: #29a5d6; }
    button.btn-blue.icon-document,
    .btn.btn-blue.icon-document {
      background: url("head/bg-resource-downloads-li.png") left 6px no-repeat;
      background-position: 4px 10px;
      padding-left: 40px; }
    button.btn-blue.icon-documents,
    .btn.btn-blue.icon-documents {
      background: url("head/bg-resource-downloads-li.png") left 6px no-repeat;
      background-position: 5px -95px;
      padding-left: 40px; }
    button.btn-blue:hover, button.btn-blue:active, button.btn-blue:focus,
    .btn.btn-blue:hover,
    .btn.btn-blue:active,
    .btn.btn-blue:focus {
      color: #2184ab;
      border-color: #2184ab; }

.btn-text {
  font-size: 14px;
  font-size: 0.77778rem;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
  display: inline-block;
  margin: .7em .7em .7em 0;
  padding: 0.71429em 1em; }

.btn-secondary {
  background-color: #36ba2f;
  border-color: #36ba2f;
  color: #fff; }
  .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
    background-color: #0B8005;
    border-color: #0B8005;
    color: #fff; }
  @media only screen and (min-width: 76.25em) {
    .btn-secondary {
      font-size: 18px;
      font-size: 1rem; } }

.btn-secondary-corporate {
  background-color: transparent;
  border-color: #29a5d6;
  color: #29a5d6; }
  @media only screen and (min-width: 76.25em) {
    .btn-secondary-corporate {
      font-size: 18px;
      font-size: 1rem; } }

.btn-corporate {
  background-color: #fe5000;
  border-color: transparent;
  color: #fff; }
  .btn-corporate:hover, .btn-corporate:active, .btn-corporate:focus {
    background-color: #983000;
    border-color: transparent; }
  @media only screen and (min-width: 76.25em) {
    .btn-corporate {
      font-size: 18px;
      font-size: 1rem; } }

.btn-white {
  background-color: transparent;
  border-color: #fff;
  color: #fff; }
  .btn-white:hover, .btn-white:active, .btn-white:focus {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    border-color: #fff;
    color: #29a5d6; }
  @media only screen and (min-width: 76.25em) {
    .btn-white {
      font-size: 18px;
      font-size: 1rem; } }

.btn-primary-with-border {
  background-color: #29a5d6;
  border-color: #fff;
  color: #fff; }
  .btn-primary-with-border:hover, .btn-primary-with-border:active, .btn-primary-with-border:focus {
    background-color: #046e96;
    border-color: #fff;
    color: #fff; }
  @media only screen and (min-width: 76.25em) {
    .btn-primary-with-border {
      font-size: 18px;
      font-size: 1rem; } }

.btn-loading {
  background-image: url("head/fancybox-loading.gif");
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 34px; }
  .btn-loading.btn-small {
    padding-left: 34px; }

.btn-sidebar, .btn-secondary-sidebar {
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  font-size: 22px;
  font-size: 1.22222rem;
  margin: 0.71429em 0.71429em 0.71429em 0;
  padding: 0.71429em 1em;
  text-align: center;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear; }
  .btn-sidebar:hover, .btn-secondary-sidebar:hover, .btn-sidebar:active, .btn-secondary-sidebar:active, .btn-sidebar:focus, .btn-secondary-sidebar:focus {
    background-color: #046e96;
    border-color: #046e96;
    color: #fff; }
  .btn-full-width.btn-sidebar, .btn-full-width.btn-secondary-sidebar {
    box-sizing: border-box;
    display: block;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
    text-align: left;
    width: 100%;
    padding: 20px; }
    @media only screen and (min-width: 60em) {
      .btn-full-width.btn-sidebar:first-child, .btn-full-width.btn-secondary-sidebar:first-child {
        margin-top: 3em; } }
  .btn-small.btn-sidebar, .btn-small.btn-secondary-sidebar {
    font-size: 14px;
    font-size: 0.77778rem;
    padding: 0.42857em 0.85714em; }

.btn-sidebar {
  background-color: #29a5d6;
  background-image: url("head/arrow-transparent-cta1.png");
  background-repeat: no-repeat;
  background-position: 98% 50%;
  border-bottom: 1px solid #ffffff;
  color: #fff; }
  .btn-sidebar:hover, .btn-sidebar:active, .btn-sidebar:focus {
    border-bottom: 1px solid #ffffff;
    color: #fff; }
  @media only screen and (min-width: 48em) {
    .btn-sidebar {
      font-size: 14px;
      font-size: 0.77778rem; } }
  @media only screen and (min-width: 76.25em) {
    .btn-sidebar {
      font-size: 22px;
      font-size: 1.22222rem; } }

.btn-secondary-sidebar {
  background-color: #36ba2f;
  background-image: url("head/arrow-transparent-cta1.png");
  background-repeat: no-repeat;
  background-position: 98% 50%;
  color: #fff; }
  .btn-secondary-sidebar:hover, .btn-secondary-sidebar:active, .btn-secondary-sidebar:focus {
    background-color: #0B8005;
    border-color: #0B8005;
    color: #fff; }
  @media only screen and (min-width: 48em) {
    .btn-secondary-sidebar {
      font-size: 14px;
      font-size: 0.77778rem; } }
  @media only screen and (min-width: 76.25em) {
    .btn-secondary-sidebar {
      font-size: 22px;
      font-size: 1.22222rem; } }

.video-outer-wrapper .btn-play-video {
  font-weight: 800; }
  .video-outer-wrapper .btn-play-video:after {
    content: url("head/play-button.png");
    left: 10px;
    position: relative;
    top: 10px; }
  .video-outer-wrapper .btn-play-video span {
    font-weight: 400; }

.playbutton a {
  color: #ffffff;
  font-weight: 800;
  line-height: 1.1em;
  letter-spacing: -.03em;
  text-decoration: none;
  font-size: 26px;
  font-size: 1.44444rem;
  -webkit-transition: color 0.3s linear;
  transition: color 0.3s linear;
  text-shadow: 1px 1px 1px rgba(241, 93, 34, 0.07); }
  .playbutton a:hover, .playbutton a:active, .playbutton a:focus {
    color: #ffad38; }
  .playbutton a:after {
    content: url("head/play-button-white.png");
    margin-left: 8px;
    position: relative;
    top: 5px; }

@media only screen and (min-width: 48em) {
  .playbutton {
    font-size: 26px;
    font-size: 1.44444rem; } }

.learn a {
  color: #ffffff;
  font-weight: 800;
  line-height: 1.1em;
  letter-spacing: -.03em;
  text-decoration: none;
  font-size: 26px;
  font-size: 1.44444rem;
  -webkit-transition: color 0.3s linear;
  transition: color 0.3s linear;
  text-shadow: 1px 1px 1px rgba(241, 93, 34, 0.07); }
  .learn a:hover, .learn a:active, .learn a:focus {
    color: #ffad38; }
  .learn a:after {
    content: " \00203A";
    margin-left: 8px; }

@media only screen and (min-width: 48em) {
  .learn {
    font-size: 26px;
    font-size: 1.44444rem; } }

span .chatbtn {
  background-image: url("head/home-slide-cta-arrow2.png");
  background-position: 5px 13px;
  background-repeat: no-repeat;
  color: #ffffff !important;
  display: inline-block;
  font-size: 14px;
  height: 26px;
  padding: 8px 24px 4px 30px;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s; }
  span .chatbtn a {
    color: #ffffff !important;
    font-weight: 800;
    line-height: 1.1em;
    letter-spacing: -.03em;
    text-decoration: none;
    font-size: 26px;
    font-size: 1.44444rem;
    -webkit-transition: color 0.3s linear;
    transition: color 0.3s linear;
    text-shadow: 1px 1px 1px rgba(241, 93, 34, 0.07); }
  span .chatbtn:hover, span .chatbtn:active, span .chatbtn:focus {
    background-color: #292929;
    background-image: url("head/home-slide-cta-arrow2-hover.png");
    background-position: 5px 13px;
    color: #ffffff !important; }

.callout, .callout-dark {
  box-sizing: border-box;
  margin-top: 0.55556em;
  padding: 2.5em; }
  .callout:first-child, .callout-dark:first-child {
    margin-top: 0; }

.callout {
  background: #e0e0e0; }

.callout-dark {
  background: #414042; }

.ctabar {
  padding: 1.33333em;
  /*
    <white jcr:primaryType="nt:unstructured" text="White" value="bg-white" />
    <lightgrey jcr:primaryType="nt:unstructured" text="Light Grey" value="bg-seashell" />
    <darkgrey jcr:primaryType="nt:unstructured" text="Dark Grey" value="bg-ship-gray" />
    <mediumgrey jcr:primaryType="nt:unstructured" text="Medium Grey" value="bg-corduroy" />
  */ }
  @media only screen and (min-width: 48em) {
    .ctabar {
      padding: 2.66667em; } }
  .ctabar.bg-ship-gray, .ctabar.bg-corduroy {
    color: #fff; }
    .ctabar.bg-ship-gray h2, .ctabar.bg-corduroy h2 {
      color: #fff;
      display: block; }
    .ctabar.bg-ship-gray .tagline, .ctabar.bg-corduroy .tagline {
      display: none; }
    .ctabar.bg-ship-gray .ctabar__ctaheader, .ctabar.bg-corduroy .ctabar__ctaheader {
      display: block; }
      @media only screen and (min-width: 60em) {
        .ctabar.bg-ship-gray .ctabar__ctaheader, .ctabar.bg-corduroy .ctabar__ctaheader {
          font-size: 30px;
          font-size: 1.66667rem;
          margin-bottom: .25em; } }
  .ctabar.bg-white .tagline, .ctabar.header-generic .tagline,
  .ctabar.header-brand .tagline, .ctabar.bg-seashell .tagline {
    display: block;
    font-size: 30px;
    font-size: 1.66667rem;
    margin-bottom: .25em; }
    .ctabar.bg-white .tagline p, .ctabar.header-generic .tagline p,
    .ctabar.header-brand .tagline p, .ctabar.bg-seashell .tagline p {
      font-size: inherit;
      margin-bottom: 0; }
  .ctabar.bg-white .ctabar__ctaheader, .ctabar.header-generic .ctabar__ctaheader,
  .ctabar.header-brand .ctabar__ctaheader, .ctabar.bg-seashell .ctabar__ctaheader {
    display: none; }
  .ctabar.bg-white .ctabar__buttonwrap-item, .ctabar.header-generic .ctabar__buttonwrap-item,
  .ctabar.header-brand .ctabar__buttonwrap-item, .ctabar.bg-seashell .ctabar__buttonwrap-item {
    padding: 8px; }
  .ctabar .tagline {
    font-size: 30px;
    font-size: 1.66667rem; }
  .ctabar h2 {
    display: none; }
  @media only screen and (min-width: 48em) {
    .ctabar .ctabar__buttonwrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  .ctabar .ctabar__buttonwrap-item {
    box-sizing: border-box;
    padding: 16px 32px;
    text-align: center; }
    .ctabar .ctabar__buttonwrap-item + .ctabar__buttonwrap-item {
      border-top: 1px solid #5b5c5c; }
      @media only screen and (min-width: 48em) {
        .ctabar .ctabar__buttonwrap-item + .ctabar__buttonwrap-item {
          border-top: 0;
          border-left: 1px solid #5b5c5c; } }
    @media only screen and (min-width: 48em) {
      .ctabar .ctabar__buttonwrap-item {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 50%;
                flex: 1 1 50%; } }

.contextual-tooltip {
  border-radius: 50%;
  background-color: #29a5d6;
  color: #fff;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  display: inline-block;
  text-align: center;
  font-size: 0.8em;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  bottom: 1px;
  margin: 0 0.5em; }

.cloud-city-tophtml {
  clear: both;
  margin: 0 auto 10px;
  padding: 0; }

.cloud-city-dashboard {
  margin: 0 auto;
  text-align: center;
  width: 100%; }

.cloud-city-tophtml,
.cloud-city-dash_title {
  color: #414042;
  text-align: center;
  font-size: 14px; }
  @media only screen and (min-width: 48em) {
    .cloud-city-tophtml,
    .cloud-city-dash_title {
      font-size: 16px; } }
  @media only screen and (min-width: 76.25em) {
    .cloud-city-tophtml,
    .cloud-city-dash_title {
      font-size: 18px; } }

.cloud-city-dash_title {
  font-size: 12px; }
  @media only screen and (min-width: 48em) {
    .cloud-city-dash_title {
      font-size: 14px; } }
  @media only screen and (min-width: 76.25em) {
    .cloud-city-dash_title {
      font-size: 16px; } }

.cloud-city-dash {
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
  padding-bottom: 22px;
  position: relative;
  color: #fff;
  white-space: nowrap; }
  @media only screen and (min-width: 30em) {
    .cloud-city-dash {
      padding-bottom: 24px; } }
  @media only screen and (min-width: 48em) {
    .cloud-city-dash {
      padding-bottom: 23px; } }
  @media only screen and (min-width: 60em) {
    .cloud-city-dash {
      padding-bottom: 24px; } }
  @media only screen and (min-width: 76.25em) {
    .cloud-city-dash {
      padding-bottom: 26px; } }

.cloud-city-digit {
  background: #faf9f6;
  border-bottom: 1px solid #c6c6c6;
  border-radius: 5px;
  color: #313131;
  display: inline-block;
  font-size: 2.5em;
  height: 1.5em;
  line-height: 1.5em;
  margin-right: -3px;
  position: relative;
  text-shadow: 0 1px 0 #fff;
  vertical-align: top;
  width: 1em; }

.cloud-city-digit {
  background: #333;
  color: #fff;
  font-size: 1.5em;
  text-shadow: 0 1px 0 #fff;
  width: 1em; }
  @media only screen and (min-width: 30em) {
    .cloud-city-digit {
      font-size: 1.75em; } }
  @media only screen and (min-width: 48em) {
    .cloud-city-digit {
      font-size: 2em; } }
  @media only screen and (min-width: 60em) {
    .cloud-city-digit {
      font-size: 1.75em; } }
  @media only screen and (min-width: 76.25em) {
    .cloud-city-digit {
      font-size: 2.25em; } }

.cloud-city-dash_title {
  display: block;
  position: absolute;
  width: 100%;
  margin: 0;
  bottom: 0;
  white-space: nowrap; }

.cloud-city-countdown.-sm .cloud-city-digit {
  font-size: 1.25em; }
  @media only screen and (min-width: 30em) {
    .cloud-city-countdown.-sm .cloud-city-digit {
      font-size: 1.5em; } }
  @media only screen and (min-width: 48em) {
    .cloud-city-countdown.-sm .cloud-city-digit {
      font-size: 1.75em; } }
  @media only screen and (min-width: 60em) {
    .cloud-city-countdown.-sm .cloud-city-digit {
      font-size: 1.5em; } }
  @media only screen and (min-width: 76.25em) {
    .cloud-city-countdown.-sm .cloud-city-digit {
      font-size: 2em; } }

.divider, .product-landing .layout-secondary, .product-landing .layout-secondary-slim-side, .product-landing .layout-secondary-slim-side-grey, .product-landing .layout-secondary-cta-container, .product-landing .layout-secondary-shaded, .divider-secondary, .testimonial {
  border: none;
  margin-top: 32px;
  padding-top: 32px; }

.divider, .product-landing .layout-secondary, .product-landing .layout-secondary-slim-side, .product-landing .layout-secondary-slim-side-grey, .product-landing .layout-secondary-cta-container, .product-landing .layout-secondary-shaded {
  border-top: 1px solid #cccccc; }
  .divider.row, .product-landing .row.layout-secondary, .product-landing .row.layout-secondary-slim-side, .product-landing .row.layout-secondary-slim-side-grey, .product-landing .row.layout-secondary-cta-container, .product-landing .row.layout-secondary-shaded {
    margin-top: 0; }

.divider-secondary {
  border-top: 1px dashed #cccccc; }

/* Component Divider (not used as a styler, but instead for block component element) */
.dividers .divider, .dividers .product-landing .layout-secondary, .product-landing .dividers .layout-secondary, .dividers .product-landing .layout-secondary-slim-side, .product-landing .dividers .layout-secondary-slim-side, .dividers .product-landing .layout-secondary-slim-side-grey, .product-landing .dividers .layout-secondary-slim-side-grey, .dividers .product-landing .layout-secondary-cta-container, .product-landing .dividers .layout-secondary-cta-container, .dividers .product-landing .layout-secondary-shaded, .product-landing .dividers .layout-secondary-shaded {
  display: block;
  margin: .75rem 0; }

.layout-full-bleed > .dividers {
  padding: 0 1.25%; }
  .layout-full-bleed > .dividers .divider, .layout-full-bleed > .dividers .product-landing .layout-secondary, .product-landing .layout-full-bleed > .dividers .layout-secondary, .layout-full-bleed > .dividers .product-landing .layout-secondary-slim-side, .product-landing .layout-full-bleed > .dividers .layout-secondary-slim-side, .layout-full-bleed > .dividers .product-landing .layout-secondary-slim-side-grey, .product-landing .layout-full-bleed > .dividers .layout-secondary-slim-side-grey, .layout-full-bleed > .dividers .product-landing .layout-secondary-cta-container, .product-landing .layout-full-bleed > .dividers .layout-secondary-cta-container, .layout-full-bleed > .dividers .product-landing .layout-secondary-shaded, .product-landing .layout-full-bleed > .dividers .layout-secondary-shaded {
    margin: 1.85rem 0 0;
    padding: 0 0 1.25rem; }

.layout-secondary .dividers {
  display: none; }

/* jQuery Dropdown: A simple dropdown plugin
 *
 * Contribute: https://github.com/claviska/jquery-dropdown
 *
 * @license: MIT license: http://opensource.org/licenses/MIT
 *
 */
.jq-dropdown {
  display: none;
  max-width: 100%;
  position: absolute;
  z-index: 1039; }

.jq-dropdown .jq-dropdown-menu,
.jq-dropdown .jq-dropdown-panel {
  background: rgba(255, 255, 255, 0.9);
  border: solid 1px #a7a9ac;
  border-radius: 4px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
  list-style: none;
  margin: 0;
  max-width: 400px;
  min-width: 200px;
  overflow: visible;
  padding: 10px; }

.jq-dropdown .jq-dropdown-panel {
  padding: 10px; }

.jq-dropdown.jq-dropdown-tip {
  margin-top: 12px; }

.jq-dropdown.jq-dropdown-tip:before {
  content: "";
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 11px solid #a7a9ac;
  display: inline-block;
  left: 50%;
  margin-left: -11px;
  position: absolute;
  top: -10px; }

.jq-dropdown.jq-dropdown-tip:after {
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  display: inline-block;
  left: 50%;
  margin-left: -10px;
  position: absolute;
  top: -9px; }

.jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:before {
  left: auto;
  right: 9px; }

.jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:after {
  left: auto;
  right: 10px; }

.jq-dropdown.jq-dropdown-scroll .jq-dropdown-menu,
.jq-dropdown.jq-dropdown-scroll .jq-dropdown-panel {
  max-height: 240px;
  overflow-y: auto; }

.jq-dropdown .jq-dropdown-menu li {
  border-bottom: 1px solid #a7a9ac;
  line-height: 18px;
  list-style: none;
  margin: 0;
  padding: 0; }

.jq-dropdown .jq-dropdown-menu li > *,
.jq-dropdown .jq-dropdown-menu label {
  color: inherit;
  display: block;
  line-height: 36px;
  padding: 0 12px;
  margin: 0;
  text-decoration: none;
  /*white-space: nowrap;*/ }

.jq-dropdown .jq-dropdown-menu li > *:hover,
.jq-dropdown .jq-dropdown-menu label:hover {
  color: #000;
  cursor: pointer; }

.jq-dropdown.jq-dropdown-relative {
  width: 100%; }

.jq-dropdown-trigger {
  box-sizing: border-box;
  background: #fff;
  display: inline-block;
  height: 42px;
  padding-left: 1.25em;
  padding-right: 60px;
  position: relative; }
  .jq-dropdown-trigger > span {
    color: #414042;
    display: inline-block;
    line-height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%; }
    .jq-dropdown-trigger > span:after {
      background: #fe5000;
      content: "";
      display: block;
      height: 22px;
      position: absolute;
      right: 40px;
      top: 10px;
      width: 1px; }
  .jq-dropdown-trigger svg {
    fill: #fe5000;
    position: absolute;
    right: 10px;
    top: 10px; }
  .jq-dropdown-trigger.jq-dropdown-orange {
    background: #fe5000; }
    .jq-dropdown-trigger.jq-dropdown-orange > span {
      color: #fff; }
      .jq-dropdown-trigger.jq-dropdown-orange > span:after {
        background: #fff; }
    .jq-dropdown-trigger.jq-dropdown-orange svg {
      fill: #fff; }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  border: 0;
  margin: 0;
  outline: none;
  padding: 0;
  vertical-align: top; }

.fancybox-wrap {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 8020; }

.fancybox-skin {
  background: white;
  border-radius: 4px;
  color: #444;
  position: relative;
  text-shadow: none; }

.fancybox-opened {
  z-index: 8030; }

.fancybox-opened .fancybox-skin {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner {
  position: relative; }

.fancybox-inner {
  overflow: hidden; }

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch; }

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap; }

.fancybox-image, .fancybox-iframe {
  display: block;
  height: 100%;
  width: 100%; }

.fancybox-image {
  max-height: 100%;
  max-width: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("head/fancybox-sprite.png"); }

#fancybox-loading {
  background-position: 0 -108px;
  cursor: pointer;
  left: 50%;
  margin-left: -22px;
  margin-top: -22px;
  opacity: 0.8;
  position: fixed;
  top: 50%;
  z-index: 8060; }

#fancybox-loading div {
  background: url("head/fancybox-loading.gif") center center no-repeat;
  height: 44px;
  width: 44px; }

.fancybox-close {
  cursor: pointer;
  height: 36px;
  position: absolute;
  right: -18px;
  top: -18px;
  width: 36px;
  z-index: 8040; }

.fancybox-nav {
  background: transparent url("head/fancybox-blank.gif");
  /* helps IE */
  cursor: pointer;
  height: 84%;
  position: absolute;
  text-decoration: none;
  top: 0;
  -webkit-tap-highlight-color: transparent;
  width: 40%;
  z-index: 8040; }

.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

.fancybox-nav span {
  cursor: pointer;
  height: 34px;
  margin-top: -18px;
  position: absolute;
  top: 58%;
  visibility: hidden;
  width: 36px;
  z-index: 8040; }

.fancybox-prev span {
  background-position: 0 -36px;
  left: 10px; }

.fancybox-next span {
  background-position: 0 -72px;
  right: 10px; }

.fancybox-nav:hover span {
  visibility: visible; }

.fancybox-tmp {
  left: -99999px;
  max-height: 99999px;
  max-width: 99999px;
  overflow: visible !important;
  position: absolute;
  top: -99999px;
  visibility: hidden; }

/* Overlay helper */
.fancybox-lock {
  overflow: visible !important;
  width: auto; }

.fancybox-lock body {
  overflow: hidden !important; }

.fancybox-lock-test {
  overflow-y: hidden !important; }

.fancybox-overlay {
  background: rgba(0, 0, 0, 0.8);
  display: none;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 8010; }
  .no-rgba .fancybox-overlay {
    background: black; }

.fancybox-overlay-fixed {
  bottom: 0;
  position: fixed;
  right: 0; }

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll; }

/* Title helper */
.fancybox-title {
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  visibility: hidden;
  z-index: 8050; }

.fancybox-opened .fancybox-title {
  visibility: visible; }

.fancybox-title-float-wrap {
  padding-top: .5em;
  margin-bottom: -35px;
  position: absolute;
  right: 50%;
  text-align: center;
  z-index: 8050; }

.fancybox-title-float-wrap .child {
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  display: inline-block;
  font-weight: bold;
  line-height: 24px;
  margin-right: -100%;
  padding: 2px 20px; }

.fancybox-title-outside-wrap {
  color: #fff;
  margin-top: 10px;
  position: relative; }

.fancybox-title-inside-wrap {
  padding-top: 10px; }

.fancybox-title-over-wrap {
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 10px; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("head/fancybox-sprite-2x.png");
    background-size: 44px 152px; }
  #fancybox-loading div {
    background-image: url("head/fancybox-loading-2x.gif");
    background-size: 24px 24px; }
  .fancybox-dialog .fancybox-title {
    background-image: url("head/alert-caution-2x.png");
    background-size: 16px 16px; } }

.fancybox-dialog .fancybox-skin {
  background-color: #f5f5f5;
  border-radius: 0;
  color: #666; }

.fancybox-dialog .fancybox-title {
  background: url("head/alert-caution-1x.png") no-repeat 2px 18px;
  border-bottom: 1px solid #ccc;
  color: #ff4604;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: .05em;
  margin: 0 15px;
  padding: 16px 0 16px 28px;
  z-index: 8040; }

.fancybox-dialog .fancybox-close {
  background: url("head/alert-close.png") no-repeat center center;
  display: block;
  height: 12px;
  padding: 4px;
  right: 16px;
  top: 18px;
  width: 12px;
  z-index: 8050; }

.fancybox-dialog .fancybox-content {
  box-sizing: border-box;
  height: 100%;
  max-height: 400px;
  padding: 0 16px 75px;
  position: relative;
  width: 100%; }
  .fancybox-dialog .fancybox-content .title {
    color: #000;
    font-size: 16px;
    font-weight: 300; }
  .fancybox-dialog .fancybox-content .messages {
    box-sizing: border-box;
    height: 100%;
    overflow-y: auto;
    padding-top: 20px; }
    .fancybox-dialog .fancybox-content .messages .action-button {
      display: none; }
  .fancybox-dialog .fancybox-content .message {
    color: #666;
    font-size: 14px;
    font-weight: 300; }
  .fancybox-dialog .fancybox-content .link {
    font-size: 14px;
    font-weight: 300;
    margin-top: -1.3em; }
    .fancybox-dialog .fancybox-content .link a {
      color: #ff4f11; }
      .fancybox-dialog .fancybox-content .link a:hover {
        text-decoration: underline; }
  .fancybox-dialog .fancybox-content .action {
    background-color: #f5f5f5;
    border-top: 1px solid #bbb5b4;
    bottom: 0;
    box-sizing: border-box;
    left: 15px;
    padding: 17px 0;
    position: absolute;
    right: 15px; }
    .fancybox-dialog .fancybox-content .action .action-button {
      float: right; }
  .fancybox-dialog .fancybox-content .action-button,
  .fancybox-dialog .fancybox-content .action-checkbox {
    display: inline-block;
    font-size: 14px;
    line-height: 20px; }
  .fancybox-dialog .fancybox-content .action-button {
    margin: 0;
    padding: 7px 14px; }
    .fancybox-dialog .fancybox-content .action-button:disabled {
      opacity: .5; }
  .fancybox-dialog .fancybox-content .action-checkbox {
    padding: 10px 0 10px 15px;
    text-indent: -15px; }
    .fancybox-dialog .fancybox-content .action-checkbox input {
      height: 13px;
      margin: 0 1ex 0 0;
      padding: 0;
      position: relative;
      top: -1px;
      vertical-align: middle;
      width: 13px; }

.touch .fancybox-dialog .fancybox-content {
  padding-bottom: 50px; }
  .touch .fancybox-dialog .fancybox-content .messages .action-button {
    display: inline-block; }
  .touch .fancybox-dialog .fancybox-content .action {
    padding: 4px 0 6px; }
    .touch .fancybox-dialog .fancybox-content .action .action-button {
      display: none; }

.feature-blog {
  background: #c8c8c8;
  color: #7b95ac;
  padding: 2em 0 2em 0;
  text-align: center; }
  .feature-blog h1 {
    color: #ffffff !important; }
  .feature-blog .section-header {
    color: #7b95ac;
    font-weight: 600;
    margin-bottom: 1.6em; }
  .feature-blog a {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    color: #29a5d6; }
    .feature-blog a:hover {
      color: #fe5000; }
  .feature-blog .hentry {
    margin-bottom: 0;
    text-align: center; }
    .feature-blog .hentry h3 {
      font-size: 22px;
      font-size: 1.22222rem;
      margin-top: 0; }
    @media only screen and (min-width: 76.25em) {
      .feature-blog .hentry {
        text-align: left; } }
  .feature-blog .author {
    font-size: 14px;
    font-size: 0.77778rem; }
    @media only screen and (min-width: 60em) {
      .feature-blog .author {
        margin-bottom: 0; } }
  @media only screen and (min-width: 60em) {
    .feature-blog {
      text-align: left; } }

.feature-case-studies {
  background: transparent;
  padding: 3em 0;
  position: relative;
  text-align: center; }
  .feature-case-studies h3 {
    color: #fff; }
  .feature-case-studies .case-study a {
    background-color: rgba(51, 51, 51, 0.26);
    box-sizing: border-box;
    display: inline-block;
    max-width: 100%;
    padding: .875em; }
  @media only screen and (min-width: 60em) {
    .feature-case-studies {
      text-align: left; } }

.feature-contact {
  background: #f1f1f1; }
  .feature-contact .contact-information {
    width: 100%; }
    @media only screen and (min-width: 60em) {
      .feature-contact .contact-information {
        margin-right: 8.3%;
        width: 33.3%; } }
  .feature-contact .contact-form {
    width: 100%; }
    @media only screen and (min-width: 60em) {
      .feature-contact .contact-form {
        width: 58.3%; } }
  .feature-contact .contact-options {
    margin-top: 1.22222em; }
    .feature-contact .contact-options li {
      margin-bottom: 0.88889em; }

.feature-message {
  background: #ffffff !important;
  color: #fe5000;
  padding: 1.2em 0 1.2em 0;
  text-align: left; }
  .feature-message h2 {
    color: #fe5000;
    font-weight: 400;
    padding: 0 0 0.5em 0;
    font-size: 24px;
    font-size: 1.33333rem; }
    @media only screen and (min-width: 48em) {
      .feature-message h2 {
        font-size: 28px;
        font-size: 1.55556rem; } }
    @media only screen and (min-width: 60em) {
      .feature-message h2 {
        font-size: 32px;
        font-size: 1.77778rem; } }
    .feature-message h2 span {
      font-weight: 800; }

.feature-offerings {
  background: #414042;
  color: #fff; }
  .feature-offerings h1, .feature-offerings h2, .feature-offerings h3, .feature-offerings p {
    color: #7b95ac; }
  .feature-offerings h1 {
    font-size: 60px;
    font-size: 3.33333rem;
    margin-bottom: .15em; }
    @media only screen and (min-width: 48em) {
      .feature-offerings h1 {
        font-size: 90px;
        font-size: 5rem; } }
  .feature-offerings h2 {
    font-size: 30px;
    font-size: 1.66667rem;
    margin: 0 0 .85em; }
  .feature-offerings p {
    margin-bottom: 4em;
    max-width: 83.3%; }
  @media only screen and (min-width: 60em) {
    .feature-offerings {
      background: url("head/bg-feature-offerings.jpg") center center no-repeat;
      background-size: cover; } }
  .feature-offerings .btn:hover {
    color: #000; }

.feature-principles {
  background: #414042;
  color: #ffffff;
  padding: 2em 0 2em 0;
  text-align: left; }
  .feature-principles h2 {
    font-size: 32px;
    font-size: 1.77778rem;
    font-weight: 400;
    padding: 0;
    color: #ffffff !important; }
    .feature-principles h2 span {
      font-weight: 800; }
    @media only screen and (min-width: 48em) {
      .feature-principles h2 {
        font-size: 32px;
        font-size: 1.77778rem; } }
  .feature-principles .icon-label {
    color: #fff;
    font-size: 20px;
    font-size: 1.11111rem; }
    @media only screen and (min-width: 30em) {
      .feature-principles .icon-label {
        font-size: 20px;
        font-size: 1.11111rem; } }
    @media only screen and (min-width: 48em) {
      .feature-principles .icon-label {
        font-size: 20px;
        font-size: 1.11111rem; } }
    @media only screen and (min-width: 60em) {
      .feature-principles .icon-label {
        font-size: 20px;
        font-size: 1.11111rem; } }
    @media only screen and (min-width: 76.25em) {
      .feature-principles .icon-label {
        font-size: 32px;
        font-size: 1.77778rem; } }
  .feature-principles .columnleft {
    margin: 0 auto;
    width: 50%;
    margin-right: 10%;
    text-align: left;
    float: left; }
  .feature-principles .columnright {
    margin: 0 auto;
    width: 40%;
    margin-right: 0%;
    text-align: left;
    float: left; }
  .feature-principles .single-line {
    float: left;
    width: 10%; }
  .feature-principles .two-column {
    float: left;
    width: 100%; }
  .feature-principles .one-column {
    width: 100%; }

.feature-solutions {
  background: #414042;
  color: #ffffff;
  padding: 2em 0 2em 0;
  text-align: left; }
  .feature-solutions h1 {
    color: #fe5000 !important; }
  .feature-solutions h2 {
    font-size: 32px;
    font-size: 1.77778rem;
    font-weight: 400;
    padding: 0;
    color: #ffffff !important; }
    .feature-solutions h2 span {
      font-weight: 800; }
    @media only screen and (min-width: 48em) {
      .feature-solutions h2 {
        font-size: 32px;
        font-size: 1.77778rem; } }
  .feature-solutions h5 {
    font-size: 19px;
    font-size: 1.05556rem;
    font-weight: 800;
    padding: 0;
    color: #ffffff !important; }
    @media only screen and (min-width: 48em) {
      .feature-solutions h5 {
        font-size: 19px;
        font-size: 1.05556rem; } }
  .feature-solutions .section-header {
    color: #7b95ac;
    font-weight: 600;
    margin-bottom: 1.6em; }
  .feature-solutions .hentry {
    margin-bottom: 0;
    text-align: center; }
    @media only screen and (min-width: 76.25em) {
      .feature-solutions .hentry {
        text-align: left; } }
    .feature-solutions .hentry h3 {
      font-size: 22px;
      font-size: 1.22222rem;
      margin-top: 0; }
  .feature-solutions .author {
    font-size: 14px;
    font-size: .77778rem; }
    @media only screen and (min-width: 60em) {
      .feature-solutions .author {
        margin-bottom: 0; } }

.feature-success-stories {
  text-align: center; }
  .feature-success-stories figure {
    padding: 1em 0 1.5em; }
  .feature-success-stories figcaption,
  .feature-success-stories figcaption p {
    color: #413e41;
    font-size: 13px;
    line-height: 18px;
    margin: 0; }
  .feature-success-stories .va {
    display: block;
    height: 100px;
    margin: auto;
    white-space: nowrap;
    width: 150px; }
    .feature-success-stories .va img {
      vertical-align: middle; }
  .feature-success-stories .content-primary {
    background: transparent; }
    .feature-success-stories .content-primary .layout-inner-wrap {
      margin: auto;
      padding-bottom: 2em;
      padding-top: 3em; }
      @media only screen and (min-width: 48em) {
        .feature-success-stories .content-primary .layout-inner-wrap {
          max-width: 32em;
          min-width: 28em; } }
      @media only screen and (min-width: 76.25em) {
        .feature-success-stories .content-primary .layout-inner-wrap {
          min-width: 34em; } }
      @media only screen and (min-width: 76.25em) {
        .feature-success-stories .content-primary .layout-inner-wrap h1 {
          font-size: 71px;
          line-height: 85px; } }
      .feature-success-stories .content-primary .layout-inner-wrap p {
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }
        @media only screen and (min-width: 76.25em) {
          .feature-success-stories .content-primary .layout-inner-wrap p {
            font-size: 32px;
            line-height: 36px; } }
        .feature-success-stories .content-primary .layout-inner-wrap p strong {
          display: block; }
      .feature-success-stories .content-primary .layout-inner-wrap .actions .btn {
        font-weight: 700; }
        @media only screen and (min-width: 76.25em) {
          .feature-success-stories .content-primary .layout-inner-wrap .actions .btn {
            font-size: 19px; } }
  .feature-success-stories .content-secondary {
    background-color: rgba(255, 255, 255, 0.85); }

.offerings-list a {
  color: inherit;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear; }

.offerings-list a:hover {
  color: #7b95ac; }

.offerings-list li a:after {
  content: "\203A";
  padding-left: .5em; }

.offerings-list ul {
  margin:  2.22222em 0.77778em 0  2.22222em 0.77778em  1.94444em 0.77778em; }
  @media only screen and (min-width: 60em) {
    .offerings-list ul {
      margin-left: 0; } }

.offerings-list-products,
.offerings-list-expertise {
  width: 100%; }
  @media only screen and (min-width: 30em) {
    .offerings-list-products,
    .offerings-list-expertise {
      margin-left: 4.1%;
      width: 45.8%; } }

.offerings-highlights strong, .offerings-highlights em {
  font-size: 30px;
  font-size: 1.66667rem;
  font-style: normal; }

.offerings-highlights em {
  font-weight: 100; }

.offerings-highlights span {
  display: block; }

.offerings-highlights li {
  background-position: left 6px;
  background-repeat: no-repeat;
  padding-left: 2.5em; }

@media only screen and (min-width: 48em) {
  .offerings-highlights {
    width: 75%; } }

.statistic-time {
  background-image: url("head/bg-statistic-time.png"); }

.statistic-money {
  background-image: url("head/bg-statistic-money.png"); }

.statistic-arrow-up {
  background-image: url("head/bg-statistic-arrow-up.png"); }

.fourtune-500-home-page {
  background: #ffffff !important;
  color: #000000;
  padding: 1.2em 0 1.2em 0;
  text-align: center; }
  .fourtune-500-home-page p {
    font-size: 32px;
    font-size: 1.77778rem;
    color: #000000;
    font-weight: 400;
    padding: 0 0 0.5em 0;
    margin-bottom: 0px; }
    .fourtune-500-home-page p span {
      color: #fe5000; }
    @media only screen and (min-width: 48em) {
      .fourtune-500-home-page p {
        font-size: 32px;
        font-size: 1.77778rem; } }

.fourtune-500-full-width-banner {
  background: url("../../../fortune-500-bg-july-2016.png") center center no-repeat #ffffff;
  color: #000000; }
  .fourtune-500-full-width-banner .section {
    width: 100%;
    height: 359px;
    display: table; }
  .fourtune-500-full-width-banner .section-content {
    display: table-cell;
    vertical-align: middle; }
  .fourtune-500-full-width-banner .lead {
    margin-bottom: 0;
    background: rgba(255, 255, 255, 0.45);
    display: inline-block;
    padding: .5em; }
    .fourtune-500-full-width-banner .lead.-lg {
      font-size: 22px;
      font-size: 1.22222rem; }
      @media only screen and (min-width: 48em) {
        .fourtune-500-full-width-banner .lead.-lg {
          font-size: 28px;
          font-size: 1.55556rem; } }
      @media only screen and (min-width: 60em) {
        .fourtune-500-full-width-banner .lead.-lg {
          font-size: 36px;
          font-size: 2rem; } }
    .fourtune-500-full-width-banner .lead span {
      color: #fe5000; }

.fortune-500-seconday-layout {
  max-width: 320px; }
  .fortune-500-seconday-layout figcaption {
    margin-top: -8.5rem;
    color: white;
    margin-left: .5em; }
    .fortune-500-seconday-layout figcaption P {
      font-size: 1.1rem;
      margin-bottom: 0.5em !important; }
    .fortune-500-seconday-layout figcaption .note {
      font-size: .6rem; }
  @media only screen and (min-width: 48em) {
    .fortune-500-seconday-layout figcaption {
      margin-top: -5rem; }
      .fortune-500-seconday-layout figcaption P {
        font-size: .6rem; }
      .fortune-500-seconday-layout figcaption .note {
        font-size: .4rem; } }
  @media (min-width: 880px) and (max-width: 960px) {
    .fortune-500-seconday-layout figcaption {
      margin-top: -6rem; }
      .fortune-500-seconday-layout figcaption P {
        font-size: .8rem; }
      .fortune-500-seconday-layout figcaption .note {
        font-size: .5rem; } }
  @media only screen and (min-width: 60em) {
    .fortune-500-seconday-layout figcaption {
      margin-top: -6.9rem; }
      .fortune-500-seconday-layout figcaption P {
        font-size: .9rem; }
      .fortune-500-seconday-layout figcaption .note {
        font-size: .5rem; } }
  @media only screen and (min-width: 76.25em) {
    .fortune-500-seconday-layout figcaption {
      margin-top: -8.5rem; }
      .fortune-500-seconday-layout figcaption P {
        font-size: 1.1rem; }
      .fortune-500-seconday-layout figcaption .note {
        font-size: .6rem; } }

.fortune-500-bg-product {
  text-align: center; }
  .fortune-500-bg-product .video-thumbnail {
    position: relative; }
    .fortune-500-bg-product .video-thumbnail div {
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      top: 0px;
      background: rgba(255, 255, 255, 0.5); }
      .fortune-500-bg-product .video-thumbnail div img {
        max-height: 90%;
        margin: 2.5%;
        width: auto; }
        .fortune-500-bg-product .video-thumbnail div img:hover {
          -webkit-transform: scale(1.02);
          -ms-transform: scale(1.02);
              transform: scale(1.02); }
  .fortune-500-bg-product p {
    color: #fe5000;
    font-size: 20px;
    font-size: 1.11111rem;
    line-height: 25px;
    margin: 0 auto;
    text-align: center;
    max-width: 100%; }
    @media only screen and (min-width: 48em) {
      .fortune-500-bg-product p {
        font-size: 20px;
        font-size: 1.11111rem;
        line-height: 33px; } }
    @media only screen and (min-width: 60em) {
      .fortune-500-bg-product p {
        font-size: 20px;
        font-size: 1.11111rem;
        line-height: 33px; } }
  .fortune-500-bg-product .h2-legacy {
    font-size: 0.95rem; }
  .fortune-500-bg-product image {
    max-width: 100%;
    height: "auto"; }
  .fortune-500-bg-product .flex-wrap.py2, .fortune-500-bg-product .py2.cards-4-col, .fortune-500-bg-product .py2.cards-3-col, .fortune-500-bg-product .py2.education-cards, .fortune-500-bg-product .py2.events-cards {
    padding-top: 0;
    padding-bottom: 0; }
  @media only screen and (min-width: 60em) {
    .fortune-500-bg-product .flex-wrap, .fortune-500-bg-product .cards-4-col, .fortune-500-bg-product .cards-3-col, .fortune-500-bg-product .education-cards, .fortune-500-bg-product .events-cards {
      padding-top: .5rem;
      padding-bottom: .5rem; } }

.no-flexbox .fortune-500-bg-product .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .no-flexbox .fortune-500-bg-product .flex .flex-item {
    vertical-align: middle;
    display: inline-block;
    zoom: 1;
    *display: inline; }

.key-features .layout-inner-wrap {
  padding: 0; }

fieldset:not(#foo) input[type="radio"],
fieldset:not(#foo) input[type="checkbox"] {
  float: left;
  height: 1px;
  margin: 0;
  opacity: 0;
  padding: 0;
  width: 1px; }
  fieldset:not(#foo) input[type="radio"] + label,
  fieldset:not(#foo) input[type="checkbox"] + label {
    clear: none;
    display: inline-block;
    padding: 6px 5px 4px 27px;
    width: 100%; }
    fieldset:not(#foo) input[type="radio"] + label:before,
    fieldset:not(#foo) input[type="checkbox"] + label:before {
      font-family: "icomoon";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      margin-left: -1em;
      margin-right: 0.55556em; }
    fieldset:not(#foo) input[type="radio"] + label.inline,
    fieldset:not(#foo) input[type="checkbox"] + label.inline {
      display: inline-block; }

fieldset:not(#foo) input[type="radio"] + label:before {
  content: ""; }

fieldset:not(#foo) input[type="radio"]:active + label,
fieldset:not(#foo) input[type="radio"]:focus + label {
  color: #29a5d6; }

fieldset:not(#foo) input[type="radio"]:checked + label:before {
  content: ""; }

fieldset:not(#foo) input[type="checkbox"] + label:before {
  content: ""; }

fieldset:not(#foo) input[type="checkbox"]:active + label,
fieldset:not(#foo) input[type="checkbox"]:focus + label {
  color: #29a5d6; }

fieldset:not(#foo) input[type="checkbox"]:checked + label:before {
  content: ""; }

fieldset:not(#foo) .decorator-select:after {
  content: url("head/bg-select-arrow.png");
  height: 48px;
  pointer-events: none;
  position: absolute;
  right: 0px;
  top: -2px;
  width: 58px;
  z-index: 11; }

fieldset:not(#foo) .decorator-select select {
  outline: none; }

fieldset:not(#foo) .form-group.checkbox li,
fieldset:not(#foo) .form-group.radio li {
  margin: 0; }
  fieldset:not(#foo) .form-group.checkbox li input[type="radio"] + label,
  fieldset:not(#foo) .form-group.checkbox li input[type="checkbox"] + label,
  fieldset:not(#foo) .form-group.radio li input[type="radio"] + label,
  fieldset:not(#foo) .form-group.radio li input[type="checkbox"] + label {
    padding-left: 22px; }

fieldset:not(#foo) .aem-GridColumn {
  padding-left: 0; }

@media only screen and (min-width: 48em) {
  fieldset:not(#foo) .aem-GridColumn--default--6 {
    display: inline-block;
    float: none !important;
    vertical-align: top;
    width: calc(50% - 3px); } }

fieldset:not(#foo) .cmp-options {
  padding-top: 0;
  padding-bottom: 0; }
  fieldset:not(#foo) .cmp-options .form-group {
    margin-bottom: 0; }
    fieldset:not(#foo) .cmp-options .form-group > label {
      font-weight: bold;
      margin-top: 0.5rem; }
    fieldset:not(#foo) .cmp-options .form-group.checkbox {
      margin: 0; }
  fieldset:not(#foo) .cmp-options .decorator-select {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }

fieldset:not(#foo) .cmp-text {
  line-height: 1.45;
  font-size: 14px;
  font-size: 0.77778rem;
  margin: 0 0 1.78571em 0; }
  @media only screen and (min-width: 48em) {
    fieldset:not(#foo) .cmp-text {
      font-size: 16px;
      font-size: 0.88889rem;
      margin: 0 0 1.5em 0; } }
  @media only screen and (min-width: 76.25em) {
    fieldset:not(#foo) .cmp-text {
      font-size: 18px;
      font-size: 1rem; }
      fieldset:not(#foo) .cmp-text p.-oll {
        width: 50em; } }
  fieldset:not(#foo) .cmp-text :first-child {
    margin-top: 0; }

/*.oldie {
	fieldset {
		input[type='radio'],
		input[type='checkbox'] {
			& + span {
				margin-left: em(4);
				min-height: 20px;
			}
		}
	}
}*/
fieldset label.inline {
  display: inline-block;
  padding-right: 5px; }

.decorator-select {
  background: #e6e6e6;
  border: 2px solid #cacaca;
  border-radius: 5px;
  box-sizing: border-box;
  display: inline-block;
  height: 48px;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .decorator-select.validation-error, fieldset input.decorator-select[type="text"].validation-error,
  fieldset input.decorator-select[type="number"].validation-error,
  fieldset input.decorator-select[type="password"].validation-error,
  fieldset input.decorator-select[type="email"].validation-error,
  fieldset input.decorator-select[type="tel"].validation-error {
    background: #e6e6e6 url("head/icon-error.png") 0.44444em center no-repeat;
    padding: 0 0 0 1.77778em; }
  .decorator-select:active {
    border: 2px solid #29a5d6; }
  .decorator-select:first-child {
    margin-left: 0; }
  .decorator-select select {
    -webkit-appearance: none;
    background: transparent;
    border: none;
    box-sizing: border-box;
    color: black;
    display: block;
    height: 48px;
    padding: 6px 10px 6px 10px;
    position: relative;
    width: 100%;
    z-index: zIndex(content); }

.js input[type="file"] {
  visibility: hidden;
  width: 0px; }

.form-hidden {
  display: none !important; }

.modal-form-header .layout-inner-wrap .offset-hero-clear {
  margin: 0px;
  width: 100%; }

.modal-form-header .layout-inner-wrap .offset-hero-inner-wrap {
  width: 100%;
  margin-left: 0px;
  padding: 0px; }

.modal-form-thankyou .layout-full-bleed {
  padding: 0px; }

.cq-Editable-dom.cmp-form-field label {
  color: #fff; }

.icon-point-list {
  text-align: center; }
  .icon-point-list h3 {
    font-size: 1.25em; }
  .icon-point-list p {
    font-size: 0.85em; }

.icon-point-list-icon {
  display: inline-block;
  height: 50px;
  width: 50px; }

.icon-point-list-item {
  display: inline-block;
  box-sizing: border-box;
  margin-right: -0.25em;
  padding: 0.5em;
  vertical-align: top;
  text-align: center;
  width: 100%; }
  .icon-point-list-item h3 {
    margin-top: 0.5em;
    font-size: 1.1em; }
  @media only screen and (min-width: 30em) {
    .icon-point-list-item {
      width: 50%; } }
  @media only screen and (min-width: 48em) {
    .icon-point-list-item {
      width: 25%; } }

.icon-point-list-item-title {
  font-weight: bold;
  margin-top: 0.75em; }

.list-plain {
  padding-left: 0; }
  .list-plain li::before {
    display: none; }

.logo-block, .logo-block-featured {
  box-sizing: border-box;
  background-color: #fff;
  padding: 2em;
  display: block;
  float: left;
  position: relative;
  font-size: 0;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 2%; }
  .logo-block:before, .logo-block-featured:before {
    content: '';
    display: inline-block;
    padding-top: 100%; }
  .logo-block .logo-inner-container, .logo-block-featured .logo-inner-container {
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: medium; }
  .logo-block .logo-area, .logo-block-featured .logo-area {
    height: 55%;
    margin-top: 10%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    position: relative; }
    .logo-block .logo-area:before, .logo-block-featured .logo-area:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      height: 100%;
      width: 0; }
    .logo-block .logo-area img, .logo-block-featured .logo-area img {
      max-width: 75%;
      max-height: 75%;
      vertical-align: middle;
      width: auto;
      height: auto; }
  .logo-block .copy, .logo-block-featured .copy {
    position: absolute;
    left: 2em;
    bottom: 2em;
    right: 2em; }
    .logo-block .copy p, .logo-block-featured .copy p {
      font-size: 0.85em; }
    .logo-block .copy p:last-child, .logo-block-featured .copy p:last-child {
      margin-bottom: 0; }
  .logo-block .logo-heading, .logo-block-featured .logo-heading {
    position: absolute;
    left: 2em;
    top: 1em;
    right: 2em; }
    .logo-block .logo-heading p, .logo-block-featured .logo-heading p {
      font-size: 0.85em; }
    .logo-block .logo-heading p:last-child, .logo-block-featured .logo-heading p:last-child {
      margin-bottom: 0; }

.logo-blocks {
  overflow: hidden; }

.logo-block {
  width: 100%; }
  @media only screen and (min-width: 48em) {
    .logo-block {
      width: 48%; } }
  @media only screen and (min-width: 76.25em) {
    .logo-block {
      width: 23%; } }

.logo-block-featured {
  width: 100%; }
  @media only screen and (min-width: 48em) {
    .logo-block-featured {
      width: 48%;
      margin-bottom: 0; } }

/**
 * _marquee.scss
 * In tandem with jquery.marquee.js
 * Both are style and js wrappers for the owl carousel jquery library
 */
.marquee-container {
  background-color: #f1f1f1; }
  .marquee-container .layout-inner-wrap {
    padding: 0; }

.marquee {
  position: relative; }
  .marquee .item {
    display: none; }
    .marquee .item:first-child {
      display: block; }
    .marquee .item .mobile {
      display: block; }
      @media only screen and (min-width: 60em) {
        .marquee .item .mobile {
          display: none; } }
    .marquee .item .desktop {
      display: none; }
      @media only screen and (min-width: 60em) {
        .marquee .item .desktop {
          display: block; } }
  .marquee .owl-controls {
    bottom: 20px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%; }
  .marquee .owl-dots {
    display: inline-block;
    margin: auto; }
    .marquee .owl-dots .owl-dot {
      box-sizing: border-box;
      background-color: #cccccc;
      border: 3px solid #fff;
      border-radius: 50%;
      box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
      display: inline-block;
      height: 20px;
      margin-left: 20px;
      width: 20px; }
      .marquee .owl-dots .owl-dot:first-of-type {
        margin-left: 0; }
      .marquee .owl-dots .owl-dot.active {
        background-color: #fe5000; }

.marquee.hidden {
  opacity: 0; }
  .marquee.hidden .owl-controls {
    display: none; }

.owl-carousel .owl-item img {
  -webkit-backface-visibility: hidden; }

/**
 * Animation Classes
 */
/**
 * Direction: Right to Left
 * IN:  slideRightIn
 * OUT: slideLeftOut
 */
@-webkit-keyframes slideRightIn {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes slideRightIn {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

.slideRightIn {
  -webkit-animation-name: slideRightIn;
  animation-name: slideRightIn;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important; }

@-webkit-keyframes slideLeftOut {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }

@keyframes slideLeftOut {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }

.slideLeftOut {
  -webkit-animation-name: slideLeftOut;
  animation-name: slideLeftOut;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important; }

/**
 * Direction: Left to Right
 * IN:  slideLeftIn
 * OUT: slideRightOut
 */
@-webkit-keyframes slideLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes slideLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

.slideLeftIn {
  -webkit-animation-name: slideLeftIn;
  animation-name: slideLeftIn;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important; }

@-webkit-keyframes slideRightOut {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }

@keyframes slideRightOut {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }

.slideRightOut {
  -webkit-animation-name: slideRightOut;
  animation-name: slideRightOut;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important; }

.layout-modal-overlay {
  background: transparent;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  position: fixed;
  top: -110%;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  width: 100%;
  z-index: 1000; }
  .contact-modal-active .layout-modal-overlay {
    height: 100%;
    top: 0;
    opacity: 1; }
  .country-modal-active .layout-modal-overlay {
    height: 100%;
    top: 0;
    opacity: 1; }

.layout-contact-modal {
  box-sizing: border-box;
  background: #fff;
  border: solid 1px #ededed;
  box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.15);
  opacity: 0;
  max-height: 80%;
  max-height: calc(100% - 2em);
  overflow: auto;
  padding: 1.11111em;
  position: fixed;
  right: -999em;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  -webkit-transition-delay: .25s;
          transition-delay: .25s;
  top: 1em;
  z-index: 1001; }
  .layout-contact-modal ul {
    list-style: none;
    padding: 0; }
    .layout-contact-modal ul a:after {
      content: '\203A';
      font-weight: normal;
      padding-left: 0.44444em; }
  .layout-contact-modal a {
    font-weight: 700; }
  .contact-modal-active .layout-contact-modal {
    opacity: 1;
    top: 50%;
    left: 50%;
    max-width: 90%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*.oldie & {
			top: 20%;
			left: columns(4);
		}*/ }
    @media only screen and (min-width: 60em) {
      .contact-modal-active .layout-contact-modal {
        max-height: none;
        width: 33.3%; } }
  .layout-contact-modal .contact-modal-header {
    clear: both; }
    .layout-contact-modal .contact-modal-header:after {
      clear: both;
      content: '.';
      display: table;
      visibility: hidden; }
    .layout-contact-modal .contact-modal-header h2 {
      float: left;
      font-size: 22.5px;
      font-size: 1.25rem;
      padding-right: 1.33333em; }
      @media only screen and (min-width: 60em) {
        .layout-contact-modal .contact-modal-header h2 {
          font-size: 32px;
          font-size: 1.77778rem; } }
    .layout-contact-modal .contact-modal-header .modal-title {
      float: left;
      font-size: 22.5px;
      font-size: 1.25rem;
      padding-right: 1.33333em;
      color: #FE5000;
      font-weight: 800;
      line-height: 1.1em; }
      @media only screen and (min-width: 60em) {
        .layout-contact-modal .contact-modal-header .modal-title {
          font-size: 32px;
          font-size: 1.77778rem; } }
  .layout-contact-modal .modal-close {
    position: absolute;
    right: 0.44444em;
    top: 1.11111em; }
    .layout-contact-modal .modal-close:before {
      font-size: 30px;
      font-size: 1.66667rem;
      font-family: "icomoon";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      content: '\e629'; }

.layout-country-modal {
  box-sizing: border-box;
  background: #fff;
  border: solid 1px #ededed;
  box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.15);
  opacity: 0;
  max-height: 80%;
  max-height: calc(100% - 2em);
  overflow: auto;
  padding: 1.11111em;
  position: fixed;
  right: -999em;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  -webkit-transition-delay: .25s;
          transition-delay: .25s;
  top: 1em;
  z-index: 1001; }
  .layout-country-modal ul {
    list-style: none;
    padding: 0;
    margin-left: 0px;
    margin-bottom: 0.1em; }
    .layout-country-modal ul li {
      margin-bottom: 0.2rem;
      font-size: 0.8rem; }
  .layout-country-modal h3 {
    font-size: 1rem; }
  .country-modal-active .layout-country-modal {
    opacity: 1;
    top: 50%;
    left: 50%;
    max-width: 90%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*.oldie & {
      top: 20%;
      left: columns(4);
    }*/ }
    @media only screen and (min-width: 60em) {
      .country-modal-active .layout-country-modal {
        width: 90%; } }
  .layout-country-modal .country-modal-header {
    clear: both; }
    .layout-country-modal .country-modal-header:after {
      clear: both;
      content: '.';
      display: table;
      visibility: hidden; }
    .layout-country-modal .country-modal-header h2 {
      float: left;
      font-size: 22.5px;
      font-size: 1.25rem;
      padding-right: 1.33333em; }
      @media only screen and (min-width: 60em) {
        .layout-country-modal .country-modal-header h2 {
          font-size: 32px;
          font-size: 1.77778rem; } }
    .layout-country-modal .country-modal-header .modal-title {
      float: left;
      font-size: 22.5px;
      font-size: 1.25rem;
      padding-right: 1.33333em;
      color: #FE5000;
      font-weight: 800;
      line-height: 1.1em; }
      @media only screen and (min-width: 60em) {
        .layout-country-modal .country-modal-header .modal-title {
          font-size: 32px;
          font-size: 1.77778rem; } }
  .layout-country-modal .country-modal-close {
    position: absolute;
    right: 0.44444em;
    top: 1.11111em; }
    .layout-country-modal .country-modal-close:before {
      font-size: 30px;
      font-size: 1.66667rem;
      font-family: "icomoon";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      content: '\e629'; }

.layout-rediect-alert {
  display: none;
  color: white; }
  .layout-rediect-alert .alert {
    margin: 1.1em 0% 0%;
    width: 100%; }
  .layout-rediect-alert .alert-region-close::before {
    content: "";
    font-family: "icomoon";
    font-size: 1.66667rem;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
    position: absolute;
    right: 0.44444em;
    font-weight: 700;
    color: #29a5d6;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(241, 93, 34, 0.07);
    -webkit-transition: color 0.25s ease-out 0s;
    transition: color 0.25s ease-out 0s; }
  .layout-rediect-alert p {
    margin-bottom: 10px; }
  .layout-rediect-alert input {
    margin-bottom: 1em;
    margin-right: 10px; }
  .layout-rediect-alert a {
    text-align: left; }

.flag {
  width: 16px;
  height: 16px;
  background: url("head/flags.png") no-repeat;
  display: inline-block;
  margin-right: 0.2em;
  vertical-align: middle; }

.flag.flag-ad {
  background-position: -16px 0; }

.flag.flag-ae {
  background-position: -32px 0; }

.flag.flag-af {
  background-position: -48px 0; }

.flag.flag-ag {
  background-position: -64px 0; }

.flag.flag-ai {
  background-position: -80px 0; }

.flag.flag-al {
  background-position: -96px 0; }

.flag.flag-am {
  background-position: -112px 0; }

.flag.flag-an {
  background-position: -128px 0; }

.flag.flag-ao {
  background-position: -144px 0; }

.flag.flag-ar {
  background-position: -160px 0; }

.flag.flag-as {
  background-position: -176px 0; }

.flag.flag-at {
  background-position: -192px 0; }

.flag.flag-au {
  background-position: -208px 0; }

.flag.flag-aw {
  background-position: -224px 0; }

.flag.flag-az {
  background-position: 0 -16px; }

.flag.flag-ba {
  background-position: -16px -16px; }

.flag.flag-bb {
  background-position: -32px -16px; }

.flag.flag-bd {
  background-position: -48px -16px; }

.flag.flag-be {
  background-position: -64px -16px; }

.flag.flag-bf {
  background-position: -80px -16px; }

.flag.flag-bg {
  background-position: -96px -16px; }

.flag.flag-bh {
  background-position: -112px -16px; }

.flag.flag-bi {
  background-position: -128px -16px; }

.flag.flag-bj {
  background-position: -144px -16px; }

.flag.flag-bm {
  background-position: -160px -16px; }

.flag.flag-bn {
  background-position: -176px -16px; }

.flag.flag-bo {
  background-position: -192px -16px; }

.flag.flag-br {
  background-position: -208px -16px; }

.flag.flag-bs {
  background-position: -224px -16px; }

.flag.flag-bt {
  background-position: 0 -32px; }

.flag.flag-bw {
  background-position: -16px -32px; }

.flag.flag-by {
  background-position: -32px -32px; }

.flag.flag-bz {
  background-position: -48px -32px; }

.flag.flag-ca {
  background-position: -64px -32px; }

.flag.flag-cd {
  background-position: -80px -32px; }

.flag.flag-cf {
  background-position: -96px -32px; }

.flag.flag-cg {
  background-position: -112px -32px; }

.flag.flag-ch {
  background-position: -128px -32px; }

.flag.flag-ci {
  background-position: -144px -32px; }

.flag.flag-ck {
  background-position: -160px -32px; }

.flag.flag-cl {
  background-position: -176px -32px; }

.flag.flag-cm {
  background-position: -192px -32px; }

.flag.flag-cn {
  background-position: -208px -32px; }

.flag.flag-co {
  background-position: -224px -32px; }

.flag.flag-cr {
  background-position: 0 -48px; }

.flag.flag-cu {
  background-position: -16px -48px; }

.flag.flag-cv {
  background-position: -32px -48px; }

.flag.flag-cy {
  background-position: -48px -48px; }

.flag.flag-cz {
  background-position: -64px -48px; }

.flag.flag-de {
  background-position: -80px -48px; }

.flag.flag-dj {
  background-position: -96px -48px; }

.flag.flag-dk {
  background-position: -112px -48px; }

.flag.flag-dm {
  background-position: -128px -48px; }

.flag.flag-do {
  background-position: -144px -48px; }

.flag.flag-dz {
  background-position: -160px -48px; }

.flag.flag-ec {
  background-position: -176px -48px; }

.flag.flag-ee {
  background-position: -192px -48px; }

.flag.flag-eg {
  background-position: -208px -48px; }

.flag.flag-eh {
  background-position: -224px -48px; }

.flag.flag-er {
  background-position: 0 -64px; }

.flag.flag-es {
  background-position: -16px -64px; }

.flag.flag-et {
  background-position: -32px -64px; }

.flag.flag-fi {
  background-position: -48px -64px; }

.flag.flag-fj {
  background-position: -64px -64px; }

.flag.flag-fm {
  background-position: -80px -64px; }

.flag.flag-fo {
  background-position: -96px -64px; }

.flag.flag-fr {
  background-position: -112px -64px; }

.flag.flag-ga {
  background-position: -128px -64px; }

.flag.flag-gb {
  background-position: -144px -64px; }

.flag.flag-gd {
  background-position: -160px -64px; }

.flag.flag-ge {
  background-position: -176px -64px; }

.flag.flag-gg {
  background-position: -192px -64px; }

.flag.flag-gh {
  background-position: -208px -64px; }

.flag.flag-gi {
  background-position: -224px -64px; }

.flag.flag-gl {
  background-position: 0 -80px; }

.flag.flag-gm {
  background-position: -16px -80px; }

.flag.flag-gn {
  background-position: -32px -80px; }

.flag.flag-gp {
  background-position: -48px -80px; }

.flag.flag-gq {
  background-position: -64px -80px; }

.flag.flag-gr {
  background-position: -80px -80px; }

.flag.flag-gt {
  background-position: -96px -80px; }

.flag.flag-gu {
  background-position: -112px -80px; }

.flag.flag-gw {
  background-position: -128px -80px; }

.flag.flag-gy {
  background-position: -144px -80px; }

.flag.flag-hk {
  background-position: -160px -80px; }

.flag.flag-hn {
  background-position: -176px -80px; }

.flag.flag-hr {
  background-position: -192px -80px; }

.flag.flag-ht {
  background-position: -208px -80px; }

.flag.flag-hu {
  background-position: -224px -80px; }

.flag.flag-id {
  background-position: 0 -96px; }

.flag.flag-ie {
  background-position: -16px -96px; }

.flag.flag-il {
  background-position: -32px -96px; }

.flag.flag-im {
  background-position: -48px -96px; }

.flag.flag-in {
  background-position: -64px -96px; }

.flag.flag-iq {
  background-position: -80px -96px; }

.flag.flag-ir {
  background-position: -96px -96px; }

.flag.flag-is {
  background-position: -112px -96px; }

.flag.flag-it {
  background-position: -128px -96px; }

.flag.flag-je {
  background-position: -144px -96px; }

.flag.flag-jm {
  background-position: -160px -96px; }

.flag.flag-jo {
  background-position: -176px -96px; }

.flag.flag-jp {
  background-position: -192px -96px; }

.flag.flag-ke {
  background-position: -208px -96px; }

.flag.flag-kg {
  background-position: -224px -96px; }

.flag.flag-kh {
  background-position: 0 -112px; }

.flag.flag-ki {
  background-position: -16px -112px; }

.flag.flag-km {
  background-position: -32px -112px; }

.flag.flag-kn {
  background-position: -48px -112px; }

.flag.flag-kp {
  background-position: -64px -112px; }

.flag.flag-kr {
  background-position: -80px -112px; }

.flag.flag-kw {
  background-position: -96px -112px; }

.flag.flag-ky {
  background-position: -112px -112px; }

.flag.flag-kz {
  background-position: -128px -112px; }

.flag.flag-la {
  background-position: -144px -112px; }

.flag.flag-lb {
  background-position: -160px -112px; }

.flag.flag-lc {
  background-position: -176px -112px; }

.flag.flag-li {
  background-position: -192px -112px; }

.flag.flag-lk {
  background-position: -208px -112px; }

.flag.flag-lr {
  background-position: -224px -112px; }

.flag.flag-ls {
  background-position: 0 -128px; }

.flag.flag-lt {
  background-position: -16px -128px; }

.flag.flag-lu {
  background-position: -32px -128px; }

.flag.flag-lv {
  background-position: -48px -128px; }

.flag.flag-ly {
  background-position: -64px -128px; }

.flag.flag-ma {
  background-position: -80px -128px; }

.flag.flag-mc {
  background-position: -96px -128px; }

.flag.flag-md {
  background-position: -112px -128px; }

.flag.flag-me {
  background-position: -128px -128px; }

.flag.flag-mg {
  background-position: -144px -128px; }

.flag.flag-mh {
  background-position: -160px -128px; }

.flag.flag-mk {
  background-position: -176px -128px; }

.flag.flag-ml {
  background-position: -192px -128px; }

.flag.flag-mm {
  background-position: -208px -128px; }

.flag.flag-mn {
  background-position: -224px -128px; }

.flag.flag-mo {
  background-position: 0 -144px; }

.flag.flag-mq {
  background-position: -16px -144px; }

.flag.flag-mr {
  background-position: -32px -144px; }

.flag.flag-ms {
  background-position: -48px -144px; }

.flag.flag-mt {
  background-position: -64px -144px; }

.flag.flag-mu {
  background-position: -80px -144px; }

.flag.flag-mv {
  background-position: -96px -144px; }

.flag.flag-mw {
  background-position: -112px -144px; }

.flag.flag-mx {
  background-position: -128px -144px; }

.flag.flag-my {
  background-position: -144px -144px; }

.flag.flag-mz {
  background-position: -160px -144px; }

.flag.flag-na {
  background-position: -176px -144px; }

.flag.flag-nc {
  background-position: -192px -144px; }

.flag.flag-ne {
  background-position: -208px -144px; }

.flag.flag-ng {
  background-position: -224px -144px; }

.flag.flag-ni {
  background-position: 0 -160px; }

.flag.flag-nl {
  background-position: -16px -160px; }

.flag.flag-no {
  background-position: -32px -160px; }

.flag.flag-np {
  background-position: -48px -160px; }

.flag.flag-nr {
  background-position: -64px -160px; }

.flag.flag-nz {
  background-position: -80px -160px; }

.flag.flag-om {
  background-position: -96px -160px; }

.flag.flag-pa {
  background-position: -112px -160px; }

.flag.flag-pe {
  background-position: -128px -160px; }

.flag.flag-pf {
  background-position: -144px -160px; }

.flag.flag-pg {
  background-position: -160px -160px; }

.flag.flag-ph {
  background-position: -176px -160px; }

.flag.flag-pk {
  background-position: -192px -160px; }

.flag.flag-pl {
  background-position: -208px -160px; }

.flag.flag-pr {
  background-position: -224px -160px; }

.flag.flag-ps {
  background-position: 0 -176px; }

.flag.flag-pt {
  background-position: -16px -176px; }

.flag.flag-pw {
  background-position: -32px -176px; }

.flag.flag-py {
  background-position: -48px -176px; }

.flag.flag-qa {
  background-position: -64px -176px; }

.flag.flag-re {
  background-position: -80px -176px; }

.flag.flag-ro {
  background-position: -96px -176px; }

.flag.flag-rs {
  background-position: -112px -176px; }

.flag.flag-ru {
  background-position: -128px -176px; }

.flag.flag-rw {
  background-position: -144px -176px; }

.flag.flag-sa {
  background-position: -160px -176px; }

.flag.flag-sb {
  background-position: -176px -176px; }

.flag.flag-sc {
  background-position: -192px -176px; }

.flag.flag-sd {
  background-position: -208px -176px; }

.flag.flag-se {
  background-position: -224px -176px; }

.flag.flag-sg {
  background-position: 0 -192px; }

.flag.flag-si {
  background-position: -16px -192px; }

.flag.flag-sk {
  background-position: -32px -192px; }

.flag.flag-sl {
  background-position: -48px -192px; }

.flag.flag-sm {
  background-position: -64px -192px; }

.flag.flag-sn {
  background-position: -80px -192px; }

.flag.flag-so {
  background-position: -96px -192px; }

.flag.flag-sr {
  background-position: -112px -192px; }

.flag.flag-st {
  background-position: -128px -192px; }

.flag.flag-sv {
  background-position: -144px -192px; }

.flag.flag-sy {
  background-position: -160px -192px; }

.flag.flag-sz {
  background-position: -176px -192px; }

.flag.flag-tc {
  background-position: -192px -192px; }

.flag.flag-td {
  background-position: -208px -192px; }

.flag.flag-tg {
  background-position: -224px -192px; }

.flag.flag-th {
  background-position: 0 -208px; }

.flag.flag-tj {
  background-position: -16px -208px; }

.flag.flag-tl {
  background-position: -32px -208px; }

.flag.flag-tm {
  background-position: -48px -208px; }

.flag.flag-tn {
  background-position: -64px -208px; }

.flag.flag-to {
  background-position: -80px -208px; }

.flag.flag-tr {
  background-position: -96px -208px; }

.flag.flag-tt {
  background-position: -112px -208px; }

.flag.flag-tv {
  background-position: -128px -208px; }

.flag.flag-tw {
  background-position: -144px -208px; }

.flag.flag-tz {
  background-position: -160px -208px; }

.flag.flag-ua {
  background-position: -176px -208px; }

.flag.flag-ug {
  background-position: -192px -208px; }

.flag.flag-us {
  background-position: -208px -208px; }

.flag.flag-uy {
  background-position: -224px -208px; }

.flag.flag-uz {
  background-position: 0 -224px; }

.flag.flag-va {
  background-position: -16px -224px; }

.flag.flag-vc {
  background-position: -32px -224px; }

.flag.flag-ve {
  background-position: -48px -224px; }

.flag.flag-vg {
  background-position: -64px -224px; }

.flag.flag-vi {
  background-position: -80px -224px; }

.flag.flag-vn {
  background-position: -96px -224px; }

.flag.flag-vu {
  background-position: -112px -224px; }

.flag.flag-ws {
  background-position: -128px -224px; }

.flag.flag-ye {
  background-position: -144px -224px; }

.flag.flag-za {
  background-position: -160px -224px; }

.flag.flag-zm {
  background-position: -176px -224px; }

.flag.flag-zw {
  background-position: -192px -224px; }

.section-products li.nav-products > a,
.section-services li.nav-services > a,
.section-education li.nav-education > a,
.section-communities li.nav-communities > a,
.section-support li.nav-support > a,
.nav-primary li.active > a {
  background-color: #292929;
  background-color: #292929;
  border-bottom: 3px solid #fe5000;
  box-sizing: border-box;
  color: #fff; }

.nav-primary {
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-transition: margin 0.3s linear;
  transition: margin 0.3s linear;
  /*.ie8 & {
		margin: 0;
	}*/ }
  .nav-primary a {
    color: #fff;
    font-size: 18px;
    font-size: 1rem;
    padding: 0.66667em 0.66667em 0.77778em;
    text-decoration: none;
    -webkit-transition: background 0.3s linear;
    transition: background 0.3s linear; }
    .nav-primary a:hover, .nav-primary a:active {
      color: #fff;
      background-color: #292929;
      background-color: #292929; }
  .nav-primary li {
    list-style-type: none; }
  .nav-primary > li {
    margin-bottom: 0; }
    .nav-primary > li > a {
      display: block; }
      @media only screen and (min-width: 60em) {
        .nav-primary > li > a {
          box-sizing: border-box;
          display: inline-block;
          height: 50px; } }
    @media only screen and (min-width: 60em) {
      .nav-primary > li {
        float: left; }
        .nav-primary > li.nav-primary-contact, .nav-primary > li.nav-contact-us {
          float: right;
          line-height: 0; } }
  @media only screen and (min-width: 60em) {
    .nav-primary {
      overflow-y: visible; }
      .nav-primary::after {
        clear: both;
        content: "";
        display: table; } }

.nav-home {
  display: block;
  max-width: 80%;
  overflow: hidden;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear; }
  @media only screen and (min-width: 60em) {
    .scrolled-down .nav-home,
    .scrolled-up .nav-home {
      height: 50px;
      margin-right: 0.5em;
      margin-top: .125em;
      opacity: 1;
      width: 2em; } }
  .nav-home a {
    display: block;
    max-height: 1em; }
    .nav-home a:hover {
      background-color: transparent; }
    .nav-home a img {
      height: 1em; }
  @media only screen and (min-width: 60em) {
    .nav-home {
      opacity: 0;
      width: 0; } }

.nav-column {
  box-sizing: border-box;
  float: left;
  margin: 0;
  min-height: 1px;
  width: 100%;
  padding: 16px;
  margin-top: 0;
  width: 32.5%;
  margin-left: 1.11111%;
  font-size: 16px;
  font-size: 0.88889rem;
  padding: 0 1em; }
  .nav-column:first-child {
    margin-left: 0; }
  .nav-column ul {
    margin-top: 0; }
  .nav-column li {
    display: block;
    margin: 0; }
  .nav-column a {
    display: block;
    padding-left: .75em; }

.nav-spanning-column {
  border-top: 1px solid #6c6c6c;
  clear: both;
  margin-bottom: 0;
  padding: 1em; }
  .nav-spanning-column ul {
    margin-bottom: 0;
    margin-top: 0; }
  .nav-spanning-column a {
    float: left; }

.nav-secondary {
  background-color: #292929;
  box-sizing: border-box;
  list-style: none;
  position: absolute;
  right: -100%;
  top: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  width: 100%; }
  .nav-secondary.nav-active {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    right: 0; }
    @media only screen and (min-width: 60em) {
      .nav-secondary.nav-active {
        height: auto;
        min-height: 0; } }
  .nav-secondary li ul {
    margin-left: 0;
    padding-left: 0; }
  .nav-secondary a {
    color: #fff;
    display: block;
    font-size: 16px;
    font-size: 0.88889rem;
    -webkit-transition: none;
    transition: none; }
    .nav-secondary a:hover {
      background: #fff;
      color: #fe5000; }
  @media only screen and (min-width: 60em) {
    .nav-secondary {
      background: transparent;
      left: 28px;
      max-height: 0;
      overflow: hidden;
      right: 28px;
      top: 100%;
      width: auto;
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear; }
      .nav-secondary.nav-active {
        left: 28px;
        right: 28px;
        max-height: 46em;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear; }
      .nav-secondary .layout-inner-wrap {
        background-color: #292929;
        padding: 0; } }

@media only screen and (min-width: 60em) {
  .nav-secondary-close {
    display: none !important; } }

.nav-section-header {
  color: #a7a9ac;
  font-weight: 800;
  list-style: none;
  font-size: 25px;
  font-size: 1.38889rem; }
  @media only screen and (min-width: 60em) {
    .nav-section-header {
      border-bottom: 1px solid #a7a9ac;
      padding: 0.66667em 0.66667em;
      margin-bottom: 0.5em !important; } }
  @media only screen and (min-width: 48em) {
    .nav-spanning-column .nav-section-header {
      border-bottom: 0; } }
  @media only screen and (min-width: 60em) {
    .nav-section-header a {
      margin: -1em 0 -1em -.75em; } }

.nav-section-header-cta {
  color: #a7a9ac;
  display: inline-block;
  margin-top: 0.25em;
  margin-bottom: 0 !important;
  font-weight: 800;
  list-style: none;
  font-size: 25px;
  font-size: 1.38889rem; }
  .nav-section-header-cta:first-child {
    margin-top: 1em; }
  @media only screen and (min-width: 60em) {
    .nav-section-header-cta {
      border-bottom: 1px solid #a7a9ac;
      padding: 1.33333em 0.66667em; }
      .nav-section-header-cta, .nav-section-header-cta:first-child {
        margin-top: 0; } }
  @media only screen and (min-width: 48em) {
    .nav-spanning-column .nav-section-header-cta {
      border-bottom: 0; } }
  @media only screen and (min-width: 60em) {
    .nav-section-header-cta a {
      margin: -1em 0 -1em -.75em; } }

.nav-tertiary {
  margin: 0;
  padding: 0; }
  .nav-tertiary h4 {
    border-bottom: 2px solid #a7a9ac;
    color: #a7a9ac;
    font-weight: 800;
    margin:  1em 0em 1.5em;
    padding-bottom: 0.55556em; }
    @media only screen and (min-width: 60em) {
      .nav-tertiary h4 {
        margin-top: 0; } }
  @media only screen and (min-width: 60em) {
    .bg-matrix .nav-tertiary {
      position: relative; } }
  @media only screen and (min-width: 60em) {
    .bg-matrix .nav-tertiary:after {
      background: none;
      content: '';
      display: block;
      height: 297px;
      position: absolute;
      right: 0;
      top: -367px; } }

.nav-tertiary-col {
  display: inline-block;
  list-style: none;
  margin-right: -0.25em;
  vertical-align: top;
  width: 100%; }
  @media only screen and (min-width: 30em) {
    .nav-tertiary-col {
      margin-left: 3.3%;
      width: 48.3%; }
      .nav-tertiary-col.nth-child-2np1 {
        margin-left: 0; }
      .nav-tertiary-col.nth-child-np3 {
        margin-top: 3.3%; } }
  @media only screen and (min-width: 60em) {
    .nav-tertiary-col {
      margin-top: 0; } }
  @media only screen and (min-width: 76.25em) {
    .nav-tertiary-col {
      margin-left: 2.2%;
      width: 23.3%; }
      .nav-tertiary-col.nth-child-2np1 {
        margin-left: 2.2%; }
      .nav-tertiary-col:first-child {
        margin-left: 0; }
      .nav-tertiary-col.nth-child-np3 {
        margin-top: 0; } }

.nav-spotlight {
  background-position: center center;
  background-size: cover;
  min-height: 320px; }
  .nav-spotlight h3 {
    color: #fff;
    font-size: 28px;
    font-size: 1.55556rem;
    margin-bottom: 0;
    padding: 3em 1em 2em .5em; }
  .nav-spotlight a {
    background: #555557; }

.nav-utility {
  float: right;
  font-size: 24px;
  font-size: 1.33333rem;
  line-height: 1.95833em;
  list-style: none;
  margin:  0.88889em 1.33333em 0 0;
  padding: 0;
  text-align: right; }
  .nav-utility > li {
    display: table-cell;
    padding-left: 1.5em;
    vertical-align: middle; }
    @media only screen and (min-width: 60em) {
      .search-active .nav-utility > li[data-set="search-site"] {
        border-left: none;
        display: block !important; } }
    @media only screen and (min-width: 60em) {
      .search-active .nav-utility > li {
        display: none !important; } }
    @media only screen and (min-width: 60em) {
      .nav-utility > li {
        border-left: 1px solid #cacaca;
        float: left;
        padding-right: 1.5em; }
        .nav-utility > li:first-child {
          border-left: none; } }
  .nav-utility fieldset {
    margin: 0; }
  .nav-utility a {
    text-decoration: none; }
  .nav-utility a.nav-free-trials {
    color: #fe5000 !important;
    font-weight: 800; }
  @media only screen and (min-width: 60em) {
    .nav-utility {
      font-size: 18px;
      font-size: 1rem;
      line-height: 50px;
      margin: 1.5em 0 0; } }
  @media only screen and (min-width: 60em) {
    .nav-utility .layout-nav-toggle {
      display: none; } }

.layout-footer .nav-login:before {
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  content: "";
  font-size: 18px;
  font-size: 1rem;
  margin-right: 0.66667em; }

@media only screen and (min-width: 60em) {
  .nav-login:before {
    margin-right: 0.66667em; } }

@media only screen and (min-width: 60em) {
  .search-active .nav-login {
    display: none; } }

.nav-login.nav-login-header {
  display: none; }
  @media only screen and (min-width: 60em) {
    .nav-login.nav-login-header {
      display: block; } }

.nav-login:before,
.nav-partners:before,
.nav-worldwide:before,
.nav-blog:before,
.nav-communities:before {
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  font-size: 18px;
  font-size: 1rem;
  margin-right: 0.5em;
  vertical-align: middle; }

@media only screen and (min-width: 60em) {
  .nav-primary-contact > div {
    display: inline-block;
    margin-right: -0.25em; } }

.nav-primary-contact a, .nav-contact-us a {
  display: inline-block;
  padding: 0.88889em 0.88889em;
  font-size: 14px;
  font-size: 0.77778rem; }
  .nav-primary-contact a, .nav-primary-contact a:hover, .nav-contact-us a, .nav-contact-us a:hover {
    background-position: 8px; }
  @media only screen and (min-width: 30em) {
    .nav-primary-contact a, .nav-contact-us a {
      color: #717171;
      padding: 0.88889em 0.88889em; } }
  @media only screen and (min-width: 60em) {
    .nav-primary-contact a, .nav-contact-us a {
      height: 50px;
      line-height: 50px;
      padding-bottom: 0;
      padding-top: 0; }
      .nav-primary-contact a, .nav-primary-contact a:hover, .nav-contact-us a, .nav-contact-us a:hover {
        background-position: 0px; } }
  @media only screen and (min-width: 76.25em) {
    .nav-primary-contact a, .nav-primary-contact a:hover, .nav-contact-us a, .nav-contact-us a:hover {
      background-position: 8px; } }
  .nav-primary-contact a:before, .nav-contact-us a:before {
    font-family: "icomoon";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 18px;
    font-size: 1rem; }
    @media only screen and (min-width: 60em) {
      .nav-primary-contact a:before, .nav-contact-us a:before {
        color: #fff; } }
    @media only screen and (min-width: 76.25em) {
      .nav-primary-contact a:before, .nav-contact-us a:before {
        color: #717171;
        margin-right: 0.44444em; } }
  .nav-primary-contact a.alert span, .nav-contact-us a.alert span {
    color: #f83200;
    font-weight: 800; }
  .nav-primary-contact a.alert-contact span, .nav-contact-us a.alert-contact span {
    color: #f83200;
    font-weight: 800; }
  .nav-primary-contact a span, .nav-contact-us a span {
    color: #fff;
    padding-left: 2em; }
    @media only screen and (min-width: 60em) {
      .nav-primary-contact a span, .nav-contact-us a span {
        display: none;
        opacity: 0;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear; } }
    @media only screen and (min-width: 76.25em) {
      .nav-primary-contact a span, .nav-contact-us a span {
        display: inline;
        opacity: 1; } }
  .nav-primary-contact a.nav-telephone-us span, .nav-contact-us a.nav-telephone-us span {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear; }
  .nav-primary-contact a.nav-chat-live, .nav-contact-us a.nav-chat-live {
    display: block; }

.nav-chat-live {
  background-image: url("head/nav-chat-grey6.png");
  background-repeat: no-repeat;
  color: #ffffff !important; }

.nav-chat-live-red {
  background-image: url("head/nav-chat-red3.png");
  background-repeat: no-repeat;
  color: #f83200 !important; }

.nav-email-us, .nav-contact-us div.nav-secondary a {
  background-image: url("head/nav-email-grey3.png");
  background-repeat: no-repeat;
  color: #ffffff; }

.nav-email-us-red {
  background-image: url("head/nav-email-red3.png");
  background-repeat: no-repeat;
  color: #ffffff; }

.nav-telephone-link {
  background-image: url("head/nav-telephone-grey3.png");
  background-repeat: no-repeat;
  color: #ffffff !important; }

@media only screen and (min-width: 60em) {
  .nav-contact-us {
    position: relative; }
    .nav-contact-us .nav-secondary {
      position: absolute; } }

.nav-contact-us div.nav-secondary {
  background: transparent;
  margin: 0;
  padding: 0;
  position: static;
  overflow: hidden;
  width: 100%; }
  .layout-nav .nav-contact-us div.nav-secondary {
    left: inherit;
    right: 0; }
  @media only screen and (min-width: 60em) {
    .nav-contact-us div.nav-secondary {
      background-color: #292929;
      margin-bottom: 0;
      margin-left: 0;
      margin-right: 0;
      position: absolute;
      width: 225px; } }
  .nav-contact-us div.nav-secondary ul {
    margin: 0;
    padding: 0; }
    .nav-contact-us div.nav-secondary ul li {
      margin: 0; }
    @media only screen and (min-width: 60em) {
      .nav-contact-us div.nav-secondary ul {
        margin: 0 1em; } }
  .nav-contact-us div.nav-secondary a {
    height: auto;
    padding: 0.7em 0.8em;
    line-height: 1.75em;
    background-color: inherit;
    display: block; }
    .nav-contact-us div.nav-secondary a, .nav-contact-us div.nav-secondary a span {
      color: #29a5d6; }
      @media only screen and (min-width: 60em) {
        .nav-contact-us div.nav-secondary a, .nav-contact-us div.nav-secondary a span {
          display: inline-block; } }
    .nav-contact-us div.nav-secondary a:hover, .nav-contact-us div.nav-secondary a:active, .nav-contact-us div.nav-secondary a:focus {
      background-color: #292929; }
      .nav-contact-us div.nav-secondary a:hover, .nav-contact-us div.nav-secondary a:hover span, .nav-contact-us div.nav-secondary a:active, .nav-contact-us div.nav-secondary a:active span, .nav-contact-us div.nav-secondary a:focus, .nav-contact-us div.nav-secondary a:focus span {
        color: #046e96; }
    @media only screen and (min-width: 60em) {
      .nav-contact-us div.nav-secondary a {
        background-position: 0;
        display: inline-block; }
        .nav-contact-us div.nav-secondary a:hover, .nav-contact-us div.nav-secondary a:active, .nav-contact-us div.nav-secondary a:focus {
          background-position: 0;
          background-color: transparent; } }
  .nav-contact-us div.nav-secondary .nav-email-us span, .nav-contact-us div.nav-secondary a span {
    display: inline-block;
    opacity: 1; }
    @media only screen and (min-width: 60em) {
      .nav-contact-us div.nav-secondary .nav-email-us span, .nav-contact-us div.nav-secondary a span {
        margin-left: 0; } }

.nav-login:before {
  content: ""; }

.nav-partners:before {
  content: ""; }

.nav-worldwide:before {
  content: ""; }

.nav-blog:before {
  content: ""; }

.nav-search-toggle {
  display: none; }
  .nav-search-toggle:before {
    font-family: "icomoon";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    content: "";
    display: block;
    margin-top: 1em; }
    @media only screen and (min-width: 60em) {
      .nav-search-toggle:before {
        margin-right: 0.33333em; } }
  @media only screen and (min-width: 60em) {
    .nav-search-toggle {
      display: block;
      float: left; }
      .search-active .nav-search-toggle {
        display: none; } }

.nav-login-text {
  display: none; }
  @media only screen and (min-width: 60em) {
    .nav-login-text {
      display: inline; } }

.layout-nav-open {
  background: #fff; }
  .layout-nav-open:before {
    font-family: "icomoon";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    content: ""; }
  .search-active .layout-nav-open {
    display: none; }
  .rgba .scrolled-down .layout-nav-open,
  .rgba .scrolled-up .layout-nav-open {
    background: rgba(255, 255, 255, 0); }
  @media only screen and (min-width: 60em) {
    .layout-nav-open {
      display: none; } }

.layout-nav-close {
  color: white;
  font-size: 24px;
  font-size: 1.33333rem;
  position: absolute;
  right: 1em;
  top: 1em;
  z-index: zIndex(nav)1; }
  .layout-nav-close:before {
    font-family: "icomoon";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    content: ""; }
  .layout-nav-close:hover, .layout-nav-close:active, .layout-nav-close:focus {
    color: white;
    text-decoration: none; }
  @media only screen and (min-width: 60em) {
    .layout-nav-close {
      display: none; } }

.nav-footer-link-list {
  font-size: 14px;
  font-size: 0.77778rem;
  margin: 0 0 .5em 0;
  padding: 0; }
  .nav-footer-link-list a {
    font-size: 12px;
    font-size: 0.66667rem;
    padding: 0 1em 0 0; }
  .nav-footer-link-list li {
    list-style: none;
    margin: 0;
    padding: 0; }
    @media only screen and (min-width: 30em) {
      .nav-footer-link-list li + li a {
        border-left: 1px solid #cacaca;
        padding-left: 1em; } }
    @media only screen and (min-width: 30em) {
      .nav-footer-link-list li {
        display: inline-block; } }

@media only screen and (min-width: 60em) {
  .layout-navigation {
    box-shadow: 0px 12px 19px -12px rgba(0, 0, 0, 0.12); } }

@media only screen and (min-width: 60em) {
  .layout-navigation .layout-inner-wrap {
    padding: 0 1.55556em; } }

.navigation-primary {
  list-style: none;
  margin: 0;
  padding: 2em 0;
  position: relative; }
  @media only screen and (min-width: 60em) {
    .navigation-primary {
      height: 50px;
      padding: 0; } }
  .navigation-primary > li {
    margin: 0; }
    @media only screen and (min-width: 60em) {
      .navigation-primary > li {
        border-bottom: 6px solid transparent;
        display: inline-block;
        float: left;
        height: 44px;
        line-height: 44px;
        margin-right: 0.72222em; } }
    .navigation-primary > li > a {
      font-size: 16px;
      font-size: 0.88889rem;
      -webkit-transition: border-color 0.3s linear;
      transition: border-color 0.3s linear;
      font-weight: 700;
      border-bottom: 3px transparent;
      display: block;
      outline: none;
      padding: .5em 1em; }
      @media only screen and (min-width: 60em) {
        .navigation-primary > li > a {
          font-size: 14px;
          font-size: 0.77778rem;
          color: #353537;
          font-weight: 500;
          margin-right: .5em;
          padding: 0 1em 0 0; } }
      @media only screen and (min-width: 76.25em) {
        .navigation-primary > li > a {
          font-size: 16px;
          font-size: 0.88889rem; } }
    @media only screen and (min-width: 60em) {
      .navigation-primary > li:hover, .navigation-primary > li.hinted, .navigation-primary > li.hinted:hover {
        border-bottom-color: #ebebeb; } }

.navigation-primary .navigation-home {
  -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
  display: none;
  position: relative;
  width: 0; }
  .navigation-primary .navigation-home .navigation-home-link {
    background-repeat: no-repeat;
    background-image: url("head/bmc_logo_header.svg");
    height: 30px;
    left: 0.66667em;
    padding: 0;
    position: absolute;
    top: 0.61111em;
    width: 90px; }
    .no-svg .navigation-primary .navigation-home .navigation-home-link {
      background-image: url("head/bmc_logo_header.png"); }
    @media only screen and (min-width: 76.25em) {
      .navigation-primary .navigation-home .navigation-home-link {
        padding: 0; } }

.navigation-primary .navigation-menu {
  position: relative; }
  @media only screen and (min-width: 60em) {
    .navigation-primary .navigation-menu {
      border: 0 none;
      display: none;
      line-height: 49px;
      margin-right: 0; }
      .navigation-primary .navigation-menu .navigation-menu-link {
        background: #f3f3f3;
        border: solid 1px #cacaca;
        border-bottom: 0;
        border-top: 0;
        box-sizing: border-box;
        margin-left: 0;
        display: none;
        width: 50px;
        height: 49px; } }
  .navigation-primary .navigation-menu a {
    padding: 0; }
    .navigation-primary .navigation-menu a:before {
      font-family: "icomoon";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      font-size: 32px;
      font-size: 1.77778rem;
      content: "";
      left: 5px;
      position: relative;
      top: 9px; }

.scrolled-down .navigation-home,
.scrolled-up .navigation-home {
  border-bottom: 0;
  line-height: 40px;
  width: auto; }

@media only screen and (min-width: 60em) {
  .scrolled-down .navigation-primary > li,
  .scrolled-up .navigation-primary > li {
    opacity: 0;
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear; }
    .scrolled-down .navigation-primary > li.navigation-menu, .scrolled-down .navigation-primary > li.navigation-home,
    .scrolled-up .navigation-primary > li.navigation-menu,
    .scrolled-up .navigation-primary > li.navigation-home {
      opacity: 1;
      -webkit-transition: -webkit-transform 0.3s linear;
      transition: -webkit-transform 0.3s linear;
      transition: transform 0.3s linear;
      transition: transform 0.3s linear, -webkit-transform 0.3s linear;
      display: inline-block;
      -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
              transform: translateX(0); }
    .scrolled-down .navigation-primary > li.navigation-home,
    .scrolled-up .navigation-primary > li.navigation-home {
      width: 90px; }
    .scrolled-down .navigation-primary > li .navigation-menu-link,
    .scrolled-up .navigation-primary > li .navigation-menu-link {
      display: block; }
    .scrolled-down .navigation-primary > li > a,
    .scrolled-up .navigation-primary > li > a {
      margin-left: .25em;
      padding: 0 .25em; } }

.display-scrolled-menu .navigation-menu a:before {
  content: "";
  left: -3px; }

@media only screen and (min-width: 60em) {
  .display-scrolled-menu .navigation-primary > li {
    line-height: 49px;
    opacity: 1;
    -webkit-transition-delay: .15s;
            transition-delay: .15s; }
    .display-scrolled-menu .navigation-primary > li.navigation-menu {
      line-height: 49px;
      -webkit-transform: translateX(-5px);
          -ms-transform: translateX(-5px);
              transform: translateX(-5px); }
    .display-scrolled-menu .navigation-primary > li.navigation-home {
      display: none; } }

.navigation-open .navigation-primary .navigation-menu {
  display: none; }

.no-svg .navigation-primary .navigation-home .navigation-home-link {
  background-image: url("head/bmc_logo_header-scrolled.png"); }

.nav-wrapper {
  background: #eee;
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  height: 75px;
  position: fixed;
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease;
  width: 100%;
  z-index: 15; }
  .scrolled-down .nav-wrapper {
    opacity: .96; }
  .pl-nav-open .nav-wrapper {
    opacity: 1 !important; }

#nav-main {
  margin-top: 0;
  padding-bottom: 0;
  padding-top: 0;
  position: fixed;
  width: 100%;
  z-index: 10; }

.nav-logo {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 75px;
  float: left;
  padding: 12px 0 0 16px;
  position: fixed;
  width: 170px;
  z-index: 12; }
  .nav-logo img {
    height: 50px; }

.nav-control {
  background: #fe5000 url(head/icon-menu-pl.png) 17px center no-repeat;
  display: block;
  font-size: 45px;
  font-size: 2.5rem;
  height: 75px;
  float: right;
  outline: none !important;
  position: relative;
  text-align: center;
  width: 75px;
  z-index: 30; }
  .pl-nav-open .nav-control {
    background-image: url(head/icon-close-pl.png); }

.nav-navigation {
  background: #fe5000;
  box-sizing: border-box;
  height: 100%;
  margin: 0;
  overflow: auto;
  padding: 5.55556em 4.16667em;
  position: fixed;
  right: -100%;
  top: 0;
  -webkit-transition: right .25s ease;
  transition: right .25s ease;
  width: 100%;
  z-index: 20; }
  @media only screen and (min-width: 48em) {
    .nav-navigation {
      right: -50%;
      width: 50%; } }
  .pl-nav-open .nav-navigation {
    right: 0; }
  .nav-navigation li {
    list-style-type: none;
    margin-bottom: .75em; }
  .nav-navigation a {
    color: #fff;
    display: block;
    font-size: 30px;
    font-size: 1.66667rem;
    font-weight: bold;
    text-align: right;
    text-decoration: none;
    -webkit-transition: none;
    transition: none; }
    .nav-navigation a:hover, .nav-navigation a:active, .nav-navigation a:focus {
      color: #2a2a2a;
      outline: none; }

.nav-pagenav {
  list-style: none;
  margin: 0;
  padding: 0; }
  .nav-pagenav li {
    display: inline-block;
    padding: 0.33333em 0.66667em; }
    .nav-pagenav li + li {
      border-left: 1px solid #cacaca; }
    .nav-pagenav li:before {
      content: ''; }

.navigation-secondary {
  background-color: #fcfcfc;
  color: #414042;
  height: 100%;
  margin: 0;
  overflow-y: auto;
  padding: 1em 0 0 1em;
  position: fixed;
  right: -150%;
  top: 60px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  width: 100%;
  z-index: 5;
  /*.ie8 & {
		display: none;
	}*/ }
  @media only screen and (min-width: 60em) {
    .navigation-secondary {
      border-top: solid 1px #ebebeb;
      box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.15);
      height: 0;
      top: 100%;
      max-height: 200px;
      opacity: 0;
      overflow: hidden;
      padding: 1em;
      position: absolute;
      -webkit-transition: max-height .25s ease;
      transition: max-height .25s ease;
      width: auto;
      /*.ie8 & {
			height: 0px;
			border: 0px;
		}*/ } }
  @media only screen and (min-width: 60em) {
    .navigation-secondary:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 0;
      background-color: transparent;
      box-shadow: 1px 0px 10px 1px rgba(0, 0, 0, 0.25);
      z-index: 10; } }
  @media only screen and (min-width: 60em) {
    .navigation-secondary.navigation-one-col {
      width: 25%; } }
  @media only screen and (min-width: 60em) {
    .navigation-secondary.navigation-two-col {
      width: 50%; } }
  @media only screen and (min-width: 60em) {
    .navigation-secondary.navigation-three-col {
      width: 75%; } }
  .navigation-secondary.navigation-four-col, .navigation-secondary.navigation-tabbed-menu {
    width: 100%; }
    @media only screen and (min-width: 60em) {
      .navigation-secondary.navigation-four-col.navigation-active, .navigation-secondary.navigation-tabbed-menu.navigation-active {
        right: 0; } }
  .navigation-secondary.navigation-active {
    right: 0;
    margin: 0;
    overflow: auto; }
    @media only screen and (min-width: 60em) {
      .navigation-secondary.navigation-active {
        height: auto;
        margin-top: 0;
        max-height: auto;
        opacity: .97;
        right: 0.66667em;
        top: 100%;
        /*.ie8 & {
				display: block;
			}*/ } }
  @media only screen and (min-width: 60em) {
    .navigation-secondary.layout-inner-wrap {
      padding: 0 !important; } }
  .navigation-secondary > ul {
    list-style: none;
    margin: 0; }
  .navigation-secondary li {
    line-height: normal;
    list-style: none;
    margin-bottom: 0; }
  .navigation-secondary a {
    color: #29a5d6;
    display: block;
    font-weight: normal;
    padding: 0.33333em 0; }
    @media only screen and (min-width: 60em) {
      .navigation-secondary a {
        font-size: 15px;
        font-size: 0.83333rem;
        color: #414042;
        padding: 0.33333em 0; } }
    .navigation-secondary a:hover, .navigation-secondary a:active {
      color: #29a5d6; }
    .navigation-secondary a.link-view-all {
      color: #29a5d6;
      font-weight: bold;
      margin-top: 0.44444em; }
      .navigation-secondary a.link-view-all:hover, .navigation-secondary a.link-view-all:active {
        color: #2184ab; }
  .navigation-secondary .btn {
    color: #fff;
    display: inline-block;
    margin-top: 1.77778em;
    padding: 0.77778em 1.11111em;
    -webkit-transition: none;
    transition: none; }
    .navigation-secondary .btn:hover, .navigation-secondary .btn:active {
      color: #fff; }
  .navigation-secondary .navigation-mobile-back {
    margin-bottom: 2em; }
    @media only screen and (min-width: 60em) {
      .navigation-secondary .navigation-mobile-back {
        display: none; } }
  .navigation-secondary .navigation-secondary-close {
    color: #29a5d6;
    padding: 0.33333em 0 0 0; }
    @media only screen and (min-width: 60em) {
      .navigation-secondary .navigation-secondary-close {
        color: #353537; } }
    .navigation-secondary .navigation-secondary-close:before {
      font-family: "icomoon";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      content: "";
      font-size: 20px;
      font-size: 1.11111rem;
      position: relative;
      top: 3px; }
  .navigation-secondary .navigation-section-header {
    font-size: 16px;
    font-size: 0.88889rem;
    font-weight: 700;
    line-height: 20px;
    padding: 0.44444em 0 1.11111em; }
    @media only screen and (min-width: 60em) {
      .navigation-secondary .navigation-section-header {
        padding: 1em 0 1.11111em; } }
  .navigation-secondary .navigation-tab-controls {
    box-sizing: border-box;
    padding: 0; }
    @media only screen and (min-width: 60em) {
      .navigation-secondary .navigation-tab-controls {
        float: left;
        padding: 1em 0 2em 1em;
        width: 25%; } }
    .navigation-secondary .navigation-tab-controls .navigation-section-header {
      padding-left: 1.33333em; }
    .navigation-secondary .navigation-tab-controls .btn {
      margin-left: 1.77778em; }
    .navigation-secondary .navigation-tab-controls a {
      color: #414042; }
      @media only screen and (min-width: 60em) {
        .navigation-secondary .navigation-tab-controls a {
          font-size: 16px;
          font-size: 0.88889rem; } }
  @media only screen and (min-width: 60em) {
    .navigation-secondary .navigation-tab-content {
      float: right;
      width: 75%; } }
  @media only screen and (min-width: 60em) {
    .navigation-secondary .navigation-tab-content .navigation-section-header {
      padding-top: 2.11111em; } }
  .navigation-secondary a.tab-control {
    background-image: url("head/sprite-icon-product-types.png");
    background-repeat: no-repeat;
    line-height: auto;
    outline: 0;
    padding: 0.88889em 0.44444em 0.88889em 4.44444em;
    -webkit-transition: none;
    transition: none; }
    .navigation-secondary a.tab-control.icon-service-management {
      background-position: 1.11111em 0px; }
    .navigation-secondary a.tab-control.icon-featured-offerings {
      background-position: 0.94444em -593px; }
    .navigation-secondary a.tab-control.icon-workload-automation {
      background-position: 1.11111em -192px; }
    .navigation-secondary a.tab-control.icon-it-operations {
      background-position: 1.11111em -395px; }
    .navigation-secondary a.tab-control.icon-cloud-management {
      background-position: 1.11111em -91px; }
    .navigation-secondary a.tab-control.icon-it-automation {
      background-position: 1.11111em -291px; }
    .navigation-secondary a.tab-control.icon-mainframe {
      background-position: 1.11111em -496px; }
    .navigation-secondary a.tab-control:hover {
      background-color: #f0f0f0;
      color: #414042; }
    .navigation-secondary a.tab-control.active-tab {
      background-color: #ebebeb;
      cursor: default;
      font-weight: bold; }

.navigation-column {
  box-sizing: border-box;
  padding: 1.33333em;
  position: relative; }
  @media only screen and (min-width: 60em) {
    .navigation-column {
      float: left;
      padding: 0 0.88889em 1.33333em; } }
  .navigation-column + .navigation-column {
    padding-top: 0; }
  .navigation-column.navigation-column-emphasis {
    background-color: #fcfcfc;
    padding: 1.33333em; }
    @media only screen and (min-width: 60em) {
      .navigation-column.navigation-column-emphasis {
        padding-top: 0; } }
    .navigation-column.navigation-column-emphasis .nav-supplemental-with-images img {
      margin-top: -1rem; }
    .navigation-column.navigation-column-emphasis .nav-supplemental-with-images .navigation-section-header.pt1 {
      padding-top: .5rem; }
  .navigation-column ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  @media only screen and (min-width: 60em) {
    .navigation-one-col .navigation-column {
      width: 100%; } }
  @media only screen and (min-width: 60em) {
    .navigation-two-col .navigation-column {
      width: 50%; } }
  @media only screen and (min-width: 60em) {
    .navigation-three-col .navigation-column {
      width: 33.3%; } }
  @media only screen and (min-width: 60em) {
    .navigation-four-col .navigation-column {
      width: 25%; } }
  @media only screen and (min-width: 60em) {
    .navigation-tabbed-menu .navigation-column {
      width: 33.3%; } }

.navigation-supplementary {
  background: #ebebeb;
  box-sizing: border-box;
  height: 100%;
  margin: 0;
  overflow-y: auto;
  padding: 80px 0 0;
  position: fixed;
  right: -110%;
  top: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  width: 100%;
  z-index: 9; }
  @media only screen and (min-width: 60em) {
    .navigation-supplementary {
      background: transparent;
      padding-top: 0;
      position: relative;
      right: 0; } }
  .navigation-two-column .navigation-supplementary {
    border-top: 3px solid #fe5000; }
  .navigation-supplementary.navigation-active {
    right: 0; }
  .navigation-supplementary ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .navigation-supplementary ul li {
      margin: 0;
      padding: 0; }
  @media only screen and (min-width: 60em) {
    .navigation-tab-controls .navigation-supplementary {
      display: none; } }
  .navigation-supplementary a {
    -webkit-transition: none;
    transition: none; }
    .navigation-supplementary a.spotlight {
      box-sizing: border-box;
      padding: 0; }
      .navigation-supplementary a.spotlight:hover {
        background-color: transparent; }
      .navigation-supplementary a.spotlight img {
        box-sizing: border-box;
        border: 12px solid #eee;
        padding: 0; }
    .navigation-supplementary a:hover, .navigation-supplementary a:active {
      color: #29a5d6; }
    .navigation-supplementary a.btn {
      background-color: #29a5d6;
      border-color: transparent;
      color: #fff;
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear; }
      .navigation-supplementary a.btn:hover {
        background-color: #54b7de; }
  @media only screen and (min-width: 60em) {
    .navigation-supplementary .navigation-close-supplementary-container {
      display: none; } }
  .navigation-supplementary .navigation-close-supplementary {
    padding-left: 0.22222em; }
    .navigation-supplementary .navigation-close-supplementary:before {
      font-family: "icomoon";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      content: "";
      font-size: 20px;
      font-size: 1.11111rem;
      position: relative;
      top: 3px; }
    @media only screen and (min-width: 60em) {
      .navigation-supplementary .navigation-close-supplementary {
        display: none; } }

@media only screen and (min-width: 60em) {
  .navigation-tab-content {
    background: #ebebeb;
    box-sizing: border-box;
    display: block; } }

.navigation-two-column .navigation-tab-content {
  border-left: 0; }

.navigation-tertiary {
  margin: 0;
  padding: 0; }
  .navigation-tertiary h4 {
    border-bottom: 2px solid #a7a9ac;
    color: #a7a9ac;
    font-weight: 800;
    margin: 1em 0 1.5em;
    padding-bottom: 0.55556em; }
    @media only screen and (min-width: 60em) {
      .navigation-tertiary h4 {
        margin-top: 0; } }
  @media only screen and (min-width: 60em) {
    .bg-matrix .navigation-tertiary {
      position: relative; } }
  @media only screen and (min-width: 60em) {
    .bg-matrix .navigation-tertiary:after {
      background: none;
      content: '';
      display: block;
      height: 297px;
      position: absolute;
      right: 0;
      top: -367px; } }

.navigation-tertiary-col {
  display: inline-block;
  list-style: none;
  margin-right: -0.25em;
  vertical-align: top;
  width: 100%; }
  @media only screen and (min-width: 30em) {
    .navigation-tertiary-col {
      margin-left: 3.3%;
      width: 48.3%; }
      .navigation-tertiary-col.nth-child-2np1 {
        margin-left: 0; }
      .navigation-tertiary-col.nth-child-np3 {
        margin-top: 3.3%; } }
  @media only screen and (min-width: 60em) {
    .navigation-tertiary-col {
      margin-top: 0; } }
  @media only screen and (min-width: 76.25em) {
    .navigation-tertiary-col {
      margin-left: 2.2%;
      width: 23.3%; }
      .navigation-tertiary-col.nth-child-2np1 {
        margin-left: 2.2%; }
      .navigation-tertiary-col:first-child {
        margin-left: 0; }
      .navigation-tertiary-col.nth-child-np3 {
        margin-top: 0; } }

.navigation-utility {
  box-sizing: border-box;
  border-top: 1px solid;
  list-style: none;
  margin: 0;
  padding: 2em 0; }
  @media only screen and (min-width: 60em) {
    .navigation-utility {
      border: 0;
      padding: 0;
      position: absolute;
      right: 28px;
      top: -50px; } }
  .navigation-utility > li {
    box-sizing: border-box;
    height: 49px;
    line-height: 49px;
    margin: 0; }
    @media only screen and (min-width: 60em) {
      .navigation-utility > li {
        float: left;
        height: 34px;
        line-height: 34px;
        margin-left: 12px;
        position: relative; } }
    .navigation-utility > li > a {
      box-sizing: border-box;
      display: block;
      padding: .5em 1em; }
      @media only screen and (min-width: 60em) {
        .navigation-utility > li > a {
          font-size: 13px;
          font-size: 0.72222rem;
          font-weight: 700;
          padding: 0 1em; } }
      @media only screen and (min-width: 76.25em) {
        .navigation-utility > li > a {
          font-size: 14px;
          font-size: 0.77778rem; } }
  .navigation-utility a {
    color: #29a5d6; }
    .navigation-utility a:hover {
      color: #2184ab; }
  .navigation-utility .btn-small.btn {
    -webkit-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0; }
    .navigation-utility .btn-small.btn span {
      border: solid 2px #29a5d6;
      border-radius: 5px;
      display: block;
      padding: 0.66667em 1em;
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear; }
    .navigation-utility .btn-small.btn:hover {
      color: #fff; }
      .navigation-utility .btn-small.btn:hover span {
        background-color: #29a5d6; }

@media only screen and (min-width: 60em) {
  .navigation-utility .navigation-contact a {
    padding-left: 56px; }
  .navigation-utility .navigation-support a {
    padding-left: 26px; }
  .navigation-utility .navigation-country a {
    padding-left: 26px; } }

.navigation-country a:after,
.navigation-contact a:after,
.navigation-support a:after {
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  font-size: 16px;
  font-size: 0.88889rem;
  margin-left: 12px;
  position: relative;
  top: 3px; }
  @media only screen and (min-width: 60em) {
    .navigation-country a:after,
    .navigation-contact a:after,
    .navigation-support a:after {
      left: 0;
      margin: 0;
      position: absolute;
      top: 10px; } }
  @media only screen and (min-width: 76.25em) {
    .navigation-country a:after,
    .navigation-contact a:after,
    .navigation-support a:after {
      font-size: 18px;
      font-size: 1rem;
      top: 8px; } }

.navigation-country a:after,
.navigation-contact a:after,
.navigation-support a:after {
  color: #999; }

.navigation-country a:after {
  content: ""; }

.navigation-contact a:after {
  content: "\e60f  \e610"; }

.navigation-support a:after {
  font-size: 14px;
  font-size: 0.77778rem;
  content: "\e62a"; }
  @media only screen and (min-width: 76.25em) {
    .navigation-support a:after {
      font-size: 16px;
      font-size: 0.88889rem; } }

.navigation-utility .navigation-trials a {
  color: #fe5000; }
  @media only screen and (min-width: 60em) {
    .navigation-utility .navigation-trials a {
      font-size: 14px;
      font-size: 0.77778rem; } }
  @media only screen and (min-width: 76.25em) {
    .navigation-utility .navigation-trials a {
      font-size: 16px;
      font-size: 0.88889rem; } }
  .navigation-utility .navigation-trials a:hover {
    color: #f83200; }

.navigation-search {
  position: relative; }
  @media only screen and (min-width: 60em) {
    .navigation-search {
      width: 200px; } }
  .navigation-search .search-site {
    position: absolute;
    right: 0;
    top: 20px;
    width: 100%; }
    @media only screen and (min-width: 60em) {
      .navigation-search .search-site {
        top: 0; } }
  .navigation-search .search-site-b {
    box-sizing: border-box;
    border: solid 1px #cacaca;
    border-radius: 5px;
    box-shadow: 0 0 2px #cacaca;
    height: 34px;
    overflow: hidden;
    padding: 3px 34px 0 12px; }
    .navigation-search .search-site-b:after {
      font-family: "icomoon";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      color: #6c6c6c;
      content: "";
      display: block;
      font-size: 21px;
      pointer-events: none;
      position: absolute;
      right: 8px;
      top: 6px;
      z-index: -1;
      /*.ie8 & {
				display: none;
			}*/ }
  .navigation-search .search-focus {
    position: relative;
    z-index: 1; }
  .navigation-search [type="text"] {
    background: url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw%3D%3D) transparent;
    border: none;
    color: #cacaca;
    font: 16px arial,sans-serif;
    line-height: 27px;
    height: auto;
    left: 0;
    margin: 0;
    outline: none;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 6;
    /*.ie8 & {
			margin-top: 4px;
		}*/ }
    .navigation-search [type="text"]:focus {
      color: #6c6c6c;
      opacity: 1;
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear; }
  .navigation-search button {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0;
    bottom: 1px;
    height: 32px;
    margin: 0;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 34px;
    z-index: 2;
    /*.ie8 & {
			&:after {
				@include icon();
				color: color(darkGrey);
				content: $iconSearch;
				display: block;
				font-size: 21px;
				pointer-events: none;
				position: absolute;
				right: 8px;
				top: 3px;
				z-index: -1;
			}
		}
		*/ }
    .navigation-search button:hover {
      background-color: rgba(0, 0, 0, 0.08);
      border-left: 1px solid rgba(0, 0, 0, 0.1); }

.nav-li-override {
  display: none; }

.scrolled-down .navigation-utility > li,
.scrolled-up .navigation-utility > li {
  height: 49px;
  line-height: 49px; }
  @media only screen and (min-width: 60em) {
    .scrolled-down .navigation-utility > li,
    .scrolled-up .navigation-utility > li {
      height: 49px;
      line-height: 49px; } }

@media only screen and (min-width: 60em) {
  .scrolled-down .navigation-search,
  .scrolled-up .navigation-search {
    border-right: solid 1px #cacaca;
    width: 50px; }
    .scrolled-down .navigation-search.on,
    .scrolled-up .navigation-search.on {
      width: 200px; }
      .scrolled-down .navigation-search.on .search-site-b,
      .scrolled-up .navigation-search.on .search-site-b {
        padding-left: 10px;
        padding-right: 40px; }
      .scrolled-down .navigation-search.on button,
      .scrolled-up .navigation-search.on button {
        display: block; }
    .scrolled-down .navigation-search .search-site-b,
    .scrolled-up .navigation-search .search-site-b {
      border: 0;
      box-shadow: none;
      cursor: pointer;
      height: 49px;
      padding: 12px 14px 10px; }
      .scrolled-down .navigation-search .search-site-b:after,
      .scrolled-up .navigation-search .search-site-b:after {
        display: block;
        color: #6c6c6c;
        right: 13px;
        top: 13px;
        /*.ie8 & {
						top: 15px;
					}*/ }
    .scrolled-down .navigation-search [type="text"],
    .scrolled-up .navigation-search [type="text"] {
      cursor: pointer;
      padding-left: 50px;
      top: 0;
      /*.ie8 & {
					margin-top: -12px;
					height: $scrolledUtilityNavHeight;
					margin-left: -15px;
				}*/ }
      .scrolled-down .navigation-search [type="text"]:focus,
      .scrolled-up .navigation-search [type="text"]:focus {
        cursor: auto;
        padding-left: 0;
        /*.ie8 & {
						margin-left: auto;
						margin-top: 4px;
						height: auto;
					}*/ }
    .scrolled-down .navigation-search button,
    .scrolled-up .navigation-search button {
      display: none;
      height: 49px;
      right: 0;
      top: 0;
      width: 49px;
      /*.ie8 &:after {
					display: none;
				}*/ } }

@media only screen and (min-width: 60em) {
  .scrolled-down .navigation-utility,
  .scrolled-up .navigation-utility {
    top: 0;
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear; }
  .scrolled-down .navigation-utility > li,
  .scrolled-up .navigation-utility > li {
    border-left: 1px solid #cacaca; }
  .scrolled-down .navigation-utility .navigation-country a,
  .scrolled-up .navigation-utility .navigation-country a {
    padding-left: 40px; }
  .scrolled-down .navigation-utility .navigation-contact a,
  .scrolled-up .navigation-utility .navigation-contact a {
    padding-left: 68px; }
  .scrolled-down .navigation-utility .navigation-support,
  .scrolled-down .navigation-utility .navigation-country,
  .scrolled-up .navigation-utility .navigation-support,
  .scrolled-up .navigation-utility .navigation-country {
    display: none; }
  .scrolled-down .navigation-country a:after,
  .scrolled-down .navigation-contact a:after,
  .scrolled-down .navigation-support a:after,
  .scrolled-up .navigation-country a:after,
  .scrolled-up .navigation-contact a:after,
  .scrolled-up .navigation-support a:after {
    left: 12px;
    top: 16px; }
  .scrolled-down .navigation-contact,
  .scrolled-up .navigation-contact {
    margin-left: 0px; }
  .scrolled-down .nav-li-override-hide,
  .scrolled-up .nav-li-override-hide {
    display: none; }
  .scrolled-down .nav-li-override,
  .scrolled-up .nav-li-override {
    display: block; }
  .scrolled-down .nav-li-override a,
  .scrolled-up .nav-li-override a {
    background-color: #fe5000;
    color: white !important; } }
  @media only screen and (min-width: 60em) and (min-width: 60em) {
    .scrolled-down .nav-li-override a,
    .scrolled-up .nav-li-override a {
      font-size: 14px;
      font-size: 0.77778rem; } }
  @media only screen and (min-width: 60em) and (min-width: 76.25em) {
    .scrolled-down .nav-li-override a,
    .scrolled-up .nav-li-override a {
      font-size: 16px;
      font-size: 0.88889rem; } }

@media only screen and (min-width: 60em) {
    .scrolled-down .nav-li-override a:after,
    .scrolled-up .nav-li-override a:after {
      content: url("head/play-button-white.png");
      left: 10px;
      position: relative;
      top: 10px; } }

@media only screen and (min-width: 60em) {
  .display-scrolled-menu .navigation-utility {
    top: -100%; } }

.navigation-breadcrumb {
  margin: 0;
  padding: 1px 0px 0px !important; }
  .navigation-breadcrumb ul {
    padding-left: 0px;
    margin-bottom: 0px; }
  .navigation-breadcrumb li {
    display: inline-block; }
    .navigation-breadcrumb li :after {
      content: " \00203A"; }
  .navigation-breadcrumb a {
    font-weight: bold; }
  .navigation-breadcrumb.white-links {
    color: white;
    margin-top: 2em;
    text-align: left; }
    @media only screen and (min-width: 48em) {
      .navigation-breadcrumb.white-links {
        margin-top: 1em; } }
    @media only screen and (min-width: 60em) {
      .navigation-breadcrumb.white-links {
        margin-top: 0em; } }
    .navigation-breadcrumb.white-links li {
      margin-bottom: 0; }
    .navigation-breadcrumb.white-links a {
      color: white; }
  .navigation-breadcrumb + .layout-full-bleed {
    padding-top: 0; }
  .navigation-breadcrumb .cmp-breadcrumb {
    display: block; }

.pagination p {
  padding-top: 1em; }

.pagination ul {
  display: inline-block;
  padding: 1em 0 1em;
  margin: 0;
  float: right;
  font-size: 1em; }

.pagination ul li {
  display: inline; }

.pagination ul li a {
  float: left;
  padding: .5em .5em 0 .5em;
  text-decoration: none;
  border-radius: 5px;
  font-size: 1em;
  line-height: 1.6em;
  color: #29a5d6;
  font-weight: 800; }

.pagination ul li a.active {
  color: black;
  border-radius: 5px; }

.pagination ul li a:hover:not(.active) {
  text-decoration: underline;
  background-color: #eeeeee; }

.opentip-container,
.opentip-container * {
  box-sizing: border-box; }

.opentip-container {
  position: absolute;
  max-width: 300px;
  z-index: 100;
  -webkit-transition: -webkit-transform 1s ease-in-out;
  transition: -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
  pointer-events: none;
  -webkit-transform: translateX(0) translateY(0);
  -ms-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0); }

.opentip-container.ot-fixed.ot-hidden.stem-top.stem-center,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-center,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-center {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px); }

.opentip-container.ot-fixed.ot-hidden.stem-top.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-right {
  -webkit-transform: translateY(-5px) translateX(5px);
  -ms-transform: translateY(-5px) translateX(5px);
  transform: translateY(-5px) translateX(5px); }

.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-right {
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px); }

.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-right {
  -webkit-transform: translateY(5px) translateX(5px);
  -ms-transform: translateY(5px) translateX(5px);
  transform: translateY(5px) translateX(5px); }

.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-center,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-center,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-center {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px); }

.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-left {
  -webkit-transform: translateY(5px) translateX(-5px);
  -ms-transform: translateY(5px) translateX(-5px);
  transform: translateY(5px) translateX(-5px); }

.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-left {
  -webkit-transform: translateX(-5px);
  -ms-transform: translateX(-5px);
  transform: translateX(-5px); }

.opentip-container.ot-fixed.ot-hidden.stem-top.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-left {
  -webkit-transform: translateY(-5px) translateX(-5px);
  -ms-transform: translateY(-5px) translateX(-5px);
  transform: translateY(-5px) translateX(-5px); }

.opentip-container.ot-fixed .opentip {
  pointer-events: auto; }

.opentip-container.ot-hidden {
  display: none; }

.opentip-container .opentip {
  position: relative;
  font-size: 13px;
  line-height: 120%;
  padding: 9px 14px;
  color: #4f4b47;
  text-shadow: -1px -1px 0px rgba(255, 255, 255, 0.2); }

.opentip-container .opentip .header {
  margin: 0;
  padding: 0; }

.opentip-container .opentip .ot-close {
  pointer-events: auto;
  display: block;
  position: absolute;
  top: -12px;
  left: 60px;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  text-decoration: none; }

.opentip-container .opentip .ot-close span {
  display: none; }

.opentip-container .opentip .ot-loading-indicator {
  display: none; }

.opentip-container.ot-loading .ot-loading-indicator {
  width: 30px;
  height: 30px;
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
  display: block; }

.opentip-container.ot-loading .ot-loading-indicator span {
  display: block;
  -webkit-animation: otloading 2s linear infinite;
  animation: otloading 2s linear infinite;
  text-align: center; }

.opentip-container.style-dark .opentip,
.opentip-container.style-alert .opentip {
  color: #f8f8f8;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); }

.opentip-container.style-glass .opentip {
  padding: 15px 25px;
  color: #317cc5;
  text-shadow: 1px 1px 8px rgba(0, 94, 153, 0.3); }

.opentip-container.ot-hide-effect-fade {
  -webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: opacity 1s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 1s ease-in-out, -webkit-transform 0.5s ease-in-out;
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none; }

.opentip-container.ot-hide-effect-fade.ot-hiding {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.opentip-container.ot-show-effect-appear.ot-going-to-show,
.opentip-container.ot-show-effect-appear.ot-showing {
  -webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: opacity 1s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 1s ease-in-out, -webkit-transform 0.5s ease-in-out; }

.opentip-container.ot-show-effect-appear.ot-going-to-show {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.opentip-container.ot-show-effect-appear.ot-showing {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none; }

.opentip-container.ot-show-effect-appear.ot-visible {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none; }

@-webkit-keyframes otloading {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes otloading {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

/*
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y; }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel .owl-refresh .owl-item {
  display: none; }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d; }

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto; }

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab; }

.owl-carousel .owl-rtl {
  direction: rtl; }

.owl-carousel .owl-rtl .owl-item {
  float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("head/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  transition: scale 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1; }

/*
 *  Owl Carousel CSS3 Transitions
 *  v1.3.2
 */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px; }

/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease; }

.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease; }

/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease; }

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease; }

/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both; }

.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  animation: goDown .6s ease both; }

/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both; }

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both; }

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {
    opacity: 1; } }

@keyframes empty {
  0% {
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px); }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%); } }

@keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
            transform: translateZ(-500px); }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
            transform: translateZ(-500px) translateX(-200%); }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
            transform: translateZ(-500px) translateX(-200%); } }

@-webkit-keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%); }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px); }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0); } }

@keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%);
            transform: translateZ(-500px) translateX(200%); }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
            transform: translateZ(-500px); }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
            transform: translateZ(0) translateX(0); } }

@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8); } }

@keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8); } }

@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%); } }

@keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); } }

@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5); } }

@keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5); } }

@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5); } }

@keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5); } }

.owl-wallpaper {
  position: relative; }
  .owl-wallpaper .owl-item .section {
    padding: 0; }
    @media (min-width: 832px) {
      .owl-wallpaper .owl-item .section {
        padding: 0 80px; } }
    @media (min-width: 1024px) {
      .owl-wallpaper .owl-item .section {
        padding: 0 95px; } }
    @media (min-width: 1496px) {
      .owl-wallpaper .owl-item .section {
        padding: 0 130px; } }
  .owl-wallpaper .owl-controls {
    background-color: #29a5d6; }
    @media (min-width: 832px) {
      .owl-wallpaper .owl-controls {
        background-color: transparent;
        height: 48px;
        margin-top: -24px;
        position: absolute;
        top: 50%;
        width: 100%;
        z-index: 1; } }
  @media (min-width: 832px) and (min-width: 1024px) {
    .owl-wallpaper .owl-controls {
      height: 56px;
      margin-top: -28px; } }
  @media (min-width: 832px) and (min-width: 1496px) {
    .owl-wallpaper .owl-controls {
      height: 64px;
      margin-top: -32px; } }
  @media (min-width: 832px) {
    .owl-wallpaper .owl-nav {
      height: 100%;
      position: relative;
      width: 100%; } }
  .owl-wallpaper .owl-next,
  .owl-wallpaper .owl-prev {
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    padding: 16px;
    text-align: center;
    width: 49%; }
    @media (min-width: 832px) {
      .owl-wallpaper .owl-next,
      .owl-wallpaper .owl-prev {
        display: block;
        float: none;
        height: 100%;
        padding: 0;
        position: absolute;
        top: 0;
        width: 30px; }
        .owl-wallpaper .owl-next svg,
        .owl-wallpaper .owl-prev svg {
          height: 100%;
          width: 100%; } }
    @media (min-width: 1024px) {
      .owl-wallpaper .owl-next,
      .owl-wallpaper .owl-prev {
        width: 35px; } }
    @media (min-width: 1496px) {
      .owl-wallpaper .owl-next,
      .owl-wallpaper .owl-prev {
        width: 40px; } }
  .owl-wallpaper .owl-next {
    float: right; }
    @media (min-width: 832px) {
      .owl-wallpaper .owl-next {
        right: 40px; } }
    @media (min-width: 1024px) {
      .owl-wallpaper .owl-next {
        right: 50px; } }
    @media (min-width: 1496px) {
      .owl-wallpaper .owl-next {
        right: 80px; } }
  .owl-wallpaper .owl-prev {
    float: left; }
    @media (min-width: 832px) {
      .owl-wallpaper .owl-prev {
        left: 40px; } }
    @media (min-width: 1024px) {
      .owl-wallpaper .owl-prev {
        left: 50px; } }
    @media (min-width: 1496px) {
      .owl-wallpaper .owl-prev {
        left: 80px; } }

.color-swatch {
  color: #fff;
  min-height: 100px !important;
  padding: 1em !important; }
  .color-swatch h1 {
    color: #fff;
    font-size: 20px;
    font-size: 1.11111rem; }
  .color-swatch > span {
    display: block; }

.grid-system-pattern-library img {
  width: 100%; }

.item-container {
  text-align: center; }

article.item {
  text-align: left; }
  @media only screen and (min-width: 48em) {
    article.item.item-skinny {
      margin-left: 33.3%;
      max-width: 33.3%; } }
  article.item > h2 {
    border: 1px solid #cacaca;
    border-left: none;
    border-right: none;
    color: #333333;
    margin: 2em 0;
    padding: .5em 0;
    text-align: center; }
  article.item + article.item {
    margin-bottom: 2em;
    margin-top: 4em; }
  article.item img.fpo {
    width: 100%; }
  article.item pre {
    display: none;
    margin: .5em 0;
    tab-size: 2;
    -moz-tab-size: 2;
    -o-tab-size: 2; }
    @media only screen and (min-width: 60em) {
      article.item pre {
        display: block;
        max-height: 250px;
        overflow-y: auto; } }
  article.item .navigation-utility {
    top: 0; }
  article.item .fancybox-overlay-fixed {
    position: absolute; }

.element-notes code {
  font-size: inherit; }

.element-example {
  margin-bottom: 2em;
  overflow: hidden; }

body.pattern-library {
  background: #fff;
  padding-bottom: 100px; }

#content-wrapper {
  background: #fff;
  padding-top: 100px;
  -webkit-transition: all .25s ease;
  transition: all .25s ease; }
  .pl-nav-open #content-wrapper {
    opacity: .3; }
    @media only screen and (min-width: 48em) {
      .pl-nav-open #content-wrapper {
        -webkit-transform: scale(0.96);
            -ms-transform: scale(0.96);
                transform: scale(0.96);
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%); } }

#nav-logo {
  -webkit-transition: all .25s ease;
  transition: all .25s ease; }
  @media only screen and (min-width: 48em) {
    .pl-nav-open #nav-logo {
      filter: grayscale(100%);
      -webkit-filter: grayscale(100%); } }

@media only screen and (min-width: 48em) {
  .about-pattern-library {
    padding: 0 16.6%; } }

.about-pattern-library > h1 {
  font-size: 32px;
  font-size: 1.77778rem; }

.about-pattern-library > p {
  margin-bottom: 2em; }

.about-pattern-library cite {
  display: block;
  font-style: normal;
  margin: 3em 0; }
  .about-pattern-library cite > * {
    display: block; }
  .about-pattern-library cite author {
    font-weight: bold; }
  .about-pattern-library cite author-title {
    font-style: italic;
    margin-bottom: 2em; }
  .about-pattern-library cite p {
    margin-bottom: .66em; }

.example-pages-list {
  list-style: none;
  padding: 0; }
  .example-pages-list a {
    font-weight: bold; }

.item#customer-story {
  margin-bottom: 200px; }
  .item#customer-story .layout-inner-wrap {
    padding: 0 0 0 28px; }

.item .support-chat-now {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  position: absolute;
  top: 97px;
  z-index: 14; }

.item aside.layout-secondary {
  float: none; }

.item .navigation-utility a.contact-bmc {
  display: inline; }

.pattern-library .layout-modal-overlay {
  left: 0; }

.pattern-library .page-about-us .leadership-content {
  padding-right: 0; }

.pattern-library .-shaded {
  background-color: #f1f1f1;
  padding: 1.666667em; }

.pattern-library .product-feature-offset-photo {
  margin-top: 0 !important; }

.pattern-library .desktop-only {
  display: none; }
  @media only screen and (min-width: 48em) {
    .pattern-library .desktop-only {
      display: block; } }

.element-code-preview {
  -webkit-transition: all .25s ease;
  transition: all .25s ease; }

#top-link-wrapper {
  background-color: rgba(255, 255, 255, 0.6);
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  bottom: -100px;
  opacity: 0;
  position: fixed;
  text-align: center;
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
  width: 100%;
  z-index: 1200; }
  .scrolled-down #top-link-wrapper,
  .scrolled-up #top-link-wrapper {
    bottom: 0;
    opacity: 1; }
  .pl-nav-open #top-link-wrapper {
    bottom: -100px;
    opacity: 0; }
  #top-link-wrapper a.nav-top {
    color: #000;
    display: inline-block;
    height: 40px;
    margin: 1em 0;
    text-align: center; }
    #top-link-wrapper a.nav-top:before {
      border: 4px solid;
      border-bottom: 0;
      border-right: 0;
      content: '';
      display: block;
      height: 8px;
      margin-left: 9px;
      width: 8px;
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
      -webkit-transform: rotate(45deg); }

.icon-list {
  margin-bottom: 3em; }
  .icon-list a {
    display: block; }

.layout-example {
  overflow: hidden; }
  .layout-example .layout-primary,
  .layout-example .layout-secondary {
    min-height: 350px;
    padding: 16px; }
  .layout-example .layout-primary {
    background-color: #f1f1f1; }
  .layout-example .layout-secondary {
    background-color: #cacaca; }
  .layout-example .row + .row {
    margin-top: 1em; }
  .layout-example .row > div {
    background-color: rgba(0, 0, 0, 0.2);
    min-height: 100px; }

.flex-demo {
  background-color: #eee;
  padding: 16px; }
  .flex-demo .flex-item {
    background-color: #ddd;
    border: 1px solid #fff;
    box-sizing: border-box;
    font-size: 14px;
    font-size: 0.77778rem;
    padding: 0.75em;
    text-align: center; }
  .flex-demo .highlight, .flex-demo.highlight {
    border: 1px solid #fff; }

@media only screen and (min-width: 48em) {
  .flex-tab {
    padding: 16px; } }

.flex-tab .flex-item {
  box-sizing: border-box;
  padding: 0.75em; }
  .flex-tab .flex-item img, .flex-tab .flex-item object, .flex-tab .flex-item embed {
    width: 100%; }
  .flex-tab .flex-item:first-child {
    margin-right: 3em; }

html.no-flexbox .toggle-flexbox-support:before {
  content: 'Enable '; }

html.flexbox .toggle-flexbox-support:before {
  content: 'Disable '; }

html.no-flexbox .flex-demo:before {
  content: '(Flexbox disabled) '; }

.two-up,
.three-up,
.four-up {
  display: inline-block;
  vertical-align: top;
  width: 100%; }
  .two-up:first-child,
  .three-up:first-child,
  .four-up:first-child {
    margin-top: 0; }
  .two-up:nth-child(n+2),
  .three-up:nth-child(n+2),
  .four-up:nth-child(n+2) {
    margin-top: 2.5%; }
    @media only screen and (min-width: 60em) {
      .two-up:nth-child(n+2),
      .three-up:nth-child(n+2),
      .four-up:nth-child(n+2) {
        margin-top: 0; } }

@media only screen and (min-width: 60em) {
  .two-up,
  .four-up {
    width: 48.7%; } }

@media only screen and (min-width: 60em) {
  .two-up:nth-child(n+3),
  .four-up:nth-child(n+3) {
    margin-top: 2.5%; } }

@media only screen and (min-width: 60em) {
  .three-up {
    width: 31.6%; } }

@media only screen and (min-width: 60em) {
  .three-up:nth-child(3n+1) {
    margin-left: 0; } }

@media only screen and (min-width: 60em) {
  .three-up:nth-child(n+4) {
    margin-top: 2.5%; } }

@media only screen and (min-width: 76.25em) {
  .four-up {
    width: 23.1%; } }

@media only screen and (min-width: 76.25em) {
  .four-up:nth-child(4n+1) {
    margin-left: 0; } }

@media only screen and (min-width: 76.25em) {
  .four-up:nth-child(n+3) {
    margin-top: 0; } }

@media only screen and (min-width: 76.25em) {
  .four-up:nth-child(n+5) {
    margin-top: 2.5%; } }

.bmc-nav-loader-nav .search-site fieldset {
  margin: 0;
  padding: 0 0.92857em 0.92857em; }
  .bmc-nav-loader-nav .search-site fieldset li {
    margin: 0; }
  .bmc-nav-loader-nav .search-site fieldset input {
    background: transparent;
    border: none;
    border-bottom: 1px solid #f1f1f1;
    border-radius: 0;
    color: white;
    font-size: 18px;
    font-size: 1rem;
    padding: 0; }
    .bmc-nav-loader-nav .search-site fieldset input:active, .bmc-nav-loader-nav .search-site fieldset input:focus {
      border: none;
      border-bottom: 1px solid #f1f1f1; }
    @media only screen and (min-width: 60em) {
      .bmc-nav-loader-nav .search-site fieldset input {
        color: #555557;
        height: 35px;
        max-width: none;
        -webkit-transition: width 0.3s linear;
        transition: width 0.3s linear;
        width: 1px; } }
  @media only screen and (min-width: 60em) {
    .bmc-nav-loader-nav .search-site fieldset {
      float: left;
      padding: 0; } }

@media only screen and (min-width: 60em) {
  .bmc-nav-loader-nav .search-active .search-site input {
    width: 250px; } }

.search-input-m-glass {
  position: relative; }
  .search-input-m-glass button {
    background-color: transparent;
    border: 2px solid transparent;
    margin: 0;
    padding: 0.42857em;
    position: absolute;
    right: 2px;
    top: 0; }
    .search-input-m-glass button:hover, .search-input-m-glass button:active, .search-input-m-glass button:focus {
      background-color: transparent;
      border-color: transparent;
      outline: none; }
    .search-input-m-glass button:before {
      font-family: "icomoon";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      color: #29a5d6;
      content: "";
      display: block;
      font-size: 1.55556em; }

.search-results-header .search-input-m-glass, .search-results-header .decorator-select {
  display: inline-block;
  margin-bottom: 1em;
  vertical-align: top; }

.search-results-header .search-input-m-glass {
  width: 100%; }

.search-results-header .decorator-select {
  vertical-align: middle;
  width: 100%; }

.search-results-header .results-count {
  color: #a7a9ac;
  font-size: 0.77778em;
  margin-bottom: 2em; }

@media only screen and (min-width: 48em) {
  .search-results-header .search-input-m-glass {
    margin-right: 1.38889em;
    max-width: 450px;
    min-width: 300px;
    width: 60%; }
  .search-results-header .decorator-select {
    max-width: 300px;
    min-width: 180px;
    width: 30%; } }

.search-results .results-list {
  list-style: none;
  margin: 0;
  padding: 0; }

.search-results .results-item {
  border-bottom: 1px solid #c1c3c5;
  margin: 0;
  padding: 1em 0; }
  .search-results .results-item:first-child {
    border-top: 1px solid #c1c3c5; }

.search-results .results-item-heading {
  font-size: 1.22222em;
  font-weight: 900;
  margin-bottom: 0.11111em; }

.search-results .results-item-url {
  font-size: 0.88889em;
  margin-top: 0.5em; }

.search-results .results-item-desc, .search-results .results-item-url {
  color: #413e41; }

.search-pager {
  display: inline-block;
  list-style: none;
  margin: 1em 0;
  padding: 0; }
  .search-pager li {
    color: #29a5d6;
    display: inline-block;
    font-size: 1.11111em;
    font-weight: 800;
    margin-right: 0.5em; }
    .search-pager li.active span {
      color: #413e41; }

.search-results-header .st-ui-search-input,
.search-results-header .st-default-search-input {
  background: none; }

.st-position-container {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  font-weight: 400; }
  .st-position-container .st-ui-injected-search-summary .st-query-present {
    color: #a7a9ac;
    font-size: 0.77778em;
    padding-bottom: 2em;
    border-bottom: 1px solid #c1c3c5; }
  .st-position-container .st-ui-type-heading {
    font-size: 1.22222em;
    font-weight: 900;
    margin-bottom: 0.11111em; }
  .st-position-container .st-ui-type-detail {
    color: #413e41;
    font-size: 1rem;
    display: block;
    /* or */
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 5.4em !important;
    line-height: 1.8em; }
    .st-position-container .st-ui-type-detail .st-ui-type-detail-bold {
      color: #413e41;
      font-size: 1rem; }
  .st-position-container .st-ui-result {
    border-bottom: 1px solid #c1c3c5; }

.st-ui-container-footer_bar {
  display: inline-block;
  list-style: none;
  margin: 1em 0;
  padding: 0; }
  .st-ui-container-footer_bar .st-ui-pagination-link {
    color: #29a5d6;
    display: inline-block;
    font-size: 1.11111em;
    font-weight: 800;
    margin-right: 0.5em; }
    .st-ui-container-footer_bar .st-ui-pagination-link.active {
      color: #413e41; }
  .st-ui-container-footer_bar .st-ui-arrow {
    display: none; }

section.st-ui-no-results .st-ui-type-heading, div.st-ui-injected-overlay-container section.st-ui-no-results .st-ui-type-heading {
  display: none; }

.social-facebook:before {
  content: ""; }

.social-twitter:before {
  content: ""; }

.social-linkedin:before {
  content: ""; }

.social-googleplus:before {
  content: ""; }

.social-youtube:before {
  content: ""; }

.social-slideshare:before {
  content: ""; }

.social-communities:before {
  content: ""; }

.social-weibo:before {
  content: ""; }

.nav-social a,
.social-sharing a {
  display: block; }
  .nav-social a:before,
  .social-sharing a:before {
    font-family: "icomoon";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 18px;
    font-size: 1rem;
    vertical-align: middle; }

.nav-social a:before {
  display: block;
  float: left;
  margin-right: 0.66667em;
  text-align: center;
  width: 1.3em; }

.social-sharing {
  margin: 32px 0; }
  .social-sharing a {
    color: white;
    font-size: 14px;
    font-size: 0.77778rem;
    height: 2em;
    line-height: 2em;
    text-align: center;
    width: 2em; }
  .social-sharing .social-facebook {
    background-color: #36609f; }
  .social-sharing .social-googleplus {
    background-color: #db5442; }
  .social-sharing .social-twitter {
    background-color: #29a9e0; }
  .social-sharing .social-linkedin {
    background-color: #056c9a; }
  .social-sharing ul {
    padding: 0; }
  .social-sharing li {
    display: inline-block;
    margin: 0 0.44444em 0 0; }

.supplement-share {
  padding-top: 45px; }
  .supplement-share:before {
    font-family: "icomoon";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    content: ""; }

.tooltip {
  cursor: help; }
  .tooltip.high-res-only {
    cursor: auto; }

.tipsy {
  font-size: 14px;
  font-size: 0.77778rem;
  padding: 10px;
  position: absolute;
  z-index: 1000; }

.tipsy-inner {
  background-color: #e55030;
  border-radius: 3px;
  color: white;
  max-width: 200px;
  padding: 10px;
  text-align: center; }

.tipsy-inner {
  box-shadow: 0 0 10px black; }

.tipsy-arrow {
  border: 5px dashed #e55030;
  height: 0;
  line-height: 0;
  position: absolute;
  width: 0; }

.tipsy-arrow-n {
  border-bottom-color: #e55030; }

.tipsy-arrow-s {
  border-top-color: #e55030; }

.tipsy-arrow-e {
  border-left-color: #e55030; }

.tipsy-arrow-w {
  border-right-color: #e55030; }

.tipsy-n .tipsy-arrow {
  border-bottom-style: solid;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top: none;
  left: 50%;
  margin-left: -5px;
  top: 5px; }

.tipsy-nw .tipsy-arrow {
  border-bottom-style: solid;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top: none;
  left: 5px;
  top: 5px; }

.tipsy-ne .tipsy-arrow {
  border-bottom-style: solid;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top: none;
  right: 5px;
  top: 5px; }

.tipsy-s .tipsy-arrow {
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-style: solid;
  bottom: 5px;
  left: 50%;
  margin-left: -5px; }

.tipsy-sw .tipsy-arrow {
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-style: solid;
  bottom: 5px;
  left: 5px; }

.tipsy-se .tipsy-arrow {
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-style: solid;
  bottom: 5px;
  right: 5px; }

.tipsy-e .tipsy-arrow {
  border-bottom-color: transparent;
  border-left-style: solid;
  border-right: none;
  border-top-color: transparent;
  margin-top: -5px;
  right: 5px;
  top: 50%; }

.tipsy-w .tipsy-arrow {
  border-bottom-color: transparent;
  border-left: none;
  border-right-style: solid;
  border-top-color: transparent;
  left: 5px;
  margin-top: -5px;
  top: 50%; }

.validation-error, fieldset input[type="text"].validation-error,
fieldset input[type="number"].validation-error,
fieldset input[type="password"].validation-error,
fieldset input[type="email"].validation-error,
fieldset input[type="tel"].validation-error,
fieldset textarea.validation-error {
  background: white url("head/icon-error.png") 0.44444em center no-repeat;
  border: 2px solid red;
  border-radius: 5px;
  color: red;
  padding: 0.44444em 0.44444em 0.44444em 1.77778em; }

input[type="checkbox"] + .validation-error, fieldset input[type="checkbox"] + input[type="text"].validation-error,
fieldset input[type="checkbox"] + input[type="number"].validation-error,
fieldset input[type="checkbox"] + input[type="password"].validation-error,
fieldset input[type="checkbox"] + input[type="email"].validation-error,
fieldset input[type="checkbox"] + input[type="tel"].validation-error,
fieldset input[type="checkbox"] + textarea.validation-error,
input[type="radio"] + .validation-error, fieldset
input[type="radio"] + input[type="text"].validation-error,
fieldset
input[type="radio"] + input[type="number"].validation-error,
fieldset
input[type="radio"] + input[type="password"].validation-error,
fieldset
input[type="radio"] + input[type="email"].validation-error,
fieldset
input[type="radio"] + input[type="tel"].validation-error,
fieldset
input[type="radio"] + textarea.validation-error {
  border: 0;
  /*.ie8 & {
		padding-top: 0;
		padding-bottom: 0;
	}*/ }
  fieldset:not(#foo) input[type="checkbox"] + .validation-error, fieldset:not(#foo)
  input[type="radio"] + .validation-error {
    background-position: 0;
    padding-left: 55px; }

.valign, .valign-top {
  display: table;
  width: 100%; }
  .valign > div, .valign-top > div {
    display: table-cell; }
    .valign > div.valign-narrow, .valign-top > div.valign-narrow {
      width: 100px; }
    .valign > div.valign-icon, .valign-top > div.valign-icon {
      width: 48px; }

.valign > div {
  vertical-align: middle; }

.valign-top > div {
  vertical-align: top; }

div.videos {
  position: relative; }
  div.videos::before {
    content: '';
    display: block;
    padding-top: 64.22414%; }
  div.videos > embed,
  div.videos > iframe,
  div.videos > object,
  div.videos > video,
  div.videos > a,
  div.videos > div,
  div.videos > img {
    height: 100% !important;
    left: 0;
    position: absolute !important;
    top: 0;
    width: 100% !important; }
  div.videos video {
    height: 100%;
    width: 100%; }
  div.videos [id*="play_button_div_embedded_player_"] {
    height: 100% !important;
    width: 100% !important; }
  div.videos video {
    height: 100%;
    width: 100%; }
  div.videos [id*="play_button_div_embedded_player_"] {
    height: 100% !important;
    width: 100% !important; }
  div.videos a[id^="embedded_player_"] {
    position: relative !important; }
  div.videos div[id^="embedded_player_"] {
    width: 100% !important;
    height: 100% !important; }
  .page-campaign-landing div.videos {
    display: none; }
    @media only screen and (min-width: 60em) {
      .page-campaign-landing div.videos {
        display: block; } }

.video-caption p {
  font-size: 17px;
  font-size: 0.94444rem;
  font-weight: 700; }

.video-container-wrapper {
  width: 100%;
  background-color: #414042;
  display: inline-block;
  padding: 0 0 20px 0;
  padding: 0 0 20px 0; }
  @media only screen and (min-width: 60em) {
    .video-container-wrapper {
      margin: 0em 12.5% 1em 12.5%;
      max-width: 75% !important;
      background-color: transparent; } }
  .video-container-wrapper .video-container-wrapper-inner {
    width: 100%;
    background-color: #414042;
    padding: 0 0 20px 0; }
  .video-container-wrapper .left-column {
    color: #fff;
    font-size: 19px;
    font-size: 1.05556rem;
    float: left;
    padding: 10px 0 0 30px;
    width: 50%; }
  .video-container-wrapper .left-column span {
    color: #fe5000;
    font-weight: 800; }
  .video-container-wrapper .right-column {
    float: right;
    padding: 10px 40px 0 0; }

.video-outer-wrapper {
  margin: 0 auto;
  width: 100%; }
  .video-outer-wrapper .columnleft {
    margin: 0 auto;
    width: 48%;
    float: left; }
  .video-outer-wrapper .columnright {
    margin: 0 auto;
    width: 48%;
    float: right; }
  @media only screen and (min-width: 48em) {
    .video-outer-wrapper {
      width: 80%; } }
  @media only screen and (min-width: 60em) {
    .video-outer-wrapper {
      width: 100%; } }

#single-row-video {
  display: none; }
  @media only screen and (min-width: 60em) {
    #single-row-video {
      display: block; } }

#single-column-video {
  display: block; }
  @media only screen and (min-width: 60em) {
    #single-column-video {
      display: none; } }

/*
 * Wallpaper v3.1.18 - 2014-06-16
 * A jQuery plugin for smooth-scaling image and video backgrounds. Part of the Formstone Library.
 * http://formstone.it/wallpaper/
 *
 * Copyright 2014 Ben Plum; MIT Licensed
 */
.wallpaper {
  overflow: hidden;
  position: relative; }
  .wallpaper.-left-center .wallpaper-media {
    background-position: left center; }
  .wallpaper.-no-mobile .wallpaper-container {
    display: none; }
    @media (min-width: 1024px) {
      .wallpaper.-no-mobile .wallpaper-container {
        display: block; } }
  .wallpaper .wallpaper-container {
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%; }
  .wallpaper .wallpaper-container,
  .wallpaper .wallpaper-media {
    -webkit-transition: none !important;
    transition: none !important; }
  .wallpaper .wallpaper-media {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0; }
  .wallpaper .wallpaper-media.animated {
    -webkit-transition: opacity 0.5s linear !important;
    transition: opacity 0.5s linear !important; }
  .wallpaper .wallpaper-media img,
  .wallpaper .wallpaper-media video,
  .wallpaper .wallpaper-media iframe {
    display: block;
    height: 100%;
    width: 100%; }
  .wallpaper .wallpaper-embed.ready:after {
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .wallpaper .wallpaper-embed.ready iframe {
    /* pointer-events: none; - safari doesn't like this :/ */ }
  .wallpaper .wallpaper-media.native {
    background-position: center;
    background-size: cover;
    height: 100%;
    width: 100%; }
  .wallpaper .wallpaper-media.native img {
    display: none; }
  .wallpaper .wallpaper-media.fixed {
    background-position: center;
    background-attachment: fixed;
    height: 100%;
    width: 100%; }
  .wallpaper .wallpaper-media.fixed img {
    display: none; }

.wallpapered {
  margin: 0;
  padding-top: 0%;
  width: 100%; }
  .wallpapered .square {
    padding-top: 100%; }
  .wallpapered .bar {
    margin: 0; }
  .wallpapered .heading {
    font-size: 32px;
    font-size: 1.77778rem;
    color: #fff;
    margin: 1em 0 1.125em; }
    @media only screen and (min-width: 48em) {
      .wallpapered .heading {
        font-size: 32px;
        font-size: 1.77778rem;
        font-weight: 800; } }
    @media only screen and (min-width: 76.25em) {
      .wallpapered .heading {
        font-size: 32px;
        font-size: 1.77778rem; } }

.responsive-table, .non-responsive-table {
  /*  Define the background color for all the EVEN background rows  */ }
  .responsive-table .legend, .non-responsive-table .legend {
    font-size: 0.8rem;
    margin-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 1em;
    line-height: 0.8rem; }
    .responsive-table .legend div, .non-responsive-table .legend div {
      float: right;
      padding-left: 2em; }
      .responsive-table .legend div :last-child, .non-responsive-table .legend div :last-child {
        padding-left: 0em; }
    .responsive-table .legend span, .non-responsive-table .legend span {
      padding-top: .3em; }
    .responsive-table .legend img, .non-responsive-table .legend img {
      padding-right: .5em;
      vertical-align: middle; }
  .responsive-table tr:nth-child(even), .non-responsive-table tr:nth-child(even) {
    background: #eeeeee; }
  .responsive-table tr:hover > td, .non-responsive-table tr:hover > td {
    background-color: inherit; }
  .responsive-table th, .non-responsive-table th {
    background-color: #555557;
    border-left: 2px solid white;
    border-right: 2px solid white; }
  .responsive-table td, .non-responsive-table td {
    font-size: 0.7rem;
    border-left: 2px solid white;
    border-right: 2px solid white;
    background-color: transparent; }
    @media only screen and (min-width: 60em) {
      .responsive-table td, .non-responsive-table td {
        font-size: 1rem; } }
    .responsive-table td.td-format-opt-1, .non-responsive-table td.td-format-opt-1 {
      color: #fe5000; }
    .responsive-table td.td-format-opt-2, .non-responsive-table td.td-format-opt-2 {
      color: #00a79d; }
    .responsive-table td.td-format-opt-3, .non-responsive-table td.td-format-opt-3 {
      color: #a7a9ac;
      font-size: .6rem; }
  @media only screen and (max-width: 640px), (min-device-width: 640px) and (max-device-width: 768px) {
    .responsive-table.responsive-table, .non-responsive-table.responsive-table {
      /* Force table to not be like tables anymore */
      /* Force table to not be like tables anymore */
      /* Hide table headers (but not display: none;, for accessibility) */
      /*  Define the background color for all the EVEN background rows  */
      /*
    Label the data
    */ }
      .responsive-table.responsive-table .legend, .non-responsive-table.responsive-table .legend {
        font-size: .7rem; }
      .responsive-table.responsive-table table, .responsive-table.responsive-table thead, .responsive-table.responsive-table tbody, .responsive-table.responsive-table th, .responsive-table.responsive-table td, .responsive-table.responsive-table tr, .non-responsive-table.responsive-table table, .non-responsive-table.responsive-table thead, .non-responsive-table.responsive-table tbody, .non-responsive-table.responsive-table th, .non-responsive-table.responsive-table td, .non-responsive-table.responsive-table tr {
        display: block;
        font-size: .8rem; }
      .responsive-table.responsive-table thead tr, .non-responsive-table.responsive-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
        text-align: center; }
      .responsive-table.responsive-table tr:nth-child(even), .non-responsive-table.responsive-table tr:nth-child(even) {
        background: transparent; }
      .responsive-table.responsive-table tr td:nth-child(1), .non-responsive-table.responsive-table tr td:nth-child(1) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
        background: #eeeeee;
        text-align: left;
        padding-left: 20px; }
      .responsive-table.responsive-table br, .non-responsive-table.responsive-table br {
        display: none; }
      .responsive-table.responsive-table td, .non-responsive-table.responsive-table td {
        position: relative !important;
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        padding: 10px 0;
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        text-align: left;
        font-size: 0.7rem; }
      .responsive-table.responsive-table td:before, .non-responsive-table.responsive-table td:before {
        position: relative !important;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        white-space: inherit;
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        vertical-align: middle;
        left: 1.5em;
        width: 45%;
        padding-right: 20px;
        font-weight: 800;
        color: #555557; }
      .responsive-table.responsive-table td:before, .non-responsive-table.responsive-table td:before {
        content: attr(data-title); }
      .responsive-table.responsive-table.generic-table td div, .non-responsive-table.responsive-table.generic-table td div {
        width: 50%; }
      .responsive-table.responsive-table.generic-table .no-first-row-styling, .non-responsive-table.responsive-table.generic-table .no-first-row-styling {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
            -ms-flex-direction: inherit !important;
                flex-direction: inherit !important;
        padding-left: 0rem !important; } }
  .responsive-table img, .non-responsive-table img {
    width: 18px;
    margin-right: .5em; }
  .responsive-table .text-align-left, .non-responsive-table .text-align-left {
    text-align: left;
    padding-left: 1rem; }
  .responsive-table .text-align-center, .non-responsive-table .text-align-center {
    text-align: center; }
  @media only screen and (max-width: 640px), (min-device-width: 640px) and (max-device-width: 768px) {
    .responsive-table.non-responsive-table td, .non-responsive-table.non-responsive-table td {
      font-size: 0.7rem; } }

.compititive-table {
  background-color: #F6F6F6; }
  .compititive-table tbody {
    border-bottom: 2px solid white; }
  .compititive-table .table-lagend {
    font-weight: 700;
    margin: 2.5em 0px; }
    .compititive-table .table-lagend .partial-indicator {
      border-style: solid;
      border-width: 0px 22.5px 38px;
      border-color: transparent transparent #D5DF0F;
      display: inline-block;
      height: 0px;
      vertical-align: middle;
      width: 0px; }
  .compititive-table .compititive-criteria {
    text-align: left !important;
    font-size: 1rem;
    padding: 1.5em; }
  .compititive-table .table-title {
    color: #fff !important; }
  .compititive-table .critical-capability {
    background-color: #424143 !important;
    border-top-left-radius: 5px; }
  .compititive-table .bmc-col-2 {
    background-color: #fe5000 !important;
    padding: 1.5em; }
  .compititive-table .hp-col-3 {
    background-color: #29a5d6 !important;
    padding: 1.5em;
    border-top-right-radius: 5px; }

/*
	Used in Legal Section.
*/
.responsive-table-legal {
  width: 100%;
  border-collapse: collapse;
  /*
          tr:nth-of-type(odd) {
            background: #eee;
            }
           */ }
  .responsive-table-legal thead tr {
    text-align: center;
    padding-left: 60px;
    background-color: #018ec4; }
    .responsive-table-legal thead tr td {
      color: white;
      border: 1px solid beige;
      background-color: #018ec4;
      text-align: left; }
  .responsive-table-legal tr:nth-child(even) > td {
    background: #eeeeee; }
  .responsive-table-legal tr:hover > td {
    background-color: inherit; }
  .responsive-table-legal th {
    background: #333;
    color: white;
    font-weight: bold; }
  .responsive-table-legal td, .responsive-table-legal th {
    border: 1px solid #ccc; }
  .responsive-table-legal td {
    border: none;
    text-align: left !important; }
  @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    .responsive-table-legal {
      /* Force table to not be like tables anymore */
      /* Hide table headers (but not display: none;, for accessibility) */ }
      .responsive-table-legal thead, .responsive-table-legal tbody, .responsive-table-legal th, .responsive-table-legal td, .responsive-table-legal tr {
        display: block; }
      .responsive-table-legal thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px; }
      .responsive-table-legal tr {
        border-bottom: 1px solid #f1f1f1;
        border: 1px solid #ccc; }
        .responsive-table-legal tr td {
          /* Behave  like a "row" */
          border-bottom: 1px solid #eee;
          border: none;
          position: relative;
          padding-left: 10em;
          border: none; }
          .responsive-table-legal tr td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 40%;
            white-space: nowrap;
            font-weight: bold; }
          .responsive-table-legal tr td:nth-of-type(1):before {
            content: "Cookie Name"; }
          .responsive-table-legal tr td:nth-of-type(2):before {
            content: "Source"; }
          .responsive-table-legal tr td:nth-of-type(3):before {
            content: "Expiry (Days)"; }
          .responsive-table-legal tr td:nth-of-type(4):before {
            content: "Purpose"; }
      .responsive-table-legal th, .responsive-table-legal td {
        border: none;
        text-align: center; } }

.promo {
  background-color: #f98700;
  margin-top: 0em;
  padding: 0 !important;
  text-align: center; }
  .promo p {
    margin-bottom: 0em;
    color: white;
    font-weight: bold; }
  .promo a {
    margin-left: 1em;
    padding-top: .3em;
    padding-bottom: .3em;
    font-size: .9em; }
  .promo img {
    width: 100%; }
  .promo .narrow-promo-container {
    display: block; }
    @media only screen and (min-width: 60em) {
      .promo .narrow-promo-container {
        display: none; } }
  .promo .wide-promo-container {
    display: none; }
    @media only screen and (min-width: 60em) {
      .promo .wide-promo-container {
        display: block; } }

.filters {
  background-color: white;
  margin: 0;
  padding: 0; }
  @media only screen and (min-width: 48em) {
    .filters {
      top: 0;
      position: relative;
      display: block; } }
  @media only screen and (min-width: 60em) {
    .filters .course-lead {
      width: 50%; } }
  @media only screen and (min-width: 48em) {
    .filters ol {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  .filters li {
    box-sizing: border-box;
    width: 100%; }
    .filters li.tooltipField > div:first-child {
      width: 86%; }
      @media only screen and (min-width: 48em) {
        .filters li.tooltipField > div:first-child {
          width: 73%; } }
      @media only screen and (min-width: 60em) {
        .filters li.tooltipField > div:first-child {
          width: 78%; } }
      @media only screen and (min-width: 76.25em) {
        .filters li.tooltipField > div:first-child {
          width: 83%; } }
    .filters li.tooltipField .tooltip-wrapper {
      float: right;
      display: inline-block; }
    @media only screen and (min-width: 48em) {
      .filters li {
        display: inline-block;
        margin-right: 2%;
        width: 25%; } }
    @media only screen and (min-width: 60em) {
      .filters li {
        width: 21%; } }
    .filters li select {
      font-size: 0.8em; }
  .filters .resetBtnContainer {
    width: 60px;
    margin-right: 1.5em; }
    .filters .resetBtnContainer .resetBtn {
      margin: 0px;
      height: 1.1em; }
  .filters #versionContainer {
    display: none;
    margin-top: 1em; }

.fixed-filter-btn {
  display: block; }
  @media only screen and (min-width: 60em) {
    .fixed-filter-btn {
      display: none; } }
  .fixed-filter-btn .fixed-filter-link {
    background-color: red;
    border-radius: 5px;
    font-size: 15px;
    font-size: 0.83333rem;
    color: #fff .5;
    height: 45px;
    position: fixed;
    right: 1em;
    top: 5em;
    width: 45px;
    z-index: 1111;
    border: 2px solid white; }
    .fixed-filter-btn .fixed-filter-link:hover, .fixed-filter-btn .fixed-filter-link:active {
      background-color: red; }
    .fixed-filter-btn .fixed-filter-link:before {
      font-family: "icomoon";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      content: "";
      font-size: 25px;
      font-size: 1.38889rem;
      left: 0.38889em;
      position: absolute;
      top: 0.38889em;
      color: white; }

.tooltip-wrapper {
  background: #29a5d6;
  color: #fff;
  cursor: help;
  padding: 2px;
  position: relative;
  text-align: center;
  width: 25px;
  height: 25px;
  -webkit-transform: translateZ(0);
  /* webkit flicker fix */
  -webkit-font-smoothing: antialiased;
  /* webkit text rendering fix */
  border-radius: 15px;
  margin-left: .5em;
  margin-top: .5em;
  line-height: 25px;
  z-index: 19; }

.tooltip-wrapper .tooltip {
  background: #fff;
  bottom: 100%;
  color: #555557;
  display: block;
  margin-bottom: 15px;
  opacity: 0;
  pointer-events: none;
  text-align: left;
  width: 270px;
  position: absolute;
  padding: 20px;
  left: -270px;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
  transition: all .25s ease-out;
  -ms-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.28);
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.28); }
  @media only screen and (min-width: 48em) {
    .tooltip-wrapper .tooltip {
      padding: 20px;
      left: -200px; } }
  .tooltip-wrapper .tooltip h5 {
    font-size: .8rem;
    color: #fe5000; }
  .tooltip-wrapper .tooltip p {
    font-size: .8rem;
    margin: 0; }

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.tooltip-wrapper .tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); }

/* CSS Triangles - see Trevor's post */
.tooltip-wrapper .tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #fff 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 270px;
  position: absolute; }
  @media only screen and (min-width: 48em) {
    .tooltip-wrapper .tooltip:after {
      left: 205px; } }

.tooltip-wrapper:hover .tooltip,
.tooltip-wrapper:focus .tooltip {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px); }

/* IE can just show/hide with no transition */
.lte8 .tooltip-wrapper .tooltip {
  display: none; }

.lte8 .tooltip-wrapper:hover .tooltip {
  display: block; }

.float-rail-nav-container {
  background-color: #f1f1f1;
  padding: 1em 1em .1em 1em;
  border: 1px solid #cacaca;
  border-top: 1px solid #cacaca !important;
  padding-top: 1em !important; }
  .float-rail-nav-container h3 {
    margin-bottom: 1em; }
  .float-rail-nav-container .float-rail-nav {
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px; }
    .float-rail-nav-container .float-rail-nav.ol li {
      counter-increment: step-counter; }
      .float-rail-nav-container .float-rail-nav.ol li a {
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -moz-box; }
    .float-rail-nav-container .float-rail-nav.ol li::before {
      content: counter(step-counter);
      margin-right: 15px;
      font-size: 100%;
      background-color: #29A5D6;
      color: white;
      font-weight: bold;
      border-radius: 50%;
      float: left;
      width: 30px;
      height: 27px;
      text-align: center;
      text-align: center;
      padding-top: 3px; }
    .float-rail-nav-container .float-rail-nav li {
      font-weight: bold;
      margin-bottom: 1.33em;
      word-wrap: break-word; }
      .float-rail-nav-container .float-rail-nav li a::after {
        position: absolute;
        white-space: pre; }
    .float-rail-nav-container .float-rail-nav li:hover::before {
      background-color: #046e96; }
    .float-rail-nav-container .float-rail-nav a.current {
      color: #FE5000;
      white-space: pre-wrap;
      word-break: keep-all;
      word-wrap: break-word; }
    .float-rail-nav-container .float-rail-nav li.current::before {
      background-color: #FE5000; }

.stt_container {
  display: none;
  opacity: 0.75;
  position: fixed;
  height: 48px;
  bottom: 15px;
  right: 15px;
  z-index: 1; }

.stt_container:hover {
  opacity: 1;
  cursor: pointer; }

.stt_image {
  height: 48px; }

@media (max-width: 1200px) {
  .stt_container {
    display: none !important; } }

.card {
  box-sizing: border-box;
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .card.-action {
    padding-bottom: 2.4rem; }

a.card:hover {
  color: inherit;
  cursor: pointer; }

.card-title {
  display: block;
  font-size: 26px;
  line-height: 1.2; }
  @media only screen and (min-width: 48em) {
    .card-title {
      font-size: 24px; } }
  @media only screen and (min-width: 60em) {
    .card-title {
      font-size: 36px; } }
  .card-title.-sm {
    font-size: 22px; }
    @media only screen and (min-width: 48em) {
      .card-title.-sm {
        font-size: 20px; } }
    @media only screen and (min-width: 60em) {
      .card-title.-sm {
        font-size: 32px; } }
  .card-title.-lg {
    font-size: 30px; }
    @media only screen and (min-width: 48em) {
      .card-title.-lg {
        font-size: 28px; } }
    @media only screen and (min-width: 60em) {
      .card-title.-lg {
        font-size: 40px; } }
  .card-title.-xl {
    font-size: 40px; }
    @media only screen and (min-width: 48em) {
      .card-title.-xl {
        font-size: 38px; } }
    @media only screen and (min-width: 60em) {
      .card-title.-xl {
        font-size: 50px; } }

.card-image {
  overflow: hidden;
  position: relative; }
  .card-image img {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle; }
    .card-image img.max-width-320 {
      max-width: 320px;
      width: 100%; }
  .card-image.logo-max-height {
    height: 130px;
    white-space: nowrap; }
    .card-image.logo-max-height:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      height: 100%;
      width: 0; }

.card-content {
  box-sizing: border-box; }
  .card-content p {
    line-height: 1.2; }
    .card-content p.-sm {
      font-size: 14px; }
      @media only screen and (min-width: 48em) {
        .card-content p.-sm {
          font-size: 13px; } }
      @media only screen and (min-width: 60em) {
        .card-content p.-sm {
          font-size: 14px; } }
    .card-content p.-lg {
      font-size: 16px; }
      @media only screen and (min-width: 48em) {
        .card-content p.-lg {
          font-size: 20px; } }
      @media only screen and (min-width: 60em) {
        .card-content p.-lg {
          font-size: 24px; } }
      @media only screen and (min-width: 76.25em) {
        .card-content p.-lg {
          font-size: 28px; } }

.card-action {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0; }

.cards-4-col {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: .5em;
  padding-bottom: .5em; }
  @media only screen and (min-width: 30em) {
    .cards-4-col {
      -ms-flex-pack: distribute;
          justify-content: space-around; } }
  @media only screen and (min-width: 48em) {
    .cards-4-col {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }
  .cards-4-col h2 {
    margin-bottom: auto; }
  .cards-4-col .flex-item {
    margin: 1em;
    width: 100%;
    border: 1px solid red;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border: 1px rgba(0, 0, 0, 0.12);
    display: inline-block; }
    .cards-4-col .flex-item img, .cards-4-col .flex-item figcaption {
      box-sizing: border-box; }
    .cards-4-col .flex-item img {
      width: 100%; }
    @media only screen and (min-width: 48em) {
      .cards-4-col .flex-item {
        max-width: none;
        width: calc(50% - 2em);
        display: inline-block; }
        .cards-4-col .flex-item img {
          max-width: none;
          padding: 0; } }
    @media only screen and (min-width: 60em) {
      .cards-4-col .flex-item {
        margin: 1em;
        width: calc(25% - 2em);
        display: inline-block; }
        .cards-4-col .flex-item img,
        .cards-4-col .flex-item figcaption {
          float: none;
          margin: 0; } }
    @media only screen and (min-width: 76.25em) {
      .cards-4-col .flex-item {
        display: inline-block; }
        .cards-4-col .flex-item img,
        .cards-4-col .flex-item figcaption {
          margin: 0;
          width: 100%; }
        .cards-4-col .flex-item img {
          padding: 0; } }

.cards-3-col {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: .5em;
  padding-bottom: .5em; }
  @media only screen and (min-width: 30em) {
    .cards-3-col {
      -ms-flex-pack: distribute;
          justify-content: space-around; } }
  @media only screen and (min-width: 48em) {
    .cards-3-col {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }
  .cards-3-col h2 {
    margin-bottom: auto; }
  .cards-3-col .flex-item {
    margin: 1em;
    width: 100%;
    border: 1px solid red;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border: 1px rgba(0, 0, 0, 0.12);
    display: inline-block; }
    .cards-3-col .flex-item img, .cards-3-col .flex-item figcaption {
      box-sizing: border-box; }
    .cards-3-col .flex-item figcaption {
      padding: 1em 1em 0em; }
    .cards-3-col .flex-item img {
      width: 100%; }
    @media only screen and (min-width: 48em) {
      .cards-3-col .flex-item {
        max-width: none;
        width: 42%;
        display: inline-block; }
        .cards-3-col .flex-item img {
          max-width: none;
          padding: 0; } }
    @media only screen and (min-width: 60em) {
      .cards-3-col .flex-item {
        margin: 1em;
        width: 27%;
        display: inline-block; }
        .cards-3-col .flex-item img,
        .cards-3-col .flex-item figcaption {
          float: none;
          margin: 0; } }
    @media only screen and (min-width: 76.25em) {
      .cards-3-col .flex-item {
        display: inline-block; }
        .cards-3-col .flex-item img,
        .cards-3-col .flex-item figcaption {
          margin: 0;
          width: 100%; }
        .cards-3-col .flex-item img {
          padding: 0; } }

.lead {
  display: block;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25;
  margin-bottom: 1.5rem; }
  @media only screen and (min-width: 48em) {
    .lead {
      font-size: 24px; } }
  @media only screen and (min-width: 60em) {
    .lead {
      font-size: 30px; } }
  .lead strong {
    display: block;
    font-weight: 700; }
  .lead.-sm {
    font-size: 14px; }
    @media only screen and (min-width: 48em) {
      .lead.-sm {
        font-size: 20px; } }
    @media only screen and (min-width: 60em) {
      .lead.-sm {
        font-size: 26px; } }
  .lead.-lg {
    font-size: 24px; }
    @media only screen and (min-width: 48em) {
      .lead.-lg {
        font-size: 30px; } }
    @media only screen and (min-width: 60em) {
      .lead.-lg {
        font-size: 36px; } }
  @media only screen and (min-width: 60em) {
    .lead.-oll {
      width: auto; } }
  @media only screen and (min-width: 76.25em) {
    .lead.-oll {
      max-width: 30em; } }

#scroll-nav {
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  width: 100%; }
  @media only screen and (min-width: 60em) {
    #scroll-nav {
      border-top: 5px solid #413e41; } }

#scroll-nav.fixed {
  border: 0 none;
  position: fixed;
  top: 67px;
  z-index: 19; }
  @media only screen and (min-width: 60em) {
    #scroll-nav.fixed {
      top: 50px; } }
  .scrolled-down #scroll-nav.fixed {
    opacity: .85; }
  .scrolled-up #scroll-nav.fixed,
  .scrolled-down #scroll-nav.fixed:hover {
    opacity: 1; }

.tabs-nav {
  list-style-image: none;
  list-style: none;
  margin-top: 0;
  padding: 0; }
  .tabs-nav li {
    margin: 0; }
    .tabs-nav li a {
      display: block;
      outline: none;
      text-shadow: none; }
    .tabs-nav li.active, .tabs-nav li.r-tabs-state-active {
      font-weight: 700;
      position: relative;
      z-index: 5; }
  .tabs-nav.bg-robins-egg-blue li a {
    background-color: #29a5d6;
    border-bottom: 1px solid #fff;
    color: #fff; }
    .tabs-nav.bg-robins-egg-blue li a:hover, .tabs-nav.bg-robins-egg-blue li a:focus {
      background-color: #2595c1; }
  .tabs-nav.bg-robins-egg-blue li.active a,
  .tabs-nav.bg-robins-egg-blue li.r-tabs-state-active a {
    background-color: #f1f1f1;
    color: #29a5d6; }
  .tabs-nav.bg-white li a, .tabs-nav.header-generic li a,
  .tabs-nav.header-brand li a {
    color: #6c6c6c; }
    .tabs-nav.bg-white li a:hover, .tabs-nav.header-generic li a:hover,
    .tabs-nav.header-brand li a:hover, .tabs-nav.bg-white li a:focus, .tabs-nav.header-generic li a:focus,
    .tabs-nav.header-brand li a:focus {
      background-color: #f1f1f1;
      color: #000; }
  .tabs-nav.bg-white li.active a, .tabs-nav.header-generic li.active a,
  .tabs-nav.header-brand li.active a,
  .tabs-nav.bg-white li.r-tabs-state-active a, .tabs-nav.header-generic li.r-tabs-state-active a,
  .tabs-nav.header-brand li.r-tabs-state-active a {
    background-color: #413e41;
    color: #fff; }
  .tabs-nav.bg-corduroy li a {
    color: #f1f1f1; }
    .tabs-nav.bg-corduroy li a:hover, .tabs-nav.bg-corduroy li a:focus {
      color: #fff; }
  .tabs-nav.bg-corduroy li.active a,
  .tabs-nav.bg-corduroy li.r-tabs-state-active a {
    background-color: #f1f1f1;
    color: #5b5c5c; }
  .tabs-nav.-vr li.active a:after {
    content: " \00203A"; }
  .tabs-nav.-hr {
    margin-bottom: 0; }
    .tabs-nav.-hr li {
      text-align: center; }
      @media only screen and (min-width: 60em) {
        .tabs-nav.-hr li {
          border-bottom: none;
          display: inline-block;
          font-size: 16px;
          text-align: center; } }
      .tabs-nav.-hr li.active, .tabs-nav.-hr li.r-tabs-state-active {
        font-weight: 500; }

@media screen and (max-width: 767px) {
  .tabs-nav.-hr {
    display: none; } }

.r-tabs {
  -webkit-transition: height 0.3s linear;
  transition: height 0.3s linear; }

.r-tabs .r-tabs-tab {
  list-style: none; }

.r-tabs .r-tabs-panel {
  display: none; }

.r-tabs .r-tabs-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.r-tabs .r-tabs-accordion-title {
  display: none; }

.r-tabs .r-tabs-panel.r-tabs-state-active {
  display: block; }

/* Accordion responsive breakpoint */
@media (max-width: 831px) {
  .r-tabs .r-tabs-nav {
    display: none; }
  .r-tabs .r-tabs-accordion-title {
    display: block; } }

/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
  opacity: 0.5; }

/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px; }

/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
  background-image: url("head/icon-open.svg");
  background-color: #fff;
  background-position: 8px center;
  background-repeat: no-repeat;
  border-top: 1px solid #cacaca;
  display: block;
  font-size: 16px;
  font-weight: 800;
  padding: 16px 8px 16px 3.5em; }
  .no-svg .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    background-image: url("head/icon-open.png"); }
  @media (min-width: 640px) {
    .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
      font-size: 18px; } }
  @media (min-width: 832px) {
    .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
      font-size: 24px; } }

/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
  background-image: url("head/icon-closed.svg");
  border-bottom: 1px solid #cacaca; }
  .no-svg .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    background-image: url("head/icon-closed.png"); }

/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
  opacity: 0.5; }

.svg-defs {
  position: absolute;
  height: 0;
  overflow: hidden;
  width: 0; }

svg:not(:root) {
  overflow: hidden; }

svg {
  display: inline-block; }

.fallback {
  background-position: center;
  background-repeat: no-repeat;
  display: block; }

.arrow-next .fallback {
  height: 100%;
  width: 100%; }

.svg-inline {
  display: inline-block;
  fill: currentColor;
  height: 1em;
  position: relative;
  stroke-width: 0;
  stroke: currentColor;
  top: .15em;
  width: 1em; }

.s-CloudMgmt {
  background-image: url("head/s-CloudMgmt.png"); }

.s-DollarSign {
  background-image: url("head/s-DollarSign.png"); }

.s-Globe {
  background-image: url("head/s-Globe.png"); }

.s-ITAuto {
  background-image: url("head/s-ITAuto.png"); }

.s-ITOps {
  background-image: url("head/s-ITOps.png"); }

.s-ITSMgmt {
  background-image: url("head/s-ITSMgmt.png"); }

.s-Mainframe {
  background-image: url("head/s-Mainframe.png"); }

.s-MyIT {
  background-image: url("head/s-MyIT.png"); }

.s-Ribbon {
  background-image: url("head/s-Ribbon.png"); }

.s-Star {
  background-image: url("head/s-Star.png"); }

.s-User {
  background-image: url("head/s-User.png"); }

.s-Users {
  background-image: url("head/s-Users.png"); }

.s-VideoPlay {
  background-image: url("head/s-VideoPlay.png"); }

.s-Workload {
  background-image: url("head/s-Workload.png"); }

.s-caution {
  background-image: url("head/s-caution.png"); }

.s-close {
  background-image: url("head/s-close.png"); }

.s-chevronLeft {
  background-image: url("head/s-chevronLeft.png"); }

.s-chevronRight {
  background-image: url("head/s-chevronRight.png"); }

.s-playVideo {
  background: url("head/s-playVideo.png");
  height: 50px;
  width: 50px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .s-CloudMgmt {
    background-image: url("head/s-CloudMgmt-2x.png"); }
  .s-DollarSign {
    background-image: url("head/s-DollarSign-2x.png"); }
  .s-Globe {
    background-image: url("head/s-Globe-2x.png"); }
  .s-ITAuto {
    background-image: url("head/s-ITAuto-2x.png"); }
  .s-ITOps {
    background-image: url("head/s-ITOps-2x.png"); }
  .s-ITSMgmt {
    background-image: url("head/s-ITSMgmt-2x.png"); }
  .s-Mainframe {
    background-image: url("head/s-Mainframe-2x.png"); }
  .s-MyIT {
    background-image: url("head/s-MyIT-2x.png"); }
  .s-Ribbon {
    background-image: url("head/s-Ribbon-2x.png"); }
  .s-Star {
    background-image: url("head/s-Star-2x.png"); }
  .s-User {
    background-image: url("head/s-User-2x.png"); }
  .s-Users {
    background-image: url("head/s-Users-2x.png"); }
  .s-VideoPlay {
    background-image: url("head/s-VideoPlay-2x.png"); }
  .s-Workload {
    background-image: url("head/s-Workload-2x.png"); }
  .s-caution {
    background-image: url("head/s-caution-2x.png"); }
  .s-close {
    background-image: url("head/s-close-2x.png"); } }

.youtube-video-modal-container {
  padding: 0px; }
  .youtube-video-modal-container body {
    background-color: black; }

.youtube-video {
  position: relative;
  background-color: black;
  height: 100%; }
  .youtube-video::before {
    content: '';
    display: block;
    padding-top: 50%; }
  .youtube-video > embed,
  .youtube-video > iframe,
  .youtube-video > object,
  .youtube-video > video,
  .youtube-video > a,
  .youtube-video > div,
  .youtube-video > img {
    height: 100% !important;
    left: 0;
    position: absolute !important;
    top: 0;
    width: 100% !important; }
  .youtube-video .youtubeOverlay {
    background: rgba(0, 0, 0, 0.7);
    padding: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: white;
    font-size: .5rem;
    display: none; }
    @media only screen and (min-width: 48em) {
      .youtube-video .youtubeOverlay {
        font-size: 1rem;
        bottom: 15%;
        padding: 20px; } }
    @media only screen and (min-width: 60em) {
      .youtube-video .youtubeOverlay {
        font-size: 1.5rem;
        bottom: 15%;
        padding: 20px; } }

.percentage_display .percentage_display-container {
  padding-bottom: 0px; }
  .percentage_display .percentage_display-container .stat .border-bottom {
    border-bottom: 1px dotted black; }
  .percentage_display .percentage_display-container .px1 .up-arrow {
    height: 54px; }
  .percentage_display .percentage_display-container .px1 .number {
    font-size: 3.25em; }

.percentage_display .source-block {
  font-size: .7em;
  text-align: center;
  margin-top: 2em; }

.percentage_display-full-width {
  background: #f1f1f1;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 3rem; }
  .percentage_display-full-width .layout-inner-wrap {
    max-width: 1440px;
    text-align: center; }
    .percentage_display-full-width .layout-inner-wrap .lead {
      max-width: 35em;
      margin: 0 auto;
      color: #555557; }
      .percentage_display-full-width .layout-inner-wrap .lead strong {
        font-weight: 800; }
    .percentage_display-full-width .layout-inner-wrap .card {
      cursor: default;
      margin-bottom: 0;
      padding-bottom: 0; }
      .percentage_display-full-width .layout-inner-wrap .card > .px1 {
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: black; }
        .percentage_display-full-width .layout-inner-wrap .card > .px1 img {
          height: 54px; }
        .percentage_display-full-width .layout-inner-wrap .card > .px1 .number {
          font-size: 3.25em; }
      .percentage_display-full-width .layout-inner-wrap .card .py1 {
        font-size: 1em; }
    .percentage_display-full-width .layout-inner-wrap .source-block {
      font-size: 0.7em;
      text-align: center;
      margin-top: 2em;
      padding-bottom: 0.5em; }

.parallax-box {
  margin-top: 4em;
  background-size: auto;
  background-repeat: no-repeat;
  background-attachment: fixed; }
  .parallax-box .section-content {
    margin-top: 5em;
    margin-bottom: 2em;
    text-align: center; }
    .parallax-box .section-content h2 {
      margin-bottom: 1em;
      font-size: 2.2em; }
      .parallax-box .section-content h2.h2-white {
        color: #FFF; }
      .parallax-box .section-content h2.h2-black {
        color: #000; }
      .parallax-box .section-content h2 span {
        font-weight: normal;
        display: block;
        margin-top: .5em;
        font-size: .6em; }

.blog-post h3 {
  margin-bottom: 15px;
  margin-bottom: 1em; }

.blog-post .bloghide {
  width: 100%;
  margin-bottom: 0em;
  font-weight: 400; }
  @media (min-width: 1200px) {
    .blog-post .bloghide {
      width: 50% !important;
      margin-bottom: 3em;
      font-weight: 400;
      font-size: .93em;
      vertical-align: top;
      padding-top: 0em;
      margin-top: 0em; } }

.blog-post .entry-image {
  margin-top: .2em !important;
  width: 50% !important; }
  .blog-post .entry-image img {
    margin-top: 0px;
    margin-left: 1em; }
    @media (max-width: 1200px) {
      .blog-post .entry-image img {
        display: none; } }

.page-about-us .tabs-nav .-hr li {
  height: 40px;
  line-height: 40px; }

.page-about-us .leadership-content {
  -webkit-transition: padding 0.3s linear;
  transition: padding 0.3s linear; }
  .page-about-us .leadership-content .container {
    bottom: 4em;
    position: absolute;
    right: 0;
    width: 40px; }
  .page-about-us .leadership-content .container svg {
    width: 100%; }
  .page-about-us .leadership-content .arrow-next .fallback {
    background-image: url("head/s-chevronRight-39x68.png"); }

@media (min-width: 640px) {
  .page-about-us .leadership-content {
    padding-right: 40px; }
  .page-about-us .leadership-content .container {
    bottom: 6em; } }

@media (min-width: 832px) {
  .page-about-us .leadership-content .container {
    bottom: auto;
    right: 0;
    top: 16px;
    width: 50px; } }

@media (min-width: 1024px) {
  .page-about-us .tabs-nav .-hr li {
    height: 50px;
    line-height: 50px; }
  .page-about-us .leadership-content {
    padding-right: 70px; }
  .page-about-us .leadership-content .container {
    width: 60px; } }

/**
 *  BMC Engage Landing Page 2015
 */
.bmc-engage section, .bmc-engage section.layout-full-bleed {
  padding-top: 0;
  padding-bottom: 0; }

.bmc-engage .section-heading-wrapper {
  display: table;
  margin: 1.5em 0; }
  @media only screen and (min-width: 48em) {
    .bmc-engage .section-heading-wrapper {
      margin-bottom: 2em;
      margin-top: 3em; } }
  .bmc-engage .section-heading-wrapper h3 {
    color: #fe5000;
    font-weight: 800;
    padding-left: 1em;
    text-transform: uppercase;
    vertical-align: middle;
    width: auto;
    /*.ie8 & {
				padding-left: 0;
			}*/ }
  .bmc-engage .section-heading-wrapper .icon-list-round {
    background-size: 50px;
    background-position: middle;
    vertical-align: middle;
    /*.ie8 & {
				display: none;
			}*/ }
    .bmc-engage .section-heading-wrapper .icon-list-round:before {
      background-size: 50px 50px;
      content: '';
      display: block;
      height: 50px;
      width: 50px; }
  .bmc-engage .section-heading-wrapper h3, .bmc-engage .section-heading-wrapper .icon-list-round {
    display: table-cell;
    vertical-align: middle;
    margin: 0; }

.bmc-engage .wallpaper-container {
  z-index: -1; }

.bmc-engage .btn {
  border-width: 1px;
  font-weight: bold;
  text-transform: uppercase; }
  .bmc-engage .btn, .bmc-engage .btn:hover {
    background-color: #30b19c;
    border-color: #30b19c; }

.bmc-engage .btn.filled {
  background-color: #30b19c;
  border-color: #30b19c;
  color: #fff; }

/**
 * BMC Page Sections
 */
section.bmc-engage-header.layout-full-bleed {
  background-color: transparent;
  background-position: center 20%;
  background-size: cover;
  padding-bottom: 1.80556em;
  padding-top: 2.77778em;
  text-align: center; }
  @media only screen and (min-width: 48em) {
    section.bmc-engage-header.layout-full-bleed {
      padding-bottom: 3.61111em;
      padding-top: 5.55556em; } }
  section.bmc-engage-header.layout-full-bleed h1, section.bmc-engage-header.layout-full-bleed h2, section.bmc-engage-header.layout-full-bleed p, section.bmc-engage-header.layout-full-bleed a {
    color: #fff; }
  section.bmc-engage-header.layout-full-bleed h1, section.bmc-engage-header.layout-full-bleed h2 {
    font-weight: 600;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9); }
    @media only screen and (min-width: 76.25em) {
      section.bmc-engage-header.layout-full-bleed h1, section.bmc-engage-header.layout-full-bleed h2 {
        text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.9); } }
  @media only screen and (min-width: 76.25em) {
    section.bmc-engage-header.layout-full-bleed h1 {
      font-size: 4.72222em; } }
  @media only screen and (min-width: 76.25em) {
    section.bmc-engage-header.layout-full-bleed h2 {
      font-size: 2.77778em; } }
  section.bmc-engage-header.layout-full-bleed p {
    font-size: 1.11111em;
    font-weight: 600;
    text-transform: uppercase; }
  section.bmc-engage-header.layout-full-bleed .highlight {
    color: #fb8629;
    font-weight: 700; }
  section.bmc-engage-header.layout-full-bleed .btn.btn-hollow {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff; }
    section.bmc-engage-header.layout-full-bleed .btn.btn-hollow:hover {
      background-color: transparent;
      border: 1px solid #fff; }

.bmc-engage-intro {
  padding: 1.5em 0; }
  .bmc-engage-intro .icon-list-round:before {
    background-image: url("head/icon-engage-about.png"); }
  .bmc-engage-intro .btn-hollow {
    background-color: transparent;
    border: 1px solid #30b19c;
    color: #30b19c; }
    .bmc-engage-intro .btn-hollow:hover {
      background-color: transparent;
      border: 1px solid #30b19c; }
  .bmc-engage-intro .bmc-video-container {
    margin-bottom: 1.5em;
    width: 100%; }
    @media only screen and (min-width: 60em) {
      .bmc-engage-intro .bmc-video-container {
        float: right;
        margin-left: 5em;
        width: 450px; } }
  .bmc-engage-intro .btn-wrapper {
    text-align: center; }
    @media only screen and (min-width: 48em) {
      .bmc-engage-intro .btn-wrapper {
        text-align: left; } }

.bmc-engage-expect {
  background-color: #f6f6f6;
  /*
	.ie8 & {

		.featured-images {
			display: none;
		}

		.schedule-list {
			margin-left: 0;
		}
	}*/ }
  .bmc-engage-expect .icon-list-round:before {
    background-image: url("head/icon-engage-expect.png"); }
  .bmc-engage-expect .schedule {
    background-color: #fff;
    border-radius: 0.27778em;
    padding: 1.11111em; }
    @media only screen and (min-width: 48em) {
      .bmc-engage-expect .schedule {
        padding: 3.61111em 1.66667em; } }
  .bmc-engage-expect .featured-images {
    display: none;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0; }
    @media only screen and (min-width: 48em) {
      .bmc-engage-expect .featured-images {
        display: block; } }
  .bmc-engage-expect .featured-image {
    background-size: 150% auto;
    background-position: center;
    border-radius: 50%;
    border-style: solid;
    border-width: 5px;
    height: 6.66667em;
    margin-bottom: 1.5em;
    width: 6.66667em; }
    .bmc-engage-expect .featured-image.orange {
      border-color: #fe5000; }
    .bmc-engage-expect .featured-image.grey {
      border-color: #cacaca; }
  .bmc-engage-expect .schedule-list {
    list-style: none;
    margin: 0;
    padding: 0; }
    .bmc-engage-expect .schedule-list a {
      display: block;
      font-size: 0.85em; }
    .bmc-engage-expect .schedule-list li {
      border-bottom: 1px solid #f1f1f1;
      font-size: 1.22222em;
      margin: 0;
      padding: 0.75em 0; }
      .bmc-engage-expect .schedule-list li:last-child {
        border-bottom: none; }
    @media only screen and (min-width: 48em) {
      .bmc-engage-expect .schedule-list {
        margin-left: 9.16667em; } }

.bmc-engage-testimonials {
  background-color: #fe5000; }
  .bmc-engage-testimonials .icon-list-round:before {
    background-image: url("head/icon-engage-testimonials.png"); }
  .bmc-engage-testimonials .section-heading-wrapper {
    position: relative; }
    .bmc-engage-testimonials .section-heading-wrapper h3 {
      color: #fff;
      margin: 0;
      text-transform: none; }
  .bmc-engage-testimonials ul.testimonials {
    list-style: none;
    margin: 0;
    padding: 0; }
    .bmc-engage-testimonials ul.testimonials li {
      margin: 0;
      padding: 0; }
  .bmc-engage-testimonials .conference-testimonial {
    background-color: #fe5000;
    color: #fff; }
    .bmc-engage-testimonials .conference-testimonial p {
      margin-bottom: 0.75em; }
    .bmc-engage-testimonials .conference-testimonial .author {
      color: #0d1d31; }

.conquest-header, .conquest-facts, .full-width-testimonial, .conquest-category-section, .conquest-feature-message, .conquest-head-to-head {
  color: #414042; }
  .conquest-header h3, .conquest-facts h3, .full-width-testimonial h3, .conquest-category-section h3, .conquest-feature-message h3, .conquest-head-to-head h3 {
    color: #fe5000; }
  .conquest-header .btn-secondary, .conquest-facts .btn-secondary, .full-width-testimonial .btn-secondary, .conquest-category-section .btn-secondary, .conquest-feature-message .btn-secondary, .conquest-head-to-head .btn-secondary {
    background-color: #fe5000;
    border-color: #fe5000; }
    .conquest-header .btn-secondary:hover, .conquest-facts .btn-secondary:hover, .full-width-testimonial .btn-secondary:hover, .conquest-category-section .btn-secondary:hover, .conquest-feature-message .btn-secondary:hover, .conquest-head-to-head .btn-secondary:hover {
      background-color: #cb4000;
      border-color: #cb4000; }

.conquest-page-wrapper .layout-full-bleed {
  padding: 2em 0; }

.conquest-header h1 {
  color: #fe5000;
  margin-bottom: 0; }

.conquest-header h2 {
  color: #444444;
  font-size: 1.75em;
  font-weight: 400;
  margin-bottom: 0.85em;
  margin-top: 0.5em; }
  @media only screen and (min-width: 48em) {
    .conquest-header h2 {
      font-size: 2.75em;
      margin-top: 0.15em; } }

@media only screen and (min-width: 48em) {
  .conquest-header .conquest-header-copy {
    float: left;
    width: 58.3%; } }

.conquest-header .conquest-header-cta {
  text-align: center; }
  .conquest-header .conquest-header-cta img {
    display: block;
    margin-bottom: 1.5em;
    margin-left: auto;
    margin-right: auto; }
  @media only screen and (min-width: 48em) {
    .conquest-header .conquest-header-cta {
      float: left;
      margin-left: 4.1%;
      width: 37.5%; } }

.conquest-facts {
  background-color: #413e41;
  color: #fff; }
  .conquest-facts p {
    width: 100%; }
    @media only screen and (min-width: 48em) {
      .conquest-facts p {
        width: 75%; } }
  .conquest-facts .charts {
    margin-bottom: 0;
    margin-top: 2em;
    text-align: center; }
    .conquest-facts .charts .chart {
      box-sizing: border-box;
      display: block;
      margin-bottom: 2em;
      padding: 0.5em; }
      .conquest-facts .charts .chart img {
        height: 250px; }
      @media only screen and (min-width: 48em) {
        .conquest-facts .charts .chart {
          display: inline-block;
          margin-right: -0.25em;
          width: 50%; } }
      @media only screen and (min-width: 60em) {
        .conquest-facts .charts .chart {
          margin-right: -0.25em;
          width: 25%; }
          .conquest-facts .charts .chart img {
            height: 200px; } }
      @media only screen and (min-width: 76.25em) {
        .conquest-facts .charts .chart img {
          height: 225px; } }
  .conquest-facts .conquest-charts-legend {
    margin-top: 1em;
    text-align: center; }
    .conquest-facts .conquest-charts-legend .circle {
      display: inline-block;
      margin-right: 3em; }
      .conquest-facts .conquest-charts-legend .circle:before {
        border-radius: 50%;
        content: '';
        display: inline-block;
        height: 15px;
        margin-right: 0.75em;
        width: 15px; }
      .conquest-facts .conquest-charts-legend .circle.yellow:before {
        background-color: #d6dc3e; }
      .conquest-facts .conquest-charts-legend .circle.grey:before {
        background-color: #808185; }
      .conquest-facts .conquest-charts-legend .circle:last-child {
        margin-right: 0; }

.full-width-testimonial {
  background-color: #57aa9b;
  color: #fff;
  padding: 2em 0; }
  .full-width-testimonial p {
    font-size: 1.11111em; }
    @media only screen and (min-width: 48em) {
      .full-width-testimonial p {
        font-size: 1.55556em; } }
  .full-width-testimonial blockquote {
    margin: 0; }
  .full-width-testimonial a {
    color: #fff; }
  .full-width-testimonial cite {
    font-size: 1em !important;
    font-style: normal; }
    @media only screen and (min-width: 48em) {
      .full-width-testimonial cite {
        font-size: 1.22222em !important; } }

.conquest-feature-message .brands {
  padding: 0;
  margin: 0; }

.conquest-feature-message .layout-inner-wrap {
  padding-top: 1em; }

.conquest-head-to-head {
  background-color: #f6f6f6; }
  .conquest-head-to-head .conquest-table-cell-topic,
  .conquest-head-to-head .conquest-table-cell-competitor,
  .conquest-head-to-head .conquest-table-cell-bmc {
    display: block;
    padding: 1.5em; }
    @media only screen and (min-width: 48em) {
      .conquest-head-to-head .conquest-table-cell-topic,
      .conquest-head-to-head .conquest-table-cell-competitor,
      .conquest-head-to-head .conquest-table-cell-bmc {
        border-left: 5px solid white;
        border-right: 5px solid white;
        display: table-cell;
        vertical-align: middle; } }
  .conquest-head-to-head .conquest-table-cell-topic {
    border-left: 0 !important;
    font-size: 1.5em;
    font-weight: bold;
    /*
		.ie8 &, .ie9 & {
			font-weight: normal !important;
		}*/ }
    @media only screen and (min-width: 48em) {
      .conquest-head-to-head .conquest-table-cell-topic {
        font-weight: normal; } }
  .conquest-head-to-head .conquest-table-cell-bmc {
    background-color: #e65033; }
    .conquest-head-to-head .conquest-table-cell-bmc:before {
      content: 'BMC:'; }
  .conquest-head-to-head .conquest-table-cell-competitor {
    border-right: 0;
    background-color: #424143; }
    .conquest-head-to-head .conquest-table-cell-competitor:before {
      content: 'ServiceNow: '; }
  .conquest-head-to-head .conquest-table-cell-bmc:before, .conquest-head-to-head .conquest-table-cell-competitor:before {
    color: #fff;
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    margin-right: 1em;
    vertical-align: middle;
    /*.ie8 & {
				content: '';
			}*/ }
    @media only screen and (min-width: 48em) {
      .conquest-head-to-head .conquest-table-cell-bmc:before, .conquest-head-to-head .conquest-table-cell-competitor:before {
        display: none; } }
  .conquest-head-to-head .conquest-table-cell-bmc img, .conquest-head-to-head .conquest-table-cell-competitor img {
    vertical-align: middle;
    width: 25px;
    /*.ie8 & {
				height: 12px;
				width: auto;
			}*/ }
  @media only screen and (min-width: 48em) {
    .conquest-head-to-head .conquest-table-cell-bmc, .conquest-head-to-head .conquest-table-cell-competitor {
      width: 25%; }
      .conquest-head-to-head .conquest-table-cell-bmc img, .conquest-head-to-head .conquest-table-cell-competitor img {
        width: auto;
        /*.ie8 & {
					height: 35px;
					width: auto;
				}*/ } }
  .conquest-head-to-head th.conquest-table-cell-topic, .conquest-head-to-head th.conquest-table-cell-bmc, .conquest-head-to-head th.conquest-table-cell-competitor {
    padding: 0.75em; }
    @media only screen and (min-width: 48em) {
      .conquest-head-to-head th.conquest-table-cell-topic, .conquest-head-to-head th.conquest-table-cell-bmc, .conquest-head-to-head th.conquest-table-cell-competitor {
        padding: 1.75em; } }
  .conquest-head-to-head th.conquest-table-cell-topic h3 {
    color: #414042; }
  .conquest-head-to-head th.conquest-table-cell-bmc {
    background-color: #d0492f; }
  .conquest-head-to-head th.conquest-table-cell-competitor {
    background-color: #3c3b3d; }
  .conquest-head-to-head th.conquest-table-cell-bmc h3, .conquest-head-to-head th.conquest-table-cell-competitor h3 {
    color: #fff; }
  .conquest-head-to-head .conquest-table-legend {
    font-weight: bold;
    margin: 2.5em 0;
    text-align: left; }
    .conquest-head-to-head .conquest-table-legend .partial-indicator {
      border-style: solid;
      border-width: 0 22.5px 38px 22.5px;
      border-color: transparent transparent #d5df0f transparent;
      display: inline-block;
      height: 0;
      vertical-align: middle;
      width: 0; }
  .conquest-head-to-head .table-wrapper {
    overflow-x: auto; }
  .conquest-head-to-head h3 {
    margin-bottom: 0; }
  .conquest-head-to-head table {
    display: inline-block;
    margin: auto; }
    @media only screen and (min-width: 48em) {
      .conquest-head-to-head table {
        display: table; } }
  .conquest-head-to-head tr {
    display: block;
    margin-bottom: 2em; }
    @media only screen and (min-width: 48em) {
      .conquest-head-to-head tr {
        display: table-row;
        margin-bottom: 0; } }
  .conquest-head-to-head thead {
    display: none;
    /*.ie8 & {
			display: block;
			td { vertical-align: middle; }
		}*/ }
    @media only screen and (min-width: 48em) {
      .conquest-head-to-head thead {
        display: table-header-group !important; } }
  .conquest-head-to-head tbody {
    display: block; }
    @media only screen and (min-width: 48em) {
      .conquest-head-to-head tbody {
        display: table-row-group; } }
  @media only screen and (min-width: 48em) {
    .conquest-head-to-head thead th:first-child {
      border-top-left-radius: 5px; }
    .conquest-head-to-head thead th:last-child {
      border-top-right-radius: 5px; }
    .conquest-head-to-head tbody tr:last-child td:first-child {
      border-bottom-left-radius: 5px; }
    .conquest-head-to-head tbody tr:last-child td:last-child {
      border-bottom-right-radius: 5px; } }

.conquest-page-wrapper-variation1 .conquest-header .heading-txt {
  margin-bottom: 0.3em; }

.conquest-page-wrapper-variation1 div.four-up {
  padding: 1em 1em 0 1em; }
  .conquest-page-wrapper-variation1 div.four-up .offertype {
    font-size: .75em;
    margin-bottom: -.5em;
    display: block;
    font-weight: 800;
    color: #424043; }
  @media (max-width: 1200px) {
    .conquest-page-wrapper-variation1 div.four-up .offertype {
      font-size: 1em; } }
  .conquest-page-wrapper-variation1 div.four-up .offerdescription {
    font-size: 1em;
    display: block; }

.conquest-page-wrapper-variation1 .feature-blog a:hover {
  color: #046e96; }

.conquest-page-wrapper-variation1 .chart {
  vertical-align: top; }

.customer-story-case-banner {
  background-position: center;
  background-size: cover;
  color: #fff;
  padding: 0 !important; }
  .customer-story-case-banner.wallpapered {
    background: transparent; }
  .customer-story-case-banner .wallpaper-container {
    z-index: 0; }
  .customer-story-case-banner .layout-inner-wrap {
    position: relative;
    z-index: 1; }
  .customer-story-case-banner .layout-primary {
    margin-bottom: 1em; }
    .customer-story-case-banner .layout-primary p {
      font-size: 1.5em;
      line-height: 1em;
      margin-top: 0.4em; }
      @media only screen and (min-width: 48em) {
        .customer-story-case-banner .layout-primary p {
          font-size: 2.5em; } }
  .customer-story-case-banner .layout-secondary {
    padding-bottom: 0; }
  .customer-story-case-banner .header-logo, .customer-story-case-banner .back-link {
    margin-top: 1.5em; }
  .customer-story-case-banner .back-link a, .customer-story-case-banner .back-link a:hover {
    color: #fff;
    font-weight: bold; }
  .customer-story-case-banner .points > div {
    margin-top: 0.25em; }
    .customer-story-case-banner .points > div:first-child {
      margin-top: 0; }
  .customer-story-case-banner .point {
    background-color: rgba(0, 0, 0, 0.65);
    box-sizing: border-box;
    padding: 1em 2em;
    text-align: left;
    /*.oldie & {
			background-color: #000;
		}*/ }
    @media only screen and (min-width: 48em) {
      .customer-story-case-banner .point {
        padding: 1.5em 1em; } }
    @media only screen and (min-width: 60em) {
      .customer-story-case-banner .point {
        text-align: center; } }
    @media only screen and (min-width: 76.25em) {
      .customer-story-case-banner .point {
        padding: 3em 1em;
        text-align: left; } }
  .customer-story-case-banner .icon, .customer-story-case-banner .copy {
    display: inline-block;
    text-align: center;
    vertical-align: middle; }
  .customer-story-case-banner .icon {
    margin-bottom: 1em;
    width: 65px; }
    @media only screen and (min-width: 60em) {
      .customer-story-case-banner .icon {
        width: 100%; } }
    @media only screen and (min-width: 76.25em) {
      .customer-story-case-banner .icon {
        margin-bottom: auto;
        width: 15%; } }
    .customer-story-case-banner .icon img {
      max-height: 45px;
      max-width: 45px;
      vertical-align: middle; }
  .customer-story-case-banner .copy {
    text-align: left;
    margin-left: 1.25em; }
    @media only screen and (min-width: 60em) {
      .customer-story-case-banner .copy {
        margin-left: 0;
        text-align: center; } }
    @media only screen and (min-width: 76.25em) {
      .customer-story-case-banner .copy {
        text-align: left;
        margin-left: 5%;
        width: 70%; } }
    .customer-story-case-banner .copy h2 {
      font-size: 1.75em;
      margin-top: 0 !important; }
      @media only screen and (min-width: 76.25em) {
        .customer-story-case-banner .copy h2 {
          font-size: 1.8em; } }
  .customer-story-case-banner h1, .customer-story-case-banner h2 {
    color: #fff; }
  .customer-story-case-banner h1 {
    font-size: 2em;
    line-height: 1em;
    margin-bottom: 0;
    margin-top: 0.5em; }
    @media only screen and (min-width: 48em) {
      .customer-story-case-banner h1 {
        font-size: 3em; } }
  .customer-story-case-banner p {
    color: #fff;
    margin-bottom: 0; }
  .customer-story-case-banner ul, .customer-story-case-banner li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block; }
  .customer-story-case-banner .customer-story-case-points.mobile {
    display: block; }
    @media only screen and (min-width: 60em) {
      .customer-story-case-banner .customer-story-case-points.mobile {
        display: none; } }
  .customer-story-case-banner .customer-story-case-points.non-mobile {
    display: none; }
    @media only screen and (min-width: 60em) {
      .customer-story-case-banner .customer-story-case-points.non-mobile {
        display: block; } }

.customer-story-case-content {
  padding-top: 3em; }
  .customer-story-case-content .maincontentcontainer .layout-secondary .customer-story-case-content {
    display: block;
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .customer-story-case-content .maincontentcontainer .layout-secondary .btn.orange {
    border-color: #fe5000;
    background-color: #fe5000; }
    .customer-story-case-content .maincontentcontainer .layout-secondary .btn.orange:hover {
      border-color: #cb4000;
      background-color: #cb4000; }
  .customer-story-case-content .maincontentcontainer .layout-secondary .resource {
    margin-bottom: 2.5em; }
    .customer-story-case-content .maincontentcontainer .layout-secondary .resource img {
      display: block;
      margin: auto; }
    .customer-story-case-content .maincontentcontainer .layout-secondary .resource h3 {
      margin-top: 1em; }
  .customer-story-case-content .maincontentcontainer .layout-secondary h1 a, .customer-story-case-content .maincontentcontainer .layout-secondary h2 a, .customer-story-case-content .maincontentcontainer .layout-secondary h3 a {
    font-size: inherit;
    letter-spacing: 0; }
  .customer-story-case-content .maincontentcontainer .layout-secondary h2 {
    color: #414042;
    font-size: 1.3em;
    margin-bottom: 1.25em; }
  .customer-story-case-content .maincontentcontainer .layout-secondary p {
    margin-bottom: 1em; }
  .customer-story-case-content .maincontentcontainer .layout-secondary section {
    margin-top: 1.5em;
    padding-top: 1.5em; }

.layout-secondary .CTAbutton .btn {
  box-sizing: border-box;
  width: 100%; }

.customer-story-landing-banner {
  background-color: #fff;
  background-image: url("head/bg-customer-story-header.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  padding-bottom: 240px; }
  @media only screen and (min-width: 60em) {
    .customer-story-landing-banner {
      background-position: top center;
      background-size: auto 100%;
      height: 675px;
      padding-bottom: inherit; } }
  .customer-story-landing-banner .layout-inner-wrap {
    padding: 2.75em; }
  .customer-story-landing-banner .layout-inner-wrap {
    background-color: #fe5000; }
    @media only screen and (min-width: 60em) {
      .customer-story-landing-banner .layout-inner-wrap {
        background-color: transparent; } }
  .customer-story-landing-banner h1 {
    color: #fff; }
  .customer-story-landing-banner p {
    color: #414042;
    font-size: 1.5em;
    margin-bottom: 0.5em; }
    @media only screen and (min-width: 48em) {
      .customer-story-landing-banner p {
        font-size: 1.4em;
        max-width: 65%; } }
    @media only screen and (min-width: 60em) {
      .customer-story-landing-banner p {
        font-size: 1.5em;
        max-width: 70%; } }
    @media only screen and (min-width: 60em) {
      .customer-story-landing-banner p {
        max-width: 65%; } }

.customer-story-landing-heading h2 {
  display: inline-block;
  font-size: 2em;
  font-weight: 700;
  margin-top: 0.1em; }

.customer-story-landing-heading fieldset {
  float: right;
  margin-top: 0;
  width: 100%; }
  .customer-story-landing-heading fieldset .decorator-select {
    margin-bottom: 0.75em;
    vertical-align: top;
    width: 100%; }
    @media only screen and (min-width: 48em) {
      .customer-story-landing-heading fieldset .decorator-select {
        width: 45%;
        margin-right: 1em; } }
    @media only screen and (min-width: 60em) {
      .customer-story-landing-heading fieldset .decorator-select {
        width: 275px;
        margin-bottom: 1.25em;
        margin-right: 1.5em; }
        .customer-story-landing-heading fieldset .decorator-select + .decorator-select {
          margin-left: 0; } }

.customer-story-landing-logo-blocks {
  background-color: #f1f1f1;
  margin-bottom: -1.5rem;
  padding: 1.66667em 0; }
  @media only screen and (min-width: 48em) {
    .customer-story-landing-logo-blocks {
      margin-bottom: -4rem;
      padding: 3.33333em 0; } }
  .customer-story-landing-logo-blocks .logo-blocks {
    margin: 0 -1%; }
    .customer-story-landing-logo-blocks .logo-blocks h5 {
      font-weight: normal; }
    .customer-story-landing-logo-blocks .logo-blocks p {
      color: #555557;
      font-weight: bold; }
  .customer-story-landing-logo-blocks .logo-block {
    background-color: #fff; }
    .customer-story-landing-logo-blocks .logo-block:hover {
      background-color: #e6e6e6; }
  .customer-story-landing-logo-blocks .logo-block-featured {
    /**
		 * z-index layering
		 * 10: img.image-span (background image)
		 * 20: .logo-inner-container (text and copy)
		 * 30: .hover-area (overlay on hover)
		 */
    background-color: #e1e1e1;
    background-position: center center;
    background-size: cover;
    position: relative; }
    .customer-story-landing-logo-blocks .logo-block-featured img.background-image {
      bottom: 0;
      display: block;
      height: 100%;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      z-index: 1; }
    .customer-story-landing-logo-blocks .logo-block-featured:hover .hover-area {
      background-color: #fff;
      background-color: rgba(255, 255, 255, 0.35);
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 3;
      /*.oldie & {
				background-color: transparent;
				border: 15px solid white;
				box-sizing: border-box;
			}*/ }
    .customer-story-landing-logo-blocks .logo-block-featured .logo-inner-container {
      bottom: 0;
      color: #fff;
      height: auto;
      max-width: 325px;
      padding: 2em;
      position: absolute;
      top: auto;
      z-index: 2; }
      .customer-story-landing-logo-blocks .logo-block-featured .logo-inner-container .bold-point {
        color: #fff;
        color: rgba(255, 255, 255, 0.75);
        font-weight: 800;
        font-size: 6em;
        line-height: 1; }
      .customer-story-landing-logo-blocks .logo-block-featured .logo-inner-container img {
        vertical-align: baseline;
        margin-right: 0.4em;
        max-width: 125px; }
    .customer-story-landing-logo-blocks .logo-block-featured .logo-area, .customer-story-landing-logo-blocks .logo-block-featured .copy {
      display: inline-block;
      height: auto;
      position: static; }
    .customer-story-landing-logo-blocks .logo-block-featured .copy p {
      color: #fff;
      font-size: 1.1em;
      font-weight: normal; }
    .customer-story-landing-logo-blocks .logo-block-featured .logo-heading {
      position: static;
      left: 2em;
      top: 1em;
      right: 2em; }
      .customer-story-landing-logo-blocks .logo-block-featured .logo-heading p {
        font-size: 1.1em;
        color: #fff; }
      .customer-story-landing-logo-blocks .logo-block-featured .logo-heading p:last-child {
        margin-bottom: 0; }
  .customer-story-landing-logo-blocks .testimonial {
    margin-bottom: 0;
    margin-top: 0; }

@media (min-width: 1024px) {
  .page-industry .section .section-hero-content {
    height: 404px; } }

.industry-tabs {
  width: 100%; }
  .industry-tabs.industry-tabs--editing .r-tabs-panel {
    border-bottom: 1px solid #333;
    display: block !important; }
  .industry-tabs .tab-module-image {
    width: 100%; }
    @media only screen and (min-width: 48em) {
      .industry-tabs .tab-module-image {
        padding-right: 4.1%; } }
    @media only screen and (min-width: 60em) {
      .industry-tabs .tab-module-image {
        min-width: 450px;
        width: 33.3%; } }
  .industry-tabs .tab-module-support {
    width: 100%; }
    @media only screen and (min-width: 60em) {
      .industry-tabs .tab-module-support {
        width: 62.5%; } }

.s-industry-products .card-image {
  height: 90px; }
  .s-industry-products .card-image .fill-tangerine {
    height: 90px;
    width: 90px; }
  .s-industry-products .card-image .fill-pomegranate {
    height: 90px;
    width: 123px; }
  .s-industry-products .card-image .fill-conifer {
    height: 90px;
    width: 136px; }
  .s-industry-products .card-image .fill-robins-egg-blue {
    height: 90px;
    width: 128px; }

.product-feature-offset {
  background-color: #3eaeda;
  background-position: top center;
  background-repeat: no-repeat;
  margin-top: 2em;
  padding: 16px; }
  @media only screen and (min-width: 48em) {
    .product-feature-offset img {
      float: right;
      max-width: 50%;
      position: relative;
      right: -2em;
      top: -2em; } }
  @media only screen and (min-width: 48em) {
    .product-feature-offset {
      margin-left: -100%;
      padding: 0;
      width: 200%; } }

.product-feature-offset-sidebox {
  background-color: #fe5000;
  background-position: top center;
  background-repeat: no-repeat;
  margin-top: 2em;
  padding: 16px; }
  @media only screen and (min-width: 48em) {
    .product-feature-offset-sidebox img {
      float: right;
      max-width: 50%;
      position: relative;
      right: 1em;
      top: -2em; } }
  @media only screen and (min-width: 48em) {
    .product-feature-offset-sidebox {
      margin-left: -100%;
      padding: 0;
      width: 247.5%; } }

.product-feature-offset-photo {
  background-color: transparent;
  background-position: top right;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 200px; }
  .product-feature-offset-photo:first-child {
    margin-top: 1em; }
    @media only screen and (min-width: 48em) {
      .product-feature-offset-photo:first-child {
        margin-top: 2em; } }
  @media only screen and (min-width: 48em) {
    .product-feature-offset-photo {
      background-size: auto;
      margin-left: -100%;
      min-height: 367px;
      padding: 0;
      width: 200%; } }

.product-offer-box-side {
  background-color: #413e41;
  display: block;
  float: right;
  height: auto;
  max-width: 50%;
  padding: 30px 40px 30px 40px;
  position: relative;
  right: 0;
  top: 0;
  width: 12.6%; }
  .product-offer-box-side h3 {
    font-size: 30px;
    font-size: 1.66667rem;
    color: #ffffff; }
    @media only screen and (min-width: 48em) {
      .product-offer-box-side h3 {
        font-size: 30px;
        font-size: 1.66667rem; } }
    @media only screen and (min-width: 76.25em) {
      .product-offer-box-side h3 {
        font-size: 30px;
        font-size: 1.66667rem; } }
  .product-offer-box-side .link-container {
    padding: 20px 0 0 0; }
  @media only screen and (min-width: 12.5em) {
    .product-offer-box-side {
      display: none; } }
  @media only screen and (min-width: 20em) {
    .product-offer-box-side {
      display: none; } }
  @media only screen and (min-width: 30em) {
    .product-offer-box-side {
      display: none; } }
  @media only screen and (min-width: 48em) {
    .product-offer-box-side {
      display: block;
      height: auto; } }
  @media only screen and (min-width: 60em) {
    .product-offer-box-side {
      display: block;
      height: auto; } }
  @media only screen and (min-width: 76.25em) {
    .product-offer-box-side {
      display: block;
      height: auto; } }

.product-offer-box-bottom {
  background-color: #413e41;
  display: none;
  margin-left: 0;
  padding: 20px 0 25px 30px; }
  .product-offer-box-bottom h3 {
    font-size: 30px;
    font-size: 1.66667rem;
    color: #ffffff; }
    @media only screen and (min-width: 48em) {
      .product-offer-box-bottom h3 {
        font-size: 30px;
        font-size: 1.66667rem; } }
    @media only screen and (min-width: 76.25em) {
      .product-offer-box-bottom h3 {
        font-size: 30px;
        font-size: 1.66667rem; } }
  .product-offer-box-bottom .link-container {
    padding: 20px 0 0 0; }
  @media only screen and (min-width: 12.5em) {
    .product-offer-box-bottom {
      display: block; } }
  @media only screen and (min-width: 20em) {
    .product-offer-box-bottom {
      display: block; } }
  @media only screen and (min-width: 30em) {
    .product-offer-box-bottom {
      display: block; } }
  @media only screen and (min-width: 48em) {
    .product-offer-box-bottom {
      display: none; } }
  @media only screen and (min-width: 60em) {
    .product-offer-box-bottom {
      display: none; } }
  @media only screen and (min-width: 76.25em) {
    .product-offer-box-bottom {
      display: none; } }

.resources-container {
  background-color: #413e41;
  display: block;
  margin-left: 0;
  padding: 20px 20px 25px 20px; }
  .resources-container h3 {
    font-size: 22px;
    font-size: 1.22222rem;
    color: #ffffff !important;
    font-weight: 600;
    padding: 0 0 10px 0; }
    @media only screen and (min-width: 48em) {
      .resources-container h3 {
        font-size: 22px;
        font-size: 1.22222rem; } }
    @media only screen and (min-width: 76.25em) {
      .resources-container h3 {
        font-size: 20px;
        font-size: 1.11111rem; } }
  .resources-container .link-container {
    padding: 20px 0 0 0; }
  .resources-container a {
    padding: 0 0 10px 25px; }

.offset-hero {
  background-color: black;
  background-color: rgba(0, 0, 0, 0.6);
  /*.oldie & {
			background-color: transparent;
			background-image: url('head/bg-overlay-black-60.png');
			background-repeat: repeat;
		}*/
  background-color: rgba(0, 0, 0, 0.6);
  margin: -3.33333em -1.55556em;
  padding: 3.33333em 1.55556em; }
  .page-campaign-landing .offset-hero {
    margin: -1.66667em -1.55556em; }
    @media only screen and (min-width: 48em) {
      .page-campaign-landing .offset-hero {
        margin: 0 0 0 -100%; } }
  .offset-hero h1 {
    color: #ffffff; }
  @media only screen and (min-width: 48em) {
    .offset-hero {
      box-sizing: border-box;
      margin: 0 0 0 -100%;
      padding: 1.33333em 1.33333em 1.33333em 0;
      width: 150%; }
      .offset-hero::after {
        clear: both;
        content: "";
        display: table; } }

.offset-hero-clear {
  background-image: none;
  margin: -3.33333em -1.55556em;
  padding: 3.33333em 1.55556em; }
  .page-campaign-landing .offset-hero-clear {
    margin: -1.66667em -1.55556em; }
    @media only screen and (min-width: 48em) {
      .page-campaign-landing .offset-hero-clear {
        margin: 0 0 0 -100%; } }
  .offset-hero-clear h1 {
    color: #ffffff; }
  @media only screen and (min-width: 48em) {
    .offset-hero-clear {
      box-sizing: border-box;
      margin: 0 0 0 -100%;
      padding: 1.33333em 1.33333em 1.33333em 0;
      width: 150%; }
      .offset-hero-clear::after {
        clear: both;
        content: "";
        display: table; } }

.offset-hero-medium {
  background-image: none;
  background-color: #fe5000;
  margin: -3.33333em -1.55556em;
  padding: 3.33333em 1.55556em; }
  .page-campaign-landing .offset-hero-medium {
    margin: -1.66667em -1.55556em; }
    @media only screen and (min-width: 48em) {
      .page-campaign-landing .offset-hero-medium {
        margin: 0 0 0 -100%; } }
  .offset-hero-medium h1 {
    color: #ffffff; }
  @media only screen and (min-width: 48em) {
    .offset-hero-medium {
      background-image: none;
      background-color: #Fe5000;
      margin: -3.33333em -1.55556em;
      padding: 3.33333em 1.55556em; } }
  @media only screen and (min-width: 60em) {
    .offset-hero-medium {
      background-image: url("head/category_banner_bg2.png");
      background-color: transparent;
      background-repeat: no-repeat;
      background-position: right center;
      background-size: auto 100%;
      box-sizing: border-box;
      margin: 0 0 0 -98%;
      padding: 2.44444em 1.33333em 2.22222em 0;
      width: 167%; }
      .offset-hero-medium::after {
        clear: both;
        content: "";
        display: table; } }

.offset-hero-top {
  background-image: none;
  background-color: #Fe5000;
  margin: -3.33333em -1.55556em;
  padding: 3.33333em 1.55556em; }
  .page-campaign-landing .offset-hero-top {
    margin: -1.66667em -1.55556em; }
    @media only screen and (min-width: 48em) {
      .page-campaign-landing .offset-hero-top {
        margin: 0 0 0 -100%; } }
  .offset-hero-top h1 {
    color: #ffffff;
    line-height: 1em;
    margin: 0 0 .5em 0; }
  .offset-hero-top p {
    margin: 0 0 .5em 0; }
  @media only screen and (min-width: 12.5em) {
    .offset-hero-top h1 {
      color: #ffffff;
      line-height: 1em;
      margin: 1em 0 .5em 0; } }
  @media only screen and (min-width: 20em) {
    .offset-hero-top h1 {
      color: #ffffff;
      line-height: 1em;
      margin: 1em 0 .5em 0; } }
  @media only screen and (min-width: 48em) {
    .offset-hero-top {
      background-image: none;
      background-color: #Fe5000;
      margin: -3.33333em -1.55556em;
      padding: 3.33333em 1.55556em; } }
  @media only screen and (min-width: 60em) {
    .offset-hero-top {
      background-image: url("head/orange-swirl-column-alternate.png");
      background-color: transparent;
      background-repeat: no-repeat;
      background-position: right center;
      background-size: auto 100%;
      box-sizing: border-box;
      margin: 0 0 0 -156%;
      padding: 3.88889em 1.33333em 0 0;
      width: 200%; }
      .offset-hero-top::after {
        clear: both;
        content: "";
        display: table; }
      .offset-hero-top h1 {
        color: #ffffff;
        line-height: 1em;
        margin: 0 0 .5em 0; } }

.offset-hero-small {
  background-image: none;
  background-color: #Fe5000;
  margin: -3.33333em -1.55556em;
  padding: 3.33333em 1.55556em; }
  .page-campaign-landing .offset-hero-small {
    margin: -1.66667em -1.55556em; }
    @media only screen and (min-width: 48em) {
      .page-campaign-landing .offset-hero-small {
        margin: 0 0 0 -100%; } }
  .offset-hero-small h1 {
    color: #ffffff; }
  @media only screen and (min-width: 48em) {
    .offset-hero-small {
      background-image: none;
      background-color: #Fe5000;
      margin: -3.33333em -1.55556em;
      padding: 3.33333em 1.55556em; } }
  @media only screen and (min-width: 60em) {
    .offset-hero-small {
      background-image: url("head/orange-swirl-column-alternate.png");
      background-color: transparent;
      background-repeat: no-repeat;
      background-position: right center;
      background-size: auto 100%;
      box-sizing: border-box;
      margin: 0 0 0 -145%;
      padding: 10.55556em 1.33333em 1.66667em 0;
      width: 180%; }
      .offset-hero-small::after {
        clear: both;
        content: "";
        display: table; } }

.offset-hero-bottom {
  background-image: none;
  background-color: #Fe5000;
  margin: -3.33333em -1.55556em;
  padding: 3.33333em 1.55556em; }
  .page-campaign-landing .offset-hero-bottom {
    margin: -1.66667em -1.55556em; }
    @media only screen and (min-width: 48em) {
      .page-campaign-landing .offset-hero-bottom {
        margin: 0 0 0 -100%; } }
  .offset-hero-bottom h1 {
    color: #ffffff; }
  @media only screen and (min-width: 48em) {
    .offset-hero-bottom {
      background-image: none;
      background-color: #Fe5000;
      margin: -3.33333em -1.55556em;
      padding: 3.33333em 1.55556em; } }
  @media only screen and (min-width: 60em) {
    .offset-hero-bottom {
      background-image: url("head/orange-swirl-column-alternate.png");
      background-color: transparent;
      background-repeat: no-repeat;
      background-position: right center;
      background-size: auto 100%;
      box-sizing: border-box;
      margin: 0 0 0 -145%;
      padding: 10.55556em 1.33333em 0 0;
      width: 180%; }
      .offset-hero-bottom::after {
        clear: both;
        content: "";
        display: table; } }

.offset-hero-transparent {
  background-image: url("head/transparent-black3.png");
  margin: 0em -1.55556em;
  padding: 3.33333em 1.55556em; }
  .page-campaign-landing .offset-hero-transparent {
    margin: -1.66667em -1.55556em; }
    @media only screen and (min-width: 48em) {
      .page-campaign-landing .offset-hero-transparent {
        margin: 0 0 0 -100%; } }
  .offset-hero-transparent h1 {
    color: #ffffff; }
  @media only screen and (min-width: 48em) {
    .offset-hero-transparent {
      background-image: url("head/transparent-black3.png");
      background-repeat: repeat;
      margin: 0em -1.55556em;
      padding: 3.33333em 1.55556em; } }
  @media only screen and (min-width: 60em) {
    .offset-hero-transparent {
      background-image: none;
      background-repeat: repeat;
      background-size: auto 100%;
      box-sizing: border-box;
      /*margin: 0 0 0 -98%;
		padding: em(44) em(24) em(24) 0;*/
      margin: 0em -1.55556em;
      padding: 3.33333em 1.55556em;
      /*width: 167%;*/ }
      .offset-hero-transparent::after {
        clear: both;
        content: "";
        display: table; } }
  @media only screen and (min-width: 76.25em) {
    .offset-hero-transparent {
      background-image: none;
      background-repeat: repeat;
      background-position: right center;
      background-size: auto 100%;
      box-sizing: border-box;
      margin: 0 0 0 -98%;
      padding: 2.44444em 1.33333em 1.33333em 0;
      width: 167%; }
      .offset-hero-transparent::after {
        clear: both;
        content: "";
        display: table; } }

.offset-hero-inner-wrap {
  color: #fe5000; }
  @media only screen and (min-width: 48em) {
    .offset-hero-inner-wrap {
      box-sizing: border-box;
      margin-left: 66.66667%;
      padding: 0 1.55556em;
      width: 40%; } }
  .offset-hero-inner-wrap.full-width {
    width: 66.66667%; }

.offset-hero-medium-inner-wrap {
  color: #fe5000; }
  .offset-hero-medium-inner-wrap p {
    color: #ffffff;
    font-size: 20px;
    font-size: 1.11111rem;
    margin: 0 0 1.5em 0; }
    .offset-hero-medium-inner-wrap p:first-child {
      margin-top: 0; }
  @media only screen and (min-width: 12.5em) {
    .offset-hero-medium-inner-wrap {
      margin: 0 0 1.78571em 0; } }
  @media only screen and (min-width: 48em) {
    .offset-hero-medium-inner-wrap {
      box-sizing: border-box;
      margin-left: 0%;
      padding: 0.27778em 0.27778em;
      width: 100%; } }
  @media only screen and (min-width: 60em) {
    .offset-hero-medium-inner-wrap {
      box-sizing: border-box;
      margin-left: 58.33333%;
      padding: 0 1.55556em;
      width: 33.33333%; } }

.offset-hero-small-inner-wrap {
  color: #fe5000; }
  @media only screen and (min-width: 48em) {
    .offset-hero-small-inner-wrap {
      box-sizing: border-box;
      margin-left: 0%;
      padding: 0.27778em 0.27778em;
      width: 100%; } }
  @media only screen and (min-width: 60em) {
    .offset-hero-small-inner-wrap {
      box-sizing: border-box;
      margin-left: 81.33333%;
      padding: 0;
      width: 33.33333%; } }

.offset-hero-bottom-inner-wrap {
  color: #fe5000; }
  @media only screen and (min-width: 48em) {
    .offset-hero-bottom-inner-wrap {
      box-sizing: border-box;
      margin-left: 0%;
      padding: 0.27778em 0.27778em;
      width: 100%; } }
  @media only screen and (min-width: 60em) {
    .offset-hero-bottom-inner-wrap {
      box-sizing: border-box;
      margin-left: 81.33333%;
      padding: 0;
      width: 33.33333%; } }

.offset-hero-top-inner-wrap {
  color: #fe5000; }
  @media only screen and (min-width: 48em) {
    .offset-hero-top-inner-wrap {
      box-sizing: border-box;
      margin-left: 0%;
      padding: 0.27778em 0.27778em;
      width: 100%; } }
  @media only screen and (min-width: 60em) {
    .offset-hero-top-inner-wrap {
      box-sizing: border-box;
      margin-left: 77.66667%;
      padding: 0 1.55556em;
      width: 40%; } }
  .offset-hero-top-inner-wrap h2 {
    font-size: 32px;
    font-size: 1.77778rem;
    font-weight: 400;
    padding: 0 0 2em 0; }
    .offset-hero-top-inner-wrap h2 span {
      font-weight: 800; }
    @media only screen and (min-width: 48em) {
      .offset-hero-top-inner-wrap h2 {
        font-size: 32px;
        font-size: 1.77778rem; } }

.offset-hero-top-content {
  color: #fe5000; }
  @media only screen and (min-width: 48em) {
    .offset-hero-top-content {
      box-sizing: border-box;
      margin-left: 0%;
      padding: 0.27778em 0.27778em;
      width: 100%; } }
  @media only screen and (min-width: 60em) {
    .offset-hero-top-content {
      box-sizing: border-box;
      margin-left: 0;
      padding: 0;
      width: 80%; } }
  .offset-hero-top-content h2 {
    color: #ffffff;
    font-size: 32px;
    font-size: 1.77778rem;
    font-weight: 400;
    padding: 0 0 1em 0;
    margin: 0; }
    .offset-hero-top-content h2 span {
      font-weight: 800; }
    @media only screen and (min-width: 48em) {
      .offset-hero-top-content h2 {
        font-size: 32px;
        font-size: 1.77778rem; } }

.offset-hero-transparent-inner-wrap {
  color: #fe5000; }
  @media only screen and (min-width: 48em) {
    .offset-hero-transparent-inner-wrap {
      box-sizing: border-box;
      margin-left: 0%;
      padding: 0.27778em 0.27778em;
      width: 100%; } }
  @media only screen and (min-width: 60em) {
    .offset-hero-transparent-inner-wrap {
      box-sizing: border-box;
      margin-left: 0;
      padding: 0 1.55556em;
      width: 100%; } }
  @media only screen and (min-width: 76.25em) {
    .offset-hero-transparent-inner-wrap {
      box-sizing: border-box;
      margin-left: 58.33333%;
      padding: 0 1.55556em;
      width: 61.66667%; } }
  .offset-hero-transparent-inner-wrap h2 {
    font-size: 32px;
    font-size: 1.77778rem;
    font-weight: 400;
    padding: 0 0 2em 0; }
    .offset-hero-transparent-inner-wrap h2 span {
      font-weight: 800; }
    @media only screen and (min-width: 48em) {
      .offset-hero-transparent-inner-wrap h2 {
        font-size: 32px;
        font-size: 1.77778rem; } }

.offset-hero-transparent-content {
  color: #fe5000; }
  @media only screen and (min-width: 48em) {
    .offset-hero-transparent-content {
      box-sizing: border-box;
      margin-left: 0%;
      padding: 0.27778em 0.27778em;
      width: 100%; } }
  @media only screen and (min-width: 60em) {
    .offset-hero-transparent-content {
      box-sizing: border-box;
      margin-left: 0;
      padding: 0;
      width: 40%; } }
  .offset-hero-transparent-content h2 {
    font-size: 32px;
    font-size: 1.77778rem;
    font-weight: 400;
    padding: 0 0 .5em 0; }
    .offset-hero-transparent-content h2 span {
      font-weight: 800; }
    @media only screen and (min-width: 48em) {
      .offset-hero-transparent-content h2 {
        font-size: 32px;
        font-size: 1.77778rem; } }

.offset-wrapper {
  position: relative;
  z-index: 1; }

.layout-full-bleed.header-emphasis {
  background-color: #fe5000;
  padding: 2em 0; }
  .layout-full-bleed.header-emphasis h1 {
    color: #fff;
    margin: 0; }

.layout-full-bleed.product-finder-search {
  background-color: #f1f1f1; }

.list-filter {
  margin: 0;
  padding: 0; }
  .list-filter ul {
    margin: 0;
    padding: 0; }
  .list-filter li {
    display: inline-block;
    margin: .25em 0;
    width: auto; }

.list-filter-toggle {
  padding-right: 1em; }

.list-filter-alpha a, .list-filter-alpha > li > div, .list-filter-toggle a, .list-filter-toggle > li > div {
  padding: .25em .5em;
  white-space: nowrap; }
  .touch .list-filter-alpha a,
  .touchevents .list-filter-alpha a, .touch .list-filter-alpha > li > div,
  .touchevents .list-filter-alpha > li > div, .touch .list-filter-toggle a,
  .touchevents .list-filter-toggle a, .touch .list-filter-toggle > li > div,
  .touchevents .list-filter-toggle > li > div {
    padding: .5em 1em; }

.list-filter-alpha a:hover,
.list-filter-alpha a.active, .list-filter-toggle a:hover,
.list-filter-toggle a.active {
  background: #29a5d6;
  border-radius: 3px;
  color: white; }

.layout-full-bleed.product-section-wrapper {
  float: none;
  padding: 0; }
  .layout-full-bleed.product-section-wrapper article {
    padding: 0; }

.product-finder-nav {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-align: left; }
  @media only screen and (min-width: 48em) {
    .product-finder-nav {
      text-align: center; } }

.product-finder-filters {
  background-color: #f1f1f1;
  display: block;
  padding: 0 !important;
  text-align: center; }

.layout-full-bleed.product-finder-filters .layout-primary {
  padding: 0; }

.layout-full-bleed.product-links {
  padding: 3.33333em 0; }

.category-section-filter-wrapper {
  box-sizing: border-box;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 33.33333%; }
  @media only screen and (min-width: 76.25em) {
    .category-section-filter-wrapper {
      display: table-cell;
      float: none;
      height: 100%;
      width: 16.66667%; } }

.category-section-filters {
  display: none;
  vertical-align: middle; }
  @media only screen and (min-width: 48em) {
    .category-section-filters {
      display: inline-block;
      margin: auto; } }
  .category-section-filters ul {
    display: table;
    height: 100%;
    margin: 0 auto;
    padding-left: 0; }
  .category-section-filters li {
    border-top: 5px solid transparent;
    font-weight: 800;
    overflow: hidden;
    text-align: center;
    vertical-align: middle; }
    .category-section-filters li:last-of-type {
      border-right: 1px solid #fff; }
    .category-section-filters li a {
      display: block;
      height: 100%;
      padding: 1em;
      -moz-box-sizing: border-box;
      /*.ie7 &, .ie8 & {
				min-height: 125px;
			}*/ }
      .category-section-filters li a:before {
        content: '';
        display: inline-block;
        height: 100%;
        margin-right: -0.3em;
        vertical-align: middle;
        width: 0; }
      .category-section-filters li a.active {
        background-color: #fff; }
      .category-section-filters li a .icon {
        display: inline-block;
        vertical-align: middle; }
        .category-section-filters li a .icon img {
          display: block;
          height: 60px;
          margin: auto;
          margin-bottom: 0.5em; }
    .category-section-filters li:hover {
      border-top: 5px solid #e0e0e0; }
    @media only screen and (min-width: 48em) {
      .category-section-filters li {
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff; }
        .category-section-filters li:nth-child(3n+1) {
          border-left: 1px solid #fff; } }
    @media only screen and (min-width: 76.25em) {
      .category-section-filters li {
        border-left: 1px solid #fff; } }

.list-product-finder, .results {
  list-style: none;
  margin: 0;
  padding: 0; }
  .list-product-finder li.topics, .results li.topics {
    border-bottom: none; }
  .list-product-finder > li, .results > li {
    border-bottom: 1px solid #e0e0e0;
    clear: both;
    margin-bottom: 0;
    overflow: hidden; }
    .list-product-finder > li ul, .results > li ul {
      display: block;
      margin: 0;
      padding: 0; }
      @media only screen and (min-width: 48em) {
        .list-product-finder > li ul, .results > li ul {
          -webkit-column-count: 3;
          -webkit-column-gap: 3%;
          -moz-column-count: 3;
          -moz-column-gap: 3%;
          column-count: 3;
          column-gap: 3%; } }
    .list-product-finder > li li, .results > li li {
      -webkit-column-break-inside: avoid;
      -moz-column-break-inside: avoid;
      column-break-inside: avoid;
      overflow: hidden; }

.link-icon-product-resources:before {
  content: ""; }

.link-icon-product-resources-lightgrey:before {
  color: #e4e5e6 !important;
  content: ""; }

.link-icon-product-resources-lightblue:before {
  color: #6290a3 !important;
  content: ""; }

.link-icon-product-page:before {
  content: ""; }

.product-services-cards .card-container .card-image {
  height: 54px; }
  .product-services-cards .card-container .card-image img {
    height: 55px;
    width: 85px; }
  .product-services-cards .card-container .card-image .fill-mediumOrange {
    height: 54px;
    width: 84px; }
  .product-services-cards .card-container .card-image .fill-keppel {
    height: 54px;
    width: 86px; }
  .product-services-cards .card-container .card-image .fill-tango {
    height: 54px;
    width: 50px; }
  .product-services-cards .card-container .card-image .fill-robins-egg-blue {
    height: 54px;
    width: 74.25px; }
  .product-services-cards .card-container .card-image .fill-tangerine, .product-services-cards .card-container .card-image .fill-pear {
    height: 54px;
    width: 54px; }

.product-cards .product-card-sub-heading {
  max-width: 970px;
  margin-left: auto;
  margin-right: auto; }

.product-cards .card-wrap .purchasing-col {
  padding-bottom: 0 !important; }
  .product-cards .card-wrap .purchasing-col .card-content h3 {
    font-weight: 400;
    text-align: center;
    margin-bottom: 1em;
    color: #414042; }

@media (max-width: 832px) {
  .product-cards .card-wrap.m2 {
    margin-left: 0;
    margin-right: 0;
    width: 100%; }
  .product-cards .card-wrap .no-flexbox .card-wrap .card {
    width: 100%; } }

/*
	Associates with jquery.product-sort.js
	mixitup jquery plugin expects elements being sorted must be hidden by default:
	.category-section, .result-item, .alpha-section for the various items being filtered
 */
.no-js .category-section,
.no-js .accordion-item-content,
.no-js .alpha-section,
.no-js .result-item {
  display: block !important; }

.no-js .product-finder-filters {
  display: none !important; }

.no-js .featured-product.view-all {
  display: none !important; }

.category-sections {
  margin-top: 0;
  padding: 0; }
  .category-sections .category-section {
    border-top: 2px solid #cacaca;
    margin: 0;
    padding: 3em 0; }
    .category-sections .category-section h2 {
      color: #fe5000;
      display: inline-block;
      margin-bottom: 0.75em; }
    .category-sections .category-section:first-child, .category-sections .category-section.active {
      border-top: 0; }
    @media only screen and (min-width: 48em) {
      .category-sections .category-section {
        display: none; }
        .category-sections .category-section.active .view-all {
          display: none !important; } }
    .category-sections .category-section.accordion {
      border: none;
      margin: 0 -2em;
      padding: 0; }
      .category-sections .category-section.accordion h2 {
        color: #29a5d6;
        font-size: 0.75em;
        margin: 0; }
      .category-sections .category-section.accordion .accordion-item {
        background-color: #f1f1f1;
        border-top: 0;
        border-bottom: 0;
        padding: 0; }
      .category-sections .category-section.accordion .accordion-item-anchor {
        background-position: 1.4em;
        background-size: 25px;
        border-top: 1px solid #cacaca;
        display: block;
        padding-bottom: 0.25em;
        padding-left: 1.4em;
        padding-right: 1.4em;
        padding-top: 0.25em; }
      .category-sections .category-section.accordion .accordion-item.open .accordion-item-anchor {
        border-bottom: 1px solid #cacaca; }
      .category-sections .category-section.accordion:last-of-type .accordion-item-anchor {
        border-bottom: 1px solid #cacaca; }
      .category-sections .category-section.accordion .accordion-item-content {
        background: #fff;
        margin: 0;
        padding: 1.5em 1.4em; }
  .category-sections .category-section-left-column,
  .category-sections .category-section-right-column {
    box-sizing: border-box; }
    @media only screen and (min-width: 48em) {
      .category-sections .category-section-left-column,
      .category-sections .category-section-right-column {
        display: inline-block;
        vertical-align: top; } }
  .category-sections .category-section-left-column {
    margin: 1.5em 0; }
    .category-sections .category-section-left-column .product-shot {
      display: none; }
    @media only screen and (min-width: 48em) {
      .category-sections .category-section-left-column {
        margin-right: -0.5em;
        width: 40%; }
        .category-sections .category-section-left-column .product-shot {
          display: block;
          margin-bottom: 1em;
          padding-right: 3em; }
          .category-sections .category-section-left-column .product-shot img {
            width: 100%; } }
  @media only screen and (min-width: 48em) {
    .category-sections .category-section-right-column {
      padding-left: 2em;
      width: 60%; } }
  .category-sections .featured-products {
    margin: 0;
    padding: 0; }
    .category-sections .featured-products h4 {
      color: #29a5d6; }
  .category-sections .featured-product {
    border: none;
    list-style: none;
    margin: 0;
    padding: 0.75em 0; }
    .category-sections .featured-product:first-child {
      padding-top: 0; }
    @media only screen and (min-width: 48em) {
      .category-sections .featured-product {
        border-top: 1px solid #d8d8d8;
        padding: 1.5em 0; }
        .category-sections .featured-product:first-child {
          border-top: none; } }
    .category-sections .featured-product .product-detail {
      color: #6c6c6c;
      display: table;
      width: 100%; }
    @media only screen and (min-width: 48em) {
      .category-sections .featured-product .description {
        display: table-cell; } }
    @media only screen and (min-width: 48em) {
      .category-sections .featured-product .actions {
        display: table-cell;
        min-width: 12em;
        padding-left: 2em;
        text-align: right; } }

.alpha-section {
  display: none;
  width: 100%; }
  .alpha-section:first-child h3 {
    margin-top: 0; }
  .alpha-section h3 {
    margin-top: 0.5em; }

.result-items {
  padding: 0; }
  .result-items h2 {
    margin-bottom: 0.75em;
    margin-top: 1em; }
  .result-items .result-item {
    display: none;
    width: 100%; }

.topics-results-heading, .products-results-heading {
  display: none; }
  .alpha-sections .topics-results-heading, .alpha-sections .products-results-heading {
    display: block; }

/**
 * Support base overrides
 */
body.support-central {
  padding-top: 0; }

/**
 * Support Helpers
 */
.support-logged-out .support-section-divider.above-support-section-container, .support-logged-out .support-account-container .account-details-wrapper, .support-account-container .support-logged-out .account-details-wrapper, .support-logged-out .support-recent-issues, .support-logged-out .account-error, .support-logged-out .support-no-issues, .support-logged-out .support-loading-issues {
  display: none; }

.support-logged-in .support-search .logged-out-options, .support-search .support-logged-in .logged-out-options {
  display: none; }

.support-hide-while-loading {
  display: none; }

/**
 * Support elements
 * Small and used throughout
 */
.support-chat-now, .sales-chat-now {
  right: 0px;
  background-color: #fe5000;
  position: fixed;
  padding: 0.5em;
  bottom: 0px;
  border-radius: 5px 5px 0px 0px;
  color: #fff;
  transition: right .5s ease;
  z-index: 20;
  transform: translateY(0%) translateX(0%) rotate(0deg);
  -webkit-transform: translateY(0%) translateX(0%) rotate(0deg);
  -ms-transform: translateY(0%) translateX(0%) rotate(0deg);
  -webkit-transition: right .5s ease;
  bottom: 10px;
  border-radius: 50%; }
  .support-chat-now .chat-now-close:hover, .sales-chat-now .chat-now-close:hover {
    color: yellow; }
  .support-chat-now .mobile-only, .sales-chat-now .mobile-only {
    height: 60px;
    width: 60px; }
  .support-chat-now .chat-now-close::before, .sales-chat-now .chat-now-close::before {
    content: "";
    font-family: "icomoon";
    font-size: 1rem;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
    position: absolute;
    right: 0.3em;
    font-weight: 700;
    color: white;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(241, 93, 34, 0.07);
    -webkit-transition: color 0.25s ease-out 0s;
    transition: color 0.25s ease-out 0s;
    top: 0.5rem; }
  @media only screen and (min-width: 60em) {
    .support-chat-now, .sales-chat-now {
      bottom: 0px;
      border-radius: 5px 5px 0px 0px; }
      .support-chat-now:hover img, .sales-chat-now:hover img {
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.3);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out; } }
  @media only screen and (min-width: 20em) {
    .support-chat-now, .sales-chat-now {
      right: 10px; } }
  .support-chat-now a, .sales-chat-now a {
    color: #fff; }
  .support-chat-now img, .sales-chat-now img {
    float: right;
    display: inline-block;
    width: 60px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    margin-top: .8rem; }
  .support-chat-now b, .sales-chat-now b {
    /*Added for IE - Hover effect*/
    margin-right: .25em; }
  @media only screen and (min-width: 48em) {
    .support-chat-now.on-screen, .sales-chat-now.on-screen {
      right: 1em; } }
  @media only screen and (min-width: 60em) {
    .support-chat-now.on-screen, .sales-chat-now.on-screen {
      padding: 1em;
      right: 1.5em; } }

/*
.fixed-tab-chat-now {
	display: none;

	@include media(breakpointLarge) {
		display: block;
	}

	.chat-now-link {
		background: #19a49a url(head/button-fixed-chat-now.png) no-repeat;
		border-radius: 5px 0 0 5px;
		@include font-size(15);
		color: #fff;
		height: 138px;
		opacity: .93;
		outline: 0;
		position: fixed;
		right: -14em;
		text-indent: -999em;
		top: 35%;
		transition: right .5s ease;
		width: 38px;
		z-index: 20;

	  	-webkit-transition: right .25s ease 2s, background-color .25s ease;

	  	&.on-screen {
		  	right: 0;
	  	}

	  	&:hover,
	  	&:active {
	  		background-color: #0c7d75;
	  	}

	  	&:before {
		  	@include icon();
		  	content: '\e96d';
		  	@include font-size(18);
		  	left: em(8);
		  	position: absolute;
		  	top: em(8);
	  	}
	}
}
*/
.support-section-divider {
  background-color: #fff;
  padding: 1em 0 !important; }
  .support-section-divider .layout-inner-wrap {
    border-bottom: 1px solid #f1f1f1; }

/**
 * Support component container default
 * Apply to support component containers where necessary to apply consistent
 * styling
 */
.support-section-container, .support-section-container.layout-full-bleed {
  padding: 1em 0; }

.support-section-container h2 {
  margin-bottom: 1em;
  vertical-align: middle; }

/**
 * Support component containers
 */
.support-account-container {
  padding: 0 !important; }
  .support-account-container .account-actions-wrapper, .support-account-container .account-details-wrapper, .support-account-container .acccount-user-wrapper {
    line-height: 100%;
    padding-bottom: 0.45em; }
    .support-account-container .account-actions-wrapper:first-child, .support-account-container .account-details-wrapper:first-child, .support-account-container .acccount-user-wrapper:first-child {
      padding-top: 0.45em; }
  .support-account-container .account-actions-wrapper {
    background-color: #ececec;
    text-align: right; }
    .support-account-container .account-actions-wrapper a, .support-account-container .account-actions-wrapper a:hover {
      color: #6c6c6c;
      font-weight: 600; }
  .support-account-container .account-details-wrapper {
    padding: 0.5em 0; }
  .support-account-container .account-actions,
  .support-account-container .account-user,
  .support-account-container .action-details {
    list-style: none;
    margin: 0;
    padding: 0; }
  .support-account-container .list-piped .action {
    text-align: left; }
    @media only screen and (min-width: 48em) {
      .support-account-container .list-piped .action {
        line-height: 48px; } }
  @media only screen and (min-width: 48em) {
    .support-account-container .list-piped .action-piped:after {
      color: #cacaca;
      content: "|";
      left: 1em;
      line-height: 48px;
      position: relative; } }
  .support-account-container .account-actions,
  .support-account-container .account-user {
    display: inline-block;
    vertical-align: middle;
    width: 100%; }
    .support-account-container .account-actions:last-child,
    .support-account-container .account-user:last-child {
      margin-bottom: 0; }
    @media only screen and (min-width: 48em) {
      .support-account-container .account-actions,
      .support-account-container .account-user {
        width: 50%; }
        .support-account-container .account-actions:last-child,
        .support-account-container .account-user:last-child {
          margin-left: -0.35em; } }
  .support-account-container .action,
  .support-account-container .account-user li,
  .support-account-container .action-detail {
    display: block;
    margin-bottom: 0.5em;
    text-align: center;
    width: 100%; }
    .support-account-container .action:last-child,
    .support-account-container .account-user li:last-child,
    .support-account-container .action-detail:last-child {
      margin-bottom: 0; }
    @media only screen and (min-width: 48em) {
      .support-account-container .action,
      .support-account-container .account-user li,
      .support-account-container .action-detail {
        display: inline-block;
        margin-bottom: 0;
        width: auto; } }
  .support-account-container .account-user {
    margin-bottom: 0.5em;
    margin-left: 0;
    margin-top: 0.5em;
    margin-right: -0;
    text-align: left; }
    @media only screen and (min-width: 48em) {
      .support-account-container .account-user {
        margin: 0;
        width: 35%;
        /*.oldie & {
				margin-right: -0.5em !important;
			}*/ }
        .support-account-container .account-user .welcome {
          margin-right: 1.5em; } }
  .support-account-container .account-actions {
    text-align: center; }
    @media only screen and (min-width: 48em) {
      .support-account-container .account-actions {
        text-align: right;
        width: 65%; } }
    @media only screen and (min-width: 60em) {
      .support-account-container .account-actions {
        text-align: right; } }
    .support-account-container .account-actions .action {
      display: inline-block;
      font-size: 0.8em;
      margin-left: 1.5em;
      width: auto; }
      @media only screen and (min-width: 48em) {
        .support-account-container .account-actions .action {
          margin-left: 0;
          text-align: right; } }
      .support-account-container .account-actions .action:before {
        content: ''; }
        @media only screen and (min-width: 48em) {
          .support-account-container .account-actions .action:before {
            text-align: right;
            content: '|';
            color: #cacaca;
            margin: 0 1.25em; } }
      .support-account-container .account-actions .action:first-child {
        margin-left: 0; }
        .support-account-container .account-actions .action:first-child:before {
          margin: 0;
          content: ''; }
    .support-account-container .account-actions .alerts {
      color: #fe5000; }
  .support-account-container .action-detail {
    text-align: left;
    vertical-align: middle; }
    .support-account-container .action-detail .action-label {
      color: #b1b1b1;
      font-size: 0.85em;
      font-weight: 800;
      margin-bottom: 0.35em;
      text-transform: uppercase; }
    .support-account-container .action-detail .action-value {
      font-weight: 600; }
    @media only screen and (min-width: 48em) {
      .support-account-container .action-detail {
        display: inline-block;
        margin-bottom: 2em;
        margin-right: 2em;
        margin-left: 0;
        margin-top: 2em; }
        .support-account-container .action-detail:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 60em) {
      .support-account-container .action-detail {
        margin-top: 1em;
        margin-bottom: 1em; } }
  .support-account-container .action-detail.support-id {
    display: inline-block;
    margin-bottom: 1.5em;
    width: 100%; }
    @media only screen and (min-width: 60em) {
      .support-account-container .action-detail.support-id {
        width: auto; } }
    .support-account-container .action-detail.support-id .decorator-select {
      display: inline-block;
      vertical-align: middle;
      width: 250px; }
  .support-account-container .action-detail-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
    width: 100%; }
    @media only screen and (min-width: 48em) {
      .support-account-container .action-detail-group {
        margin-right: 2em;
        width: auto; } }
    .support-account-container .action-detail-group .action-detail {
      display: block;
      margin-top: 1em; }
      @media only screen and (min-width: 48em) {
        .support-account-container .action-detail-group .action-detail {
          display: inline-block;
          margin-bottom: 1em;
          margin-top: 0; } }
      @media only screen and (min-width: 48em) {
        .support-account-container .action-detail-group .action-detail:last-child {
          clear: left; } }
      @media only screen and (min-width: 60em) {
        .support-account-container .action-detail-group .action-detail:last-child {
          clear: none; } }
    .support-account-container .action-detail-group .action-value {
      line-height: 18px; }
      @media only screen and (min-width: 60em) {
        .support-account-container .action-detail-group .action-value {
          line-height: 48px; } }

.support-search {
  text-align: center; }
  .support-search.support-section-container {
    padding-top: 1em; }
  .support-search .support-search-top {
    display: inline-block;
    padding: 1em 0;
    text-align: center;
    width: 100%; }
    @media only screen and (min-width: 60em) {
      .support-search .support-search-top {
        padding: 1.25em 0; } }
  .support-search .support-search-header {
    display: inline-block;
    margin-bottom: 0.75em;
    margin-top: 0;
    margin-left: 0;
    margin-right: 3%;
    vertical-align: middle; }
    @media only screen and (min-width: 60em) {
      .support-search .support-search-header {
        margin-bottom: 0.25em;
        vertical-align: middle; } }
  .support-search fieldset {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    width: 75%; }
    @media only screen and (min-width: 60em) {
      .support-search fieldset {
        width: 40%; } }
  .support-search .contextual-tooltip {
    left: -5px;
    top: -15px; }
  .support-search .support-search-tips {
    margin-top: 0.8em;
    text-align: right; }
    .support-search .support-search-tips .search-tips-example {
      color: #929292;
      margin-right: 1.5em; }
    .support-search .support-search-tips .search-tips-other {
      font-weight: 600; }
  .support-search .logged-out-options {
    font-size: 1.25em; }
    .support-search .logged-out-options .btn-login {
      display: inline-block;
      margin-left: 1.25em; }
  .support-search .support-search-areas {
    padding-top: 0; }
    .support-search .support-search-areas h3 {
      color: #29a5d6;
      text-shadow: none; }
      .support-search .support-search-areas h3:after {
        content: '\00a0\00a0\203A';
        display: inline; }
    .support-search .support-search-areas p {
      color: #555557; }
    @media only screen and (min-width: 76.25em) {
      .support-search .support-search-areas {
        padding-left: 3em;
        padding-right: 3em; } }
    .support-search .support-search-areas .icon-point-list-item:hover h3 {
      color: #046e96; }
  .support-search .support-search-drawer-toggle {
    background-color: #eee;
    padding: 1em;
    text-align: center; }

.support-promo {
  padding: 0 !important;
  text-align: center; }
  .support-promo img {
    width: 100%; }
  .support-promo .narrow-promo-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media only screen and (min-width: 60em) {
      .support-promo .narrow-promo-container {
        display: none; } }
  .support-promo .wide-promo-container {
    display: none; }
    @media only screen and (min-width: 60em) {
      .support-promo .wide-promo-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }

.support-getting-started {
  padding: 2em 0 !important; }
  .support-getting-started h2 {
    margin-bottom: 1em; }
  .support-getting-started .support-getting-started-topics {
    padding-left: 0 !important;
    box-sizing: border-box;
    padding-bottom: 3em;
    padding-top: 0;
    position: relative; }
    .support-getting-started .support-getting-started-topics ul {
      list-style: none;
      margin: 0;
      padding: 0; }
    .support-getting-started .support-getting-started-topics li {
      margin-bottom: 2.5em; }
      .support-getting-started .support-getting-started-topics li p {
        margin-bottom: 1em; }
  .support-getting-started .support-getting-started-topics.carousel li {
    margin-bottom: 0; }
  .support-getting-started .support-getting-started-topics.carousel .owl-dots {
    text-align: center; }
    .support-getting-started .support-getting-started-topics.carousel .owl-dots .owl-dot {
      border: 1px solid black;
      border-radius: 50%;
      display: inline-block;
      height: 10px;
      width: 10px;
      margin-left: 5px; }
      .support-getting-started .support-getting-started-topics.carousel .owl-dots .owl-dot:first-child {
        margin-left: 0; }
      .support-getting-started .support-getting-started-topics.carousel .owl-dots .owl-dot.active {
        background-color: #000; }

.support-recent-issues .support-recent-issues-header {
  display: inline-block;
  margin-top: 0;
  margin-right: 1.5em;
  margin-left: 0;
  margin-bottom: 1em;
  vertical-align: middle; }

.support-recent-issues .support-recent-issues-buttons {
  display: inline-block;
  margin-bottom: 1.5em;
  vertical-align: middle;
  white-space: nowrap; }

.support-recent-issues .support-recent-issues-new {
  margin-bottom: 0;
  margin-left: 0;
  margin-top: 0;
  vertical-align: middle; }

.support-recent-issues .table-wrapper {
  max-height: 16em;
  overflow: scroll;
  /*.ie8 & {
			max-height: none;
			overflow: visible;
		}*/ }

.support-recent-issues .support-recent-issues-actions {
  margin-top: 1em; }

.support-recent-issues td, .support-recent-issues th {
  text-align: left; }

.support-recent-issues tr.hidden {
  display: none; }

.support-recent-issues th:nth-of-type(1),
.support-recent-issues td:nth-of-type(1),
.support-recent-issues th:nth-of-type(4),
.support-recent-issues td:nth-of-type(4),
.support-recent-issues th:nth-of-type(5),
.support-recent-issues td:nth-of-type(5),
.support-recent-issues th:nth-of-type(6),
.support-recent-issues td:nth-of-type(6) {
  width: 10%; }

.support-recent-issues th:nth-of-type(2),
.support-recent-issues td:nth-of-type(2),
.support-recent-issues th:nth-of-type(3),
.support-recent-issues td:nth-of-type(3) {
  width: 25%; }

.account-error {
  text-align: center;
  line-height: 1.25em; }

.support-no-issues {
  text-align: center; }
  .support-no-issues .btn {
    display: block;
    margin-left: 0;
    margin-top: 1em; }
    @media only screen and (min-width: 30em) {
      .support-no-issues .btn {
        display: inline-block;
        margin-left: 2em; } }
  .support-no-issues p {
    display: inline-block; }
    .support-no-issues p:last-of-type {
      margin-bottom: 0; }
  .support-no-issues a {
    margin-bottom: 0;
    margin-left: 3em;
    margin-right: 0;
    margin-top: 0; }
    .support-no-issues a:first-of-type {
      margin-left: 0; }
  .support-logged-out .support-no-issues {
    display: none; }

.support-recent-issues-actions {
  text-align: right;
  padding-bottom: 2em 0; }

.support-news .news-content {
  margin-left: 0;
  margin-right: 0;
  min-width: 0;
  width: 100%;
  margin: 0 auto;
  max-width: 1440px;
  padding: 1em;
  padding: 0; }

.support-news .news-entries {
  margin-top: 2em;
  padding: 0; }
  @media only screen and (min-width: 48em) {
    .support-news .news-entries {
      box-sizing: border-box;
      float: left;
      margin: 0;
      min-height: 1px;
      width: 100%;
      padding: 1em;
      margin-top: 0;
      width: 66.2%;
      margin-left: 1.11111%; }
      .support-news .news-entries:first-child {
        margin-left: 0; } }

.support-news .news-sidebar {
  background-color: #f1f1f1;
  margin-top: 2em;
  padding-bottom: 3em;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 2em; }
  @media only screen and (min-width: 48em) {
    .support-news .news-sidebar {
      margin-left: 8.3%;
      box-sizing: border-box;
      float: left;
      margin: 0;
      min-height: 1px;
      width: 100%;
      padding: 1em;
      margin-top: 0;
      width: 24.1%;
      margin-left: 1.11111%; }
      .support-news .news-sidebar:first-child {
        margin-left: 0; } }
  .support-news .news-sidebar section:first-child {
    border-top: 0;
    margin-top: 0;
    padding-top: 0; }

.support-news .view-all {
  text-align: left; }
  .support-news .view-all a:after {
    content: '\00a0\00a0›';
    display: inline; }

@media only screen and (min-width: 60em) {
  .support-news .two-up:first-child {
    border-right: 1px solid #cacaca; }
    .support-news .two-up:first-child ul {
      padding-right: 1.25em; } }

.support-news ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.page-support-news .date {
  width: 50px; }

.support-message-box {
  background-color: #FFF;
  margin-top: 0em; }
  .support-message-box p {
    border: medium solid #F00;
    margin-top: 2em !important;
    margin: 2em;
    padding: 1em;
    display: inline-block; }

.support-menu-wrapper {
  position: relative; }

.support-menu {
  background-color: #fff;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  z-index: 20; }
  .support-menu ul, .support-menu li {
    list-style: none;
    margin: 0;
    padding: 0; }
  .support-menu.desktop {
    height: 1.5em;
    margin-bottom: 1em; }
  .support-menu.mobile {
    background-color: #333333;
    width: 100%;
    height: auto; }

.support-menu.desktop .menu-item {
  display: inline-block;
  padding-left: 2em;
  vertical-align: top;
  line-height: 1.5em; }
  .support-menu.desktop .menu-item:first-child {
    padding-left: 0; }
  .support-menu.desktop .menu-item a {
    font-weight: 400;
    color: #333333;
    outline: 0; }
  .support-menu.desktop .menu-item a:hover {
    color: #fe5000; }

.support-menu.mobile .menu-item {
  padding: 0.5em 0;
  width: 100%; }
  .support-menu.mobile .menu-item a {
    color: #fff;
    font-size: 1.5em;
    font-weight: 600;
    outline: 0; }

.sub-menu {
  display: block;
  position: absolute;
  visibility: hidden;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  .sub-menu.expanded {
    visibility: visible; }

.support-menu.desktop .sub-menu {
  background-color: #f5f5f5;
  border-top: 3px solid #fe5000;
  opacity: 0;
  overflow: hidden;
  padding-bottom: 0.75em;
  padding-top: 0.5em;
  top: 2.5em;
  z-index: 15; }
  .support-menu.desktop .sub-menu.expanded {
    opacity: 1;
    color: #fe5000; }

.support-menu.mobile .sub-menu {
  position: static;
  max-height: 0;
  opacity: 1;
  overflow: hidden;
  visibility: visible;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  .support-menu.mobile .sub-menu.expanded {
    max-height: 1000px;
    margin-top: 1em; }

.support-menu.desktop .sub-menu-item {
  font-size: 0.9em;
  padding: 0.65em 1.25em;
  line-height: normal;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  .support-menu.desktop .sub-menu-item:first-child {
    margin-top: -2em; }

.support-menu.desktop .sub-menu.expanded .sub-menu-item {
  margin-top: 0; }

.support-menu.mobile .sub-menu-item {
  padding: 0.5em 1em;
  font-size: 0.85em; }
  .support-menu.mobile .sub-menu-item a, .support-menu.mobile .sub-menu-item a:hover {
    color: #cacaca; }

.support-menu.mobile .sub-menu-item:last-child,
.support-menu.mobile .menu-item:last-child {
  padding-bottom: 0; }

.support-header {
  background-color: #fff;
  box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.15);
  overflow: hidden;
  position: relative;
  transition: max-height 0.75s ease-in-out;
  -webkit-transition: max-height 0.75s ease-in-out;
  -moz-transition: max-height 0.75s ease-in-out;
  -o-transition: max-height 0.75s ease-in-out;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.15);
  -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.15); }
  @media only screen and (min-width: 60em) {
    .support-header {
      padding-top: 0;
      padding-bottom: 0;
      overflow: visible; } }
  .support-header.expanded {
    background-color: #333333;
    padding-bottom: 1em; }

.desktop-global-bar-container .global-options,
.mobile-global-bar-container .global-options {
  list-style: none;
  padding: 0;
  margin: 0; }

.desktop-global-bar-container .global-option,
.mobile-global-bar-container .global-option {
  margin: 0; }
  .desktop-global-bar-container .global-option .log-out,
  .mobile-global-bar-container .global-option .log-out {
    color: #fe5000; }
    .desktop-global-bar-container .global-option .log-out:hover, .desktop-global-bar-container .global-option .log-out:active,
    .mobile-global-bar-container .global-option .log-out:hover,
    .mobile-global-bar-container .global-option .log-out:active {
      color: #cb4000; }

.desktop-global-bar-container {
  display: none;
  color: #fff;
  text-align: right; }
  @media only screen and (min-width: 60em) {
    .desktop-global-bar-container {
      display: block; } }
  .desktop-global-bar-container .global-options {
    height: 34px;
    padding: 0.45em 0;
    line-height: 34px; }
    @media only screen and (min-width: 60em) {
      .desktop-global-bar-container .global-options {
        position: relative;
        margin-bottom: -3em;
        z-index: 3; } }
  .desktop-global-bar-container .global-option {
    display: inline-block;
    font-size: 0.8em;
    font-weight: 700; }
    .desktop-global-bar-container .global-option:before {
      content: '|';
      color: #6c6c6c;
      display: inline-block;
      margin: 0 1.25em; }
    .desktop-global-bar-container .global-option:first-child:before {
      display: none; }
    .desktop-global-bar-container .global-option.navigation-search {
      margin-left: 1em; }
      .desktop-global-bar-container .global-option.navigation-search:before {
        content: "" !important; }

.mobile-global-bar-container {
  visibility: hidden;
  display: block;
  padding-top: 0.5em; }
  .support-header.expanded .mobile-global-bar-container {
    visibility: visible; }
  @media only screen and (min-width: 60em) {
    .mobile-global-bar-container {
      visibility: visible; } }
  .mobile-global-bar-container:first-child {
    padding-top: 0; }
  .mobile-global-bar-container .global-bar {
    border-top: 1px dashed #f1f1f1;
    padding-top: 1.25em;
    margin-top: 1.25em; }
  .mobile-global-bar-container .global-option {
    font-size: 1.25em;
    font-weight: 600;
    margin-top: 1em; }
    .mobile-global-bar-container .global-option:first-child {
      margin-top: 0; }
  .mobile-global-bar-container a, .mobile-global-bar-container a:hover {
    color: #cacaca; }
  @media only screen and (min-width: 60em) {
    .mobile-global-bar-container {
      display: none; } }

.logo-bar-container .mobile-logo-bar {
  position: relative; }

.logo-bar-container .mobile-logo-bar-wrapper {
  margin: 0 -0.5em;
  padding: 1em 0; }
  @media only screen and (min-width: 60em) {
    .logo-bar-container .mobile-logo-bar-wrapper {
      padding: 2em 0 1em; } }
  .support-header.expanded .logo-bar-container .mobile-logo-bar-wrapper {
    border-bottom: 1px dashed #f1f1f1;
    margin-bottom: 1.25em;
    padding-bottom: 1.25em; }
    @media only screen and (min-width: 60em) {
      .support-header.expanded .logo-bar-container .mobile-logo-bar-wrapper {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0; } }

@media only screen and (min-width: 60em) {
  .logo-bar-container {
    background: #fff;
    margin: 0; } }

.support-menu-container {
  visibility: hidden; }
  .support-header.expanded .support-menu-container {
    visibility: visible; }
  @media only screen and (min-width: 60em) {
    .support-menu-container {
      visibility: visible; } }
  @media only screen and (min-width: 60em) {
    .support-menu-container {
      background: #fff; } }

.support-header-logo,
.support-header-heading,
.support-menu-toggle {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box; }

.support-header-heading,
.support-menu-toggle {
  margin-left: -0.15em; }

.support-header-logo {
  background-image: url("head/bmc-support-mobile-icon-orange.png");
  background-repeat: no-repeat;
  background-position: left center;
  height: 55px;
  vertical-align: middle;
  width: 12%; }
  @media only screen and (min-width: 48em) {
    .support-header-logo {
      background-image: url("head/bmc_logo_header.svg");
      float: none;
      background-size: 100% auto;
      background-repeat: no-repeat; }
      .no-svg .support-header-logo {
        background-image: url("head/bmc_logo_header.png"); } }
  @media only screen and (min-width: 60em) {
    .support-header-logo {
      position: relative;
      width: 115px;
      z-index: 10; } }
  .support-header.expanded .support-header-logo {
    background-image: url("head/bmc-support-mobile-icon-white.png"); }
    @media only screen and (min-width: 48em) {
      .support-header.expanded .support-header-logo {
        background-image: url("head/bmc-logo-white-on-grey.png");
        background-position-x: -5px; } }

.support-header-heading {
  box-sizing: border-box;
  font-size: .7em;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
  width: 33%; }
  @media only screen and (min-width: 30em) {
    .support-header-heading {
      font-size: 1em; } }
  @media only screen and (min-width: 48em) {
    .support-header-heading {
      border-left: 1px solid #cacaca;
      font-size: 1.25em;
      padding: 0 23px;
      position: relative;
      text-align: left;
      top: 0.15em; } }
  @media only screen and (min-width: 60em) {
    .support-header-heading {
      width: auto; } }
  .support-header-heading a {
    color: #6c6c6c;
    -webkit-transition: none;
    transition: none; }
    .support-header-heading a:hover, .support-header-heading a:active {
      color: #393939; }
    .support-header-heading a.heading-emphasis {
      color: #fe5000; }
      .support-header-heading a.heading-emphasis:hover, .support-header-heading a.heading-emphasis:active {
        color: #cb4000; }
  .support-header.expanded .support-header-heading {
    color: seashell; }
  .support-header-heading .heading-text {
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    vertical-align: middle; }
    @media only screen and (min-width: 48em) {
      .support-header-heading .heading-text {
        text-align: left;
        padding-left: 0;
        padding-right: 0;
        width: auto; }
        .support-header-heading .heading-text:before {
          content: ''; } }

.support-menu-toggle {
  text-align: right;
  height: 45px;
  width: 20%;
  cursor: pointer;
  background-image: url("head/bmc-support-mobile-hamburger.png");
  background-position: right center;
  background-repeat: no-repeat;
  content: "";
  font-size: 2.5em;
  vertical-align: middle;
  text-align: center;
  float: right; }
  .support-header.expanded .support-menu-toggle {
    background-image: url("head/bmc-support-mobile-close.png"); }
  @media only screen and (min-width: 60em) {
    .support-menu-toggle {
      display: none; } }

.ticker {
  border-bottom: 1px solid #cacaca;
  cursor: default;
  margin-bottom: 20px;
  overflow: hidden;
  text-align: center; }
  .ticker > * {
    display: inline-block;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle; }
  .ticker li {
    color: #29a5d6;
    display: none;
    list-style: none;
    margin-left: 20px;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px; }

.truesight-banner {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  overflow: hidden;
  padding: 32px 16px !important;
  text-align: center; }
  @media only screen and (min-width: 60em) {
    .truesight-banner {
      background-size: auto;
      max-height: 338px; } }
  .truesight-banner h1, .truesight-banner h2 {
    color: #fff; }
  .truesight-banner h1 {
    margin-top: .33em; }
  .truesight-banner h2 {
    font-weight: normal;
    margin: 0.66667em 0; }
  .truesight-banner .truesight-breadcrumbs {
    display: none;
    text-align: left; }
    @media only screen and (min-width: 48em) {
      .truesight-banner .truesight-breadcrumbs {
        display: block; } }

.truesight-topcontent {
  background-color: #f1f1f1;
  padding-bottom: 0;
  position: relative; }
  .truesight-topcontent > .layout-inner-wrap {
    max-width: 63.88889em; }
  .truesight-topcontent .truesight-tagline {
    font-size: 30px;
    font-size: 1.66667rem;
    margin-top: .5em;
    text-align: center; }
  @media only screen and (min-width: 48em) {
    .truesight-topcontent .truesight-report {
      position: relative; } }
  .truesight-topcontent .truesight-report img {
    display: none; }
    @media only screen and (min-width: 48em) {
      .truesight-topcontent .truesight-report img {
        bottom: 0;
        display: block;
        left: 0;
        max-width: 169px;
        position: absolute; } }
  .truesight-topcontent .truesight-report h5 {
    color: #fe5000;
    font-size: 18px;
    font-size: 1rem; }
  .truesight-topcontent .truesight-report .truesight-report-text {
    box-sizing: border-box;
    min-height: 92px;
    padding-bottom: 1em;
    text-align: center; }
    @media only screen and (min-width: 48em) {
      .truesight-topcontent .truesight-report .truesight-report-text {
        padding: 0 0 .5em 200px;
        text-align: left; } }
    .truesight-topcontent .truesight-report .truesight-report-text p {
      margin-bottom: .25em; }
    .truesight-topcontent .truesight-report .truesight-report-text h5 {
      margin-bottom: 0; }
    .truesight-topcontent .truesight-report .truesight-report-text a {
      font-weight: bold; }

.truesight-summary-list {
  list-style: none;
  margin: 0;
  padding: 0; }
  @media only screen and (min-width: 60em) {
    .truesight-summary-list {
      font-size: 18px;
      font-size: 1rem; } }
  .truesight-summary-list li {
    background: url("head/bg-truesight-summary-li.png") left 6px no-repeat;
    padding-left: 24px; }
    .truesight-personna .truesight-summary-list li {
      padding-left: 1.94444em;
      margin-bottom: .5em; }
  .truesight-personna .truesight-summary-list {
    margin: .75em 0 1.5em .33em; }

.truesight-resource-downloads {
  list-style: none;
  margin: 0;
  padding: 0; }
  @media only screen and (min-width: 60em) {
    .truesight-resource-downloads {
      font-size: 18px;
      font-size: 1rem;
      margin: 1.5em 0 0; } }
  .truesight-resource-downloads a {
    background: url("head/bg-true-sight-resource-downloads-li.png") left 6px no-repeat;
    display: inline-block;
    font-weight: bold;
    height: 34px;
    padding-left: 40px; }
    .truesight-resource-downloads a.icon-document {
      background-position: -2px -4px; }
    .truesight-resource-downloads a.icon-documents {
      background-position: 0 -108px; }

.truesight-carousel-aside {
  padding-top: 3.05556em; }

.truesight-carousel-wrap {
  text-align: center; }

.truesight-carousel {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%; }
  .truesight-carousel > li {
    height: 0;
    list-style: none;
    margin: 0;
    opacity: .5;
    padding: 0;
    position: relative;
    right: -1000%;
    -webkit-transition: 1s opacity ease;
    transition: 1s opacity ease; }
    .truesight-carousel > li.active {
      height: auto;
      opacity: 1;
      right: 0; }

.truesight-carousel-control {
  clear: both;
  display: inline-block;
  margin: 0 auto;
  padding: 0; }
  .truesight-carousel-control > li {
    display: inline-table;
    list-style: none; }
    .truesight-carousel-control > li + li {
      margin-left: 1em; }
    .truesight-carousel-control > li a {
      background-color: #a7a9ac;
      border-radius: 50%;
      display: inline-block;
      height: 18px;
      outline: none;
      overflow: hidden;
      text-indent: -99em;
      -webkit-transition: 1s ease;
      transition: 1s ease;
      width: 18px; }
      .truesight-carousel-control > li a.active {
        background-color: #fe5000; }
      .truesight-carousel-control > li a:hover {
        background-color: #fe5000;
        opacity: .8; }

.truesight-wrapper.layout-full-bleed {
  padding-top: 0; }

.truesight-cta-wrapper {
  background-color: #414042;
  color: #fff;
  padding: 0; }
  @media only screen and (min-width: 60em) {
    .truesight-cta-wrapper .truesight-cta {
      font-size: 18px;
      font-size: 1rem; } }
  .truesight-cta-wrapper .two-up {
    margin: 0;
    padding: 32px;
    text-align: center; }
    @media only screen and (min-width: 60em) {
      .truesight-cta-wrapper .two-up {
        border-right: 1px solid #5b5c5c;
        padding-left: 0;
        text-align: left; } }
    .truesight-cta-wrapper .two-up + .two-up {
      border-top: 1px solid #cacaca; }
      @media only screen and (min-width: 60em) {
        .truesight-cta-wrapper .two-up + .two-up {
          border: none;
          padding-left: 32px; } }
  @media only screen and (min-width: 60em) {
    .truesight-cta-wrapper p {
      font-size: 30px;
      font-size: 1.66667rem;
      margin-bottom: .25em; } }
  .truesight-cta-wrapper p br {
    display: none; }
    @media only screen and (min-width: 60em) {
      .truesight-cta-wrapper p br {
        display: block; } }

.truesight-tabs-wrapper {
  background-color: #5b5c5c;
  padding: 1em 0px 0px 0px;
  position: relative;
  width: 100%; }
  .truesight-tabs-wrapper h2 {
    color: #fff;
    margin: 2em 0;
    text-align: center; }
  .truesight-tabs-wrapper .truesight-tabs-control {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden; }
    .truesight-tabs-wrapper .truesight-tabs-control li {
      background-color: #5b5c5c;
      border-left: 1px solid #f1f1f1;
      box-sizing: border-box;
      display: block;
      float: left;
      font-size: 13px;
      font-size: 0.72222rem;
      margin: 0;
      padding: 0;
      width: 33.3%; }
      @media only screen and (min-width: 48em) {
        .truesight-tabs-wrapper .truesight-tabs-control li {
          font-size: 18px;
          font-size: 1rem; } }
      @media only screen and (min-width: 60em) {
        .truesight-tabs-wrapper .truesight-tabs-control li {
          font-size: 20px;
          font-size: 1.11111rem; } }
      .truesight-tabs-wrapper .truesight-tabs-control li.active {
        background-color: #f1f1f1; }
        .truesight-tabs-wrapper .truesight-tabs-control li.active a {
          color: #5b5c5c;
          -webkit-transition: none;
          transition: none; }
      .truesight-tabs-wrapper .truesight-tabs-control li:first-child {
        border-color: transparent; }
    .truesight-tabs-wrapper .truesight-tabs-control a {
      color: #fff;
      display: block;
      font-weight: bold;
      outline: none;
      padding: 1em 0;
      text-align: center;
      width: 100%; }
      .truesight-tabs-wrapper .truesight-tabs-control a span {
        display: none; }
        @media only screen and (min-width: 60em) {
          .truesight-tabs-wrapper .truesight-tabs-control a span {
            display: inline; } }
  .truesight-tabs-wrapper .truesight-tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative; }
    .truesight-tabs-wrapper .truesight-tabs .truesight-personna {
      text-align: center; }
      .truesight-tabs-wrapper .truesight-tabs .truesight-personna .truesight-personna-cta {
        background: url("head/bg-true-sight-resource-downloads-li.png") left top no-repeat;
        margin-bottom: 1em;
        min-height: 38px;
        padding-left: 40px; }
        .truesight-tabs-wrapper .truesight-tabs .truesight-personna .truesight-personna-cta strong {
          display: block; }
      @media only screen and (min-width: 60em) {
        .truesight-tabs-wrapper .truesight-tabs .truesight-personna figure {
          margin-bottom: 0;
          min-height: 509px;
          overflow: hidden;
          position: relative; } }
      @media only screen and (min-width: 60em) {
        .truesight-tabs-wrapper .truesight-tabs .truesight-personna figure img, .truesight-tabs-wrapper .truesight-tabs .truesight-personna figure figcaption {
          float: left; } }
      .truesight-tabs-wrapper .truesight-tabs .truesight-personna figure figcaption {
        box-sizing: border-box;
        margin: 0 0 2em;
        padding-left: 0;
        text-align: left; }
        @media only screen and (min-width: 60em) {
          .truesight-tabs-wrapper .truesight-tabs .truesight-personna figure figcaption {
            padding: 0 0 3.11111em 430px;
            margin-bottom: 0; } }
      .truesight-tabs-wrapper .truesight-tabs .truesight-personna figure img {
        display: none;
        margin: 0; }
        @media only screen and (min-width: 60em) {
          .truesight-tabs-wrapper .truesight-tabs .truesight-personna figure img {
            bottom: 0;
            display: block;
            left: 2.5em;
            position: absolute;
            width: 370px; } }
    .truesight-tabs-wrapper .truesight-tabs h2 {
      color: #414042;
      font-weight: normal;
      margin: 0 0 1em 0;
      text-align: left; }
    .truesight-tabs-wrapper .truesight-tabs > li {
      margin: 0;
      padding: 0; }
      .truesight-tabs-wrapper .truesight-tabs > li.active {
        background-color: #f1f1f1; }
        .truesight-tabs-wrapper .truesight-tabs > li.active .tab-content {
          opacity: 1;
          height: auto;
          padding-top: 3em; }
      .truesight-tabs-wrapper .truesight-tabs > li .tab-content {
        max-width: 1440px;
        opacity: 0;
        height: 0;
        overflow: hidden;
        -webkit-transition: .25s ease opacity;
        transition: .25s ease opacity; }

.truesight-blockquote {
  background-color: #57aa9b;
  color: #fff;
  font-size: 24px;
  font-size: 1.33333rem;
  padding: 1.75em 0;
  text-align: center; }
  @media only screen and (min-width: 60em) {
    .truesight-blockquote {
      font-size: 30px;
      font-size: 1.66667rem; } }
  .truesight-blockquote .layout-inner-wrap {
    max-width: 1150px; }
  .truesight-blockquote cite {
    display: block;
    font-weight: bold;
    margin-top: .75em; }

.truesight-resources {
  background-color: #f1f1f1;
  padding: 2em 0; }
  .truesight-resources h2.resources-header {
    color: #414042;
    text-align: center; }
    @media only screen and (min-width: 60em) {
      .truesight-resources h2.resources-header {
        margin-bottom: 1.5em; } }
  .truesight-resources .three-up {
    box-sizing: border-box;
    padding-top: 1em !important;
    text-align: center; }
    @media only screen and (min-width: 60em) {
      .truesight-resources .three-up {
        padding: 0 2em; } }
    .truesight-resources .three-up + .three-up {
      border-top: 1px solid #cacaca; }
      @media only screen and (min-width: 60em) {
        .truesight-resources .three-up + .three-up {
          border-left: 1px solid #cacaca;
          border-top: none; } }
    .truesight-resources .three-up h2 {
      color: #414042;
      font-weight: normal;
      margin-bottom: 1.5em; }
      @media only screen and (min-width: 76.25em) {
        .truesight-resources .three-up h2 {
          font-size: 30px;
          font-size: 1.66667rem; } }
    .truesight-resources .three-up h5 {
      font-size: 18px;
      font-size: 1rem;
      margin: 1.5em 0 .33em;
      text-align: left; }
    .truesight-resources .three-up ul {
      list-style: none;
      margin: 0;
      padding: 0;
      text-align: left; }
      .truesight-resources .three-up ul li {
        margin-bottom: .33em; }
  .truesight-resources .three-up.nth-child-np4 {
    margin-top: 0; }

.svg .truesight-icon-read,
.svg .truesight-icon-watch,
.svg .truesight-icon-explore {
  position: relative; }
  .svg .truesight-icon-read:before,
  .svg .truesight-icon-watch:before,
  .svg .truesight-icon-explore:before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: inline-block;
    height: 45px;
    padding-right: 10px;
    position: relative;
    top: 10px; }

.svg .truesight-icon-read:before {
  background-image: url("head/icon-read.svg");
  width: 60px; }

.svg .truesight-icon-watch:before {
  background-image: url("head/icon-watch.svg");
  height: 37px;
  width: 62px; }
  @media only screen and (min-width: 76.25em) {
    .svg .truesight-icon-watch:before {
      height: 47px;
      width: 97px; } }

.svg .truesight-icon-explore:before {
  background-image: url("head/icon-explore.svg");
  height: 50px;
  width: 60px; }

.truesight-breadcrumb {
  color: #fff;
  font-weight: bold; }

.truesight-CTA-simple {
  background-color: #5b5c5c;
  color: #fff;
  margin-bottom: -1.6667em;
  text-align: center; }
  @media only screen and (min-width: 48em) {
    .truesight-CTA-simple {
      margin-bottom: -3.3333em; } }
  @media only screen and (min-width: 60em) {
    .truesight-CTA-simple {
      padding: 2em 0; } }
  .truesight-CTA-simple h2 {
    color: #fff; }
  .truesight-CTA-simple .bg-green {
    background-color: #36ba2f;
    border-color: #36ba2f; }
    .truesight-CTA-simple .bg-green:hover, .truesight-CTA-simple .bg-green:active {
      background-color: #2a9125;
      border-color: #2a9125; }

.cust-links {
  color: #29a5d6;
  font-weight: 600; }

.full-bleed-page-banner {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  color: #fff;
  overflow: hidden;
  padding: 32px 0 !important;
  text-align: center;
  max-height: 1200px;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background-color: #000; }
  @media only screen and (min-width: 60em) {
    .full-bleed-page-banner {
      background-size: auto;
      max-height: 1200px;
      padding: 0 !important; }
      .full-bleed-page-banner .wallpaper-media {
        background-size: auto !important;
        background-repeat: no-repeat; } }
  .full-bleed-page-banner h1, .full-bleed-page-banner h2 {
    color: #fff; }
  .full-bleed-page-banner h1 {
    margin-top: 1em; }
    @media only screen and (min-width: 48em) {
      .full-bleed-page-banner h1 {
        margin-top: .33em; } }
  .full-bleed-page-banner h2 {
    font-weight: normal;
    margin: 0.66667em 0; }
  .full-bleed-page-banner .breadcrumbs {
    display: none;
    text-align: left; }
    @media only screen and (min-width: 48em) {
      .full-bleed-page-banner .breadcrumbs {
        display: block; } }

.header-style-1 h1 {
  color: #fe5000; }

@media only screen and (min-width: 60em) {
  .header-style-1 .wallpaper-media {
    background-size: cover !important; } }

.header-style-1 .bgalpha70 {
  background: rgba(245, 245, 245, 0);
  /*For browsers that do not support gradients*/
  background: -webkit-radial-gradient(white, white, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  /* Safari 5.1 to 6.0 */
  /* For Opera 11.6 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: radial-gradient(white, white, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  /* Standard syntax (must be last) */ }

.header-style-1 p {
  color: #414042;
  font-size: 1rem; }
  @media only screen and (min-width: 48em) {
    .header-style-1 p {
      font-size: 1.2rem;
      margin-right: 2rem;
      margin-left: 2rem; } }
  @media only screen and (min-width: 60em) {
    .header-style-1 p {
      font-size: 1.5rem;
      margin-right: 4rem;
      margin-left: 4rem; } }

.topcontent {
  background-color: #f1f1f1;
  padding-bottom: 0;
  padding-top: 1.5em;
  position: relative; }
  .topcontent.no-top-padding {
    padding-top: 0; }
  .topcontent > .layout-inner-wrap {
    max-width: 63.88889em; }
    .topcontent > .layout-inner-wrap.full-width {
      max-width: 1440px; }
  .topcontent .tagline {
    font-size: 30px;
    font-size: 1.66667rem;
    margin-top: .5em;
    text-align: center; }
  @media only screen and (min-width: 48em) {
    .topcontent .report {
      position: relative; } }
  .topcontent .report img {
    display: none; }
    @media only screen and (min-width: 48em) {
      .topcontent .report img {
        bottom: 0;
        display: block;
        max-width: 169px;
        width: 196px;
        position: absolute; } }
  .topcontent .report h5 {
    color: #fe5000;
    font-size: 18px;
    font-size: 1rem;
    text-align: center; }
    @media only screen and (min-width: 48em) {
      .topcontent .report h5 {
        text-align: left; } }
  .topcontent .report .report-text {
    box-sizing: border-box;
    min-height: 92px;
    padding-bottom: 1em;
    text-align: center; }
    @media only screen and (min-width: 48em) {
      .topcontent .report .report-text {
        padding: 0 0 0 200px;
        text-align: left; } }
    .topcontent .report .report-text p {
      margin-bottom: .25em; }
    .topcontent .report .report-text h5 {
      margin-bottom: 0; }
    .topcontent .report .report-text a {
      font-weight: bold; }
  .topcontent .report.img-left {
    padding-top: 1em; }
    @media only screen and (min-width: 48em) {
      .topcontent .report.img-left img {
        left: 0; } }
    @media only screen and (min-width: 48em) {
      .topcontent .report.img-left .report-text {
        padding: 0 0 .5em 200px; } }
  .topcontent .report.img-right {
    padding-top: 1em; }
    @media only screen and (min-width: 48em) {
      .topcontent .report.img-right img {
        right: 0; } }
    @media only screen and (min-width: 48em) {
      .topcontent .report.img-right .report-text {
        padding: 0 200px .5em 0; } }
  .topcontent .report.img-top-bottom {
    padding-top: 1em; }
    .topcontent .report.img-top-bottom > a {
      display: block;
      position: relative;
      text-align: center; }
      @media only screen and (min-width: 48em) {
        .topcontent .report.img-top-bottom > a {
          padding-top: 100px;
          width: 16%;
          margin: 0 42%; } }
    @media only screen and (min-width: 48em) {
      .topcontent .report.img-top-bottom img {
        padding-bottom: .5em; } }
    @media only screen and (min-width: 48em) {
      .topcontent .report.img-top-bottom .report-text {
        padding: 0 0px .5em 0;
        text-align: center; } }

.key-features h2 {
  color: #414042;
  font-weight: normal;
  margin: 0 0 1em 0;
  text-align: left;
  line-height: 1.45em;
  font-size: 1.66667rem; }

.carousel-aside {
  padding-top: 4em;
  padding-bottom: 3em;
  background: #fff; }
  .carousel-aside h2 {
    color: #414042;
    font-weight: normal;
    margin: 0 0 1em 0;
    text-align: left;
    line-height: 1.45em;
    font-size: 1.66667rem; }
  .carousel-aside figcaption {
    font-weight: 600; }

.carousel-wrap {
  text-align: center; }

.resource-video {
  background: url("head/bg-resource-downloads-li-video.png") left top no-repeat;
  margin-bottom: 1em;
  min-height: 38px;
  padding-left: 40px; }
  .resource-video strong {
    display: block; }
  .resource-video ul {
    margin-top: .3em; }

.resource-download {
  margin-bottom: 1em;
  min-height: 38px; }
  .resource-download strong {
    display: block; }
  .resource-download ul {
    margin-top: .3em; }
  .resource-download li {
    padding-left: 40px; }
  .resource-download .icon-document {
    background: url("head/bg-resource-downloads-li.png") left top no-repeat;
    background-position: -2px -4px;
    width: 38px;
    height: 38px;
    float: left; }
  .resource-download .icon-documents {
    background: url("head/bg-resource-downloads-li.png") left top no-repeat;
    background-position: 0 -108px;
    width: 38px;
    height: 38px;
    float: left; }

.orange-tick-bullets {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 2em; }
  @media only screen and (min-width: 60em) {
    .orange-tick-bullets {
      font-size: 18px;
      font-size: 1rem; } }
  .orange-tick-bullets li {
    background: url("head/bg-summary-li.png") left 4px no-repeat;
    padding-left: 1.94444em; }
    .personna .orange-tick-bullets li {
      padding-left: 1.94444em;
      margin-bottom: .5em; }
  .personna .orange-tick-bullets {
    margin: .75em 0 1.5em .33em; }

.resource-downloads {
  list-style: none;
  margin: 0;
  padding: 0; }
  @media only screen and (min-width: 60em) {
    .resource-downloads {
      font-size: 18px;
      font-size: 1rem;
      margin: 1.5em 0 0; } }
  .resource-downloads a {
    background: url("head/bg-resource-downloads-li.png") left 6px no-repeat;
    display: inline-block;
    font-weight: bold;
    height: 34px;
    padding-left: 40px; }
    .resource-downloads a.icon-document {
      background-position: -2px -4px; }
    .resource-downloads a.icon-documents {
      background-position: 0 -108px; }

.resource-downloads-a {
  display: inline-block;
  font-weight: bold;
  height: 34px; }
  .resource-downloads-a.icon-document {
    background: url("head/bg-resource-downloads-li.png") left 6px no-repeat;
    background-position: -2px -4px;
    padding-left: 40px; }
  .resource-downloads-a.icon-documents {
    background: url("head/bg-resource-downloads-li.png") left 6px no-repeat;
    background-position: 0 -108px;
    padding-left: 40px; }

.carousel {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%; }
  .carousel > li {
    height: 0;
    list-style: none;
    margin: 0;
    opacity: .5;
    padding: 0;
    position: absolute;
    right: -1000%;
    top: 0;
    -webkit-transition: 1s opacity ease;
    transition: 1s opacity ease; }
    .carousel > li a {
      display: block;
      position: relative; }
      .carousel > li a .carousel-icon {
        width: 15%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        background: url("head/icon-slide-glass.png") 50% 0 no-repeat;
        background-size: 100% auto; }
        .carousel > li a .carousel-icon.icon-vid {
          background-image: url("head/icon-slide-video.png"); }
        @media only screen and (min-width: 76.25em) {
          .carousel > li a .carousel-icon {
            width: 96px; } }
    .carousel > li img {
      display: block;
      width: 100%;
      height: auto; }
    .carousel > li.active {
      height: auto;
      position: relative;
      opacity: 1;
      right: 0; }

.carousel-control {
  clear: both;
  display: inline-block;
  margin: 0 auto;
  padding: 0; }
  .carousel-control > li {
    display: inline-table;
    list-style: none; }
    .carousel-control > li + li {
      margin-left: 1em; }
    .carousel-control > li a {
      background-color: #a7a9ac;
      border-radius: 50%;
      display: inline-block;
      height: 18px;
      outline: none;
      overflow: hidden;
      text-indent: -99em;
      -webkit-transition: 1s ease;
      transition: 1s ease;
      width: 18px; }
      .carousel-control > li a.active {
        background-color: #fe5000; }
      .carousel-control > li a:hover {
        background-color: #fe5000;
        opacity: .8; }

.cta-wrapper {
  background-color: #414042;
  color: #fff;
  padding: 0; }
  .cta-wrapper .cta-content {
    text-align: center;
    padding: 32px;
    margin: 0; }
  @media only screen and (min-width: 60em) {
    .cta-wrapper .cta {
      font-size: 18px;
      font-size: 1rem; } }
  @media only screen and (min-width: 60em) {
    .cta-wrapper .layout-inner-wrap {
      width: 100%; } }
  .cta-wrapper .two-up {
    margin: 0;
    padding: 32px;
    text-align: center; }
    @media only screen and (min-width: 60em) {
      .cta-wrapper .two-up {
        border-right: 1px solid #5b5c5c;
        padding-left: 0; } }
    .cta-wrapper .two-up + .two-up {
      border-top: 1px solid #cacaca; }
      @media only screen and (min-width: 60em) {
        .cta-wrapper .two-up + .two-up {
          border: none;
          padding-left: 32px; } }
  @media only screen and (min-width: 60em) {
    .cta-wrapper p {
      font-size: 30px;
      font-size: 1.66667rem;
      margin-bottom: .25em; } }
  .cta-wrapper p br {
    display: none; }
    @media only screen and (min-width: 60em) {
      .cta-wrapper p br {
        display: block; } }

.layout-secondary-flex-item {
  padding-bottom: 7.5em; }
  .layout-secondary-flex-item > section {
    border-top: 1px solid #cacaca;
    margin-top: 2.22222em;
    padding-top: 2.22222em; }
    @media (min-width: 832px) {
      .layout-secondary-flex-item > section:first-child {
        border-top: none;
        margin-top: 0 !important;
        padding-top: 0; } }
  @media only screen and (min-width: 48em) {
    .layout-secondary-flex-item h2:first-of-type {
      margin-top: 0.3em; } }
  @media only screen and (min-width: 76.25em) {
    .layout-secondary-flex-item h2:first-of-type {
      margin-top: 0.34em; } }
  @media only screen and (min-width: 48em) {
    .layout-secondary-flex-item h3 {
      color: #414042;
      font-size: 20px;
      font-size: 1.11111rem; } }
  @media only screen and (min-width: 48em) {
    .layout-secondary-flex-item h4 {
      color: #414042;
      font-size: 18px;
      font-size: 1rem;
      font-weight: 400;
      padding-top:  0.66667em 0.88889em; } }
  @media only screen and (min-width: 48em) {
    .layout-secondary-flex-item p, .layout-secondary-flex-item ol, .layout-secondary-flex-item ul, .layout-secondary-flex-item dd {
      font-size: 16px;
      font-size: 0.88889rem; } }
  @media only screen and (min-width: 48em) {
    .layout-secondary-flex-item .blog-recent .author {
      font-size: 14px;
      font-size: 0.77778rem; } }

.tab-wrapper .flex-tab {
  padding-bottom: 0px !important; }
  .tab-wrapper .flex-tab h2 {
    color: #414042;
    font-weight: normal;
    margin: 0;
    text-align: center;
    padding: 1em 0 1em 0; }

.tab-wrapper h2 {
  color: #fff;
  text-align: center;
  padding: 2em; }

.tab-wrapper .flex-item.layout-secondary img, .tab-wrapper .flex-item.layout-secondary-flex-item img {
  max-width: 320px; }

.tab-wrapper .flex-item.layout-secondary figure, .tab-wrapper .flex-item.layout-secondary-flex-item figure {
  text-align: center; }

.tab-wrapper .flex-item {
  padding: 0; }
  .tab-wrapper .flex-item.fixed-width-flex-item {
    position: relative;
    width: 370px;
    min-width: 370px; }
    @media (min-width: 832px) {
      .tab-wrapper .flex-item.fixed-width-flex-item {
        min-height: 370px; } }
    .tab-wrapper .flex-item.fixed-width-flex-item img {
      display: none;
      margin: 0;
      text-align: center; }
      @media (min-width: 832px) {
        .tab-wrapper .flex-item.fixed-width-flex-item img {
          display: block;
          position: absolute;
          width: 370px;
          max-width: 370px;
          min-width: 370px; } }
  .tab-wrapper .flex-item.image-from-bottom img {
    bottom: 0;
    padding-bottom: 0px; }
  @media (min-width: 832px) {
    .tab-wrapper .flex-item.image-from-bottom {
      min-height: 509px; } }
  .tab-wrapper .flex-item.imageContainer {
    text-align: center;
    overflow: hidden; }
    .tab-wrapper .flex-item.imageContainer img {
      max-width: 100%;
      width: auto; }
  .tab-wrapper .flex-item .tab-content-wrapper {
    padding-bottom: 2em; }

.tab-wrapper .tabs-nav {
  max-width: 1440px;
  padding: 0 1em;
  margin-bottom: 0;
  text-align: center; }
  @media only screen and (min-width: 93.75em) {
    .tab-wrapper .tabs-nav {
      padding: 0; } }
  .tab-wrapper .tabs-nav li {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-left: 1px solid #6e6f6f;
    overflow: hidden;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media only screen and (min-width: 48em) {
      .tab-wrapper .tabs-nav li {
        font-size: 15px;
        font-size: 0.83333rem; } }
    @media only screen and (min-width: 60em) {
      .tab-wrapper .tabs-nav li {
        font-size: 20px;
        font-size: 1.11111rem; } }
    .tab-wrapper .tabs-nav li.r-tabs-state-active {
      background-color: #f1f1f1;
      border: 1px #f1f1f1 solid; }
      .tab-wrapper .tabs-nav li.r-tabs-state-active .r-tabs-anchor {
        border-top-right-radius: 0px;
        border-top-left-radius: 0px; }
    .tab-wrapper .tabs-nav li a {
      height: 100%;
      text-align: center;
      vertical-align: middle;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .tab-wrapper .tabs-nav li:first-child {
      border-left-color: transparent;
      border-left-width: 0px; }
    .tab-wrapper .tabs-nav li.n-col-2 {
      width: 45%; }
    .tab-wrapper .tabs-nav li.n-col-3 {
      width: 28.33%; }
    .tab-wrapper .tabs-nav li.n-col-4 {
      width: 20%; }
    .tab-wrapper .tabs-nav li.n-col-5 {
      width: 15%; }

.no-flexbox .flex-table .flex-cell a {
  display: inline-block; }

.tabs-wrapper {
  background-color: #5b5c5c;
  padding: 1em 0px 0px 0px;
  position: relative;
  width: 100%; }
  .tabs-wrapper h2 {
    color: #fff;
    margin: 2em 0;
    text-align: center; }
  .tabs-wrapper .tabs-control {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden; }
    .tabs-wrapper .tabs-control li {
      background-color: #5b5c5c;
      border-left: 1px solid #f1f1f1;
      box-sizing: border-box;
      display: block;
      float: left;
      font-size: 13px;
      font-size: 0.72222rem;
      margin: 0;
      padding: 0;
      width: 33.3%; }
      @media only screen and (min-width: 48em) {
        .tabs-wrapper .tabs-control li {
          font-size: 18px;
          font-size: 1rem; } }
      @media only screen and (min-width: 60em) {
        .tabs-wrapper .tabs-control li {
          font-size: 20px;
          font-size: 1.11111rem; } }
      .tabs-wrapper .tabs-control li.active {
        background-color: #f1f1f1; }
        .tabs-wrapper .tabs-control li.active a {
          color: #5b5c5c;
          -webkit-transition: none;
          transition: none; }
      .tabs-wrapper .tabs-control li:first-child {
        border-color: transparent; }
      .tabs-wrapper .tabs-control li.n-col-2 {
        width: 50%; }
      .tabs-wrapper .tabs-control li.n-col-3 {
        width: 33.33%; }
      .tabs-wrapper .tabs-control li.n-col-4 {
        width: 25%; }
      .tabs-wrapper .tabs-control li.n-col-5 {
        width: 20%; }
    .tabs-wrapper .tabs-control a {
      color: #fff;
      display: block;
      font-weight: bold;
      outline: none;
      padding: 1em 0;
      text-align: center;
      width: 100%; }
      .tabs-wrapper .tabs-control a span {
        display: none; }
        @media only screen and (min-width: 60em) {
          .tabs-wrapper .tabs-control a span {
            display: inline; } }
  .tabs-wrapper .tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative; }
    .tabs-wrapper .tabs .personna {
      text-align: center; }
      .tabs-wrapper .tabs .personna .personna-cta {
        background: url("head/bg-resource-downloads-li.png") left top no-repeat;
        margin-bottom: 1em;
        min-height: 38px;
        padding-left: 40px; }
        .tabs-wrapper .tabs .personna .personna-cta strong {
          display: block; }
      @media only screen and (min-width: 60em) {
        .tabs-wrapper .tabs .personna figure {
          margin-bottom: 0;
          min-height: 509px;
          overflow: hidden;
          position: relative; } }
      @media only screen and (min-width: 60em) {
        .tabs-wrapper .tabs .personna figure img, .tabs-wrapper .tabs .personna figure figcaption {
          float: left; } }
      .tabs-wrapper .tabs .personna figure figcaption {
        box-sizing: border-box;
        margin: 0 0 2em;
        padding-left: 0;
        text-align: left; }
        @media only screen and (min-width: 60em) {
          .tabs-wrapper .tabs .personna figure figcaption {
            padding: 0 0 3.11111em 430px;
            margin-bottom: 0; } }
      .tabs-wrapper .tabs .personna figure img {
        display: none;
        margin: 0; }
        @media only screen and (min-width: 60em) {
          .tabs-wrapper .tabs .personna figure img {
            bottom: 0;
            display: block;
            left: 2.5em;
            position: absolute;
            width: 370px; } }
    .tabs-wrapper .tabs h2 {
      color: #414042;
      font-weight: normal;
      margin: 0 0 1em 0;
      text-align: left; }
    .tabs-wrapper .tabs > li {
      margin: 0;
      padding: 0; }
      .tabs-wrapper .tabs > li.active {
        background-color: #f1f1f1; }
        .tabs-wrapper .tabs > li.active .tab-content {
          opacity: 1;
          height: auto;
          padding-top: 3em; }
      .tabs-wrapper .tabs > li .tab-content {
        max-width: 1440px;
        opacity: 0;
        height: 0;
        overflow: hidden;
        -webkit-transition: .25s ease opacity;
        transition: .25s ease opacity; }

.purchasing-col {
  background: #f1f1f1;
  border: 1px solid #cccccc;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  padding: 2em !important; }
  .purchasing-col p {
    line-height: 1.45em; }

.resources {
  background-color: #f1f1f1;
  padding: 2em 0;
  padding-top: 4em;
  padding-bottom: 3em; }
  .resources h2.resources-header {
    color: #414042;
    text-align: center; }
    @media only screen and (min-width: 60em) {
      .resources h2.resources-header {
        margin-bottom: 1.5em; } }
  .resources .three-up {
    box-sizing: border-box;
    padding-top: 1em !important;
    text-align: center; }
    @media only screen and (min-width: 60em) {
      .resources .three-up {
        padding: 0 2em; } }
    .resources .three-up + .three-up {
      border-top: 1px solid #cacaca; }
      @media only screen and (min-width: 60em) {
        .resources .three-up + .three-up {
          border-left: 1px solid #cacaca;
          border-top: none; } }
    .resources .three-up h2 {
      color: #414042;
      font-weight: normal;
      margin-bottom: 1.5em; }
      @media only screen and (min-width: 48em) {
        .resources .three-up h2 {
          font-size: 26px;
          font-size: 1.44444rem; } }
      @media only screen and (min-width: 76.25em) {
        .resources .three-up h2 {
          font-size: 30px;
          font-size: 1.66667rem; } }
    .resources .three-up h5 {
      font-size: 18px;
      font-size: 1rem;
      margin: 1.5em 0 .33em;
      text-align: left; }
    .resources .three-up ul {
      list-style: none;
      margin: 0;
      padding: 0;
      text-align: left; }
      .resources .three-up ul li {
        margin-bottom: .33em; }
  .resources .three-up.nth-child-np4 {
    margin-top: 0; }

.svg .icon-read,
.svg .icon-watch,
.svg .icon-explore {
  position: relative; }
  .svg .icon-read:before,
  .svg .icon-watch:before,
  .svg .icon-explore:before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: inline-block;
    height: 45px;
    padding-right: 10px;
    position: relative;
    top: 10px; }

.svg .icon-read:before {
  background-image: url("head/icon-read.svg");
  width: 60px; }
  .no-svg .svg .icon-read:before {
    background-image: url("head/icon-read.png"); }

.svg .icon-watch:before {
  background-image: url("head/icon-watch.svg");
  height: 37px;
  width: 62px; }
  .no-svg .svg .icon-watch:before {
    background-image: url("head/icon-watch.png"); }
  @media only screen and (min-width: 76.25em) {
    .svg .icon-watch:before {
      height: 47px;
      width: 97px; } }

.svg .icon-explore:before {
  background-image: url("head/icon-explore.svg");
  height: 50px;
  width: 60px; }
  .no-svg .svg .icon-explore:before {
    background-image: url("head/icon-explore.png"); }

.CTA-simple {
  background-color: #5b5c5c;
  color: #fff;
  margin-bottom: -1.6667em;
  text-align: center;
  padding-top: 3em;
  padding-bottom: 5.833em; }
  @media only screen and (min-width: 48em) {
    .CTA-simple {
      margin-bottom: -3.3333em; } }
  .CTA-simple h2 {
    color: #fff; }
  .CTA-simple .bg-green {
    background-color: #36ba2f;
    border-color: #36ba2f; }
    .CTA-simple .bg-green:hover, .CTA-simple .bg-green:active {
      background-color: #2a9125;
      border-color: #2a9125; }

.fullbleed-blockquote {
  background-color: #57aa9b;
  color: #fff;
  font-size: 24px;
  font-size: 1.33333rem;
  padding: 1.75em 0;
  text-align: center; }
  .fullbleed-blockquote h5 a {
    text-decoration: underline;
    color: #fff; }
    .fullbleed-blockquote h5 a:hover, .fullbleed-blockquote h5 a:active {
      color: #00655E; }
  @media only screen and (min-width: 60em) {
    .fullbleed-blockquote {
      font-size: 30px;
      font-size: 1.66667rem; } }
  .fullbleed-blockquote .layout-inner-wrap {
    max-width: 1150px; }
  .fullbleed-blockquote cite {
    display: block;
    font-weight: bold;
    margin-top: .75em; }

.full-bleed-two-column {
  table-layout: fixed; }
  .full-bleed-two-column .layout-secondary figure, .full-bleed-two-column .layout-secondary-flex-item figure {
    text-align: center; }
  .full-bleed-two-column .layout-secondary img, .full-bleed-two-column .layout-secondary-flex-item img {
    max-width: 100%; }

.full-width-image-description .flex-item {
  text-align: center; }
  @media (min-width: 640px) {
    .full-width-image-description .flex-item {
      text-align: left; } }

.full-width-image-description .image-right-align {
  max-width: 280px;
  width: 100%; }
  @media (min-width: 640px) {
    .full-width-image-description .image-right-align {
      float: right; } }

.full-width-image-description .description-left-align {
  float: left;
  margin-top: 1rem; }
  @media (min-width: 640px) {
    .full-width-image-description .description-left-align {
      margin-top: 0px;
      padding-left: 2rem; } }
  .full-width-image-description .description-left-align .title {
    color: #FF5500; }

.education.layout-full-bleed {
  padding: 0; }

@media only screen and (min-width: 48em) {
  .education .layout-primary {
    padding-right: 3%;
    margin-right: 3%; } }

.education .layout-primary section {
  margin-top: 1.5em; }

.education .layout-primary .accordion-item-content ul {
  padding-left: 1em;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: disc; }

.education .layout-secondary section {
  border-top: transparent;
  margin-top: 1em;
  padding-top: 1em; }

.education .promo p {
  padding: 0.5em; }

.education h1 {
  color: #333333;
  font-size: 18px;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.2; }
  @media only screen and (min-width: 48em) {
    .education h1 {
      font-size: 32px;
      font-size: 1.77778rem; } }

.education h2 {
  color: #333333;
  font-size: 18px;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.2; }
  @media only screen and (min-width: 48em) {
    .education h2 {
      font-size: 26px;
      font-size: 1.44444rem; } }

.education .overview .flex-grid > div {
  margin-bottom: 1.5em; }
  .education .overview .flex-grid > div:last-child {
    margin-bottom: 0em; }

.education .overview .flex-grid .flex-item {
  box-sizing: border-box;
  margin-right: 0.75em; }
  .education .overview .flex-grid .flex-item img, .education .overview .flex-grid .flex-item object, .education .overview .flex-grid .flex-item embed {
    width: 100%; }

.education .overview .flex-grid .course-abstract {
  padding-top: 1em; }
  @media only screen and (min-width: 60em) {
    .education .overview .flex-grid .course-abstract {
      padding-top: 1.5em; } }
  @media only screen and (min-width: 48em) {
    .education .overview .flex-grid .course-abstract {
      text-align: right; } }

.education .modules ul {
  border-bottom: transparent; }

.education .modules .flex-grid .flex-item {
  box-sizing: border-box;
  margin-right: 0.75em; }
  .education .modules .flex-grid .flex-item ul {
    list-style: initial;
    padding-left: 1em; }
    .education .modules .flex-grid .flex-item ul li {
      list-style-type: disc; }

.section-education .section-content {
  padding-top: 0;
  padding-bottom: 2em; }

.education-cards .flex-item a {
  display: block;
  word-wrap: break-word; }

.education-cards .flex-item p {
  padding-left: 1em;
  padding-right: 1em;
  font-size: .85em;
  color: #555557;
  line-height: 1.6em; }

.education-cards .flex-item .course-type {
  background-color: #eeeeee;
  padding-top: .5em;
  padding-bottom: .5em;
  min-height: 36px;
  line-height: 1.1em; }
  .education-cards .flex-item .course-type img {
    width: 30px;
    float: right;
    margin-left: .5em; }
  .education-cards .flex-item .course-type.course {
    background-color: #1CA4D8;
    color: white; }
  .education-cards .flex-item .course-type.learningPath {
    background-color: #FF4F01;
    color: white; }
  .education-cards .flex-item .course-type.certification {
    background-color: #00A79F;
    color: white; }

.education-cards .flex-item div {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.education-cards .flex-item h5 {
  padding-left: 1em;
  padding-right: 1em;
  font-size: 1em;
  line-height: 1.6em;
  color: #29a5d6;
  margin: 0px;
  font-weight: 400; }

.education-cards .flex-item .course-details {
  padding-top: 2em;
  margin-bottom: 0;
  margin-top: auto; }

.education-cards .flex-item .course-audience {
  font-weight: 800; }

.list-count {
  padding-top: 1em;
  width: 100%; }

.filter-text {
  position: relative;
  padding-bottom: 4em; }
  .filter-text .search-site {
    position: absolute;
    right: 0;
    top: 20px;
    width: 100%; }
  .filter-text .search-site-b {
    box-sizing: border-box;
    border: solid 1px #cacaca;
    border-radius: 5px;
    box-shadow: 0 0 2px #cacaca;
    height: 34px;
    overflow: hidden;
    padding: 3px 12px 0 12px; }
    .filter-text .search-site-b:after {
      font-family: "icomoon";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      speak: none;
      text-transform: none;
      color: #6c6c6c;
      content: "";
      display: block;
      font-size: 21px;
      pointer-events: none;
      right: 8px;
      top: 6px;
      z-index: -1;
      float: right;
      /*.ie8 & {
        display: none;
      }*/ }
    .filter-text .search-site-b .search-focus {
      position: relative;
      z-index: 1; }
    .filter-text .search-site-b [type="text"] {
      background: url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw%3D%3D) transparent;
      border: none;
      color: #cacaca;
      font: 16px arial,sans-serif;
      line-height: 27px;
      height: auto;
      left: 0;
      margin: 0;
      outline: none;
      padding: 0;
      position: absolute;
      width: 100%;
      z-index: 6;
      /*.ie8 & {
      margin-top: 4px;
    }*/ }
      .filter-text .search-site-b [type="text"]:focus {
        color: #6c6c6c;
        opacity: 1;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear; }
    .filter-text .search-site-b button {
      background-color: transparent;
      border: 1px solid transparent;
      border-radius: 0;
      bottom: 1px;
      height: 32px;
      margin: 0;
      position: absolute;
      right: 1px;
      top: 1px;
      width: 34px;
      z-index: 2;
      /*
    .ie8 & {
      &:after {
        @include icon();
        color: color(darkGrey);
        content: $iconSearch;
        display: block;
        font-size: 21px;
        pointer-events: none;
        position: absolute;
        right: 8px;
        top: 3px;
        z-index: -1;
      }
    }
   */ }
      .filter-text .search-site-b button:hover {
        background-color: rgba(0, 0, 0, 0.08);
        border-left: 1px solid rgba(0, 0, 0, 0.1); }

.functionalHeroHeader {
  text-align: center;
  color: white; }
  .functionalHeroHeader form {
    margin: 1em; }
    .functionalHeroHeader form li {
      margin: auto;
      width: 100%; }
      .functionalHeroHeader form li > div {
        display: inline-block;
        width: 100%; }
        @media only screen and (min-width: 48em) {
          .functionalHeroHeader form li > div {
            width: auto; } }
        .functionalHeroHeader form li > div > div {
          float: none;
          width: 100%;
          margin: 0px; }
          @media only screen and (min-width: 48em) {
            .functionalHeroHeader form li > div > div {
              float: left;
              width: 300px;
              margin: 1rem; } }
        @media only screen and (min-width: 30em) {
          .functionalHeroHeader form li > div a {
            margin-top: 1.1rem;
            float: none; } }
        @media only screen and (min-width: 48em) {
          .functionalHeroHeader form li > div a {
            margin-top: 1rem;
            float: left; } }
        @media only screen and (min-width: 60em) {
          .functionalHeroHeader form li > div a {
            margin-top: .8rem;
            float: left; } }
  .functionalHeroHeader h1 {
    font-size: 26px;
    font-size: 1.44444rem;
    font-weight: 800;
    line-height: 1.2; }
    @media only screen and (min-width: 48em) {
      .functionalHeroHeader h1 {
        font-size: 39.6px;
        font-size: 2.2rem; } }
  .functionalHeroHeader h4 {
    color: white; }

.color-container h4 {
  color: white; }

.color-container div {
  background-color: #414042;
  text-align: center; }

.color-container.mediumOrange {
  background-color: #fe5000; }
  .color-container.mediumOrange div {
    background-color: #fe5000; }

.color-container a {
  margin-right: 1em;
  width: 60%; }
  @media only screen and (min-width: 30em) {
    .color-container a {
      width: 60%; } }
  @media only screen and (min-width: 48em) {
    .color-container a {
      width: 40%; } }
  @media only screen and (min-width: 60em) {
    .color-container a {
      width: 19%; } }

.imageCaptionCard figcaption {
  padding: 0px; }

.edu-copyright-note {
  text-align: center;
  font-size: 10px;
  margin-bottom: .5cm; }

.ebc {
  /*utils */
  /* typeography */
  /*lead*/
  /* section specific */
  /* bullets */ }
  .ebc .no-break {
    white-space: nowrap; }
  .ebc .bk-ship-grey {
    background-color: #414042; }
  .ebc .bk-white {
    background-color: #fff; }
  .ebc .show-breakpointTiny {
    display: none; }
    @media only screen and (min-width: 12.5em) {
      .ebc .show-breakpointTiny {
        display: block; } }
  @media only screen and (min-width: 12.5em) {
    .ebc .hide-breakpointTiny {
      display: none; } }
  .ebc .show-inline-breakpointTiny {
    display: none; }
    @media only screen and (min-width: 12.5em) {
      .ebc .show-inline-breakpointTiny {
        display: inline-block;
        zoom: 1;
        *display: inline; } }
  @media only screen and (min-width: 12.5em) {
    .ebc .hide-inline-breakpointTiny {
      display: none; } }
  .ebc .show-breakpointExtraSmall {
    display: none; }
    @media only screen and (min-width: 20em) {
      .ebc .show-breakpointExtraSmall {
        display: block; } }
  @media only screen and (min-width: 20em) {
    .ebc .hide-breakpointExtraSmall {
      display: none; } }
  .ebc .show-inline-breakpointExtraSmall {
    display: none; }
    @media only screen and (min-width: 20em) {
      .ebc .show-inline-breakpointExtraSmall {
        display: inline-block;
        zoom: 1;
        *display: inline; } }
  @media only screen and (min-width: 20em) {
    .ebc .hide-inline-breakpointExtraSmall {
      display: none; } }
  .ebc .show-breakpointSmall {
    display: none; }
    @media only screen and (min-width: 30em) {
      .ebc .show-breakpointSmall {
        display: block; } }
  @media only screen and (min-width: 30em) {
    .ebc .hide-breakpointSmall {
      display: none; } }
  .ebc .show-inline-breakpointSmall {
    display: none; }
    @media only screen and (min-width: 30em) {
      .ebc .show-inline-breakpointSmall {
        display: inline-block;
        zoom: 1;
        *display: inline; } }
  @media only screen and (min-width: 30em) {
    .ebc .hide-inline-breakpointSmall {
      display: none; } }
  .ebc .show-small {
    display: none; }
    @media only screen and (min-width: 30em) {
      .ebc .show-small {
        display: block; } }
  @media only screen and (min-width: 30em) {
    .ebc .hide-small {
      display: none; } }
  .ebc .show-inline-small {
    display: none; }
    @media only screen and (min-width: 30em) {
      .ebc .show-inline-small {
        display: inline-block;
        zoom: 1;
        *display: inline; } }
  @media only screen and (min-width: 30em) {
    .ebc .hide-inline-small {
      display: none; } }
  .ebc .show-breakpointMedium {
    display: none; }
    @media only screen and (min-width: 48em) {
      .ebc .show-breakpointMedium {
        display: block; } }
  @media only screen and (min-width: 48em) {
    .ebc .hide-breakpointMedium {
      display: none; } }
  .ebc .show-inline-breakpointMedium {
    display: none; }
    @media only screen and (min-width: 48em) {
      .ebc .show-inline-breakpointMedium {
        display: inline-block;
        zoom: 1;
        *display: inline; } }
  @media only screen and (min-width: 48em) {
    .ebc .hide-inline-breakpointMedium {
      display: none; } }
  .ebc .show-breakpointLarge {
    display: none; }
    @media only screen and (min-width: 60em) {
      .ebc .show-breakpointLarge {
        display: block; } }
  @media only screen and (min-width: 60em) {
    .ebc .hide-breakpointLarge {
      display: none; } }
  .ebc .show-inline-breakpointLarge {
    display: none; }
    @media only screen and (min-width: 60em) {
      .ebc .show-inline-breakpointLarge {
        display: inline-block;
        zoom: 1;
        *display: inline; } }
  @media only screen and (min-width: 60em) {
    .ebc .hide-inline-breakpointLarge {
      display: none; } }
  .ebc .show-breakpointExtraLarge {
    display: none; }
    @media only screen and (min-width: 76.25em) {
      .ebc .show-breakpointExtraLarge {
        display: block; } }
  @media only screen and (min-width: 76.25em) {
    .ebc .hide-breakpointExtraLarge {
      display: none; } }
  .ebc .show-inline-breakpointExtraLarge {
    display: none; }
    @media only screen and (min-width: 76.25em) {
      .ebc .show-inline-breakpointExtraLarge {
        display: inline-block;
        zoom: 1;
        *display: inline; } }
  @media only screen and (min-width: 76.25em) {
    .ebc .hide-inline-breakpointExtraLarge {
      display: none; } }
  .ebc .show-breakpointExtraExtraLarge {
    display: none; }
    @media only screen and (min-width: 93.75em) {
      .ebc .show-breakpointExtraExtraLarge {
        display: block; } }
  @media only screen and (min-width: 93.75em) {
    .ebc .hide-breakpointExtraExtraLarge {
      display: none; } }
  .ebc .show-inline-breakpointExtraExtraLarge {
    display: none; }
    @media only screen and (min-width: 93.75em) {
      .ebc .show-inline-breakpointExtraExtraLarge {
        display: inline-block;
        zoom: 1;
        *display: inline; } }
  @media only screen and (min-width: 93.75em) {
    .ebc .hide-inline-breakpointExtraExtraLarge {
      display: none; } }
  @media only screen and (min-width: 30em) {
    .ebc .xs-hide {
      display: none; }
    .ebc .p1 {
      padding: .5rem; }
    .ebc .py1 {
      padding-top: .5rem;
      padding-bottom: .5rem; }
    .ebc .px1 {
      padding-left: .5rem;
      padding-right: .5rem; }
    .ebc .p2, .ebc .page-careers .slide-caption, .page-careers .ebc .slide-caption {
      padding: 1rem; }
    .ebc .py2 {
      padding-top: 1rem;
      padding-bottom: 1rem; }
    .ebc .px2 {
      padding-left: 1rem;
      padding-right: 1rem; }
    .ebc .p3 {
      padding: 1.5rem; }
    .ebc .py3 {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem; }
    .ebc .px3 {
      padding-left: 1.5rem;
      padding-right: 1.5rem; }
    .ebc .p4 {
      padding: 2rem; }
    .ebc .py4 {
      padding-top: 2rem;
      padding-bottom: 2rem; }
    .ebc .px4 {
      padding-left: 2rem;
      padding-right: 2rem; }
    .ebc .sm-col {
      float: left; }
    .ebc .sm-col-right {
      float: right; }
    .ebc .sm-flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .ebc .sm-col-1 {
      width: 8.33333%; }
    .ebc .sm-col-2 {
      width: 16.66667%; }
    .ebc .sm-col-3 {
      width: 25%; }
    .ebc .sm-col-4 {
      width: 33.33333%; }
    .ebc .sm-col-5 {
      width: 41.66667%; }
    .ebc .sm-col-6 {
      width: 50%; }
    .ebc .sm-col-7 {
      width: 58.33333%; }
    .ebc .sm-col-8 {
      width: 66.66667%; }
    .ebc .sm-col-9 {
      width: 75%; }
    .ebc .sm-col-10 {
      width: 83.33333%; }
    .ebc .sm-col-11 {
      width: 91.66667%; }
    .ebc .sm-col-12 {
      width: 100%; } }
  @media only screen and (min-width: 48em) {
    .ebc .sm-hide {
      display: none; }
    .ebc .p3 {
      padding: 2rem; }
    .ebc .py3 {
      padding-top: 2rem;
      padding-bottom: 2rem; }
    .ebc .px3 {
      padding-left: 2rem;
      padding-right: 2rem; }
    .ebc .p4 {
      padding: 3rem; }
    .ebc .py4 {
      padding-top: 3rem;
      padding-bottom: 3rem; }
    .ebc .px4 {
      padding-left: 3rem;
      padding-right: 3rem; }
    .ebc .md-mr3 {
      margin-right: 2em; }
    .ebc .md-col {
      float: left; }
    .ebc .md-col-right {
      float: right; }
    .ebc .md-flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .ebc .md-col-1 {
      width: 8.33333%; }
    .ebc .md-col-2 {
      width: 16.66667%; }
    .ebc .md-col-3 {
      width: 25%; }
    .ebc .md-col-4 {
      width: 33.33333%; }
    .ebc .md-col-5 {
      width: 41.66667%; }
    .ebc .md-col-6 {
      width: 50%; }
    .ebc .md-col-7 {
      width: 58.33333%; }
    .ebc .md-col-8 {
      width: 66.66667%; }
    .ebc .md-col-9 {
      width: 75%; }
    .ebc .md-col-10 {
      width: 83.33333%; }
    .ebc .md-col-11 {
      width: 91.66667%; }
    .ebc .md-col-12 {
      width: 100%; } }
  @media only screen and (min-width: 60em) {
    .ebc .md-hide {
      display: none; }
    .ebc .p4 {
      padding: 4rem; }
    .ebc .py4 {
      padding-top: 4rem;
      padding-bottom: 4rem; }
    .ebc .px4 {
      padding-left: 4rem;
      padding-right: 4rem; }
    .ebc .lg-mr3 {
      margin-right: 3em; }
    .ebc .lg-col {
      float: left; }
    .ebc .lg-col-right {
      float: right; }
    .ebc .lg-flex {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .ebc .lg-col-1 {
      width: 8.33333%; }
    .ebc .lg-col-2 {
      width: 16.66667%; }
    .ebc .lg-col-3 {
      width: 25%; }
    .ebc .lg-col-4 {
      width: 33.33333%; }
    .ebc .lg-col-5 {
      width: 41.66667%; }
    .ebc .lg-col-6 {
      width: 50%; }
    .ebc .lg-col-7 {
      width: 58.33333%; }
    .ebc .lg-col-8 {
      width: 66.66667%; }
    .ebc .lg-col-9 {
      width: 75%; }
    .ebc .lg-col-10 {
      width: 83.33333%; }
    .ebc .lg-col-11 {
      width: 91.66667%; }
    .ebc .lg-col-12 {
      width: 100%; } }
  @media only screen and (min-width: 76.25em) {
    .ebc .lg-hide {
      display: none; }
    .ebc .xl-col {
      float: left; }
    .ebc .xl-col-right {
      float: right; }
    .ebc .xl-col-1 {
      width: 8.33333%; }
    .ebc .xl-col-2 {
      width: 16.66667%; }
    .ebc .xl-col-3 {
      width: 25%; }
    .ebc .xl-col-4 {
      width: 33.33333%; }
    .ebc .xl-col-5 {
      width: 41.66667%; }
    .ebc .xl-col-6 {
      width: 50%; }
    .ebc .xl-col-7 {
      width: 58.33333%; }
    .ebc .xl-col-8 {
      width: 66.66667%; }
    .ebc .xl-col-9 {
      width: 75%; }
    .ebc .xl-col-10 {
      width: 83.33333%; }
    .ebc .xl-col-11 {
      width: 91.66667%; }
    .ebc .xl-col-12 {
      width: 100%; } }
  .ebc .larger {
    margin-bottom: .5em;
    font-size: 18px;
    font-size: 1rem; }
    @media only screen and (min-width: 60em) {
      .ebc .larger {
        font-size: 20px;
        font-size: 1.11111rem; } }
  .ebc .lead.-md {
    font-size: 18px;
    font-size: 1rem; }
    @media only screen and (min-width: 48em) {
      .ebc .lead.-md {
        font-size: 20px;
        font-size: 1.11111rem; } }
    @media only screen and (min-width: 60em) {
      .ebc .lead.-md {
        font-size: 24px;
        font-size: 1.33333rem; } }
  @media only screen and (min-width: 60em) {
    .ebc .lead.-oll {
      width: auto; } }
  @media only screen and (min-width: 76.25em) {
    .ebc .lead.-oll {
      max-width: 1500px; } }
  .ebc section {
    /* banner */ }
    .ebc section p:last-of-type {
      margin-bottom: 0; }
    .ebc section.limited .layout-inner-wrap {
      max-width: 1050px; }
    .ebc section.layout-full-bleed {
      padding: 0.83333rem 0; }
      .ebc section.layout-full-bleed.layout-full-bleed-image {
        padding: 14.16667rem 0 2.08333rem 0; }
        .ebc section.layout-full-bleed.layout-full-bleed-image h1 {
          margin: 15px 0 20px 0;
          font-weight: 700;
          line-height: 1.3em; }
          @media only screen and (min-width: 48em) {
            .ebc section.layout-full-bleed.layout-full-bleed-image h1 {
              margin: 0; } }
        .ebc section.layout-full-bleed.layout-full-bleed-image p.hero-caption.super {
          margin-bottom: 0;
          font-size: 18px;
          font-size: 1rem; }
          @media only screen and (min-width: 48em) {
            .ebc section.layout-full-bleed.layout-full-bleed-image p.hero-caption.super {
              font-size: 20.88px;
              font-size: 1.16rem; } }
        .ebc section.layout-full-bleed.layout-full-bleed-image p.hero-caption.sub {
          margin-top: 10px; }
    .ebc section.logos img {
      margin: 0;
      max-width: 45%;
      height: auto; }
      @media only screen and (min-width: 93.75em) {
        .ebc section.logos img {
          margin: 0 8px; } }
    .ebc section.client-quotes .l-quotes {
      font-size: 60px;
      font-size: 3.33333rem;
      line-height: 18px;
      margin-bottom: -9px;
      vertical-align: bottom;
      display: inline-block;
      zoom: 1;
      *display: inline; }
    .ebc section.client-quotes .wrapper-nested {
      margin: 0; }
      .ebc section.client-quotes .wrapper-nested .two-up:first-of-type {
        margin-bottom: 15px; }
    .ebc section.client-quotes footer {
      font-size: 16px;
      font-size: 0.88889rem; }
      @media only screen and (min-width: 48em) {
        .ebc section.client-quotes footer {
          font-size: 18px;
          font-size: 1rem; } }
    .ebc section.ebc-map .map-bk {
      background-image: none;
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: 100% auto; }
      @media only screen and (min-width: 76.25em) {
        .ebc section.ebc-map .map-bk {
          background-size: auto; } }
      @media (max-width: 768px) {
        .ebc section.ebc-map .map-bk {
          background-image: none !important; } }
      @media only screen and (min-width: 48em) {
        .ebc section.ebc-map .map-bk {
          background-size: 45% auto; } }
      .ebc section.ebc-map .map-bk .map-highlight {
        display: block;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
        max-width: 100%;
        height: auto; }
        @media only screen and (min-width: 48em) {
          .ebc section.ebc-map .map-bk .map-highlight {
            margin-bottom: 0; }
            .ebc section.ebc-map .map-bk .map-highlight:first-of-type {
              margin-bottom: 20px; } }
        .ebc section.ebc-map .map-bk .map-highlight.india {
          border-color: #00a79d; }
      .ebc section.ebc-map .map-bk .map-left img {
        border-right: 12px solid #fe5000; }
      .ebc section.ebc-map .map-bk .map-center {
        display: none; }
        @media only screen and (min-width: 48em) {
          .ebc section.ebc-map .map-bk .map-center {
            display: block; } }
      .ebc section.ebc-map .map-bk .map-right img {
        border-left: 12px solid #fe5000; }
        .ebc section.ebc-map .map-bk .map-right img:last-of-type {
          margin-bottom: 0; }
    .ebc section .pt1 {
      padding-top: 12px; }
    @media only screen and (min-width: 60em) {
      .ebc section .pt1 {
        padding-top: 0.83333rem; } }
    .ebc section .pt2 {
      padding-top: 24px; }
    @media only screen and (min-width: 60em) {
      .ebc section .pt2 {
        padding-top: 1.66667rem; } }
    .ebc section .pt3 {
      padding-top: 36px; }
    @media only screen and (min-width: 60em) {
      .ebc section .pt3 {
        padding-top: 2.5rem; } }
    .ebc section .pt4 {
      padding-top: 48px; }
    @media only screen and (min-width: 60em) {
      .ebc section .pt4 {
        padding-top: 3.33333rem; } }
    .ebc section .pt5 {
      padding-top: 60px; }
    @media only screen and (min-width: 60em) {
      .ebc section .pt5 {
        padding-top: 4.16667rem; } }
    .ebc section .pt6 {
      padding-top: 72px; }
    @media only screen and (min-width: 60em) {
      .ebc section .pt6 {
        padding-top: 5rem; } }
    .ebc section .pb1 {
      padding-bottom: 12px; }
    @media only screen and (min-width: 60em) {
      .ebc section .pb1 {
        padding-bottom: 0.83333rem; } }
    .ebc section .pb2 {
      padding-bottom: 24px; }
    @media only screen and (min-width: 60em) {
      .ebc section .pb2 {
        padding-bottom: 1.66667rem; } }
    .ebc section .pb3 {
      padding-bottom: 36px; }
    @media only screen and (min-width: 60em) {
      .ebc section .pb3 {
        padding-bottom: 2.5rem; } }
    .ebc section .pb4 {
      padding-bottom: 48px; }
    @media only screen and (min-width: 60em) {
      .ebc section .pb4 {
        padding-bottom: 3.33333rem; } }
    .ebc section .pb5 {
      padding-bottom: 60px; }
    @media only screen and (min-width: 60em) {
      .ebc section .pb5 {
        padding-bottom: 4.16667rem; } }
    .ebc section .pb6 {
      padding-bottom: 72px; }
    @media only screen and (min-width: 60em) {
      .ebc section .pb6 {
        padding-bottom: 5rem; } }
    @media only screen and (min-width: 60em) {
      .ebc section .layout-inner-wrap.-oll {
        width: auto; } }
    @media only screen and (min-width: 76.25em) {
      .ebc section .layout-inner-wrap.-oll {
        max-width: 1100px; } }
  .ebc .orange-tick-bullets {
    padding-top: 0.556rem; }
    .ebc .orange-tick-bullets.solid li {
      background-image: none;
      padding-left: 1.3rem;
      position: relative; }
      .ebc .orange-tick-bullets.solid li:before {
        width: 12px;
        height: 12px;
        background: #fe5000;
        border-radius: 100%;
        position: absolute;
        left: 0;
        top: 5px;
        display: block;
        content: ""; }
        @media only screen and (min-width: 60em) {
          .ebc .orange-tick-bullets.solid li:before {
            top: 8px; } }

.partners-cards .cards-4-col {
  display: block; }

.partners-cards .logo-block {
  margin-bottom: 2rem;
  maring-top: 1rem; }
  .partners-cards .logo-block::before {
    display: block;
    padding-top: 0; }
  .partners-cards .logo-block .copy {
    position: relative;
    right: 0;
    left: 0;
    bottom: auto; }
  .partners-cards .logo-block .logo-heading {
    position: relative; }
  .partners-cards .logo-block .logo-inner-container {
    position: relative;
    height: auto; }
  .partners-cards .logo-block .logo-area {
    height: 130px; }
    .partners-cards .logo-block .logo-area img {
      max-width: 100%;
      max-height: 100%; }

.parnter-modal-details {
  display: none; }
  .parnter-modal-details .modal-logo-section {
    text-align: center; }
    .parnter-modal-details .modal-logo-section img {
      height: auto;
      width: 100%;
      max-width: 200px; }
    .parnter-modal-details .modal-logo-section .links {
      text-align: left; }
    .parnter-modal-details .modal-logo-section span {
      padding-right: 1em; }
  .parnter-modal-details .modal-content .section-header {
    margin-right: 0px;
    margin-left: 0px; }
  .parnter-modal-details .modal-content .section-content {
    margin-right: 0px;
    margin-left: 0px; }
  @media (min-width: 832px) {
    .parnter-modal-details .modal-content {
      padding-left: 2rem; } }

.event-filters {
  display: none; }
  .event-filters fieldset ol {
    text-align: center; }
    .event-filters fieldset ol .filter-label {
      margin-left: auto;
      margin-right: 0.5rem;
      font-weight: 400;
      padding: .5rem 0rem;
      font-size: 1.7rem; }
    .event-filters fieldset ol li {
      margin-right: auto;
      margin-left: 0.5rem; }

.events-cards h2 {
  margin-left: 1rem;
  margin-right: 1rem;
  text-align: left;
  border-bottom: 1px solid #cacaca;
  padding: .5rem; }

.events-cards .flex-justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.events-cards .flex-item a {
  display: block;
  word-wrap: break-word; }

.events-cards .flex-item p {
  padding-left: 1em;
  padding-right: 1em;
  font-size: .85em;
  color: #555557;
  line-height: 1.6em; }

.events-cards .flex-item .event-type {
  background-color: #eeeeee;
  padding-top: .5em;
  padding-bottom: .5em;
  min-height: 36px;
  line-height: 36px; }
  .events-cards .flex-item .event-type .iconHolder {
    float: right;
    margin-top: 0.2em; }
  .events-cards .flex-item .event-type img {
    width: 30px;
    float: right;
    margin-left: .5em; }
  .events-cards .flex-item .event-type.type1 {
    background-color: #1CA4D8;
    color: white; }
  .events-cards .flex-item .event-type.type2 {
    background-color: #FF4F01;
    color: white; }
  .events-cards .flex-item .event-type.type3 {
    background-color: #00A79F;
    color: white; }
  .events-cards .flex-item .event-type.type4 {
    background-color: #00A79F;
    color: white; }
  .events-cards .flex-item .event-type.type5 {
    background-color: #3980b2;
    color: white; }
  .events-cards .flex-item .event-type.type6 {
    background-color: #d7df0f;
    color: white; }
  .events-cards .flex-item .event-type.type7 {
    background-color: #414042;
    color: white; }

.events-cards .flex-item div {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.events-cards .flex-item h5 {
  font-size: 1em;
  line-height: 1.6em;
  color: #29a5d6;
  margin: 0px;
  font-weight: 400;
  padding: 1em; }

.events-cards .flex-item .event-date {
  margin-bottom: 0.5rem;
  padding-left: 1rem; }

.events-cards .flex-item .event-location {
  font-weight: bold;
  margin-bottom: 0.5rem;
  padding-left: 1rem; }

.events-modal-details {
  display: none; }
  .events-modal-details .modal-logo-section {
    text-align: center; }
    .events-modal-details .modal-logo-section img {
      height: auto;
      width: 100%;
      max-width: 200px; }
    .events-modal-details .modal-logo-section .links {
      text-align: left; }
    .events-modal-details .modal-logo-section span {
      padding-right: 1em; }
  .events-modal-details .modal-content .section-header {
    margin-right: 0px;
    margin-left: 0px; }
  .events-modal-details .modal-content .section-content {
    margin-right: 0px;
    margin-left: 0px; }
  @media (min-width: 832px) {
    .events-modal-details .modal-content {
      padding-left: 2rem; } }

.divider, .product-landing .layout-secondary, .product-landing .layout-secondary-slim-side, .product-landing .layout-secondary-slim-side-grey, .product-landing .layout-secondary-cta-container, .product-landing .layout-secondary-shaded, .divider-secondary, .testimonial {
  border: none;
  margin-top: 16px;
  padding-top: 0; }

.divider, .product-landing .layout-secondary, .product-landing .layout-secondary-slim-side, .product-landing .layout-secondary-slim-side-grey, .product-landing .layout-secondary-cta-container, .product-landing .layout-secondary-shaded {
  border-top: 1px solid #e0e0e0; }
  .divider.row, .product-landing .row.layout-secondary, .product-landing .row.layout-secondary-slim-side, .product-landing .row.layout-secondary-slim-side-grey, .product-landing .row.layout-secondary-cta-container, .product-landing .row.layout-secondary-shaded {
    margin-top: 0; }

.divider-large {
  border: none;
  border-top: 1px solid #e0e0e0;
  margin-top: 2em;
  padding-top: 2em; }
  @media only screen and (min-width: 60em) {
    .divider-large {
      margin-top: 3.77778em;
      padding-top: 3.77778em; } }

.divider-secondary {
  border-top: 1px dashed #2a2a2a; }

.footnote {
  font-size: 12px;
  font-size: 0.66667rem; }
  .layout-secondary .footnote {
    font-size: 12px;
    font-size: 0.66667rem; }

.wrapper {
  margin-left: 0;
  margin-right: 0;
  min-width: 0;
  width: 100%;
  margin: 0 auto;
  max-width: 1440px;
  padding: 1em; }

.wrapper-flush {
  margin-left: 0;
  margin-right: 0;
  min-width: 0;
  width: 100%;
  margin: 0 auto;
  max-width: 1440px;
  padding: 1em;
  padding: 0; }

.wrapper-nested {
  margin-left: 0;
  margin-right: 0;
  min-width: 0;
  width: 100%;
  margin: 0 auto;
  max-width: 1440px;
  padding: 1em;
  margin-top: 16px;
  padding: 0; }
  .wrapper-nested:first-child {
    margin-top: 0; }

.two-up,
.three-up,
.four-up {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: 100%; }
  .two-up:first-child,
  .three-up:first-child,
  .four-up:first-child {
    margin-top: 0; }
  .two-up.nth-child-np2,
  .three-up.nth-child-np2,
  .four-up.nth-child-np2 {
    margin-top: 3.3%; }
  @media only screen and (min-width: 60em) {
    .two-up,
    .three-up,
    .four-up {
      left: 0.25em;
      margin-left: -0.25em;
      position: relative; }
      .two-up.nth-child-np2,
      .three-up.nth-child-np2,
      .four-up.nth-child-np2 {
        margin-top: 0; } }

@media only screen and (min-width: 60em) {
  .two-up {
    margin-right: 3.3%;
    width: 48.3%; }
    .cq-Editable-dom .two-up {
      margin-right: 2.5%; }
    .page-campaign-landing .two-up {
      margin: 0.66667em 3.3% 0.66667em -0.25em !important;
      width: 46.6%; }
    .two-up.nth-child-2n {
      margin-right: 0; }
    .two-up.nth-child-np3 {
      margin-top: 3.3%; }
    .layout-secondary .two-up {
      margin-right: 0;
      width: 100%; }
      .layout-secondary .two-up:first-child {
        margin-top: 0; } }

@media only screen and (min-width: 60em) {
  .three-up {
    margin-right: 2.5%;
    width: 31.6%; }
    .cq-Editable-dom .three-up {
      margin-right: 1.6%; }
    .three-up.nth-child-3n {
      margin-right: 0; }
    .three-up.nth-child-np4 {
      margin-top: 2.5%; } }

@media only screen and (min-width: 60em) {
  .four-up {
    margin-right: 3.3%;
    width: 48.3%; }
    .cq-Editable-dom .four-up {
      margin-right: 2.5%; }
    .four-up.nth-child-2n {
      margin-right: 0; }
    .four-up.nth-child-np3 {
      margin-top: 3.3%; } }

@media only screen and (min-width: 76.25em) {
  .four-up {
    margin-right: 2.1%;
    width: 23.3%; }
    .four-up.nth-child-2n {
      margin-right: 2.1%; }
    .four-up.nth-child-4n {
      margin-right: 0; }
    .four-up.nth-child-np3 {
      margin-top: 0; }
    .four-up.nth-child-np5 {
      margin-top: 2.1%; } }

.accessibility {
  height: 0;
  left: -9999em;
  line-height: 0;
  position: absolute;
  text-indent: -9999em; }

.learn-more:after {
  content: " \00203A"; }

.brand {
  background-image: url("head/bmc_logo_header.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
  float: left;
  text-indent: -9999em; }
  .no-svg .brand {
    background-image: url("head/bmc_logo_header.png"); }
  .search-active .brand {
    display: none; }
    @media only screen and (min-width: 48em) {
      .search-active .brand {
        display: block; } }

.bmc-nav-loader-navigation .brand {
  height: 36px;
  margin: 0.55556em 0 0 0.88889em;
  width: 108px;
  /*.ie8 & {
		margin-top: em(5);
		margin-left: em(15);
		height: 50px;
		min-width: 125px;
	}*/ }
  @media only screen and (min-width: 60em) {
    .bmc-nav-loader-navigation .brand {
      height: 45px;
      margin: 1.1em 0 0;
      width: 135px;
      /*.ie8 & {
			margin-top: em(18);
			margin-left: -1 * em(12);
		}*/ } }

.bmc-nav-loader-nav .brand {
  height: 40px;
  margin: 0.88889em 0 0;
  width: 120px;
  /*.ie8 & {
		height: 50px;
		min-width: 140px;
	}*/ }
  @media only screen and (min-width: 60em) {
    .bmc-nav-loader-nav .brand {
      height: 50px;
      margin: 1.5em 0;
      width: 150px; } }

@media only screen and (min-width: 48em) {
  .dl-adjacent dt {
    float: left;
    margin: 0 1.33333em 0.88889em 0;
    min-width: 6.11111em;
    width: 16.6%; } }

.dl-adjacent dd {
  border-bottom: 1px solid #f1f1f1;
  margin: 0 0 0.88889em;
  padding-bottom: 0.88889em; }

.legal-copyright {
  color: #a7a9ac;
  font-size: 12px;
  font-size: 0.66667rem; }
  @media only screen and (min-width: 60em) {
    .legal-copyright {
      box-sizing: border-box;
      float: left;
      margin: 0;
      min-height: 1px;
      width: 100%;
      padding: 24px 16px;
      width: 83.3%; } }

.right {
  margin: 0 auto 16px; }
  @media only screen and (min-width: 48em) {
    .right {
      float: right;
      margin: 0 0 16px 8px; } }

.testimonial {
  background-color: #00a79d;
  margin: 0 0 2em;
  padding: 40px;
  position: relative; }
  @media only screen and (min-width: 48em) {
    .testimonial {
      margin: 4em 0;
      padding: 60px; } }
  .testimonial.row {
    margin-top: 0; }
  .testimonial .layout-inner-wrap {
    padding: 0; }
  .testimonial p {
    color: #cfe5e4;
    font-size: 36px;
    font-size: 2rem;
    font-weight: 300;
    margin-bottom: 0; }
    @media only screen and (min-width: 12.5em) {
      .testimonial p {
        font-size: 20px;
        font-size: 1.11111rem; } }
    @media only screen and (min-width: 20em) {
      .testimonial p {
        font-size: 20px;
        font-size: 1.11111rem; } }
    @media only screen and (min-width: 30em) {
      .testimonial p {
        font-size: 20px;
        font-size: 1.11111rem; } }
    @media only screen and (min-width: 48em) {
      .testimonial p {
        font-size: 36px;
        font-size: 2rem; } }
    @media only screen and (min-width: 60em) {
      .testimonial p {
        font-size: 36px;
        font-size: 2rem; } }
  .testimonial a {
    color: #ffffff;
    font-size: 16px;
    font-size: 0.88889rem;
    text-decoration: none; }
    .testimonial a:hover, .testimonial a:active {
      color: #00655E; }
    .testimonial a.learn-more {
      font-size: 16px;
      font-size: 0.88889rem; }
  .testimonial cite {
    color: #cfe5e4;
    display: block;
    font-size: 16px;
    font-size: 0.88889rem;
    margin-top: 1.33333em; }
  .page-campaign-landing .testimonial {
    padding: 2em;
    margin: 2em 0; }
    .page-campaign-landing .testimonial p {
      font-size: 1.8rem; }

.testimonial-video > *:first-child:before,
.testimonial-pdf > *:first-child:before,
.testimonial-case-study > *:first-child:before {
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  font-size: 18px;
  font-size: 1rem;
  position: absolute;
  top: 18px; }
  @media only screen and (min-width: 48em) {
    .testimonial-video > *:first-child:before,
    .testimonial-pdf > *:first-child:before,
    .testimonial-case-study > *:first-child:before {
      top: 24px; } }

.testimonial-video > *:first-child:before {
  content: ""; }

.testimonial-pdf > *:first-child:before {
  content: ""; }

.link-icon-video:before {
  content: ""; }

.link-icon-pdf:before {
  content: ""; }

.link-icon-pdf-lightgrey:before {
  content: "";
  color: #e4e5e6 !important; }

.link-icon-pdf-lightblue:before {
  content: "";
  color: #6290a3 !important; }

.link-icon-document:before {
  content: ""; }

.link-icon-resource-video {
  background: url("head/bg-resource-downloads-li-video.png") left top no-repeat;
  background-position: -4px -2px;
  padding-left: 27px;
  background-size: 1.5rem; }

.link-icon-resource-document {
  background: url("head/bg-resource-downloads-li.png") left 6px no-repeat;
  background-position: -2px -2px;
  padding-left: 27px;
  background-size: 1rem; }

.link-icon-resource-documents {
  background: url("head/bg-resource-downloads-li.png") left 6px no-repeat;
  background-position: 0 -3.71rem;
  padding-left: 27px;
  background-size: .94rem; }

.link-icon-video-play {
  background: url("head/s-VideoPlay-small.png") left 6px no-repeat;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  padding-right: 2.77778em;
  padding-left: 27px; }

.link-icon-word:before {
  content: ""; }

.link-icon-excel:before {
  content: ""; }

.link-icon-zip:before {
  content: ""; }

.link-icon-powerpoint:before {
  content: ""; }

.link-icon-email:before {
  content: ""; }

.link-icon-phone:before {
  content: ""; }

.link-icon-globe:before {
  content: ""; }

.link-icon-play:before {
  content: ""; }

.link-icon-star:before {
  content: ""; }

.link-icon-eye:before {
  content: ""; }

.icon-play {
  position: relative; }
  .icon-play:before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: inline-block;
    height: 65px;
    width: 55px;
    padding-right: 10px;
    position: relative;
    top: 10px;
    background-image: url("head/icon-slide-video.png"); }

.icon-magnify {
  position: relative; }
  .icon-magnify:before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: inline-block;
    height: 65px;
    width: 55px;
    padding-right: 10px;
    position: relative;
    top: 10px;
    background-image: url("head/icon-slide-glass.png"); }

.logo-outer-wrap {
  margin: 0 auto;
  width: 100%;
  text-align: center; }
  .logo-outer-wrap .columnleft {
    margin: 0 auto;
    width: 40%;
    margin-right: 10%;
    text-align: center;
    float: left; }
  .logo-outer-wrap .columnright {
    margin: 0 auto;
    width: 40%;
    margin-right: 0%;
    text-align: center;
    float: left; }
  .logo-outer-wrap .single-line {
    float: left;
    width: 10%; }
  .logo-outer-wrap .two-column {
    float: left;
    width: 80%; }
  .logo-outer-wrap .one-column {
    width: 100%; }

#single-row {
  display: none; }
  @media only screen and (min-width: 48em) {
    #single-row {
      display: none; } }
  @media only screen and (min-width: 60em) {
    #single-row {
      display: block; } }

#double-column {
  display: none; }
  @media only screen and (min-width: 48em) {
    #double-column {
      display: block; } }
  @media only screen and (min-width: 60em) {
    #double-column {
      display: none; } }

#single-column {
  display: block; }
  @media only screen and (min-width: 20em) {
    #single-column {
      display: block; } }
  @media only screen and (min-width: 48em) {
    #single-column {
      display: none; } }
  @media only screen and (min-width: 60em) {
    #single-column {
      display: none; } }

#three-columns {
  display: none; }
  @media only screen and (min-width: 48em) {
    #three-columns {
      display: none; } }
  @media only screen and (min-width: 60em) {
    #three-columns {
      display: block; } }

#two-columns {
  display: none; }
  @media only screen and (min-width: 20em) {
    #two-columns {
      display: block; } }
  @media only screen and (min-width: 30em) {
    #two-columns {
      display: block; } }
  @media only screen and (min-width: 48em) {
    #two-columns {
      display: block; } }
  @media only screen and (min-width: 60em) {
    #two-columns {
      display: none; } }

.brands {
  list-style: none;
  padding: 0 0 0 20px;
  text-align: center; }
  .brands li {
    display: inline-block;
    margin: 0 15px 0 0; }

.three-column ul {
  list-style: none;
  list-style-image: none;
  line-height: 0; }

.three-column li {
  display: inline-block;
  margin-right: 1em;
  padding: 0;
  text-align: left;
  width: 30%;
  vertical-align: top; }
  .three-column li:last-child {
    margin-right: 0; }

@media only screen and (min-width: 20em) {
  .three-column li {
    display: block;
    vertical-align: top;
    width: 100%; } }

@media only screen and (min-width: 30em) {
  .three-column li {
    display: block;
    margin-right: 2em;
    vertical-align: top;
    width: 100%; } }

@media only screen and (min-width: 48em) {
  .three-column li {
    display: block;
    margin-right: 2em;
    vertical-align: top;
    width: 100%; } }

@media only screen and (min-width: 60em) {
  .three-column li {
    display: inline-block;
    margin-right: 1em;
    padding: 0;
    text-align: left;
    vertical-align: top;
    width: 40%; }
    .three-column li:last-child {
      margin-right: 0; } }

@media only screen and (min-width: 76.25em) {
  .three-column li {
    display: inline-block;
    margin-right: 1em;
    padding: 0;
    text-align: left;
    vertical-align: top;
    width: 31%; }
    .three-column li:last-child {
      margin-right: 0; } }

.va {
  display: block;
  margin: auto;
  text-align: center;
  white-space: nowrap; }
  .va span {
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .va img {
    vertical-align: middle; }

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

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

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

.text-upper {
  text-transform: uppercase; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.table-desktop {
  display: block;
  width: 100%; }
  @media only screen and (min-width: 60em) {
    .table-desktop {
      display: table; }
      .table-desktop .td {
        display: table-cell; } }

.force-ie-pseudo-redraw:before, .force-ie-pseudo-redraw:after {
  content: '' !important; }

.white {
  color: #fff; }

.abbey {
  color: #555557; }

a.white:hover,
a.white:focus,
.white-hover:hover,
.white-hover:focus {
  color: #fff; }

.seashell {
  color: #f1f1f1; }

.tundora {
  color: #413e41; }

.corduroy {
  color: #5b5c5c; }

.black {
  color: #000; }

.gray {
  color: #888; }

.ship-gray {
  color: #414042; }

.aluminium {
  color: #a7a9ac; }

.medium-orange {
  color: #fe5000; }

.yellow-orange-hover:hover,
.yellow-orange-hover:focus {
  color: #ffad38; }
  .yellow-orange-hover:hover svg,
  .yellow-orange-hover:focus svg {
    fill: #ffad38; }

.robins-egg-blue {
  color: #00bddd; }

.curious-blue {
  color: #29a5d6; }

.dark-blue-hover:hover,
.dark-blue-hover:focus {
  color: #046e96; }
  .dark-blue-hover:hover svg,
  .dark-blue-hover:focus svg {
    fill: #046e96; }

.bg-transparent {
  background-color: transparent; }

.bg-white, .header-generic,
.header-brand {
  background-color: #fff; }

.bg-white-hover:hover,
.bg-white-hover:focus {
  background-color: #fff; }

.bg-seashell {
  background-color: #f1f1f1; }

.bg-seashell-hover:hover,
.bg-seashell-hover:focus {
  background-color: #f1f1f1; }

.bg-iron {
  background-color: #e2e3e4; }

.bg-mediumGrey {
  background-color: #cacaca; }

.bg-darkGrey {
  background-color: #6c6c6c; }

.bg-black-80 {
  background-color: rgba(0, 0, 0, 0.8); }

.bg-sirocco {
  background-color: #6e6f6f; }

.bg-corduroy {
  background-color: #5b5c5c; }

.bg-abbey {
  background-color: #555557; }

.bg-ship-gray {
  background-color: #414042; }

.bg-tundora {
  background-color: #413e41; }

.bg-mediumGrey-hover:hover,
.bg-mediumGrey-hover:focus {
  background-color: #cacaca; }

.bg-gray-hover:hover,
.bg-gray-hover:focus {
  background-color: #888; }

.bg-black {
  background-color: #000; }

.bg-cerulean {
  background-color: #00b0f0; }

.bg-curious-blue {
  background-color: #29a5d6; }

.bg-curious-blue:hover,
.bg-curious-blue:focus {
  background-color: #29a5d6; }

.bg-shakespeare {
  background-color: #3cb6ce; }

.bg-robins-egg-blue {
  background-color: #00bddd; }

.bg-boston-blue {
  background-color: #3980b2; }

.bg-danube {
  background-color: #5898d2; }

.bg-viking {
  background-color: #5ec2d5; }

.bg-keppel {
  background-color: #46ad9e; }

.bg-persian-green {
  background-color: #00a79d; }

.bg-conifer {
  background-color: #92d050; }

.bg-tangerine {
  background-color: #f98700; }

.bg-tango {
  background-color: #f37021; }

.bg-mediumOrange {
  background-color: #fe5000; }

.bg-pear {
  background-color: #d7df23; }

.fill-white {
  fill: #fff; }

.fill-black {
  fill: #000; }

.fill-seashell {
  fill: #f1f1f1; }

.fill-robins-egg-blue {
  fill: #00bddd; }

.fill-tundora {
  fill: #413e41; }

.fill-curious-blue {
  fill: #29a5d6; }

.fill-persian-green {
  fill: #00a79d; }

.fill-shakespeare {
  fill: #3cb6ce; }

.fill-pear {
  fill: #d7df23; }

.fill-tangerine {
  fill: #f98700; }

.fill-mediumOrange {
  fill: #fe5000; }

.fill-boston-blue {
  fill: #3980b2; }

.fill-tango {
  fill: #f37021; }

.fill-keppel {
  fill: #46ad9e; }

.fill-mediumOrange {
  fill: #fe5000; }

.fill-pomegranate {
  fill: #ee3924; }

.fill-conifer {
  fill: #92d050; }

.fill-viking {
  fill: #5ec2d5; }

.fill-danube {
  fill: #5898d2; }

.hd, .hc, .hb, .ha, .h1, .page-homepage .brick_accelerators .title, .h2, .h3, .page-careers .slide-caption, #join-leader .trophy-list, .h4, .h5, .h6 {
  display: block;
  line-height: 1.2; }

.hd {
  font-size: 3rem; }

.hc {
  font-size: 2.5rem; }

.hb {
  font-size: 2rem; }

.ha {
  font-size: 1.75rem; }

.h1, .page-homepage .brick_accelerators .title {
  font-size: 1.5rem; }

.h2 {
  font-size: 1.25rem; }

.h3, .page-careers .slide-caption, #join-leader .trophy-list {
  font-size: 1rem; }

.h4 {
  font-size: .9rem; }

.h5 {
  font-size: .8rem; }

.h6 {
  font-size: .7rem; }

.p {
  line-height: 1.5em; }

.bold {
  font-weight: 700; }

.bolder {
  font-weight: 800; }

.boldest {
  font-weight: 900; }

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

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

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

.serif {
  font-family: serif; }

.sans-serif {
  font-family: sans-serif; }

.monospace {
  font-family: monospace; }

.inherit {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit; }

.readability {
  margin-left: auto;
  margin-right: auto;
  max-width: 24em; }

.readability-large {
  margin-left: auto;
  margin-right: auto;
  max-width: 28em; }

.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.circle {
  border-radius: 50%; }

.inline {
  display: inline; }

.block {
  display: block; }

.inline-block {
  display: inline-block; }

.table {
  display: table; }

.table-cell {
  display: table-cell; }

.container {
  display: block;
  position: relative; }

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

.align-baseline {
  vertical-align: baseline; }

.align-top {
  vertical-align: top; }

.align-middle {
  vertical-align: middle; }

.align-bottom {
  vertical-align: bottom; }

.center-middle,
.middle-center {
  text-align: center;
  vertical-align: middle; }

.va {
  display: block;
  margin: auto;
  text-align: center;
  white-space: nowrap; }
  .va span {
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .va img {
    vertical-align: middle; }

.img-responsive-height {
  height: 100%;
  width: auto; }

.img-responsive-width {
  height: auto;
  width: 100%; }

.center-block,
.block-center {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.vertical-pos,
.pos-vertical {
  display: block;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  -webkit-transform: translateY(-50%); }

.horizontal-pos,
.pos-horizontal {
  display: block;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  -webkit-transform: translateY(-50%); }

.center-pos,
.pos-center {
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%); }

.pos-bottom, .page-careers .slide-caption {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute; }

.pos-top {
  display: block;
  left: 0;
  position: absolute;
  top: 0; }

.table-desktop {
  display: block;
  width: 100%; }
  @media only screen and (min-width: 60em) {
    .table-desktop {
      display: table; }
      .table-desktop .td {
        display: table-cell; } }

.overflow-hidden {
  overflow: hidden; }

.overflow-scroll {
  overflow: scroll; }

.overflow-auto {
  overflow: auto; }

.btn-icon-right svg {
  height: 1em;
  margin: auto 0 -.2em .2em;
  max-width: 1em; }
  @media (min-width: 1024px) {
    .btn-icon-right svg {
      margin: auto 0 -.1em .2em; } }

.btn-flat {
  border-radius: 0;
  border-width: 1px;
  margin: 0;
  padding: .5em 1.25em; }

.col {
  box-sizing: border-box;
  float: left; }

.col-right {
  box-sizing: border-box;
  float: right; }

.col-1 {
  width: 8.33333%; }

.col-2 {
  width: 16.66667%; }

.col-3 {
  width: 25%; }

.col-4 {
  width: 33.33333%; }

.col-5 {
  width: 41.66667%; }

.col-6 {
  width: 50%; }

.col-7 {
  width: 58.33333%; }

.col-8 {
  width: 66.66667%; }

.col-9 {
  width: 75%; }

.col-10 {
  width: 83.33333%; }

.col-11 {
  width: 91.66667%; }

.col-12 {
  width: 100%; }

.flex,
.flex-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.flex-wrap, .cards-4-col, .cards-3-col, .education-cards, .events-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  width: 100%; }

.flex-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.flex-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.flex-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }

.flex-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

.flex-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.flex-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

.flex-justify {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.flex-justify-center,
.flex-x-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.flex-auto {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.flex-grow,
.flex-cell {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto; }

.flex-none {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none; }

.ratio_2-1 {
  position: relative; }
  .ratio_2-1::before {
    content: '';
    display: block;
    padding-top: 50%; }
  .ratio_2-1 > embed,
  .ratio_2-1 > iframe,
  .ratio_2-1 > object,
  .ratio_2-1 > video,
  .ratio_2-1 > a,
  .ratio_2-1 > div,
  .ratio_2-1 > img {
    height: 100% !important;
    left: 0;
    position: absolute !important;
    top: 0;
    width: 100% !important; }

.ratio_3-1 {
  position: relative; }
  .ratio_3-1::before {
    content: '';
    display: block;
    padding-top: 33.33333%; }
  .ratio_3-1 > embed,
  .ratio_3-1 > iframe,
  .ratio_3-1 > object,
  .ratio_3-1 > video,
  .ratio_3-1 > a,
  .ratio_3-1 > div,
  .ratio_3-1 > img {
    height: 100% !important;
    left: 0;
    position: absolute !important;
    top: 0;
    width: 100% !important; }

.ratio_3-2 {
  position: relative; }
  .ratio_3-2::before {
    content: '';
    display: block;
    padding-top: 66.66667%; }
  .ratio_3-2 > embed,
  .ratio_3-2 > iframe,
  .ratio_3-2 > object,
  .ratio_3-2 > video,
  .ratio_3-2 > a,
  .ratio_3-2 > div,
  .ratio_3-2 > img {
    height: 100% !important;
    left: 0;
    position: absolute !important;
    top: 0;
    width: 100% !important; }

.pxr1 {
  padding-right: 1rem; }

.col {
  box-sizing: border-box;
  float: left; }

.ratio_4-3 {
  position: relative; }
  .ratio_4-3::before {
    content: '';
    display: block;
    padding-top: 75%; }
  .ratio_4-3 > embed,
  .ratio_4-3 > iframe,
  .ratio_4-3 > object,
  .ratio_4-3 > video,
  .ratio_4-3 > a,
  .ratio_4-3 > div,
  .ratio_4-3 > img {
    height: 100% !important;
    left: 0;
    position: absolute !important;
    top: 0;
    width: 100% !important; }

.no-flexbox .flex-none {
  float: left; }

.no-flexbox .flex-table {
  display: table;
  width: 100%; }
  .no-flexbox .flex-table .flex-cell {
    display: table-cell; }

.no-flexbox .flex,
.no-flexbox .sm-flex,
.no-flexbox .md-flex,
.no-flexbox .lg-flex {
  display: table; }
  .no-flexbox .flex:not(.flex-item),
  .no-flexbox .sm-flex:not(.flex-item),
  .no-flexbox .md-flex:not(.flex-item),
  .no-flexbox .lg-flex:not(.flex-item) {
    width: 100%; }

.no-flexbox .flex-item {
  display: table-cell;
  vertical-align: top; }

.no-flexbox .card {
  display: inline-block;
  width: auto; }

.m0 {
  margin: 0; }

.mt0 {
  margin-top: 0; }

.mr0 {
  margin-right: 0; }

.mb0 {
  margin-bottom: 0; }

.ml0 {
  margin-left: 0; }

.m1 {
  margin: .5rem; }

.mt1 {
  margin-top: .5rem; }

.mr1 {
  margin-right: .5rem; }

.mb1 {
  margin-bottom: .5rem !important; }

.ml1 {
  margin-left: .5rem; }

.m2 {
  margin: 1rem; }

.mt2 {
  margin-top: 1rem; }

.mr2 {
  margin-right: 1rem; }

.mb2 {
  margin-bottom: 1rem; }

.ml2 {
  margin-left: 1rem; }

.m3 {
  margin: 2rem; }

.mt3 {
  margin-top: 2rem; }

.mr3 {
  margin-right: 2rem; }

.mb3 {
  margin-bottom: 2rem; }

.ml3 {
  margin-left: 2rem; }

.m4 {
  margin: 4rem; }

.mt4 {
  margin-top: 4rem; }

.mr4 {
  margin-right: 4rem; }

.no-flexbox .flex-wrap .flex:not(:last-child), .no-flexbox .cards-4-col .flex:not(:last-child), .no-flexbox .cards-3-col .flex:not(:last-child), .no-flexbox .education-cards .flex:not(:last-child), .no-flexbox .events-cards .flex:not(:last-child) {
  padding-right: 2rem; }

.no-flexbox .flex-none {
  float: left; }

.no-flexbox .flex-table {
  display: table;
  width: 100%; }
  .no-flexbox .flex-table .flex-cell {
    display: table-cell; }

.mb4 {
  margin-bottom: 4rem; }

.mb4 {
  margin-bottom: 4rem; }

.ml4 {
  margin-left: 4rem; }

.mx2 {
  margin-left: 1rem;
  margin-right: 1rem; }

.card {
  display: inline-block; }

.mxn1 {
  margin-left: -.5rem;
  margin-right: -.5rem; }

.mxn2 {
  margin-left: -1rem;
  margin-right: -1rem; }

.mxn3 {
  margin-left: -2rem;
  margin-right: -2rem; }

.mxn4 {
  margin-left: -4rem;
  margin-right: -4rem; }

.mx-auto {
  margin-left: auto;
  margin-right: auto; }

.p0 {
  padding: 0; }

.p1 {
  padding: .5rem; }

.py1 {
  padding-top: .5rem;
  padding-bottom: .5rem; }

.px1 {
  padding-left: .5rem;
  padding-right: .5rem; }

.p2, .page-careers .slide-caption {
  padding: 1rem; }

.py2 {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.pyt1 {
  padding-top: 1rem; }

.pyt2 {
  padding-top: 2rem; }

.pyt3 {
  padding-top: 3rem; }

.pyt4 {
  padding-top: 4rem; }

.pyt5 {
  padding-top: 5rem; }

.white-link-underline {
  font-weight: 400;
  text-decoration: underline;
  color: white; }

.px2 {
  padding-left: 1rem;
  padding-right: 1rem; }

.p3 {
  padding: 1.5rem; }

.button-set li {
  list-style: none;
  margin: 0;
  padding: 0; }

.ratio_2-1 {
  position: relative; }
  .ratio_2-1::before {
    content: '';
    display: block;
    padding-top: 50%; }
  .ratio_2-1 > embed,
  .ratio_2-1 > iframe,
  .ratio_2-1 > object,
  .ratio_2-1 > video,
  .ratio_2-1 > a,
  .ratio_2-1 > div,
  .ratio_2-1 > img {
    height: 100% !important;
    left: 0;
    position: absolute !important;
    top: 0;
    width: 100% !important; }

.py3 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }

.px3 {
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

.p4 {
  padding: 2rem; }

.py4 {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.pxr1 {
  padding-right: 1rem; }

.col {
  box-sizing: border-box;
  float: left; }

.col-right {
  box-sizing: border-box;
  float: right; }

.col-1 {
  width: 8.33333%; }

.col-2 {
  width: 16.66667%; }

.col-3 {
  width: 25%; }

.col-4 {
  width: 33.33333%; }

.col-5 {
  width: 41.66667%; }

.col-6 {
  width: 50%; }

.col-7 {
  width: 58.33333%; }

.col-8 {
  width: 66.66667%; }

.col-9 {
  width: 75%; }

.col-10 {
  width: 83.33333%; }

.col-11 {
  width: 91.66667%; }

.col-12 {
  width: 100%; }

.flex,
.flex-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.flex-wrap, .cards-4-col, .cards-3-col, .education-cards, .events-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  width: 100%; }

.flex-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.flex-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.flex-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }

.flex-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

.flex-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.flex-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

.flex-justify {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.flex-justify-center,
.flex-x-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.flex-auto {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.flex-grow,
.flex-cell {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto; }

.flex-none {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none; }

.no-flexbox .flex-wrap .flex:not(:last-child), .no-flexbox .cards-4-col .flex:not(:last-child), .no-flexbox .cards-3-col .flex:not(:last-child), .no-flexbox .education-cards .flex:not(:last-child), .no-flexbox .events-cards .flex:not(:last-child) {
  padding-right: 2rem; }

.no-flexbox .flex-none {
  float: left; }

.no-flexbox .flex-table {
  display: table;
  width: 100%; }
  .no-flexbox .flex-table .flex-cell {
    display: table-cell; }

.no-flexbox .flex,
.no-flexbox .sm-flex,
.no-flexbox .md-flex,
.no-flexbox .lg-flex {
  display: table; }
  .no-flexbox .flex:not(.flex-item),
  .no-flexbox .sm-flex:not(.flex-item),
  .no-flexbox .md-flex:not(.flex-item),
  .no-flexbox .lg-flex:not(.flex-item) {
    width: 100%; }

.no-flexbox .flex-item {
  display: table-cell;
  vertical-align: top; }

.no-flexbox .card {
  display: inline-block; }

.h2-variation-1 {
  color: #414042;
  font-weight: normal;
  margin: 0 0 1em 0;
  font-size: 36px;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.25; }

.padding-bottom-0 {
  padding-bottom: 0em !important; }

.padding-bottom-top-0 {
  padding-top: 0em !important;
  padding-bottom: 0em !important; }

.image-container {
  margin: auto;
  text-align: center; }

.instructions {
  font-size: .9em;
  padding: 2em 0 1em; }

.bannerBGGradient {
  background: red;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #cb4000, #cb4000, #fff, #fff);
  /*Safari 5.1-6*/
  /*Opera 11.1-12*/
  /*Fx 3.6-15*/
  background: linear-gradient(to right, #cb4000, #cb4000, #fff, #fff);
  /*Standard*/ }
  .bannerBGGradient img {
    display: inherit; }
  .bannerBGGradient .layout-inner-wrap {
    padding: 0px; }

.bannerBGGradient-V1 {
  background: red;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #ef6a3f, #ef6a3f, #f57e20, #f57e20);
  /*Safari 5.1-6*/
  /*Opera 11.1-12*/
  /*Fx 3.6-15*/
  background: linear-gradient(to right, #ef6a3f, #ef6a3f, #f57e20, #f57e20);
  /*Standard*/ }
  .bannerBGGradient-V1 img {
    display: inherit; }
  .bannerBGGradient-V1 .layout-inner-wrap {
    padding: 0px; }

iframe[name='google_conversion_frame'] {
  height: 0 !important;
  width: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  margin-top: -13px;
  float: left; }

.list-solid-disc li {
  display: list-item;
  list-style-type: disc; }

.white-link-underline {
  font-weight: 400;
  text-decoration: underline;
  color: white; }
  .white-link-underline:hover, .white-link-underline:active, .white-link-underline:focus {
    color: #fff; }

.button-set li {
  list-style: none;
  margin: 0;
  padding: 0; }

.ratio_2-1 {
  position: relative; }
  .ratio_2-1::before {
    content: '';
    display: block;
    padding-top: 50%; }
  .ratio_2-1 > embed,
  .ratio_2-1 > iframe,
  .ratio_2-1 > object,
  .ratio_2-1 > video,
  .ratio_2-1 > a,
  .ratio_2-1 > div,
  .ratio_2-1 > img {
    height: 100% !important;
    left: 0;
    position: absolute !important;
    top: 0;
    width: 100% !important; }

.ratio_3-2 {
  position: relative; }
  .ratio_3-2::before {
    content: '';
    display: block;
    padding-top: 66.66667%; }
  .ratio_3-2 > embed,
  .ratio_3-2 > iframe,
  .ratio_3-2 > object,
  .ratio_3-2 > video,
  .ratio_3-2 > a,
  .ratio_3-2 > div,
  .ratio_3-2 > img {
    height: 100% !important;
    left: 0;
    position: absolute !important;
    top: 0;
    width: 100% !important; }

.ratio_4-3 {
  position: relative; }
  .ratio_4-3::before {
    content: '';
    display: block;
    padding-top: 75%; }
  .ratio_4-3 > embed,
  .ratio_4-3 > iframe,
  .ratio_4-3 > object,
  .ratio_4-3 > video,
  .ratio_4-3 > a,
  .ratio_4-3 > div,
  .ratio_4-3 > img {
    height: 100% !important;
    left: 0;
    position: absolute !important;
    top: 0;
    width: 100% !important; }

.pointer-event-none {
  pointer-events: none; }

.py2-px0-imp {
  padding: 1rem 0 !important; }

.ml3em {
  margin-left: 3em; }

.width-xs {
  width: 300px; }

.iframe-min-height-1200 {
  width: 100%;
  height: 100%;
  min-height: 1200px;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  z-index: 99999; }

.fontsize-12-pt {
  font-size: 12.0pt; }

.font-size-0-pt-8-em {
  font-size: 0.8em; }

.color-te-papa-green {
  color: #213443; }

.line-height-normal {
  line-height: normal; }

.padding-bottom-1 {
  padding-bottom: 1rem; }

.margin-top-1rem-imp {
  margin-top: 1rem !important; }

.border-top-dashed-1-darkgrey {
  border-top: 1px dashed #aba9a9; }

.max-wd-770px {
  max-width: 770px; }

.pl-30px {
  padding-left: 30px; }

.title-sub-heading-h3 {
  margin-top: -.5em; }

.max-wd-30em {
  max-width: 30em; }

.border-top-dash {
  border-top: 1px dashed #ccc; }

.word-wrap-break-word {
  word-wrap: break-word; }

.mt0-imp {
  margin-top: 0 !important; }

.rotate-device {
  display: none; }
  @media only screen and (max-width: 30em) and (orientation: portrait) {
    .rotate-device {
      display: block; } }

.mobile-only {
  display: block; }
  @media only screen and (min-width: 60em) {
    .mobile-only {
      display: none; } }

.desktop-only {
  display: none; }
  @media only screen and (min-width: 60em) {
    .desktop-only {
      display: block; } }

@media (min-width: 640px) {
  .xs-only {
    display: none; } }

@media (max-width: 639px) {
  .xs-max-hide {
    display: none; } }

@media (max-width: 831px) {
  .sm-max-hide {
    display: none; } }

@media (max-width: 1023px) {
  .md-max-hide {
    display: none; } }

.flex-responsive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 639px) {
    .flex-responsive {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

@media (min-width: 640px) {
  .xs-hide {
    display: none; }
  .hd {
    font-size: 4rem; }
  .hc {
    font-size: 3.5rem; }
  .hb {
    font-size: 3rem; }
  .ha {
    font-size: 2.5rem; }
  .h1, .page-homepage .brick_accelerators .title {
    font-size: 2rem; }
  .h2 {
    font-size: 1.5rem; }
  .h3, .page-careers .slide-caption, #join-leader .trophy-list {
    font-size: 1.25rem; }
  .h4 {
    font-size: 1rem; }
  .h5 {
    font-size: .875rem; }
  .h6 {
    font-size: .75rem; }
  .pxr1 {
    padding-right: 2rem; }
  .sm-col {
    float: left; }
  .sm-col-right {
    float: right; }
  .sm-text-left {
    text-align: left; }
  .sm-col-1 {
    width: 8.33333%; }
  .sm-col-2 {
    width: 16.66667%; }
  .sm-col-3 {
    width: 25%; }
  .sm-col-4 {
    width: 33.33333%; }
  .sm-col-5 {
    width: 41.66667%; }
  .sm-col-6 {
    width: 50%; }
  .sm-col-7 {
    width: 58.33333%; }
  .sm-col-8 {
    width: 66.66667%; }
  .sm-col-9 {
    width: 75%; }
  .sm-col-10 {
    width: 83.33333%; }
  .sm-col-11 {
    width: 91.66667%; }
  .sm-col-12 {
    width: 100%; }
  .sm-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

@media (min-width: 832px) {
  .sm-hide {
    display: none; }
  .hd {
    font-size: 4rem; }
  .hc {
    font-size: 3.5rem; }
  .hb {
    font-size: 3rem; }
  .ha {
    font-size: 2.5rem; }
  .h1, .page-homepage .brick_accelerators .title {
    font-size: 2rem; }
  .h2 {
    font-size: 1.5rem; }
  .h3, .page-careers .slide-caption, #join-leader .trophy-list {
    font-size: 1.25rem; }
  .h4 {
    font-size: 1rem; }
  .h5 {
    font-size: .875rem; }
  .h6 {
    font-size: .75rem; }
  .py3 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem; }
  .px3 {
    padding-left: 2.5rem;
    padding-right: 2.5rem; }
  .py4 {
    padding-top: 3rem;
    padding-bottom: 3rem; }
  .px4 {
    padding-left: 3rem;
    padding-right: 3rem; }
  .pxr1 {
    padding-right: 2rem; }
  .p1 {
    padding: .75rem; }
  .p2, .page-careers .slide-caption {
    padding: 1.25rem; }
  .p3 {
    padding: 1.75rem; }
  .p4 {
    padding: 2.25rem; }
  .md-mr3 {
    margin-right: 2em; }
  .md-col {
    float: left; }
  .md-text-left {
    text-align: left; }
  .md-col-right {
    float: right; }
  .md-col-1 {
    width: 8.33333%; }
  .md-col-2 {
    width: 16.66667%; }
  .md-col-3 {
    width: 25%; }
  .md-col-4 {
    width: 33.33333%; }
  .md-col-5 {
    width: 41.66667%; }
  .md-col-6 {
    width: 50%; }
  .md-col-7 {
    width: 58.33333%; }
  .md-col-8 {
    width: 66.66667%; }
  .md-col-9 {
    width: 75%; }
  .md-col-10 {
    width: 83.33333%; }
  .md-col-11 {
    width: 91.66667%; }
  .md-col-12 {
    width: 100%; }
  .md-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

@media (min-width: 1024px) {
  .md-hide {
    display: none; }
  .hd {
    font-size: 4rem; }
  .hc {
    font-size: 3.5rem; }
  .hb {
    font-size: 3rem; }
  .ha {
    font-size: 2.5rem; }
  .h1, .page-homepage .brick_accelerators .title {
    font-size: 2rem; }
  .h2 {
    font-size: 1.5rem; }
  .h3, .page-careers .slide-caption, #join-leader .trophy-list {
    font-size: 1.25rem; }
  .h4 {
    font-size: 1rem; }
  .h5 {
    font-size: .875rem; }
  .h6 {
    font-size: .75rem; }
  .py4 {
    padding-top: 4rem;
    padding-bottom: 4rem; }
  .px4 {
    padding-left: 4rem;
    padding-right: 4rem; }
  .pxr1 {
    padding-right: 2rem; }
  .p1 {
    padding: 1rem; }
  .p2, .page-careers .slide-caption {
    padding: 1.5rem; }
  .p3 {
    padding: 2rem; }
  .p4 {
    padding: 2.5rem; }
  .lg-mr3 {
    margin-right: 3em; }
  .lg-col {
    float: left; }
  .lg-col-right {
    float: right; }
  .lg-text-left {
    text-align: left; }
  .lg-col-1 {
    width: 8.33333%; }
  .lg-col-2 {
    width: 16.66667%; }
  .lg-col-3 {
    width: 25%; }
  .lg-col-4 {
    width: 33.33333%; }
  .lg-col-5 {
    width: 41.66667%; }
  .lg-col-6 {
    width: 50%; }
  .lg-col-7 {
    width: 58.33333%; }
  .lg-col-8 {
    width: 66.66667%; }
  .lg-col-9 {
    width: 75%; }
  .lg-col-10 {
    width: 83.33333%; }
  .lg-col-11 {
    width: 91.66667%; }
  .lg-col-12 {
    width: 100%; }
  .lg-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

@media (min-width: 1496px) {
  .lg-hide {
    display: none; }
  .hd {
    font-size: 4rem; }
  .hc {
    font-size: 3.5rem; }
  .hb {
    font-size: 3rem; }
  .ha {
    font-size: 2.5rem; }
  .h1, .page-homepage .brick_accelerators .title {
    font-size: 2rem; }
  .h2 {
    font-size: 1.5rem; }
  .h3, .page-careers .slide-caption, #join-leader .trophy-list {
    font-size: 1.25rem; }
  .h4 {
    font-size: 1rem; }
  .h5 {
    font-size: .875rem; }
  .h6 {
    font-size: .75rem; }
  .xl-col {
    float: left; }
  .xl-col-right {
    float: right; }
  .xl-col-1 {
    width: 8.33333%; }
  .xl-col-2 {
    width: 16.66667%; }
  .xl-col-3 {
    width: 25%; }
  .xl-col-4 {
    width: 33.33333%; }
  .xl-col-5 {
    width: 41.66667%; }
  .xl-col-6 {
    width: 50%; }
  .xl-col-7 {
    width: 58.33333%; }
  .xl-col-8 {
    width: 66.66667%; }
  .xl-col-9 {
    width: 75%; }
  .xl-col-10 {
    width: 83.33333%; }
  .xl-col-11 {
    width: 91.66667%; }
  .xl-col-12 {
    width: 100%; }
  .xl-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

.page-homepage #accel_bricks .brick:before,
.page-homepage #dem_bricks .brick:before {
  background-color: transparent;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: background .2s;
  transition: background .2s;
  width: 100%; }

.page-homepage #accel_bricks .brick:hover:before,
.page-homepage #dem_bricks .brick:hover:before, .page-homepage #accel_bricks .brick:focus:before,
.page-homepage #dem_bricks .brick:focus:before {
  background-color: rgba(0, 0, 0, 0.2); }

.page-homepage .btn-corporate,
.page-homepage .btn-white,
.page-homepage .btn-text {
  border-radius: 0;
  border-width: 1px;
  margin: 0;
  padding: .5em 1.25em; }

.page-homepage .btn-text {
  padding: .5em 0; }

.page-homepage .readabilty {
  margin-left: auto;
  margin-right: auto;
  max-width: 24em; }

.page-homepage .hero {
  background-image: url(head/hero-mobile.jpg);
  background-position: center;
  background-size: cover;
  color: #fff; }

.page-homepage .hero_description {
  font-size: 1rem; }
  .page-homepage .hero_description p {
    font-size: inherit;
    margin: .5em 0 1em; }

.page-homepage .hero_cta {
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
  padding: 1.5rem;
  text-align: center; }
  @media (min-width: 1024px) {
    .page-homepage .hero_cta {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

@media (max-width: 639px) {
  .page-homepage .hero {
    padding-top: 2rem;
    text-align: center; }
  .page-homepage .hero_cta {
    margin-top: 1.5rem; }
    .page-homepage .hero_cta > div {
      margin-bottom: 1rem; } }

@media (min-width: 640px) {
  .page-homepage .hero {
    background-image: url(head/hero.jpg);
    overflow: hidden;
    padding-bottom: 200px;
    padding-top: 80px;
    text-align: left; }
  .page-homepage .hero_description {
    margin: auto;
    width: 45%; }
  .page-homepage .hero_cta {
    bottom: 0;
    font-size: .8rem;
    position: absolute;
    text-align: left;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .page-homepage .hero_cta .btn-corporate {
      margin-left: 2rem; } }

@media (min-width: 1024px) {
  .page-homepage .hero_description {
    font-size: 1.25rem; }
  .page-homepage .hero_cta {
    font-size: 1rem; } }

@media (min-width: 1496px) {
  .page-homepage .hero_description {
    font-size: 1.5rem; }
  .page-homepage .hero_cta {
    font-size: 1.25rem; } }

.page-homepage .brick {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.page-homepage .masonry .brick {
  position: relative; }

.page-homepage .masonry .card {
  color: #fff;
  text-align: center;
  -webkit-transition: background .2s;
  transition: background .2s; }
  .page-homepage .masonry .card p {
    font-size: inherit; }

.page-homepage #success_bricks .card-button img {
  max-width: 80%;
  min-width: 60%;
  width: 100px; }
  .page-homepage #success_bricks .card-button img.img-square {
    min-width: 30%;
    width: 50px; }

@media (min-width: 640px) {
  .page-homepage #success_bricks .brick_logos blockquote {
    font-size: 1.5rem; } }

@media (max-width: 639px) {
  .page-homepage #success_bricks .brick_logos img {
    width: 50px; } }

@media (min-width: 1024px) {
  .page-homepage #success_bricks .brick_logos {
    position: relative; }
    .page-homepage #success_bricks .brick_logos::before {
      content: '';
      display: block;
      padding-top: 75%; }
    .page-homepage #success_bricks .brick_logos > embed,
    .page-homepage #success_bricks .brick_logos > iframe,
    .page-homepage #success_bricks .brick_logos > object,
    .page-homepage #success_bricks .brick_logos > video,
    .page-homepage #success_bricks .brick_logos > a,
    .page-homepage #success_bricks .brick_logos > div,
    .page-homepage #success_bricks .brick_logos > img {
      height: 100% !important;
      left: 0;
      position: absolute !important;
      top: 0;
      width: 100% !important; } }

.page-homepage #accel_bricks .card-image,
.page-homepage #dem_bricks .card-image {
  height: 100px;
  padding: 10px 0 20px; }
  .page-homepage #accel_bricks .card-image svg,
  .page-homepage #dem_bricks .card-image svg {
    fill: #fff;
    height: 70px;
    width: 70px; }

.page-homepage .brick_accelerators {
  background-image: url(head/accelerators-bg.png);
  min-height: 15em;
  position: relative; }
  @media (min-width: 640px) {
    .page-homepage .brick_accelerators .title {
      text-align: left; } }
  @media (min-width: 1024px) and (max-width: 1495px) {
    .page-homepage .brick_accelerators .title {
      font-size: 1.5rem; } }
  @media (min-width: 1024px) and (max-width: 1495px) {
    .page-homepage .brick_accelerators a {
      height: 100% !important;
      left: 0;
      position: absolute !important;
      top: 0;
      width: 100% !important; } }

.page-homepage #dem_bricks .brick {
  background-position: right center;
  background-size: auto 100%; }

@media (min-width: 640px) {
  .page-homepage .brick_sme .card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    text-align: left; }
  .page-homepage .brick_sme .card-image {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100px;
            flex: 1 0 100px; }
  .page-homepage .brick_sme .card-content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; } }

.page-homepage .brick_security {
  background-image: url(head/block-security-bg.jpg); }

.page-homepage .brick_mainframe {
  background-image: url(head/block-mainframe-bg.jpg); }

.page-homepage .brick_agility {
  background-image: url(head/block-agility-bg.jpg); }

.page-homepage #products,
.page-homepage #hot-news {
  text-align: center; }
  .page-homepage #products .card,
  .page-homepage #hot-news .card {
    color: #414042; }
  .page-homepage #products .card-image img,
  .page-homepage #hot-news .card-image img {
    width: 80%; }
    @media (min-width: 640px) {
      .page-homepage #products .card-image img,
      .page-homepage #hot-news .card-image img {
        width: 50%; } }
    @media (min-width: 1024px) {
      .page-homepage #products .card-image img,
      .page-homepage #hot-news .card-image img {
        width: 100%; } }

@media (min-width: 1024px) {
  .page-homepage #hot-news {
    text-align: left; }
    .page-homepage #hot-news .card {
      background: #fff; } }

.honeycomb .card-hex-container {
  left: 0;
  top: 0;
  width: 220px; }
  .honeycomb .card-hex-container:nth-of-type(2n) {
    left: 0;
    top: 102px; }
  .honeycomb .card-hex-container:nth-of-type(3n) {
    left: 0;
    top: 208px; }
  .honeycomb .card-hex-container:nth-of-type(4n) {
    left: 0;
    top: 314px; }
  .honeycomb .card-hex-container:nth-of-type(5n) {
    left: 0;
    top: 420px; }
  .honeycomb .card-hex-container:nth-of-type(6n) {
    left: 0;
    top: 526px; }
  .honeycomb .card-hex-container:nth-of-type(7n) {
    left: 0;
    top: 632px; }
  @media (min-width: 480px) {
    .honeycomb .card-hex-container {
      left: 0;
      padding-left: 55px;
      padding-right: 55px;
      position: absolute;
      top: 0;
      width: 220px; }
      .honeycomb .card-hex-container:nth-of-type(2n) {
        left: 180px;
        top: 102px; }
      .honeycomb .card-hex-container:nth-of-type(3n) {
        left: 0;
        top: 208px; }
      .honeycomb .card-hex-container:nth-of-type(4n) {
        left: 180px;
        top: 314px; }
      .honeycomb .card-hex-container:nth-of-type(5n) {
        left: 0;
        top: 420px; }
      .honeycomb .card-hex-container:nth-of-type(6n) {
        left: 180px;
        top: 526px; }
      .honeycomb .card-hex-container:nth-of-type(7n) {
        left: 0;
        top: 632px; } }
  @media (min-width: 640px) {
    .honeycomb .card-hex-container:nth-of-type(1n) {
      left: 0;
      top: 102px; }
    .honeycomb .card-hex-container:nth-of-type(2n) {
      left: 180px;
      top: 0; }
    .honeycomb .card-hex-container:nth-of-type(3n) {
      left: 180px;
      top: 208px; }
    .honeycomb .card-hex-container:nth-of-type(4n) {
      left: 360px;
      top: 102px; }
    .honeycomb .card-hex-container:nth-of-type(5n) {
      left: 0;
      top: 314px; }
    .honeycomb .card-hex-container:nth-of-type(6n) {
      left: 180px;
      top: 420px; }
    .honeycomb .card-hex-container:nth-of-type(7n) {
      left: 360px;
      top: 314px; } }
  @media (min-width: 1024px) {
    .honeycomb .card-hex-container:nth-of-type(5n) {
      left: 540px;
      top: 0; }
    .honeycomb .card-hex-container:nth-of-type(6n) {
      left: 540px;
      top: 208px; }
    .honeycomb .card-hex-container:nth-of-type(7n) {
      left: 720px;
      top: 102px; } }

.honeycomb .card-hex,
.honeycomb .card-hex-shadow {
  box-sizing: border-box;
  position: relative;
  text-align: center; }
  .honeycomb .card-hex > div,
  .honeycomb .card-hex-shadow > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 2; }

.honeycomb .card-hex {
  background-color: #fff;
  color: #414042;
  height: 180px;
  left: 59px;
  position: absolute;
  top: 5px;
  width: 102px; }
  .honeycomb .card-hex:after {
    border-right: 52.5px solid #fff;
    left: -52px; }
  .honeycomb .card-hex:before {
    border-left: 52.5px solid #fff;
    right: -52px; }
  .honeycomb .card-hex:hover {
    background-color: #e2e3e4; }
    .honeycomb .card-hex:hover:after {
      border-right-color: #e2e3e4; }
    .honeycomb .card-hex:hover:before {
      border-left-color: #e2e3e4; }
  .honeycomb .card-hex > div {
    min-height: 100%;
    height: 100%;
    width: 150px;
    margin-left: -25px; }
  @media (min-width: 480px) {
    .honeycomb .card-hex {
      position: absolute;
      top: 5px;
      width: 102px; } }

.honeycomb .card-hex:before,
.honeycomb .card-hex-shadow:before,
.honeycomb .card-hex:after,
.honeycomb .card-hex-shadow:after {
  border-bottom: 90px solid transparent;
  border-top: 90px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 1; }

.honeycomb .card-hex-shadow {
  background-color: #e4e5e6;
  height: 190px;
  width: 110px; }
  .honeycomb .card-hex-shadow:after {
    left: -55px;
    border-bottom: 95px solid transparent;
    border-top: 95px solid transparent;
    border-right: 55px solid #e4e5e6; }
  .honeycomb .card-hex-shadow:before {
    right: -55px;
    border-bottom: 95px solid transparent;
    border-top: 95px solid transparent;
    border-left: 55px solid #e4e5e6; }

.honeycomb img {
  width: 100%; }

.honeycomb .modal-video-player {
  overflow: hidden; }
  @media (max-width: 1023px) {
    .honeycomb .modal-video-player {
      max-height: 400px; } }

.honeycomb .intro {
  margin-bottom: 1rem;
  padding: 1rem 0;
  text-align: center; }
  @media (min-width: 1496px) {
    .honeycomb .intro {
      float: left;
      text-align: left;
      width: 25%; } }

.honeycomb .content {
  margin: 0 auto;
  position: relative;
  width: 220px; }
  @media (max-width: 479px) {
    .honeycomb .content .card-hex {
      display: block;
      margin-bottom: 1.5rem;
      position: relative; }
    .honeycomb .content .card-image {
      margin-bottom: .5rem; } }
  @media (min-width: 480px) {
    .honeycomb .content {
      height: 850px;
      width: 400px; } }
  @media (min-width: 640px) {
    .honeycomb .content {
      height: 620px;
      width: 580px; } }
  @media (min-width: 1024px) {
    .honeycomb .content {
      height: 400px;
      width: 940px; } }
  @media (min-width: 1496px) {
    .honeycomb .content {
      float: left;
      width: 75%; }
      .honeycomb .content.float-none {
        float: none;
        max-width: 940px; } }

.honeycomb .card-hex {
  background-color: #000;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold; }
  .honeycomb .card-hex p {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 0px;
    width: 100%; }
  .honeycomb .card-hex:after {
    border-right-color: #fff; }
  .honeycomb .card-hex:before {
    border-left-color: #fff; }
  .honeycomb .card-hex:hover {
    background-color: #cccccc; }
    .honeycomb .card-hex:hover:after {
      border-right-color: #cccccc; }
    .honeycomb .card-hex:hover:before {
      border-left-color: #cccccc; }
  .honeycomb .card-hex.bg-lightSeaGreen {
    background-color: #20A99C; }
    .honeycomb .card-hex.bg-lightSeaGreen:after {
      border-right-color: #20A99C; }
    .honeycomb .card-hex.bg-lightSeaGreen:before {
      border-left-color: #20A99C; }
    .honeycomb .card-hex.bg-lightSeaGreen.hoverEffect:hover, .honeycomb .card-hex.bg-lightSeaGreen.hoverEffect:focus {
      background-color: #187e74; }
      .honeycomb .card-hex.bg-lightSeaGreen.hoverEffect:hover:after, .honeycomb .card-hex.bg-lightSeaGreen.hoverEffect:focus:after {
        border-right-color: #187e74; }
      .honeycomb .card-hex.bg-lightSeaGreen.hoverEffect:hover:before, .honeycomb .card-hex.bg-lightSeaGreen.hoverEffect:focus:before {
        border-left-color: #187e74; }
  .honeycomb .card-hex.bg-atlantis {
    background-color: #94CA53; }
    .honeycomb .card-hex.bg-atlantis:after {
      border-right-color: #94CA53; }
    .honeycomb .card-hex.bg-atlantis:before {
      border-left-color: #94CA53; }
    .honeycomb .card-hex.bg-atlantis.hoverEffect:hover, .honeycomb .card-hex.bg-atlantis.hoverEffect:focus {
      background-color: #7bb337; }
      .honeycomb .card-hex.bg-atlantis.hoverEffect:hover:after, .honeycomb .card-hex.bg-atlantis.hoverEffect:focus:after {
        border-right-color: #7bb337; }
      .honeycomb .card-hex.bg-atlantis.hoverEffect:hover:before, .honeycomb .card-hex.bg-atlantis.hoverEffect:focus:before {
        border-left-color: #7bb337; }
  .honeycomb .card-hex.bg-summerSky {
    background-color: #2AB7CF; }
    .honeycomb .card-hex.bg-summerSky:after {
      border-right-color: #2AB7CF; }
    .honeycomb .card-hex.bg-summerSky:before {
      border-left-color: #2AB7CF; }
    .honeycomb .card-hex.bg-summerSky.hoverEffect:hover, .honeycomb .card-hex.bg-summerSky.hoverEffect:focus {
      background-color: #2192a5; }
      .honeycomb .card-hex.bg-summerSky.hoverEffect:hover:after, .honeycomb .card-hex.bg-summerSky.hoverEffect:focus:after {
        border-right-color: #2192a5; }
      .honeycomb .card-hex.bg-summerSky.hoverEffect:hover:before, .honeycomb .card-hex.bg-summerSky.hoverEffect:focus:before {
        border-left-color: #2192a5; }
  .honeycomb .card-hex.bg-summerSky-dark {
    background-color: #1EADE3; }
    .honeycomb .card-hex.bg-summerSky-dark:after {
      border-right-color: #1EADE3; }
    .honeycomb .card-hex.bg-summerSky-dark:before {
      border-left-color: #1EADE3; }
    .honeycomb .card-hex.bg-summerSky-dark.hoverEffect:hover, .honeycomb .card-hex.bg-summerSky-dark.hoverEffect:focus {
      background-color: #178bb7; }
      .honeycomb .card-hex.bg-summerSky-dark.hoverEffect:hover:after, .honeycomb .card-hex.bg-summerSky-dark.hoverEffect:focus:after {
        border-right-color: #178bb7; }
      .honeycomb .card-hex.bg-summerSky-dark.hoverEffect:hover:before, .honeycomb .card-hex.bg-summerSky-dark.hoverEffect:focus:before {
        border-left-color: #178bb7; }
  .honeycomb .card-hex.bg-pictonBlue {
    background-color: #589AD0; }
    .honeycomb .card-hex.bg-pictonBlue:after {
      border-right-color: #589AD0; }
    .honeycomb .card-hex.bg-pictonBlue:before {
      border-left-color: #589AD0; }
    .honeycomb .card-hex.bg-pictonBlue.hoverEffect:hover, .honeycomb .card-hex.bg-pictonBlue.hoverEffect:focus {
      background-color: #3681bf; }
      .honeycomb .card-hex.bg-pictonBlue.hoverEffect:hover:after, .honeycomb .card-hex.bg-pictonBlue.hoverEffect:focus:after {
        border-right-color: #3681bf; }
      .honeycomb .card-hex.bg-pictonBlue.hoverEffect:hover:before, .honeycomb .card-hex.bg-pictonBlue.hoverEffect:focus:before {
        border-left-color: #3681bf; }
  .honeycomb .card-hex.bg-outrageousOrange {
    background-color: #F05427; }
    .honeycomb .card-hex.bg-outrageousOrange:after {
      border-right-color: #F05427; }
    .honeycomb .card-hex.bg-outrageousOrange:before {
      border-left-color: #F05427; }
    .honeycomb .card-hex.bg-outrageousOrange.hoverEffect:hover, .honeycomb .card-hex.bg-outrageousOrange.hoverEffect:focus {
      background-color: #d53b0f; }
      .honeycomb .card-hex.bg-outrageousOrange.hoverEffect:hover:after, .honeycomb .card-hex.bg-outrageousOrange.hoverEffect:focus:after {
        border-right-color: #d53b0f; }
      .honeycomb .card-hex.bg-outrageousOrange.hoverEffect:hover:before, .honeycomb .card-hex.bg-outrageousOrange.hoverEffect:focus:before {
        border-left-color: #d53b0f; }
  .honeycomb .card-hex.bg-carrotOrange {
    background-color: #F68721; }
    .honeycomb .card-hex.bg-carrotOrange:after {
      border-right-color: #F68721; }
    .honeycomb .card-hex.bg-carrotOrange:before {
      border-left-color: #F68721; }
    .honeycomb .card-hex.bg-carrotOrange.hoverEffect:hover, .honeycomb .card-hex.bg-carrotOrange.hoverEffect:focus {
      background-color: #db6e09; }
      .honeycomb .card-hex.bg-carrotOrange.hoverEffect:hover:after, .honeycomb .card-hex.bg-carrotOrange.hoverEffect:focus:after {
        border-right-color: #db6e09; }
      .honeycomb .card-hex.bg-carrotOrange.hoverEffect:hover:before, .honeycomb .card-hex.bg-carrotOrange.hoverEffect:focus:before {
        border-left-color: #db6e09; }

.honeycomb .card-hex-shadow {
  background-color: rgba(0, 0, 0, 0.5); }
  .honeycomb .card-hex-shadow:after {
    border-right-color: rgba(0, 0, 0, 0.5); }
  .honeycomb .card-hex-shadow:before {
    border-left-color: rgba(0, 0, 0, 0.5); }

.page-careers .hero {
  position: relative;
  text-align: center; }

.page-careers .hero-content {
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.65);
  color: #fff;
  padding: 2rem;
  width: 100%; }
  @media (min-width: 640px) {
    .page-careers .hero-content {
      padding: 5rem 0; } }
  .page-careers .hero-content .videoInstructions {
    color: #fe5000;
    font-weight: 800; }
  .page-careers .hero-content .videoIcon {
    width: 100px; }

.page-careers .hero_cta {
  background-color: rgba(254, 80, 0, 0.9);
  padding: 1.5rem; }
  @media (min-width: 640px) {
    .page-careers .hero_cta {
      padding: 2rem; } }
  @media (min-width: 1024px) {
    .page-careers .hero_cta {
      background-color: rgba(254, 80, 0, 0.8);
      padding: 4rem 2rem; } }

.page-careers .hero-image {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1; }
  .page-careers .hero-image:before {
    content: '';
    display: block; }
    .page-careers .hero-image:before .vidbg-box {
      width: 650px;
      height: 338px; }
  @media (max-width: 1279px) {
    .page-careers .hero-image img {
      height: 100%;
      max-width: none; } }
  @media (min-width: 1280px) {
    .page-careers .hero-image img {
      height: auto;
      width: 100%; } }
  .page-careers .hero-image.xs-only {
    background-image: url("head/careers-header.jpg");
    background-position: center;
    background-size: cover; }

.page-careers .divider--orange, .page-careers .divider--white-shade {
  display: inline-block;
  height: 1px;
  margin-top: 6px;
  width: 60px; }
  @media (min-width: 832px) {
    .page-careers .divider--orange, .page-careers .divider--white-shade {
      height: 2px; } }

.page-careers .divider--orange {
  background: #fe5000; }

.page-careers .divider--white-shade {
  background: rgba(255, 255, 255, 0.5); }

.page-careers .btn-flat,
.page-careers .jq-dropdown-trigger {
  border-radius: 4px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25); }
  @media (max-width: 639px) {
    .page-careers .btn-flat,
    .page-careers .jq-dropdown-trigger {
      font-size: .875rem; } }

.page-careers .card-image img {
  display: block;
  max-width: 640px;
  width: 100%; }
  @media (min-width: 832px) {
    .page-careers .card-image img {
      max-width: 440px; } }

.page-careers .slide-caption {
  width: 100%; }

.page-careers .three-column-layout .card-image img {
  width: 80%;
  margin: auto; }
  @media (min-width: 640px) {
    .page-careers .three-column-layout .card-image img {
      width: 50%; } }
  @media (min-width: 1024px) {
    .page-careers .three-column-layout .card-image img {
      width: 100%; } }

.page-careers .three-column-layout .card-content {
  text-align: center; }
  @media (min-width: 1024px) {
    .page-careers .three-column-layout .card-content {
      text-align: left; } }

.page-careers .owl-carousel {
  position: relative; }
  .page-careers .owl-carousel .owl-controls {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .page-careers .owl-carousel .owl-nav {
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1; }
    @media (min-width: 832px) {
      .page-careers .owl-carousel .owl-nav {
        height: 100%; } }

.page-careers .owl-next,
.page-careers .owl-prev {
  box-sizing: border-box;
  display: block;
  height: 100%;
  padding: 0;
  position: absolute;
  top: 0; }
  .page-careers .owl-next svg,
  .page-careers .owl-prev svg {
    height: 1em;
    width: 1em; }
    @media (min-width: 832px) {
      .page-careers .owl-next svg,
      .page-careers .owl-prev svg {
        height: 60px;
        margin-top: -30px;
        position: absolute;
        top: 50%;
        width: 30px; } }
    @media (min-width: 1024px) {
      .page-careers .owl-next svg,
      .page-careers .owl-prev svg {
        height: 100px;
        margin-top: -50px;
        top: 50%;
        width: 50px; } }
  @media (max-width: 639px) {
    .page-careers .owl-next,
    .page-careers .owl-prev {
      font-size: 14px;
      height: 26px;
      line-height: 18px;
      padding: 4px;
      width: 26px; } }
  @media (max-width: 831px) {
    .page-careers .owl-next,
    .page-careers .owl-prev {
      border: 2px solid #fe5000;
      border-radius: 50%; } }
  @media (min-width: 640px) and (max-width: 831px) {
    .page-careers .owl-next,
    .page-careers .owl-prev {
      font-size: 24px;
      height: 42px;
      line-height: 36px;
      padding: 4px;
      width: 42px; } }
  @media (min-width: 832px) {
    .page-careers .owl-next,
    .page-careers .owl-prev {
      width: 60px; } }
  @media (min-width: 1024px) {
    .page-careers .owl-next,
    .page-careers .owl-prev {
      width: 100px; } }

.page-careers .owl-dots {
  left: 50%;
  position: absolute;
  text-align: center;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-tap-highlight-color: transparent; }
  @media (max-width: 639px) {
    .page-careers .owl-dots {
      bottom: 30px; } }
  @media (min-width: 640px) and (max-width: 831px) {
    .page-careers .owl-dots {
      bottom: 50px; } }
  @media (min-width: 640px) {
    .page-careers .owl-dots {
      bottom: 50px; } }
  .page-careers .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .page-careers .owl-dots .owl-dot span {
      border-radius: 30px;
      display: block;
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      -webkit-backface-visibility: visible;
      -webkit-transition: opacity 200ms ease;
      transition: opacity 200ms ease; }

@media (max-width: 831px) {
  .page-careers .owl-theme--white .owl-next,
  .page-careers .owl-theme--white .owl-prev {
    border-color: #fff; }
    .page-careers .owl-theme--white .owl-next svg,
    .page-careers .owl-theme--white .owl-prev svg {
      stroke: #fff; } }

.page-careers .owl-theme--white .owl-next svg,
.page-careers .owl-theme--white .owl-prev svg {
  fill: #fff; }

.page-careers .owl-theme--white .owl-dots .owl-dot span {
  background: rgba(255, 255, 255, 0.5); }

.page-careers .owl-theme--white .owl-dots .owl-dot.active span, .page-careers .owl-theme--white .owl-dots .owl-dot:hover span {
  background: #fff; }

@media (max-width: 831px) {
  .page-careers .owl-theme--orange .owl-next,
  .page-careers .owl-theme--orange .owl-prev {
    border-color: #fe5000; }
    .page-careers .owl-theme--orange .owl-next svg,
    .page-careers .owl-theme--orange .owl-prev svg {
      stroke: #fe5000; } }

.page-careers .owl-theme--orange .owl-next svg,
.page-careers .owl-theme--orange .owl-prev svg {
  fill: #fe5000; }

.page-careers .owl-theme--orange .owl-dots .owl-dot span {
  background: #a7a9ac; }

.page-careers .owl-theme--orange .owl-dots .owl-dot.active span, .page-careers .owl-theme--orange .owl-dots .owl-dot:hover span {
  background: #fe5000; }

.page-careers .owl-responsive {
  padding-bottom: 80px; }
  @media (min-width: 640px) {
    .page-careers .owl-responsive {
      padding-bottom: 140px;
      padding-left: 60px;
      padding-right: 60px; } }
  @media (min-width: 832px) {
    .page-careers .owl-responsive {
      padding-bottom: 120px;
      padding-left: 120px;
      padding-right: 120px; } }
  .page-careers .owl-responsive .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

@media (max-width: 639px) {
  .page-careers #overview-slides .owl-nav,
  .page-careers #work-for-bmc .owl-nav {
    bottom: 60px; } }

@media (min-width: 640px) and (max-width: 831px) {
  .page-careers #overview-slides .owl-nav,
  .page-careers #work-for-bmc .owl-nav {
    bottom: 88px; } }

@media (max-width: 831px) {
  .page-careers #overview-slides .owl-next,
  .page-careers #work-for-bmc .owl-next {
    margin-right: -150px;
    right: 50%; } }

@media (min-width: 832px) {
  .page-careers #overview-slides .owl-next,
  .page-careers #work-for-bmc .owl-next {
    right: 0; }
    .page-careers #overview-slides .owl-next svg,
    .page-careers #work-for-bmc .owl-next svg {
      left: 0; } }

@media (max-width: 831px) {
  .page-careers #overview-slides .owl-prev,
  .page-careers #work-for-bmc .owl-prev {
    left: 50%;
    margin-left: -150px; } }

@media (min-width: 832px) {
  .page-careers #overview-slides .owl-prev,
  .page-careers #work-for-bmc .owl-prev {
    left: 0; }
    .page-careers #overview-slides .owl-prev svg,
    .page-careers #work-for-bmc .owl-prev svg {
      right: 0; } }

@media (max-width: 831px) {
  .page-careers #overview-slides .section-content {
    margin-left: 18px;
    margin-right: 18px; } }

@media (min-width: 832px) and (max-width: 1023px) {
  .page-careers #overview-slides .section-content {
    margin-left: 100px;
    margin-right: 100px; } }

@media (min-width: 1024px) and (max-width: 1495px) {
  .page-careers #overview-slides .section-content {
    margin-left: 150px;
    margin-right: 150px; } }

@media (min-width: 832px) {
  .page-careers #overview-slides .owl-nav svg {
    fill: #fe5000;
    margin-top: -150px; } }

@media (min-width: 1024px) {
  .page-careers #overview-slides .owl-nav svg {
    margin-top: -160px; } }

.page-careers #work-for-bmc .owl-stage-outer {
  z-index: 2; }

.page-careers #work-for-bmc .owl-controls {
  z-index: 1; }

@media (min-width: 832px) {
  .page-careers #work-for-bmc .owl-nav svg {
    margin-top: -120px; } }

@media (min-width: 1024px) {
  .page-careers #work-for-bmc .owl-nav svg {
    margin-top: -145px; } }

@media (min-width: 640px) {
  .page-careers #work-for-bmc .owl-item {
    padding: .5rem; } }

@media (min-width: 460px) and (max-width: 831px) {
  .page-careers #owl-location .owl-stage-outer {
    padding-bottom: 0px; } }

.page-careers #owl-location .owl-stage {
  background: #000; }

.page-careers #owl-location .owl-item {
  opacity: .5;
  -webkit-transition: opacity .5s;
  transition: opacity .5s; }
  .page-careers #owl-location .owl-item.active {
    opacity: 1; }

.page-careers #owl-location .owl-nav {
  bottom: 0;
  height: 100%; }
  @media (min-width: 832px) {
    .page-careers #owl-location .owl-nav {
      height: 100%;
      margin-top: 0;
      top: 0; } }

@media (max-width: 639px) {
  .page-careers #owl-location .owl-next,
  .page-careers #owl-location .owl-prev {
    margin-top: -13px; } }

@media (max-width: 831px) {
  .page-careers #owl-location .owl-next,
  .page-careers #owl-location .owl-prev {
    top: 50%; } }

@media (min-width: 640px) and (max-width: 831px) {
  .page-careers #owl-location .owl-next,
  .page-careers #owl-location .owl-prev {
    margin-top: -21px; } }

@media (min-width: 832px) {
  .page-careers #owl-location .owl-next,
  .page-careers #owl-location .owl-prev {
    height: 100%; } }

@media (max-width: 831px) {
  .page-careers #owl-location .owl-next {
    right: 20px; } }

@media (min-width: 832px) {
  .page-careers #owl-location .owl-next {
    right: 0; }
    .page-careers #owl-location .owl-next svg {
      left: 0; } }

@media (max-width: 831px) {
  .page-careers #owl-location .owl-prev {
    left: 20px; } }

@media (min-width: 832px) {
  .page-careers #owl-location .owl-prev {
    left: 0; }
    .page-careers #owl-location .owl-prev svg {
      right: 0; } }

.page-careers #owl-location .owl-dots {
  display: none !important; }

.page-careers #owl-location .owl-carousel-dropdown {
  max-width: 260px; }

.page-careers .icon--playButton {
  fill: #fff;
  height: 60px;
  stroke: #fff;
  width: 60px; }

#join-leader {
  background-image: url("head/careers-trophy-bg.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto; }
  #join-leader .section-content {
    padding: 2rem 0 4rem; }
  @media (min-width: 640px) and (max-width: 831px) {
    #join-leader .trophies {
      max-width: 500px; } }
  @media (min-width: 832px) {
    #join-leader .trophies {
      max-width: 800px; } }
  @media (min-width: 1496px) {
    #join-leader .trophies {
      max-width: 1200px; } }
  #join-leader .trophy {
    position: relative; }
    #join-leader .trophy span {
      position: absolute; }
    #join-leader .trophy .no {
      font-size: 1.2rem;
      left: 50%;
      margin-left: -1.75rem;
      top: 1.5rem; }
    #join-leader .trophy .num {
      font-size: 3rem;
      font-weight: 700;
      left: 50%;
      top: 0; }
    #join-leader .trophy svg {
      fill: #75c5d5;
      font-size: 7rem;
      top: 0; }
    @media (min-width: 832px) {
      #join-leader .trophy .no {
        font-size: 2.4rem;
        margin-left: -3.75rem;
        top: 4rem; }
      #join-leader .trophy .num {
        font-size: 6rem;
        top: .5rem; }
      #join-leader .trophy svg {
        font-size: 15rem; } }
  @media (min-width: 1496px) {
    #join-leader .trophy-1 .trophy {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    #join-leader .trophy-1 .trophy-list {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      text-align: right; }
    #join-leader .trophy-2 .trophy-list {
      text-align: left; } }
  #join-leader .trophy-list {
    font-weight: 600;
    line-height: 1.5em;
    text-transform: uppercase; }
    #join-leader .trophy-list span {
      display: block; }

.careers-nav {
  background: #000;
  margin: 0; }
  .careers-nav ul {
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0; }
  .careers-nav li {
    border: 0 none;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 0 1px 0 0;
    position: relative; }
    .careers-nav li:after {
      background: #555557;
      content: "";
      display: inline-block;
      height: 72%;
      position: absolute;
      right: 0;
      top: 15%;
      width: 1px; }
    .careers-nav li a {
      color: #fff;
      display: block;
      padding: 1rem;
      text-align: center; }
    .careers-nav li.active {
      background-color: #fff;
      border: 1px #fff solid;
      font-weight: 400; }
      .careers-nav li.active:after {
        display: none; }
      .careers-nav li.active a {
        color: #414042; }
    .careers-nav li:last-child:after {
      display: none; }
  .careers-nav + .section {
    padding-top: 2rem; }
    @media (min-width: 832px) {
      .careers-nav + .section {
        padding-top: 3rem; } }
    @media (min-width: 1024px) {
      .careers-nav + .section {
        padding-top: 4rem; } }

.careers_overview .pattern,
.careers_teams .pattern,
.careers_locations .pattern {
  background-position: center top;
  background-size: cover;
  position: relative; }

.careers_overview .pattern {
  background-image: url("head/careers-overview-pattern.png");
  padding: 24px 40px 80px; }
  @media (min-width: 640px) {
    .careers_overview .pattern {
      padding: 40px 40px 120px; } }
  @media (min-width: 1024px) {
    .careers_overview .pattern {
      padding: 60px 40px 120px; } }
  .careers_overview .pattern:before {
    border-bottom: 20px solid #fe5203;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: -20px;
    -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
            transform: translateX(-20px); }
    @media (min-width: 640px) {
      .careers_overview .pattern:before {
        border-bottom-width: 40px;
        border-left-width: 40px;
        border-right-width: 40px;
        top: -39px;
        -webkit-transform: translateX(-40px);
            -ms-transform: translateX(-40px);
                transform: translateX(-40px); } }
    @media (min-width: 1024px) {
      .careers_overview .pattern:before {
        border-bottom-width: 60px;
        border-left-width: 60px;
        border-right-width: 60px;
        top: -60px;
        -webkit-transform: translateX(-60px);
            -ms-transform: translateX(-60px);
                transform: translateX(-60px); } }

.careers_teams .card-image img {
  opacity: 1;
  -webkit-transition: opacity .2s;
  transition: opacity .2s; }

.careers_teams .h3, .careers_teams .page-careers .slide-caption, .page-careers .careers_teams .slide-caption, .careers_teams #join-leader .trophy-list, #join-leader .careers_teams .trophy-list {
  margin-bottom: .3rem; }

@media (max-width: 639px) {
  .careers_teams .card-content {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: #fff;
    padding: 1rem;
    position: absolute;
    width: 100%; }
  .careers_teams .h3, .careers_teams .page-careers .slide-caption, .page-careers .careers_teams .slide-caption, .careers_teams #join-leader .trophy-list, #join-leader .careers_teams .trophy-list {
    font-weight: 700; } }

@media (min-width: 640px) {
  .careers_teams .card-image {
    margin-bottom: .5rem; }
  .careers_teams .h3, .careers_teams .page-careers .slide-caption, .page-careers .careers_teams .slide-caption, .careers_teams #join-leader .trophy-list, #join-leader .careers_teams .trophy-list {
    color: #414042; }
  .careers_teams .h4 {
    color: #888;
    padding-bottom: .2rem; } }

@media (min-width: 640px) and (max-width: 1023px) {
  .careers_teams .flex-wrap > div:last-child, .careers_teams .cards-4-col > div:last-child, .careers_teams .cards-3-col > div:last-child, .careers_teams .education-cards > div:last-child, .careers_teams .events-cards > div:last-child {
    margin-left: auto;
    margin-right: auto; } }

.careers_life .pattern {
  background-image: url("head/careers-teams-pattern.png"); }

@media (max-width: 639px) {
  #careers_locations_map {
    background-color: #3cb6ce;
    color: #fff; } }

#careers_locations_list {
  background-color: #3cb6ce;
  color: #fff;
  padding: 1rem 0; }
  @media (min-width: 640px) {
    #careers_locations_list {
      background-image: url("head/careers-location-pattern.png");
      padding: 2rem 0; } }
  @media (min-width: 1024px) {
    #careers_locations_list {
      padding: 3rem 0; } }
  #careers_locations_list a {
    color: #fff;
    display: block; }
    #careers_locations_list a:hover, #careers_locations_list a:active, #careers_locations_list a:focus {
      color: #fe5000; }

#careers_locations_owl {
  padding-bottom: 120px; }
  #careers_locations_owl .owl-carousel {
    z-index: 1; }
  #careers_locations_owl .owl-carousel-dropdown {
    z-index: 2; }
  #careers_locations_owl .jq-dropdown-trigger {
    left: 50%;
    position: absolute;
    top: 35px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }

#careers-dropdown-locations {
  margin-left: -54px; }
  @media (min-width: 640px) {
    #careers-dropdown-locations {
      margin-left: -90px; } }

.no-flexbox .page-careers .flex,
.no-flexbox .page-careers .sm-flex,
.no-flexbox .page-careers .md-flex,
.no-flexbox .page-careers .lg-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.customer-connect.layout-full-bleed {
  padding-top: 1em !important; }
  .customer-connect.layout-full-bleed .layout-primary section {
    margin-top: 1em !important; }
  .customer-connect.layout-full-bleed .layout-primary .testimonial {
    margin-top: 1.5em; }
  .customer-connect.layout-full-bleed .layout-secondary {
    padding-top: 2em; }

.fasttrack-banner {
  background: #000;
  position: relative; }
  .fasttrack-banner .banner-title {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: .5rem .5rem .5rem 18%; }
    .fasttrack-banner .banner-title h4 {
      font-size: .7rem; }
    .fasttrack-banner .banner-title .lead {
      margin-bottom: .5rem;
      font-size: .6rem; }

.fasttrack-banner-img-m {
  display: none; }

.fasttrack-banner-img-s {
  display: block; }

/*break-lg-1*/
@media (max-width: 1023px) {
  .fasttrack-banner.banner-large {
    display: none; } }

/*small*/
@media (min-width: 480px) {
  .fasttrack-banner .banner-title h4 {
    font-size: 1.1rem; }
  .fasttrack-banner .banner-title .lead {
    margin-bottom: 1rem;
    font-size: .9rem; } }

/*break-sm*/
@media (min-width: 640px) {
  .fasttrack-banner .banner-title h4 {
    font-size: 1rem; }
  .fasttrack-banner .banner-title .lead {
    margin-bottom: .9rem;
    font-size: .8rem; }
  .fasttrack-banner-img-m {
    display: block; }
  .fasttrack-banner-img-s {
    display: none; } }

/*break-md*/
@media (min-width: 832px) {
  .fasttrack-banner .banner-title h4 {
    font-size: 1.4rem; }
  .fasttrack-banner .banner-title .lead {
    margin-bottom: 1.5rem;
    font-size: 1rem; } }

/*break-lg*/
@media (min-width: 1024px) {
  .fasttrack-banner .banner-title {
    position: relative;
    padding-top: 375px; }
  .fasttrack-banner .banner-title,
  .fasttrack-banner .modal-video-player, .fasttrack-banner .modal-youtube-video-player {
    padding-left: 14%; }
  .fasttrack-banner.banner-small {
    display: none; } }

/*break-xl*/
@media (min-width: 1496px) {
  .fasttrack-banner .banner-title,
  .fasttrack-banner .modal-video-player, .fasttrack-banner .modal-youtube-video-player {
    padding-left: 19%; } }

.page-category {
  /*
	.entry-title img {
		margin-top: 0px;
		margin-left: 1em;
		
		@media ( max-width : 1200px) {
			display: none;
		}
	}
	
	
	.two-up.nth-child-np2.bloghide {
		width: 50%;
		margin-bottom: 3em;
		font-weight: 400;
		font-size: .93em;
		vertical-align: top;
		padding-top: 0em;
		margin-top: 0em;
		
		@media ( max-width : 1200px) {
			width: 100%;
			margin-bottom: 0em;
			font-weight: 400
		}
	}
	
	*/
  /*
	.service-design{
		img{
			float: right; 
			width: 400px; 
			padding-left: 1em;
		}
	}
	
	
	.accordion-content{
		
		 .img-fl-right-wd{
			  float: right; 
		      width: 400px; 
		      padding-left: 1em;
		  }


		.wrapper-nested{
			margin-top: 2em; 
			margin-bottom: 2em;
			.accordion{
				.accordion-item{
					padding-left: 1em; 
					background-color: #f1f1f1;
					
					.accordion-item-content{
						display: none;
						
						.wrapper-nested{
							background-color: #f1f1f1;
						}
					
						.two-up{
							margin-top: .5em; 
							padding-right: 1em;
						}
					}
				}
			}
			
		}
		
	}*/
  /*	
	.entry-title {
		  img {
	          margin-top: 0px;
	          margin-left: 1em;
	          
	          @media (max-width: 1200px) {
	          	 display: none;
	          }
	       }
    }
    
	.two-up.nth-child-np2.bloghide {
          width: 50%;
          margin-bottom: 3em;
          font-weight: 400;
          font-size: .93em;
          vertical-align: top;
          padding-top: 0em;
          margin-top: 0em;
          
           @media (max-width: 1200px) {
           	width: 100%;
            margin-bottom: 0em;
            font-weight: 400;
           }
    }
        
    .brd-cornflower-wd-500px{
        width:500px; border: 1px solid #cacaca;
    }
      
    .pl1em {
        padding-left: 1em;
    }
    
    .hideElm {
          	 display: none;	
        }
      
	.ml3em-imp{
       	margin-left:3em !important;
      	}
      
	.mb15px{
       	margin-bottom: 15px;
 		}
      
      .mb-pt-3em{
        margin-bottom:0.3em;
    	}

 	.mt-pt-2-imp {
        	margin-top:0.2em !important;
        }
	
	.col-6-imp{
        width:50% !important;
      }
      .pl-30px{
        padding-left:30px;
      }
      
      .mt-pt-66em-imp{
        margin-top: 0.66rem !important;
      }
      
      .col-60-per{
        width:60%;
      }
      
      .ml3-imp{
        margin-left: 2rem !important;
      }

	
    .videoWrapper {
          position: relative;
          padding-bottom: 56.25%; 
          padding-top: 25px;
          height: 0;
          
          iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            
            &.brd-wd-max-wd {
              border:1px solid #CCC; 
              border-width:1px; 
              margin-bottom:5px; 
              max-width: 100%;
			}
     	}
    }
   */ }
  .page-category .lower-nav {
    padding: 1em;
    background-color: #f1f1f1;
    width: 500px;
    border: 1px solid #cacaca; }
    @media (max-width: 48em) {
      .page-category .lower-nav {
        display: none; } }
    .page-category .lower-nav div[class*="-nav"] {
      display: none; }
    .page-category .lower-nav .wrapper-nested {
      margin-bottom: 2em; }
    .page-category .lower-nav .accordion-item {
      padding-left: 1em;
      background-color: #f1f1f1; }
    .page-category .lower-nav .accordion-item-content {
      display: none; }
    .page-category .lower-nav .itil-nav {
      margin-left: 3em; }
    .page-category .lower-nav .arrow {
      position: relative;
      color: #fff; }
    .page-category .lower-nav .red {
      height: 32px;
      padding: 10px;
      width: 360px;
      color: #fff;
      background: #FE5000;
      border-radius: 5px;
      cursor: pointer;
      display: inline-block;
      text-align: center;
      -webkit-transition: all 0.25s 0s ease-out;
      -webkit-transition: all 0.25s ease-out 0s;
      transition: all 0.25s ease-out 0s; }
    .page-category .lower-nav #arrow4:after {
      content: '';
      height: 0;
      display: block;
      border-color: transparent transparent transparent #FE5000;
      border-width: 26px;
      border-style: solid;
      position: absolute;
      top: 0px;
      left: 378px; }
    .page-category .lower-nav .nav-bottom {
      margin-left: 0px;
      padding-left: 0px;
      padding-right: 0px;
      list-style-type: none; }
    .page-category .lower-nav .nav-bottom li {
      display: none; }
    .page-category .lower-nav .nav-bottom li.current {
      display: block; }
    .page-category .lower-nav .itil-nav {
      margin-left: 0px;
      padding-left: 10px;
      padding-right: 0px;
      list-style-type: none; }
      .page-category .lower-nav .itil-nav li {
        counter-increment: step-counter;
        font-weight: bold;
        margin-bottom: 1.33em; }
        .page-category .lower-nav .itil-nav li ::before {
          content: counter(step-counter);
          margin-right: 15px;
          font-size: 100%;
          background-color: #29A5D6;
          color: white;
          font-weight: bold;
          padding: 3px 10px;
          border-radius: 50%; }
        .page-category .lower-nav .itil-nav li :hover::before {
          background-color: #046e96; }
        .page-category .lower-nav .itil-nav li .current::before {
          background-color: #FE5000; }
      .page-category .lower-nav .itil-nav a.current {
        color: #FE5000; }
  .page-category .stt_container {
    display: none;
    opacity: 0.75;
    position: fixed;
    height: 48px;
    bottom: 15px;
    right: 15px;
    z-index: 1; }
    .page-category .stt_container :hover {
      opacity: 1;
      cursor: pointer; }
    @media (max-width: 1200px) {
      .page-category .stt_container {
        display: none !important; } }
    .page-category .stt_container .stt_image {
      height: 48px; }
  .page-category .at_flat_counter:last-of-type {
    display: none !important; }
  .page-category .inline-menu-box {
    text-align: left;
    background-color: #ffffff; }
    .page-category .inline-menu-box section {
      background-color: #f1f1f1;
      border: 1px solid #cacaca;
      padding: 1em; }
      .page-category .inline-menu-box section a h2 {
        font-size: 1.2em;
        margin-bottom: .5em; }
      .page-category .inline-menu-box section p {
        font-size: .9em;
        margin-bottom: 0em;
        font-weight: bold; }
  .page-category .no-top-border-margin-padding {
    border-top: medium none;
    margin-top: 0px;
    padding-top: 0px; }
  .page-category .txt-underline {
    text-decoration: underline; }
  .page-category .download-cta {
    text-align: center;
    background-color: #ffffff;
    border-top: none;
    margin-top: 0;
    padding-top: 0; }
    .page-category .download-cta section {
      background-color: #f1f1f1;
      border: 1px solid #cacaca;
      padding-bottom: 0em; }
      .page-category .download-cta section h3 {
        margin-bottom: 0em;
        padding-bottom: 0em; }
        .page-category .download-cta section h3 .btn-secondary {
          margin-left: 1em;
          font-weight: 600; }

.video-hero-header .hero {
  position: relative;
  text-align: center; }

.video-hero-header .hero-content {
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.65);
  color: #fff;
  padding: 2rem;
  width: 100%; }
  @media (min-width: 640px) {
    .video-hero-header .hero-content {
      padding: 5rem 0; } }
  .video-hero-header .hero-content .videoInstructions {
    color: #fe5000;
    font-weight: 800; }
  .video-hero-header .hero-content .videoIcon {
    width: 100px; }
  .video-hero-header .hero-content.transparent-bg {
    background-color: transparent; }
  .video-hero-header .hero-content.bg-alpha-45 {
    background-color: rgba(0, 0, 0, 0.45); }

.video-hero-header .hero-image {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1; }
  .video-hero-header .hero-image:before {
    content: '';
    display: block; }
    .video-hero-header .hero-image:before .vidbg-box {
      width: 650px;
      height: 338px; }
  @media (max-width: 1279px) {
    .video-hero-header .hero-image img {
      height: 100%;
      max-width: none; } }
  @media (min-width: 1280px) {
    .video-hero-header .hero-image img {
      height: auto;
      width: 100%; } }
  .video-hero-header .hero-image.xs-only {
    background-image: url("head/careers-header.jpg");
    background-position: center;
    background-size: cover; }

/*# sourceMappingURL=style.css.map */