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

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

/*****************************************************
LESS compilation failed due a JavaScript error!

Input: /apps/elavonv3/clientlibs/clientlib-global/css/global.less
Error: RuntimeError: error evaluating function `rgb`: color functions take numbers as parameters in /apps/elavonv3/clientlibs/clientlib-global/css/global.less on line 223, column 32:
222     text-align: left;
223     box-shadow: 0 8px 10px 2px rgb(0 0 0 / 20%);
224     z-index: 9;


(uncompiled LESS src is included below)
*****************************************************/
@import "variables.less";

@font-face {
  font-family: 'Helvetica Neue LT Std';
  src: url('clientlib-global/css/resources/HelveticaNeueLTStd-Roman.eot?#iefix') format('embedded-opentype'), 
       url('clientlib-global/css/resources/HelveticaNeueLTStd-Roman.otf')  format('opentype'),
	   url('clientlib-global/css/resources/HelveticaNeueLTStd-Roman.woff') format('woff'), 
       url('clientlib-global/css/resources/HelveticaNeueLTStd-Roman.ttf')  format('truetype'),
	   url('clientlib-global/css/resources/HelveticaNeueLTStd-Roman.svg#HelveticaNeueLTStd-Roman') format('svg');
  font-weight: normal;
  font-style: normal;
}

.btnRightIcon {
    background-image: url(../components/content/header/clientlibs/site/resources/Icon-Circle-Arrow-Right_White.svg);
    height: 16px;
    width: 16px;
    display: inline-block;
    position:relative;
    position: relative;
    top: 4px;
    left: 4px;
    transition: 0.45s;
    transition-timing-function: linear;
}

body {
	/* font-family: 'Helvetica Neue LT Std', 'HelveticaNeueLTStd-Roman'; */
	font-family: 'Roboto', sans-serif;
}

h1 {
	font-size: 32px;
	line-height: 62px;
	font-weight: 700;    
	margin: 20px 0px;
    color: #0A1C76;
}

h2 {
	font-size: 48px;
	line-height: 52px;
	color: #58585a;
	font-weight: 300;
	margin: 20px 0px;
}

h3 {
	font-size: 28px;
	line-height: 34px;
	color: #58585a;
	font-weight: 300;
	margin: 20px 0px;
}

h4 {
	font-size: 24px;
	line-height: 34px;
	color: #58585a;
	font-weight: 400;
	margin: 20px 0px;
}

h5 {
	font-size: 18px;
	line-height: 21px;
	color: #58585a;
	font-weight: 500;
	margin: 20px 0px;
}

p {
	font-size: 18px;
	line-height: 26px;
	color: #58585a;
	font-weight: 400;
	margin: 0px 0px 10px 0px;
}

.btn-primary {
    display:block;
	background:@medium-green;
	color:@white;
	font-size:16px;
	text-align:center;
	padding:9px 28px;
    width: 100%;
    border:0;
	&:hover {
		background:@medium-green;
        span {
			left:12px;
        }
	}
    &:focus, &:active {
		background:@medium-green!important;
    }
    &[disabled] {
    	background-color:@medium-gray;
        &:hover, &:focus, &:active {
        	background-color:@medium-gray;
        }
    }
}

.px-0 {
	padding-left:0;
	padding-right:0;
}



/*content refresh global h1,h2,h3 changes starts here*/
.contentRefresh h1,
[class].RefreshFontSize--XL{
    font-size:52px;
    font-weight:700;
    line-height:1.2;
	color: #0C2074;
}
.contentRefresh h2,
[class].RefreshFontSize--L{
    font-size:40px;
    font-weight:300;
    line-height:1.2;
	color: #0C2074;
}
.contentRefresh h3,
[class].RefreshFontSize--M{
    font-size:24px;
    font-weight:500;
    line-height:1.25;
	color:#3C3D3E;
}
[class].RefreshFontSize--XS{
    font-size:1.8rem;
	color: #58585A;
    font-weight:400;
}
.contentRefresh p{
	line-height:1.5;
    color:#3E3F40;
}
.contentRefresh p>a{
	font-weight: 500;
}

.contentRefresh p .speedbump>a{
	font-weight: 500;
}

.refresh-text-white{
    color:#fff!important;
}
/*background gradient BLUE Pattern*/
.refresh-background--gradient__blue{
    background-color:#0C2074;
    background-image: -o-linear-gradient(134.89deg, #2E59C9 0.2%, #0C2074 100%);
    background-image: linear-gradient(315.11deg, #2E59C9 0.2%, #0C2074 100%);
    color:#fff;
}
/*background gradient NEUTRALS Pattern*/
.refresh-background--gradient__neutrals{
    background-color:#B8B9BB;
    background-image: -o-linear-gradient(134.89deg, #B8B9BB 0.2%, #CECECE 12.27%, #EEEEEE 65.43%, #FFFFFF 100%);
    background-image: linear-gradient(315.11deg, #B8B9BB 0.2%, #CECECE 12.27%, #EEEEEE 65.43%, #FFFFFF 100%);
    color:#0C2074;
}
/*background gradient EMERALD Pattern*/
.refresh-background--gradient__emerald{
    background-color:#007079;
    background-image: -o-linear-gradient(134.89deg, #007079 0.2%, #004D60 100%);
    background-image: linear-gradient(315.11deg, #007079 0.2%, #004D60 100%);
    color:#fff;
}
.MainRefreshContainer {
    padding-left: 10%;
    padding-right: 10%;
    width: 100%;
}
.RefreshContainer {
    max-width: 1280px;
    margin: auto;
    width: 100%;
}

/*Search Autocomplete*/
button.search-close-icon {
    color: #fff;
    border: 0;
    border-radius: 50%;
    font-size: 0.5rem;
    font-family: sans-serif;
    line-height: 0;
    display: none;
    border: 0;
    padding: 0;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 7px;
    right: 6px;
    background-color: #555;
    outline-offset: 4px
}
.content-refresh-header button.search-close-icon {
    right: 26px;
}
.searchBar{
    position:relative;
}
.search-autocomplete {
    position: absolute;
    top: 100%;
    background-color: #fff;
    width: 100%;
    border-radius: 0 0 4px 4px;
    max-width: 600px;
    margin: auto;
    left: 0;
    right: 0;
    text-align: left;
    box-shadow: 0 8px 10px 2px rgb(0 0 0 / 20%);
    z-index: 9;
    margin-top: -2px;
}
.search-autocomplete ul {
    margin: 5px 0;
    padding: 0;
    list-style: none;
    display:none;
}
.search-autocomplete ul li:hover {
    background-color: #dfdddd;
}
.search-autocomplete ul li {
    padding: 0.5rem 1.2rem;
    cursor: pointer;

    border-bottom: 1px solid #e7e7e7;
    color: #000;
    opacity: 1!important;
    transform: none!important;
    font-size: 12px;
}
.active-search::before {
    background-color: rgba(0, 0, 0, 0.3);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    inset: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity 500ms ease-in-out;
    z-index: -1;
}
.autocomplete-active .active-search::before {
    display: none;
}
.autocomplete-active::before { 
    background-color: rgba(0,0,0,0.3);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    inset: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity 500ms ease-in-out;
    z-index: -1;
}
.main-header-mobile button.search-close-icon {
    top: 28px;
    right: 20%;
}
.main-header-mobile .search-autocomplete li {
    padding: 10px 7.5%;
}

/*content refresh global h1,h2,h3 changes ends here*/

@media only screen and (min-width: 1024px) {
    h1 {
		font-size: 52px;
		line-height: 62px;
    }

    .btn-primary {
      width : auto;
    }
}

@media only screen and (max-width: 767px) {
    h1 {
		font-size: 32px;
		line-height: 42px;
    }

    h2 {
		font-size: 32px;
		line-height: 42px;
    	letter-spacing: -0.035em;
    }    
}


@media screen and (max-width:1023px){
    .MainRefreshContainer {
        padding-left: 7.5%;
        padding-right: 7.5%;
    }

}

@media screen and (max-width:599px){
    .contentRefresh h1,[class].RefreshFontSize--XL{
        font-size:3.2rem;
    }
    .contentRefresh h2,[class].RefreshFontSize--L{
        font-size:2.8rem;
    }
    .contentRefresh h3,[class].RefreshFontSize--M{
        font-size:2.4rem;
    }


}

@media screen and (max-width: 768px){
    html,body{
        overflow-x: hidden;
    }
  }
  
  b, strong {
    font-weight: 700;
}

a {
    color: #337ab7;
}

a:focus, a:hover {
    color: #23527c;
}


body { 
line-height: 1.428;
}

.product-list-page .profile-info-card {
    margin: 1rem 12px;
}
.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}
.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #ffffff;
  width: 100%;
  height: 40px;
}
.select-styled {
  color: #58585a;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #adadad;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 8px 15px;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.select-styled:after {
  content: "";
  background: url(../components/content/header/clientlibs/site/resources/Icon-Arrow-Down.svg) no-repeat;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 16px;
  right: 10px;
}
.select-styled:active {
  border-bottom: none;
  border-radius: 4px 4px 0 0;
}
.select-styled:active:after {
  top: 10px;
  transform: rotate(180deg);
}
.select-styled.selected {
  color: #4a851f;
}
.select-styled.active {
  border-bottom: none;
  border-radius: 4px 4px 0 0;
}
.select-styled.active:after {
  top: 10px;
  transform: rotate(180deg);
}
.select-options {
  display: none;
  background: #ffffff;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #adadad;
}
.select-options li {
  margin: 0;
  padding: 8px 0;
  color: #4a851f;
  font-weight: bold;
  text-indent: 15px;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}
.select-options li:hover {
  color: #ffffff;
  background: #4a851f;
}
.select-options li[rel="hide"] {
  display: none;
}

/*common button class*/
[class].button-refresh{
    text-align: center;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.8;
    text-decoration: none !important;
    user-select: none;
    cursor: pointer;
    display: inline-block;
    border-radius: 4px;
    padding: .36rem 1.8rem;
    transition: ease .4s;
    border: 2px solid transparent;
    vertical-align: middle;
    color: #0075c9;
    min-width: 16rem;
    background-color: transparent;
    position: relative;
    box-shadow:0 4px 15px 0 rgb(0 0 0 / 15%);
}
[class].button-refresh:hover {
    box-shadow: 0 6px 16px 0 rgb(0 0 0 / 20%);
}
[class].button-refresh:not([class*="button-refresh--link"]) {
    outline: 0;
}
/*Arrow right*/ 
.button-refresh--icon__arrow {
     top: -1px;
     background-color: transparent;
     position: relative;
     transform: rotate(-45deg) scale(1.08);
     left: 0px;
     border-width: 0 2px 2px 0;
     border-color: currentColor;
     border-style: solid;
     right: 0;
     bottom: 0;
     margin: auto;
     display: inline-block;
     transition: ease-out 0.45s left;
     vertical-align: middle;
     margin-left: 13px;
     border-radius: 1px;
     background-clip: border-box;
     width: 5px;
     height: 5px;
     margin-right: 7px;
}
.button-refresh--icon__arrow:after {
    transition: none;
    border: 1px solid currentColor;
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    left: -5px;
    top: -5px;
}
.button-refresh--icon__arrow.icon__arrow-back {
   transform:rotate(135deg);
   margin-right: 12px;
   margin-left: 18px;
}
/*prevent animate while disabled*/ 
[class].button-refresh:not(:disabled):not(.disabled):hover .button-refresh--icon__arrow,
[class].button-refresh:not(:disabled):not(.disabled):focus .button-refresh--icon__arrow{
    left:0.8rem;
}
[class].button-refresh:not(:disabled):not(.disabled):hover .button-refresh--icon__arrow.icon__arrow-back,
[class].button-refresh:not(:disabled):not(.disabled):focus .button-refresh--icon__arrow.icon__arrow-back{
    left:-0.8rem;
}
/*button type primary*/
[class].button-refresh--primary__blue,
[class].button-refresh--primary__blue:hover,
[class].button-refresh--primary__blue:focus {
    color:#fff;
    background-color:#0C2074;
}
[class].button-refresh--primary__blue:focus{
    box-shadow: 0 0 1px 0.3rem rgb(12 32 116 / 60%);
}

[class].button-refresh--primary__emerald,
[class].button-refresh--primary__emerald:hover,
[class].button-refresh--primary__emerald:focus{
    color:#fff;
    background-color:#007079;
}
[class].button-refresh--primary__emerald:focus{
    box-shadow: 0 0 1px 0.3rem rgb(0 112 121 / 60%);
}
[class].button-refresh--primary__lavender,
[class].button-refresh--primary__lavender:hover,
[class].button-refresh--primary__lavender:focus{
    color:#fff;
    background-color:#863B77;
}
[class].button-refresh--primary__lavender:focus{
    box-shadow: 0 0 1px 0.3rem rgb(134 59 119 / 60%);
}
[class].button-refresh--primary__sapphire,
[class].button-refresh--primary__sapphire:hover,
[class].button-refresh--primary__sapphire:focus{
    color:#fff;
    background-color:#0075C9;
}
[class].button-refresh--primary__sapphire:focus{
    box-shadow: 0 0 1px 0.3rem rgb(0 117 201 / 60%);
}
[class].button-refresh--primary__white,
[class].button-refresh--primary__white:hover,
[class].button-refresh--primary__white:focus{
    color:#0C2074;
    background-color:#fff;
}
[class].button-refresh--primary__white:focus{
    box-shadow: 0 0 1px 0.3rem rgb(255 255 255 / 50%);
}
[class].button-refresh--primary__purple,
[class].button-refresh--primary__purple:hover,
[class].button-refresh--primary__purple:focus{
    color:#fff;
    background-color:#602151
}
[class].button-refresh--primary__purple:focus{
    box-shadow: 0 0 1px 0.3rem rgb(93 25 186 / 50%);
}
/*here for outline secondary button*/
[class].button-refresh--secondary__blue,
[class].button-refresh--secondary__blue:hover,
[class].button-refresh--secondary__blue:focus{
    color:#0C2074;
    border-color:currentColor;
}
[class].button-refresh--secondary__blue:focus{
    box-shadow: 0 0 1px 0.3rem rgb(12 32 116 / 60%);
}
[class].button-refresh--secondary__emerald,
[class].button-refresh--secondary__emerald:hover,
[class].button-refresh--secondary__emerald:focus{
   color:#007079;
   border-color:currentColor;
}
[class].button-refresh--secondary__emerald:focus{
    box-shadow: 0 0 1px 0.3rem rgb(0 112 121 / 60%);
}
[class].button-refresh--secondary__lavender,
[class].button-refresh--secondary__lavender:hover,
[class].button-refresh--secondary__lavender:focus{
   color:#863B77;
   border-color:currentColor;
}
[class].button-refresh--secondary__lavender:focus{
    box-shadow: 0 0 1px 0.3rem rgb(134 59 119 / 60%);
}
[class].button-refresh--secondary__sapphire,
[class].button-refresh--secondary__sapphire:hover,
[class].button-refresh--secondary__sapphire:focus{
    color:#0075C9;
    border-color:currentColor;
}
[class].button-refresh--secondary__sapphire:focus{
    box-shadow: 0 0 1px 0.3rem rgb(0 117 201 / 60%);
}
[class].button-refresh--secondary__white,
[class].button-refresh--secondary__white:hover,
[class].button-refresh--secondary__white:focus{
    color:#fff;
    border-color:currentColor;
}
[class].button-refresh--secondary__white:focus{
    box-shadow: 0 0 1px 0.3rem rgb(255 255 255 / 50%);
}
[class].button-refresh--secondary__purple,
[class].button-refresh--secondary__purple:hover,
[class].button-refresh--secondary__purple:focus{
    color:#5d19ba;
    border-color:currentColor;
}
[class].button-refresh--secondary__purple:focus{
    box-shadow: 0 0 1px 0.3rem rgb(93 25 186 / 50%);
}
/*here for LINK button*/
[class*="button-refresh--link"] {
    padding: 0 1rem 0 0!important;
    background: transparent!important;
    border:0!important;
    min-width: auto!important;
    box-shadow:none!important;
    outline-color:currentColor!important;
    outline-offset:2px!important;
}
[class].button-refresh--link__blue,
[class].button-refresh--link__blue:hover,
[class].button-refresh--link__blue:focus{
    color:#0C2074;
}
[class].button-refresh--link__emerald,
[class].button-refresh--link__emerald:hover,
[class].button-refresh--link__emerald:focus{
   color:#007079;
}
[class].button-refresh--link__lavender,
[class].button-refresh--link__lavender:hover,
[class].button-refresh--link__lavender:focus{
   color:#863B77;
}
[class].button-refresh--link__sapphire,
[class].button-refresh--link__sapphire:hover,
[class].button-refresh--link__sapphire:focus{
    color:#0075C9;
}
[class].button-refresh--link__white,
[class].button-refresh--link__white:hover,
[class].button-refresh--link__white:focus{
    color:#fff;
}
[class].button-refresh--link__purple,
[class].button-refresh--link__purple:hover,
[class].button-refresh--link__purple:focus{
    color:#5d19ba;
}
[class*="button-refresh--link"]:focus,[class*="button-refresh--link"]:hover{
    text-decoration:underline!important;
}
[class].button-refresh--select__default {
    border: 2px solid #fff;
    color: #3E3F40;
    background-color: #fff;
    font-size: 1.8rem;
    font-weight: 500;
    padding-right: 2.5rem;
    max-width: 436px;
    width: 100%;
    text-align: left;
}
[class].button-refresh--select__default:focus,.refresh-dropdown__list-items:focus{
    box-shadow: 0 0 1px 0.25rem rgb(255 255 255 / 50%);
}
.button--icon__down {
    color: #717374;
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    position: absolute;
    right: 1.5rem;
    transition: ease-out .4s;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid currentColor;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: 0.2s ease;
    height: 5px;
    width: 5px;
}
.button-refresh--select__default[aria-expanded="true"] .button--icon__down {
    border-top: 0;
    border-bottom: 5px solid currentColor;
}
[class].button-refresh:disabled,
[class].button-refresh.disabled,
[class].button-refresh[aria-disabled="true"]{
    opacity: .6 !important;
    cursor: no-drop!important;
    box-shadow: none!important;
    outline: none!important;
}
.refresh-dropdown__list{
     max-width: 436px;
     width: 100%;
     position:relative;
     margin-bottom:4rem
  }
.refresh-dropdown__list-items {
    list-style: none;
    margin: 0;
    background-color: #fff;
    color: #007079;
    border-radius: 0 0 4px 4px;
    position: absolute;
    top: calc(100% - 5px);
    left: 0;
    width: 100%;
    z-index: 1;
    transition: all ease 0.5s;
    box-shadow: 0 2.8px 2.2px rgb(0 0 0 / 3%), 0 6.7px 5.3px rgb(0 0 0 / 5%), 0 12.5px 10px rgb(0 0 0 / 6%), 0 22.3px 17.9px rgb(0 0 0 / 7%), 0 41.8px 33.4px rgb(0 0 0 / 9%), 0 100px 80px rgb(0 0 0 / 12%);
    max-height: 0;
    overflow: auto;
    font-size: 1.6rem;
    cursor: pointer;
    padding: 1rem 0;
    visibility: hidden;
    opacity: 0;
    outline:0;
}
.refresh-dropdown__list-items.active-popup {
    visibility: visible;
    opacity: 1;
    max-height: 320px;
}
.refresh-dropdown__list-items li{
    padding:0.8rem 2rem;
    cursor:pointer;
    transition: all 0.2s ease-in;
    font-weight: 500;
    outline-color: #007079;
}
.refresh-dropdown__list-items li:hover,
.refresh-dropdown__list-items li:focus,
.refresh-dropdown__list-items li.active{
   background-color:#007079;
   background-image: linear-gradient(315.11deg, #007079 0.2%, #004D60 100%);
   color:#fff;
}

[class].background--gradient__emerald [class].button-refresh--primary__white{
     color:#007079;
}
.offset-top-40{margin-top:4rem} 
[class].button-refresh--block-link{
    box-shadow:none
}
[class].button-refresh--block-link:hover {
    box-shadow: 0 0 0px 2px rgb(0 0 0 / 10%);
    background-color: #f1f1f1;
}
[class].button-refresh--block-link:focus {
    box-shadow: 0 0 1px 0.3rem rgb(0 117 201 / 70%);
}
[class].refresh-banner-button__custom:focus {
    box-shadow: 0 0 1px 0.3rem rgb(0 0 0 / 40%);
}
.background--gradient__neutrals [class].button-refresh--select__default:focus, 
.background--gradient__neutrals .refresh-dropdown__list-items:focus {
    box-shadow: 0 0 1px 0.3rem rgb(0 112 121 / 60%);
}
@media screen and (max-width:1023px){
    [class].button-refresh--select__default,.refresh-dropdown__list-items{
        font-size:1.4rem!important;
    }
}
@media screen and (max-width:599px){
    [class].button-refresh{
        font-size:1.6rem;
    }
    .hero-refresh-bg-image.background--gradient__emerald [class*="button-refresh--link"],
    .hero-refresh-bg-image.background--gradient__blue [class*="button-refresh--link"]{
		color:#fff!important;
	}
    .hero-refresh-bg-image.background--gradient__emerald [class].button-refresh--secondary__emerald,
    .hero-refresh-bg-image.background--gradient__blue [class].button-refresh--secondary__emerald,
	.hero-refresh-bg-image.background--gradient__emerald [class].button-refresh--secondary__blue,
    .hero-refresh-bg-image.background--gradient__blue [class].button-refresh--secondary__blue{
		color:#fff!important;
	}
	.hero-refresh-bg-image.background--gradient__emerald [class].button-refresh--primary__emerald,
    .hero-refresh-bg-image.background--gradient__blue [class].button-refresh--primary__emerald,
    .hero-refresh-bg-image.background--gradient__emerald [class].button-refresh--primary__blue,
    .hero-refresh-bg-image.background--gradient__blue [class].button-refresh--primary__blue{
		color:#0C2074!important;
        background-color: #fff!important;
	}
    .hero-refresh-bg-image.background--gradient__emerald [class].button-refresh--primary__emerald,
    .hero-refresh-bg-image.background--gradient__emerald [class].button-refresh--primary__blue{
		color:#007079!important;
	}
}

.rateCalWrapper {
    width:100%;
    display: inline-block;
    padding: 30px 0px;
    background: transparent;
}

.blue-color-text{
    color:#0A1C76; 
}

.rateCalContent{
    margin: 0 auto;
    width: 70%;
}

.rateCalWrapper .monthlyCardBlock, .rateCalWrapper .monthlyFeesBlock{
   padding-right:0px;

} 


.rateCalWrapper .form-group {
    padding-top: 10px;
}

.rateCalContent #results{
  padding-left:0px;
}

.rateCalWrapper #results #overallRate{
    margin-top:6em;
}


.rateCalContent #results h5 .rateVal{
    font-size: 13em;
    display: inline;
    color: #0A1C76;
    letter-spacing: -5px;
}

.rateCalContent #results h5 .percentageSymbol {
    font-size: 3.5em;
    display:inline;    
    color: #0A1C76;
}

.rateCalContent .textContainer h1{   
    text-align: center !important;
    font-size: 2.39em;
    margin-bottom: 0px;
    line-height: 24px;
}

 .rateCalContent .textContainer h4{   
    text-align: center !important;
    font-size: 1.1em;
    margin-top: 0px;
}   

.rateCalContent .textContainer{
    margin-left:-100px
}

.rateCalContent .textContainer h1 span{
    color:#0A1C76;
}
 .rateCalContent .textContainer h4 span{
    color:gray;
}

.rateCalWrapper button, .rateCalWrapper button:hover {
       text-decoration: none;
    color: #0A1C76;
    font-size: 16px;
    font-weight: 700;
    min-width: 182px;
    display: inline-block;
    text-align: center;
    padding-left: 0;
    background-color: lightgray;
    border-radius: 0;
}

.rateCalWrapper label {
    color: #0A1C76;
    font-size: 16px;
    font-weight: bold;
}

.rateCalWrapper .form-control{
    width: 100%;
    height: 35px;
    margin-bottom: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0 10px;
    font-size: 15px;
 }   

.rateCalWrapper .rateCalSubmit h5{
   color:white;
   font-weight:500px;
   padding-left: 16px;
}

.custom-error-message{
    position: relative;
    bottom: 0px;
    font-size: 11px;
    right: 0px;
    color: #c53933;
 }        

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

    .rateCalContent #results h5 .rateVal{
        font-size: 10em;
    }
    
    .rateCalContent #results h5 .percentageSymbol {
        font-size: 2.5em;
    }

     .rateCalContent{
        width: 80%;
      }
    
      .rateCalWrapper .form-group {
        padding-top: 30px;
      }
    
      .rateCalContent .textContainer{
        margin-left:0px !important;
      }
      
   .containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 .rateCalculatorComp .rateCalContent .twocolumnalignleft,
   .containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 .rateCalculatorComp .rateCalContent .twocolumnalignleft,
   .containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 .rateCalculatorComp .rateCalContent .twocolumnalignleft,
   .containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 .rateCalculatorComp .rateCalContent .twocolumnalignleft{
     width: unset!important;
     position: unset!important;
     left: unset!important;
}

 .containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 .rateCalculatorComp .rateCalWrapper #results h5,
 .containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 .rateCalculatorComp .rateCalWrapper #results h5,
 .containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 .rateCalculatorComp .rateCalWrapper #results h5,
 .containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 .rateCalculatorComp .rateCalWrapper #results h5{
      margin: 20px 287px;}

  .containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 .rateCalculatorComp .rateCalWrapper,
   .containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 .rateCalculatorComp .rateCalWrapper,
   .containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 .rateCalculatorComp .rateCalWrapper,
    .containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 .rateCalculatorComp .rateCalWrapper{
       width:100%!important;}

      .containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 .rateCalculatorComp .rateCalContent div.twocolumnalignright,
       .containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 .rateCalculatorComp .rateCalContent div.twocolumnalignright,
       .containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 .rateCalculatorComp .rateCalContent div.twocolumnalignright,
        .containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 .rateCalculatorComp .rateCalContent div.twocolumnalignright{
              min-width: unset!important;}

.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 .rateCalculatorComp .rateCalWrapper .rateCalContent #results h5 .percentageSymbol,
 .containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 .rateCalculatorComp .rateCalWrapper .rateCalContent #results h5 .percentageSymbol,
 .containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 .rateCalculatorComp .rateCalWrapper .rateCalContent #results h5 .percentageSymbol,
  .containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 .rateCalculatorComp .rateCalWrapper .rateCalContent #results h5 .percentageSymbol{
    font-size: 2em;
    position:relative;
    top:unset!important;
}
}


@media only screen and (max-width: 735px) {
    .rateCalContent #results h5 .rateVal{
        font-size: 5.5em;
    }
    
    .rateCalContent #results h5 .percentageSymbol {
        font-size: 2em;
    }
    
    .rateCalWrapper #results #overallRate {
        margin-top: 4em;
    }

    .rateCalContent .textContainer h1{
       line-height:
    }

    .rateCalContent .textContainer h1{   
   text-align: left !important;
    font-size: k9;
     margin-bottom: 89jk;
    line-height: inherit;
}

 .rateCalContent .textContainer h4{   
   text-align: left !important;
    font-size: k9;
    margin-bottom: 89jk;
    line-height: inherit;
}   

.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 .rateCalculatorComp .rateCalContent .twocolumnalignleft,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 .rateCalculatorComp .rateCalContent .twocolumnalignleft,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 .rateCalculatorComp .rateCalContent .twocolumnalignleft,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 .rateCalculatorComp .rateCalContent .twocolumnalignleft{
    width: unset!important;
    position: unset!important;
    left: unset!important;
}

.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 .rateCalculatorComp .rateCalWrapper #results h5,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 .rateCalculatorComp .rateCalWrapper #results h5,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 .rateCalculatorComp .rateCalWrapper #results h5,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 .rateCalculatorComp .rateCalWrapper #results h5{
  margin: 20px 139px;
}

.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 .rateCalculatorComp .rateCalContent div.twocolumnalignright,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 .rateCalculatorComp .rateCalContent div.twocolumnalignright,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 .rateCalculatorComp .rateCalContent div.twocolumnalignright,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 .rateCalculatorComp .rateCalContent div.twocolumnalignright{
    min-width:unset!important;
}

.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 .rateCalculatorComp .rateCalWrapper .rateCalContent #results h5 span.percentageSymbol,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 .rateCalculatorComp .rateCalWrapper .rateCalContent #results h5 span.percentageSymbol,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 .rateCalculatorComp .rateCalWrapper .rateCalContent #results h5 span.percentageSymbol,
 .containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 .rateCalculatorComp .rateCalWrapper .rateCalContent #results h5 span.percentageSymbol{
    font-size: 2em;
    position:relative;
    top:unset!important;
}

.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 .rateCalculatorComp .rateCalWrapper,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 .rateCalculatorComp .rateCalWrapper,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 .rateCalculatorComp .rateCalWrapper,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 .rateCalculatorComp .rateCalWrapper{
   width:100%!important;}

.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 .rateCalculatorComp .rateCalWrapper .rateCalContent #results h5 .rateVal,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 .rateCalculatorComp .rateCalWrapper .rateCalContent #results h5 .rateVal,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 .rateCalculatorComp .rateCalWrapper .rateCalContent #results h5 .rateVal,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 .rateCalculatorComp .rateCalWrapper .rateCalContent #results h5 .rateVal{
    font-size: 4.5em!important;
}    
} 
@media only screen and (max-width: 540px) {
    .rateCalContent #results h5 .rateVal{
        font-size: 4.6em;
    }
}

.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 .rateCalculatorComp .rateCalContent .twocolumnalignleft,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 .rateCalculatorComp .rateCalContent .twocolumnalignleft,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 .rateCalculatorComp .rateCalContent .twocolumnalignleft,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 .rateCalculatorComp .rateCalContent .twocolumnalignleft{
	width:45%;
	position: relative;
	left: -68px;
	padding: 2px 2px;
}


.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 .rateCalculatorComp .rateCalContent .twocolumnalignright,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 .rateCalculatorComp .rateCalContent .twocolumnalignright,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 .rateCalculatorComp .rateCalContent .twocolumnalignright,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 .rateCalculatorComp .rateCalContent .twocolumnalignright {
    width:55%}

.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 .rateCalculatorComp .rateCalWrapper label ,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 .rateCalculatorComp .rateCalWrapper label,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 .rateCalculatorComp .rateCalWrapper label,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 .rateCalculatorComp .rateCalWrapper label{font-size: 11px;}

.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 .rateCalculatorComp .rateCalWrapper .rateCalContent #results h5 .rateVal,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 .rateCalculatorComp .rateCalWrapper .rateCalContent #results h5 .rateVal,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 .rateCalculatorComp .rateCalWrapper .rateCalContent #results h5 .rateVal {
    font-size:6.5em;}

 .containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 .rateCalculatorComp .rateCalWrapper .rateCalContent #results h5 .rateVal {
     font-size:5em;}

.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 .rateCalculatorComp .rateCalWrapper .rateCalContent #results h5 .percentageSymbol,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 .rateCalculatorComp .rateCalWrapper .rateCalContent #results h5 .percentageSymbol,
 .containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 .rateCalculatorComp .rateCalWrapper .rateCalContent #results h5 .percentageSymbol{
    font-size: 3em;
    position:relative;
    margin-top:0.3em;
}

.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 .rateCalculatorComp .rateCalWrapper .rateCalContent #results h5 .percentageSymbol{
    font-size: 2.2em;
    position:relative;
    margin-top:0.3em;
}

.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 .rateCalculatorComp .rateCalWrapper #results #overallRate,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 .rateCalculatorComp .rateCalWrapper #results #overallRate,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 .rateCalculatorComp .rateCalWrapper #results #overallRate,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 .rateCalculatorComp .rateCalWrapper #results #overallRate {
	display:flex;
	flex-direction:row;
	justify-content:center;
	gap:0.5rem;
	position: relative;
	top: -2rem;
}

.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 .rateCalculatorComp .rateCalWrapper, 
 .containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 .rateCalculatorComp .rateCalWrapper,
 .containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 .rateCalculatorComp .rateCalWrapper,
 .containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 .rateCalculatorComp .rateCalWrapper{                                                    
   width:120%;
}

.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 .rateCalculatorComp .rateCalWrapper button, 
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 .rateCalculatorComp .rateCalWrapper button:hover,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 .rateCalculatorComp .rateCalWrapper button, 
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 .rateCalculatorComp .rateCalWrapper button:hover,
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 .rateCalculatorComp .rateCalWrapper button, 
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 .rateCalculatorComp .rateCalWrapper button:hover{ 
    min-width:169px!important; }

.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 .rateCalculatorComp .rateCalWrapper button, 
.containerCompV2 .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 .rateCalculatorComp .rateCalWrapper button:hover{ 
    min-width:145px!important; }

.bankpartnertemplate .getStartedFormThankyouMessage {
	max-width: max-content;
}

/* Added for Current offer button height in bank partner template */
@media screen and ( max-width: 767px ) {
 .bankpartnerpage .secondaryCTAbutton a, .bankpartnerpage a .secondaryCTAbutton, .bankpartnerpage .secondaryCTAbutton {
  height: auto;
  min-height: 40px;
 }
}


/* bank partner page text image component logo issue */
@media screen and ( max-width: 767px ) {
    .bankpartnerpage  .partnerlogo {
    	height: 90px;
        display: table-cell;
        vertical-align: middle;
        padding-top: 10px;
        float: right;
	    max-width: 190px;
	    text-align: right;
    }
	.bankpartnerpage  .partnerlogo img {
		width: 100%;
	}
}



/* bank partner page header logo issue fix */
@media only screen and (min-width: 1250px) {
	.bankpartnerpage .universalHeader .brandingBar .elavonLogo {
		position: static;
		left: 0px;
		float: left;
		margin-left: -60px;
	}

	.bankpartnerpage .universalHeader .brandingBar .primaryNav {
		transform: translateX(0%);
		left: 0px;
		position: static;
		float: left;
		margin-top: 30px;
		margin-left: 10px;
	}
} 

.dark-blue-color-text{
	color:#0A1C76;
 }
 
.medium-blue-color-text{
	color:#2C7BBC;
}

.medium-green-color-text{
	color:#4A851F;
}

.dark-gray-color-text{
	color:#58585A;
}

.white-color-text{
	color:#FFFFFF;
}

.refreshDarkblue-color-text{
	color:#0C2074;
}

.refreshEmerald-color-text{
	color:#007079;
}

.largeFont{
	font-size: 22px;
    font-weight: normal;
}
/* Disclaimer Font */
.disclaimerFont{
	font-size: 11px;
	line-height: 5px;
    font-weight: normal;
}

/* Costco Blue Header line-height */
.costco-line-height-16{
	line-height: 16px;
}

.costco-line-height-20{
	line-height: 20px;
}
    
/* primary CTA button */

.primaryCTAbutton {
	background-color: #4a851f;
    display: inline-block;    
    text-align: center;
    min-width: 182px;
    border-radius: 4px;    
    height: 40px;
}

.primaryCTAbutton a, a .primaryCTAbutton, .primaryCTAbutton {
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	min-width: 182px;
	height: 40px;
	display: inline-block;
    text-align: center;
}
.primaryCTAbutton a, a .primaryCTAbutton {
    padding-left: 14px;
}

.primaryCTAbutton a .primaryCTAbuttonArrow, .primaryCTAbutton .primaryCTAbuttonArrow {
	display: inline-block;
	width: 32px;
	height: 16px;
	background: transparent url('../components/content/header/clientlibs/site/resources/Icon-Circle-Arrow-Right_White.svg') no-repeat 0 0;
	position: relative;
	top: 0.165em;
	margin-left: 7px;
    transition: 0.45s;
    transition-timing-function: linear;
}
.primaryCTAbutton a:hover .primaryCTAbuttonArrow, a:hover .primaryCTAbutton .primaryCTAbuttonArrow {
	background-position-x: 8px;
}


.textContainer > ul, .textContainer > ol {
    font-size: 18px;
	line-height: 26px;
}

.textContainer > ul li>a{
    font-weight: 500;
}

.textContainer p>a{
   font-weight: 500;
}

.textContainer p .speedbump>a{
    font-weight: 500;
 }
 
/* secondary CTA button */
.secondaryCTAbutton {
	background-color: #ffffff;
    display: inline-block;    
    text-align: center;
    min-width: 182px;
    border-radius: 4px;    
    height: 40px;
}

.secondaryCTAbutton a, a .secondaryCTAbutton, .secondaryCTAbutton {
	text-decoration: none;
	color: #4a851f;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	min-width: 182px;
	height: 40px;
	display: inline-block;
    text-align: center;
}
.secondaryCTAbutton a, a .secondaryCTAbutton {
    padding-left: 14px;
}

.secondaryCTAbutton a .secondaryCTAbuttonArrow, .secondaryCTAbutton .secondaryCTAbuttonArrow {
	display: inline-block;
	width: 32px;
	height: 16px;
	background: transparent url('../components/content/header/clientlibs/site/resources/Icon-Circle-Arrow-Right_Green.svg') no-repeat 0 0;
	position: relative;
	top: 0.165em;
	margin-left: 7px;
    transition: 0.45s;
    transition-timing-function: linear;
}
.secondaryCTAbutton a:hover .secondaryCTAbuttonArrow, a:hover .secondaryCTAbutton .secondaryCTAbuttonArrow {
	background-position-x: 8px;
}


/* secondary Text CTA button */
.secondaryTextCTAbutton {
    display: inline-block;
}

.secondaryTextCTAbutton a, a .secondaryTextCTAbutton, .secondaryTextCTAbutton {
	text-decoration: none;
	color: #4a851f;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	display: inline-block;
    text-align: center;
}

.secondaryTextCTAbutton a .secondaryTextCTAbuttonArrow, .secondaryTextCTAbutton .secondaryTextCTAbuttonArrow {
	display: inline-block;
	width: 32px;
	height: 16px;
	background: transparent url('../components/content/header/clientlibs/site/resources/Icon-Circle-Arrow-Right_Green.svg') no-repeat 0 0;
	position: relative;
	top: 0.165em;
	margin-left: 7px;
    transition: 0.45s;
    transition-timing-function: linear;
}
.secondaryTextCTAbutton a:hover .secondaryTextCTAbuttonArrow, a:hover .secondaryTextCTAbutton .secondaryTextCTAbuttonArrow {
	background-position-x: 8px;
}

/* Primary CTA Button Block Starts */

.primary-cta-block-button{
    background-color: #4a851f;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    width: 100%;
    border-radius: 4px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
}

.primary-cta-block-button a:hover .primary-cta-button-icon{
	background-position-x: 8px;
}

.primary-cta-block-button a{
    color:#ffffff;
    text-decoration: none;
} 

.primary-cta-button-icon{
    text-decoration: none;
    background: url("../components/content/header/clientlibs/site/resources/Icon-Circle-Arrow-Right_White.svg") left no-repeat;
    font-weight: 700;
    font-size: 16px;
    position: relative;
    margin-left: 10px;
    display: inline-block;
    height: 16px;
    width: 32px;
    top: 2px;
    transition: 0.45s;
    transition-timing-function: linear;
}

.primary-cta-button a:hover .primary-cta-button-icon{
	background-position-x: 8px;
}

.textContainer p span.primaryCTAbutton, .textContainer p span.secondaryCTAbutton {
	margin-top: 10px;
}

/* Primary CTA BLock Button Ends */

/* Back to top button starts */
.backToTopbutton {
    display: inline-block;
}

.backToTopbutton a, a .backToTopbutton, .backToTopbutton {
	text-decoration: none;
	color: #4a851f;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	display: inline-block;
}

.backToTopbutton a .backToTopbuttonArrow, .backToTopbutton .backToTopbuttonArrow {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: transparent url('../components/content/header/clientlibs/site/resources/Icon-Circle-Arrow-Right_Green.svg') no-repeat 0 0;
	position: relative;
	top: 2px;
	margin-left: 7px;
	transform: rotate(-90deg);
}

/* Back to top button ends */

/* Persistent Start*/

.customerServiceIcon{
	width: 60px;
    height: 60px;
    margin: 65px auto 0;
    background: #0a1c76 url(../components/content/persistentcontact/clientlibs/resources/customerService.svg) no-repeat 0 0;
    border-radius: 50%;
    background-size: 45%;
    background-position: center;
    display: inline-block;
}

.contactDetailsTitle{
	font-size: 17px;
    line-height: 24px;
    color: #0c0c0c;
    font-weight: 700;
    margin: 25px 0 10px;
    display: inline-block;
}

.contactDetailsText{
	font-size: 16px;
    line-height: 20px;
    color: #0c0c0c;
    font-weight: 400;
    margin: 0 0 5px;
    display: inline-block;
}

.divider{
	border: 0;
    border-top: 1px solid #0c0c0c;
    display: block;
    height: 1px;
    margin: 70px 0 0 0;
    opacity: .6;
}

.salesIcon{
	width: 60px;
    height: 60px;
    margin: 65px auto 0;
    background: #0a1c76 url(../components/content/persistentcontact/clientlibs/resources/sales.svg) no-repeat 0 0;
    border-radius: 50%;
    background-size: 55%;
    background-position: center;
    display: block;
}

.persistentFormSuccessIcon{
	width: 60px;
    height: 60px;
    margin: 110px auto 26px;
    background: url(../components/content/persistentcontact/clientlibs/resources/thankYouCheckMark.svg) no-repeat 0 0;
    display: inline-block;
}

.persistentFormSuccessTitle{    
	font-size: 24px;
    line-height: 32px;
    color: #0a1c76;
    font-weight: 400;
    margin: 32px 0 18px;
}

.persistentFormSuccessText{
	font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin: 30px 0 20px;
}

.closeCTA{
	width: 160px;
    height: 20px;
    background-color: #4a851f;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    border: 0;
    border-radius: 4px;
    margin-top: 25px;
    margin-bottom: 90px;
    padding: 8px 6px;
    display: inline-block;
    text-align: center;
}

/* Persistent Ends */

/* Vertical Separator */

.textSeparator {
 	    border-right-style: solid;
	    border-right-width: thin;
	    border-right-color: rgba(255, 255, 255, 0.5);
	    margin: 0px 30px 0px 0px;
	    padding-right: 15px;
}

/* for all button in mobile view */

@media screen and ( max-width: 767px ) {
	.primaryCTAbutton,
	.primaryCTAbutton a,
	.secondaryCTAbutton,
	.secondaryCTAbutton a {
		width: 100%;
	}
		
}

@media screen and ( max-width: 768px ) {
/* Horizontal text separator */
	.textSeparator {
        border-bottom: 1px solid #ffffff;
        border-right:none;
        padding-bottom: 20px;
        padding-right: 0px;
        margin: 0px 0px 30px 0px;
    }
    
    .textContainer {
    	text-align: center;
    }
}
/*
.footerFullWidthText{
    font-size: 10px;
    line-height: 26px;
    color: white;
    font-weight: 400;
    margin: 0px 0px 10px 0px;
}*/
.circularTickMarkIcon{
	background: url(../components/content/text/clientlibs/site/resources/round-check-circle-green-24px.svg) no-repeat 0 0;
	padding: 2px 12px;
}

.circularBlueTickMarkIcon{
	background: url(../components/content/text/clientlibs/site/resources/blue-tick.jpeg) no-repeat 0 0.22em;
    padding: 0.2em 0;
    background-size: 1.1em;
    display: inline-block;
    padding-left: calc(2rem + 1.2em);
}
.circularWhiteTickMarkIcon{
	background: url(../components/content/text/clientlibs/site/resources/white-circle-tick.svg) no-repeat 0 0.22em;
    padding: 0.2em 0;
    background-size: 1.1em;
    display: inline-block;
    padding-left: calc(2rem + 1.2em);
}
div .circularBlueTickMarkIcon {
    background-size: 1.4em;
}

/* Download button starts */

.downloadButton {
	background-color: #4a851f;
    display: inline-block;    
    text-align: center;
    width: 182px;
    border-radius: 4px;    
    height: 40px;
}

.downloadButton a, a .downloadButton, .downloadButton {
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	width: 182px;
	height: 40px;
	display: inline-block;
    text-align: center;
}
.downloadButton a, a .downloadButtonn {
    padding-left: 14px;
}

.downloadButton a .downloadButtonIcon, .downloadButton .downloadButtonIcon {
	display: inline-block;
	width: 32px;
	height: 20px;
	background: transparent url('../components/content/text/clientlibs/site/resources/round-get_app-24px.svg') no-repeat 0 0;
	position: relative;
	top: 0.165em;
	margin-left: 7px;
   
}

/* Download button Ends */

/* sub-nav starts */


  @media only screen and (min-width: 1024px) {
		.sub-nav {
			font-size: 18px;
		}
	}
	@media only screen and (min-width: 375px) and (max-width: 413px) {
		.sub-nav {
			font-size: 15px;
		}
	}	
	@media only screen and (max-width: 374px) {
		.sub-nav {
			font-size: 12px;
		}
	} 
	
/* sub-nav Ends */

	@media only screen and (max-width: 450px) {
	.secondaryCTAbutton a, a .secondaryCTAbutton, .secondaryCTAbutton {
		height: auto;
	}
}
/*tick list bullet icons*/
.tickBulletIcon ul, .skyblueTickMarkIcon ul, .blueTickBulletIcon ul, .dashesBulletIcon ul, .dashesBulletWhite ul {
	margin: 1.5rem 0px;
	padding: 0px;
	list-style-type: none;
}
.tickBulletIcon ul li {
	margin:6px 0;
    padding: 0;
    background: url("../components/content/text/clientlibs/site/resources/round-check-circle-green-24px.svg") no-repeat left 3px;
    padding-left: 2em;
    line-height: 1.6;
    text-align: left;
    background-size:1.2em;
}
/*content refresh bullet style changes starts here*/
.skyblueTickMarkIcon ul li {
	margin:6px 0;
    padding: 0;
    background: url("../components/content/text/clientlibs/site/resources/sky-blue-tick.svg") no-repeat left 0.4em;
    padding-left: 2em;
    line-height: 1.6;
    text-align: left;
    background-size:1.05em;
}
.blueTickBulletIcon ul li {
	margin: 6px 0;
    padding: 0;
    background: url("../components/content/text/clientlibs/site/resources/blue-tick.svg") no-repeat left 0;
    padding-left: 2em;
    line-height: 1.6;
    text-align: left;
    background-size:1.5em;

}
.dashesBulletIcon ul li, .dashesBulletWhite ul li {
    padding-left: 3rem;
    text-align: left;
    margin-top:8px;
    margin-bottom:8px;
    line-height:1.6;

}
.dashesBulletIcon ul li:before {
	content: "";
    display: block;
    width: 10px;
    height: 2px;
    background-color: #58585a;
    position: relative;
    top: 0.8em;
    left: -3rem;
    text-align: left;
}
.dashesBulletWhite ul li:before {
	content: "";
    display: block;
    width: 10px;
    height: 2px;
    background-color: #FFFFFF;
    position: relative;
    top: 0.8em;
    left: -3rem;
    text-align: left;
}
/*content refresh bullet style changes ends here*/
/**** Full width CTA button***/
.fullWidthCTAbutton {
    background-color: #4a851f;
    display: inline-block;
    text-align: center;
    min-width: 182px;
    border-radius: 4px;
    height: 40px;
}             
.fullWidthCTAbutton a, a .fullWidthCTAbutton, .fullWidthCTAbutton {
	text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    min-width: 182px;
    height: 40px;
    display: inline-block;
    text-align: left;
    display: block;
    position: relative;
	padding: 0px;
    margin: 0px;
}
.fullWidthCTAbutton a, a .fullWidthCTAbutton {
    padding-left: 20px;
}
.fullWidthCTAbutton a .fullWidthCTAbuttonArrow, .fullWidthCTAbutton .fullWidthCTAbuttonArrow {
    display: inline-block;
    width: 32px;
    height: 16px;
    background: transparent url(../components/content/header/clientlibs/site/resources/Icon-Circle-Arrow-Right_White.svg) no-repeat 0 0;
    position: absolute;
    margin-left: 7px;
    transition: 0.45s;
    transition-timing-function: linear;
    right: 5px;
    top: 10px;
}
.fullWidthCTAbutton a:hover .fullWidthCTAbuttonArrow, a:hover .fullWidthCTAbutton .fullWidthCTAbuttonArrow {
    background-position-x: 8px;
}
.bold-text{
	font-weight: bold;
}

.privacy-choices-icon {
    background: url("../../../content/dam/elavon/global/common-images/privacyoptions.svg") no-repeat right 0;
    line-height: 1.6;
    text-align: right;
    margin: 0px;
    padding: 0 2rem;
    padding-right: 4rem;
}

.textContainer a {
	text-decoration:none;
}

.textContainer a:hover{
	text-decoration:underline;
}

/* Azure Blue CTA Button Styles */
.cta-txt-azure-blue {
    background-color: #0072c4;
    display: inline-block;    
    text-align: center;
    min-width: 182px;
    border-radius: 4px;    
    height: 40px;
}

.cta-txt-azure-blue a, 
a .cta-txt-azure-blue, 
.cta-txt-azure-blue {
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    min-width: 182px;
    height: 40px;
    display: inline-block;
    text-align: center;
}
.cta-txt-azure-blue a, 
a .cta-txt-azure-blue {
    padding-left: 0px;
}

.cta-txt-azure-blue a .secondaryCTAbuttonArrow, 
.cta-txt-azure-blue .secondaryCTAbuttonArrow {
    display: inline-block;
    width: 32px;
    height: 16px;
    background: transparent url('../components/content/header/clientlibs/site/resources/Icon-Circle-Arrow-Right_White.svg') no-repeat 0 0;
    position: relative;
    top: 0.165em;
    margin-left: 7px;
    transition: 0.45s;
    transition-timing-function: linear;
}
.cta-txt-azure-blue a:hover .secondaryCTAbuttonArrow, 
a:hover .cta-txt-azure-blue .secondaryCTAbuttonArrow {
    background-position-x: 8px;
}


/* cta-txt-transparent-blue styles */
.cta-txt-transparent-blue {
    background-color:#fff;
    display: inline-block;    
    text-align: center;
    min-width: 182px;
    border-radius: 4px;    
    height: 40px;
                    border: .0625rem solid #0072c4;
    outline: .125rem solid transparent;
    outline-offset: .25rem;
}

.cta-txt-transparent-blue a, a .cta-txt-transparent-blue, .cta-txt-transparent-blue {
     text-decoration: none;
    color:#0072c4;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    min-width: 182px;
    height: 40px;
    display: inline-block;
    text-align: center;
}
.cta-txt-transparent-blue a, a .cta-txt-transparent-blue {
    padding-left: 0px;
}

.cta-txt-transparent-blue a .secondaryCTAbuttonArrow, .cta-txt-transparent-blue .secondaryCTAbuttonArrow {
    display: inline-block;
    width: 32px;
    height: 16px;
    background: transparent url('../components/content/header/clientlibs/site/resources/Icon-Circle-Arrow-Right_Green.svg') no-repeat 0 0;
    position: relative;
    top: 0.165em;
    margin-left: 7px;
    transition: 0.45s;
    transition-timing-function: linear;
}
.cta-txt-transparent-blue a:hover .secondaryCTAbuttonArrow, a:hover .cta-txt-transparent-blue .secondaryCTAbuttonArrow {
    background-position-x: 8px;
}




.tableTCS
{
   margin-left: 100px;
   border: 1px solid black;
   border-collapse: collapse;
   width: 80%;
}
.thTCS
{
	width: 70%;
	font-weight:bold;
	text-align:center;
}
.tdText
{
	 border: 1px solid black; 
	 padding: 10px 10px 10px 30px;
	 vertical-align:top;
	 width: 60%;
}
.tdImg
{
	 border: 1px solid black; 
	 padding: 50px 50px 50px 50px;
	 width: 40%;
}
.tabImageSlow{
animation-delay:0.75s;
    }
    
@media screen and (max-width: 767px) {
	.tableTCS
	{
	   margin-left: 0px;
	   width: 100%
	}
	.tdText
	{
		 border: 1px solid black; 
		 padding: 30px;
		 vertical-align:top;
		 width: 60%;
	}
}

.circularBlueTickMarkIcon {
   background-size: 30px;
}

/*two image sliders in a page - one inside tab*/
.tdText .cq-Editable-dom .imageSlider.aem-GridColumn--default--12 .slider-wrap{
	max-width: 1000px !important;
    min-width: 1000px !important;
}
.tdText .cq-Editable-dom .imageSlider.aem-GridColumn--default--6 .slider-wrap{
	max-width: 500px !important;
    min-width: 500px !important;
}
.tdText .cq-Editable-dom .aem-GridColumn--default--6 .imageSlider .slider-wrap{
	max-width: 500px !important;
    min-width: 500px !important;
}


.tabComponent { 
	width: 100%;
}

.tabComponent .tabContainer {
	width: 100%;
	padding: 45px 57px;
	overflow: hidden;
}

.tabComponent .tabContainer .tabLinks {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.tabComponent .tabContainer .tabLinks > button {
	margin: 0px;
	padding: 5px 25px 20px 25px;
	border: none;
	background: transparent;
	display: inline-block;
	position: relative;
}
.tabComponent .tabContainer .tabLinks > button:focus {
	outline: 2px solid #23527c;
}
.tabComponent .tabContainer .tabLinks > button > h3 {
	margin: 0px 0px 16px 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: 400;
}
.tabComponent .tabContainer .tabLinks > button > h3 {
	color: #58585a;
}
.tabComponent .tabContainer .tabLinks > button.active > h3 {
	font-weight: 700;
	color: #0a1c76;
}

.tabComponent .tabContainer .tabLinks > button > .tabLinkText {
	margin: 0px 0px 16px 0px;
	padding: 0px;
	font-size: 18px;
	color: #58585a;
	font-weight: 400;
	line-height: 34px;
    display: inline-block;
}
.tabComponent .tabContainer .tabLinks > button.active > .tabLinkText {
	font-weight: 700;
	color: #0a1c76;
}


.tabComponent .tabContainer .tabLinks > button.active::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #72bbeb;
    clear: both;
	margin-left: -20px;
	margin-top: -20px;
}
.tabComponent .tabContainer .tabLinks > button:nth-child(1).active::after {
	border-bottom: 20px solid #72bbeb;
}
.tabComponent .tabContainer .tabLinks > button:nth-child(2).active::after {
	border-bottom: 20px solid #77ae3f;
}
.tabComponent .tabContainer .tabLinks > button:nth-child(3).active::after {
	border-bottom: 20px solid #acb137;
}
.tabComponent .tabContainer .tabLinks > button:nth-child(4).active::after {
	border-bottom: 20px solid #eeaa1f;
}
.tabComponent .tabContainer .tabLinks > button:nth-child(5).active::after {
	border-bottom: 20px solid #df831b;
}
.tabComponent .tabContainer .tabLinks > button:nth-child(6).active::after {
	border-bottom: 20px solid #bdc6c4;
}

.tabComponent .tabContainer .tabContent {
	width: 100%;	
}

.tabComponent .tabContainer .tabContent .tabPane {
	padding: 35px;
	background-color: #ffffff;
	border-radius: 4px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, .15);
	border-top: 18px solid #72bbeb;
	text-align: center;
	display: none;
}

.tabComponent .tabContainer .tabContent .tabPane:nth-child(1) {
	border-top-color: #72bbeb;
}
.tabComponent .tabContainer .tabContent .tabPane:nth-child(2) {
	border-top-color: #77ae3f;
}
.tabComponent .tabContainer .tabContent .tabPane:nth-child(3) {
	border-top-color: #acb137;
}
.tabComponent .tabContainer .tabContent .tabPane:nth-child(4) {
	border-top-color: #eeaa1f;
}
.tabComponent .tabContainer .tabContent .tabPane:nth-child(5) {
	border-top-color: #df831b;
}
.tabComponent .tabContainer .tabContent .tabPane:nth-child(6) {
	border-top-color: #bdc6c4;
}
.tabComponent .tabContainer .tabContent .tabPane.active {
	display: block;
}

.tabComponent .tabContainer .tabContent .tabPane .tabPaneRow {
	padding: 50px 0px 45px;
}

.tabComponent .tabContainer .tabContent .tabPane .tabPaneRow .tabPaneColumn {
	text-align: left;
	margin: 0px;
	overflow: hidden;
	vertical-align: top;
    display: inline-block;
}
.tabComponent .tabContainer .tabContent .tabPane .tabPaneRow .tabPaneColumn .textimage:nth-child(1) {
	padding: 0px;
}
.tabComponent .tabContainer .tabContent .tabPane .tabPaneRow .tabPaneColumn .textimage:nth-child(2) {
	padding: 0px;
}
.tabComponent .tabContainer .tabContent .tabPane .tabPaneRow .tabPaneColumn .textimage {
	padding-right: 5%;
}
.tabComponent .tabContainer .tabContent .tabPane .tabPaneRow .tabPaneColumn h3 {
	margin: 0px 0px 20px 0px;
    font-weight: 500;
	font-size: 24px;
}
.tabComponent .tabContainer .tabContent .tabPane .tabPaneRow .tabPaneColumn h4 {
	margin: 0px 0px 20px 0px;
    font-weight: 500;
}
.tabComponent .tabContainer .tabContent .tabPane .tabPaneRow .textImageContainer {
    width: auto;
    margin: auto;
    display: block;
    max-width: 470px;
}

.tabComponent .tabContainer .tabContent .tabPane .tabTitleLink {
	display: none;
}

.tabComponent .tabContainer .tabContent .tabPane .tabPaneRow .tabPaneColumn .tabPaneIcon {
	width: 75px;
	height: 75px;
	margin: 0px 32px 32px 0px;
	float: left;
	border-radius: 50%;
    text-align: center;
    padding: 15px;
	background-color: #72bbeb;
}
.tabComponent .tabContainer .tabContent .tabPane:nth-child(1) .tabPaneRow .tabPaneColumn .tabPaneIcon {
	background-color: #72bbeb;
}
.tabComponent .tabContainer .tabContent .tabPane:nth-child(2) .tabPaneRow .tabPaneColumn .tabPaneIcon {
	background-color: #77ae3f;
}
.tabComponent .tabContainer .tabContent .tabPane:nth-child(3) .tabPaneRow .tabPaneColumn .tabPaneIcon {
	background-color: #acb137;
}
.tabComponent .tabContainer .tabContent .tabPane:nth-child(4) .tabPaneRow .tabPaneColumn .tabPaneIcon {
	background-color: #eeaa1f;
}
.tabComponent .tabContainer .tabContent .tabPane:nth-child(5) .tabPaneRow .tabPaneColumn .tabPaneIcon {
	background-color: #df831b;
}
.tabComponent .tabContainer .tabContent .tabPane:nth-child(6) .tabPaneRow .tabPaneColumn .tabPaneIcon {
	background-color: #bdc6c4;
}

.tabComponent .tabContainer .tabContent .tabPane .tabPaneRow .tabPaneColumn .tabPaneIcon > img {
	height: 100%;
	width: 100%;
}
.tabComponent .tabContainer .tabContent .tabPane .tabPaneRow .tabPaneColumn  .tabPaneDescription {
	float: left;
	max-width: 360px;
}
.tabComponent .tabContainer .tabContent .tabPane .tabPaneRow .tabPaneColumn  .tabPaneDescription .tabPaneTitle {
	font-size: 28px;
	line-height: 32px;
	margin-bottom: 32px;
	color: #2c7bbc;
	font-weight: 300;
}
.tabComponent .tabContainer .tabContent .tabPane .tabPaneRow .tabPaneColumn  .tabPaneDescription .tabPaneText {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 20px;
	color: #58585a;
	font-weight: 400;
}


.tabComponent .tabContainer .tabContent .tabPane .tabPaneRow .tabPaneColumn .tabPaneCTA {
	margin: 0px;
}
.tabComponent .tabContainer .tabContent .tabPane .tabPaneRow .tabPaneColumn .tabPaneCTA > button {
	padding: 0px;
	margin: 0px;
	background: transparent;
	border: none;
	height: 40px;
	color: #4A851F;
	font-size: 20px;
	font-weight: 700;
	text-align: left;
}
.tabComponent .tabContainer .tabContent .tabPane .tabPaneRow .tabPaneColumn .tabPaneCTA button .tabPaneArrow {
	position: relative;
	bottom: 1px;
	margin-left: 10px;
}
.tabComponent .tabContainer .tabContent .tabPane .tabPaneRow .tabPaneColumn .tabPaneCTA  button .tabPaneArrow > img {
	width: 20px;
	border: 0.1em solid #4A851F;
	border-radius: 100px;
}

.tabComponent .textimage-left img{   
    margin: 0px 32px 32px 0px;
    float: left;
    padding: 7px 15px;
 }

.tabComponent .textimage-right img{   
    margin: 0px 32px 32px 0px;
    float: right;
    padding: 7px 15px;
 }

 .tabContainer .tabPane .textImageContainer .textimage-text{
    float: left;
    width: 70%;
    padding: 0px;
 }

 .tabContainer .tabPane .textImageContainer .textimage-left {
    float: left;
    max-width: 85px;
    width: 25%;
 }
 .tabContainer .textimage-right {
	width: auto;
 }

 .tabContainer .tabPane .textImageContainer .textimage-left+.textimage-text, .tabContainer .tabPane .textImageContainer .textimage-right+.textimage-text{
    height: auto;
 }

 .tabContainer .tabPane .tabPaneRow .tabPaneColumn .textimage .textImageContainer .textimage-top {
    padding: 0px;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
 }
 .tabContainer .tabPane .tabPaneRow .tabPaneColumn .textimage .textImageContainer .textimage-top  img {
    padding: 7px 15px 7px 0px;
    margin-left: -5px;
 }


@media only screen and (max-width: 1023px) {
	.tabComponent {
		max-height: none;
	}
	.tabComponent .tabContainer {
		padding: 46px 26px;
	}
	.tabComponent .tabContainer .tabLinks {
		display: none;
	}
	.tabComponent .tabContainer .tabContent .tabPane {
		display: block;
		max-width: 360px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		border-top: 15px solid #72bbeb;
		padding: 0px;
	}
	.tabComponent .tabContainer .tabContent .tabPane .tabPaneRow .tabPaneColumn { 
		display: block;
		text-align: center;
		padding: 15px 35px 0px;
		margin: 0px;
	}
	.tabComponent .tabContainer .tabContent .tabPane .tabPaneRow .tabPaneColumn .textimage:nth-child(1) {
        padding: 0px;
    }
    .tabComponent .tabContainer .tabContent .tabPane .tabPaneRow .tabPaneColumn .textimage:nth-child(2) {
        padding: 0px;
    }
	.tabComponent .tabContainer .tabContent .tabPane .tabPaneRow .textimage-left {
    	float: none;
	}
	.tabContainer .tabPane .textImageContainer .textimage-left,
	.tabContainer .tabPane .textImageContainer .cmp-image {
    	width: 136px;
		min-height: 120px;
		margin: auto;
	}
	.tabComponent .tabContainer .tabContent .tabPane .tabPaneRow .tabPaneColumn .tabPaneIcon {
		width: 120px;
		height: 120px;
		margin: 0px auto 0px auto;
		float: none;
		padding: 30px;
	}
	.tabComponent .tabContainer .tabContent .tabPane .tabPaneRow .tabPaneColumn .tabPaneDescription {
		max-width: none;
	}
	.tabComponent .tabContainer .tabContent .tabPane .tabTitleLink {
		display: block;
		padding: 20px 20px 20px 20px;
	}
	.tabComponent .tabContainer .tabContent .tabPane .tabTitleLink > button {
		border: none;
		background: transparent;
		padding: 0px;
		width: 100%;
		display: block;
		position: relative;
	}
	.tabComponent .tabContainer .tabContent .tabPane .tabTitleLink > button > h2 {
		margin: 0px;
		color: #58585a;
		font-size: 17px;
		font-weight: 400;
		line-height: 20px;
		text-align: left;
		float: left;
		width: 80%;
	}
	.tabComponent .tabContainer .tabContent .tabPane .tabTitleLink > button > h3 {
		margin: 0px;
		color: #58585a;
		font-size: 17px;
		font-weight: 400;
		line-height: 20px;
		text-align: left;
		float: left;
		width: 80%;
	}
	.tabComponent .tabContainer .tabContent .tabPane .tabTitleLink span.tabTitleTexts {
		display: inline-block;
		width: 80%;
    	height: auto;
        margin: 0;
        color: #58585a;
        font-size: 17px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        float: left;
        background: none;
        position: static;
	}
	.tabComponent .tabContainer .tabContent .tabPane.active .tabTitleLink span.tabTitleTexts {
		-ms-transform: none;
		-webkit-transform: none;
		transform: none;
	}
	.tabComponent .tabContainer .tabContent .tabPane .tabTitleLink > button > span {
		display: inline-block;
		width: 14px;
		height: 8px;
		float: right;
		position: absolute;
		top: 50%;
		right: 0px;
		margin-top: -10px;
    	background-image: url(clientlib-global/resources/Icon-Arrow-Down.svg);
	}
	.tabComponent .tabContainer .tabContent .tabPane.active .tabTitleLink > button > h2  {
		font-weight: 700;
		color: #0a1c76;
	}
	.tabComponent .tabContainer .tabContent .tabPane.active .tabTitleLink > button > h3  {
		font-weight: 700;
		color: #0a1c76;
	}
	.tabComponent .tabContainer .tabContent .tabPane.active .tabTitleLink > button > span {
		-ms-transform: rotate(18deg); /* IE 9 */
		-webkit-transform: rotate(180deg); /* Safari 3-8 */
		transform: rotate(180deg);
	}
	
	.tabComponent .tabContainer .tabContent .tabPane .tabPaneRow {
		display: none;
		padding: 0px 0px 45px;
	}
	.tabComponent .tabContainer .tabContent .tabPane.active .tabPaneRow {
		display: block;
	}

    .tabContainer .tabPane .textImageContainer .textimage-text{
        width: auto;
        padding: 0px;
     }
    
     .tabContainer .tabPane .textImageContainer .textimage-left { 
        max-width: none;
        width: auto;
     }

	.tabComponent .textimage-left img{
        margin: 0px auto 0px auto;
        float: none;
        padding: 18px 30px;
    }
    
    .tabComponent .textimage-right img{
        margin: 0px auto 0px auto;
        float: none;
        padding: 18px 30px;
    }
	.tabContainer .tabPane .tabPaneRow .tabPaneColumn .textimage .textImageContainer .textimage-top  img {
        padding: 18px 30px 18px 30px;
        margin-left: auto;
    	margin-right: auto;
     }
	.tabContainer .textImageContainer .textimage-top.image-left, .tabContainer .textImageContainer .textimage-bottom.image-left {
    	text-align: center;
	}
	
}
@media only screen and (max-width: 350px){
    .tabComponent .tabContainer .tabContent .tabPane .tabPaneRow .tabPaneColumn {
        padding: 15px 15px 0px;
    }
}
@media only screen and (min-width: 1024px) {
	.tabContainer .tabPane .textImageContainer .textimage-text {
		min-width: 320px;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
}

@media print {
	.tabComponent .tabContainer .tabContent .tabPane {
		padding: 0px;
	}
	.tabComponent .tabContainer .tabContent .tabPane .tabPaneRow {
		padding: 0px;
	}
	.tabComponent .tabContainer .tabContent .tabPane .tabPaneRow .tabPaneColumn {
		width: 45%;
		float: left;
		margin: 0px 20px 0px 0px;
	}
	.tabComponent .tabContainer .tabLinks > button {
		padding: 0 15px 20px;
	}
	.tabComponent .tabContainer .tabLinks > button > h2 {
		font-size : 15px;
	}

}


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

    .tabComponent .tabContainer .tabContent .tabPane {

           max-width: none;
            }
 
}


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

	.tabComponent .tabContainer .tabContent .tabPane .tabPaneRow .tabPaneColumn .textimage:nth-child(2) {
        padding: 0px;
    }
	.tabComponent .tabContainer .tabContent .tabPane .tabPaneRow .tabPaneColumn .textimage {
		padding-right: 0px;
	}
}

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


.tabComponent .tabContainer .tabContent .tabPane {
max-width: none;
}

.tabContainer .tabPane .textImageContainer .textimage-left {
max-width: none;
}

.tabContainer .tabPane .textImageContainer .textimage-text {
max-width: none;
}


}
/* Tab New variation styles starts */

.tabComponent.tabNewVariation .tabContainer .tabLinks {
    text-align: left;
    margin-left: 30px;
}
.tabComponent.tabNewVariation .tabContainer .tabLinks > button {
    background-color: #f7f7f7;
    border: 1px solid #4D94C6;
    border-radius: 5px 5px 0px 0px;
    border-bottom: none;
	margin-right: 15px;
	padding-bottom: 0px;
}
.tabComponent.tabNewVariation .tabContainer .tabLinks > button.active {
    background: #ffffff !important;
    position: relative;
    top: 1px;
    border-top-width: 7px;
    padding-top: 0px;
}
.tabComponent.tabNewVariation .tabContainer .tabContent .tabPane {
	border: 1px solid #4D94C6;
    border-radius: 5px;
    box-shadow: none;
}
.tabComponent.tabNewVariation .tabContainer .tabLinks > button.active::after {
	display: none;
}

/* Tab New variation styles ends */


/* print */
@media print {
	.tabPaneRow {
		overflow: hidden;
	}
	.tabPaneRow .tabPaneColumn {
		width: 100% !important;
	}

	.tabPaneRow .textimage {
		width: 49% !important;
	}

}

/*circular tick icon inside tab*/
.tabComponent .tabContainer .tabContent .circularBlueTickMarkIcon {
   background-size: 30px;
}

/*two image sliders in a page - one inside tab*/
.tabComponent .imageSlider .slider-wrap{
	max-width: 100% !important;
    min-width: 100% !important;
}
/*
 *  Copyright 2017 Adobe Systems Incorporated
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-breadcrumb {
  display: inline-block;
  list-style: none;
  padding: 0;
}
.cmp-breadcrumb__item {
  display: inline-block;
  vertical-align: top;
}

.breadcrumb ul{
 	list-style-type:none;
}
.breadcrumb ul li{
 	display:inline-block;
}

.breadcrumb ul li a{
    font-size: 14px;
    font-weight: 400;
    color: #4a851f;
    display: inline-block;
    text-decoration: underline;
    background: transparent;
    border: 0px;
    padding: 0px 2px;
}
.breadcrumb .cmp-breadcrumb ul li:not(:last-child):after{
    display: inline-block;
    content: ">";
    color:#333;
    width: 10px;
    height: 20px;
    margin: 0px 2px 0px 5px;
}

.breadcrumb{
	 background-color:white;
}


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


.breadcrumb ul{
 	 padding-left: 0px;
            float:none;
}

.breadcrumb{
    text-align: center;
}
}
.contentRefreshBreadcrumb ul li a {
    color: #0c2074;
    text-decoration: none;
    padding: 0;
}
.contentRefreshBreadcrumb{
    color: #0c2074;
    margin: 2rem auto 0;
    padding: 0;
    text-align: left;
    max-width: 1280px;
    width: 80%;
}
.contentRefreshBreadcrumb ul li a:hover, .contentRefreshBreadcrumb ul li a:focus{
    text-decoration: underline;
}
.contentRefreshBreadcrumb ul{
    padding-left:0;
    margin:0;
}
.contentRefreshBreadcrumb.customBreadcrumbbreadVararticle{
    width:100%;
    margin:0;
}
.article-wrapper .article-breadcrumb .contentRefreshBreadcrumb ul li a {
    text-decoration: none;
}
.article-wrapper .article-breadcrumb .contentRefreshBreadcrumb ul li a:hover,
.article-wrapper .article-breadcrumb .contentRefreshBreadcrumb ul li a:focus {
	text-decoration: underline;
}
@media only screen and (max-width:1023px){
	.contentRefreshBreadcrumb{
	    width: 85%;
	}
}
/*Speedbump styles*/
#elavonSpeedBump .modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
#elavonSpeedBump .modal-content {
    border-radius: 0;
}
#elavonSpeedBump .modal-header {
	background-color: #337ab7;
    border: none;
    padding: 10px 15px;
}
 
#elavonSpeedBump .modal-header .btn-close {
    --bs-btn-close-color: #fff;
    --bs-btn-close-hover-color: #fff;
    --bs-btn-close-focus-shadow: none;
    --bs-btn-close-bg: unset;
    color: #fff;
    box-shadow: none;
    text-shadow: none;
    opacity: 1;
    font-size: 26px;
    font-weight: normal;
    background: #0A1C76;
    width: 16px;
    height: 15px;
    border-radius: 43px;
}

#elavonSpeedBump .modal-header .btn-close:focus {
    outline: 2px solid #0056b3;
    outline-offset: 2px;      
    border-radius: 4px;     
}

#elavonSpeedBump .modal-header .btn-close > span {
    position: relative;
	  top: -12px;
  }
 
#elavonSpeedBump .modal-body {
    padding: 25px 35px;
}
#elavonSpeedBump .modal-body > p {
    font-size: 15px;
    line-height: 24px;
}
#elavonSpeedBump .modal-footer {
    border: none;
    padding-bottom: 40px;
    padding-top: 0px;
    border-radius: 0px;
}
#elavonSpeedBump .modal-footer > a {
    border-radius: 0;
    margin: 0px 12px;
}

#elavonSpeedBump.modal{
top: 60px;
right: 25px;
}
/*Speedbump styles*/

@media (min-width: 768px) {
   #elavonSpeedBump .modal-dialog {
        max-width: 600px;
        margin: 30px auto;
    }
}

#elavonSpeedBump .modal-header {
    background-color: #337ab7;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}

#elavonSpeedBumps .modal-header {
	background-color: #337ab7;
    border: none;
    padding: 10px 15px;
}

}

.containerBoxShadow {
    border-radius: 4px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .15);
    position: relative;
    background-color: white;
    padding: 26px;
}

/** Desktop Top Padding **/

.noneTopDT{
	padding-top: 0px;
}

.largePaddingTopDT{
	padding-top: 75px;
}

.mediumPaddingTopDT{
	padding-top: 57px;
}

.smallPaddingTopDT{
	padding-top: 40px;
}

.x-smallPaddingTopDT{
	padding-top: 16px;
}


/** Desktop Bottom Padding **/

.noneBottomDT{
	padding-bottom: 0px;
}

.largePaddingBottomDT{
	padding-bottom: 75px;
}

.mediumPaddingBottomDT{
	padding-bottom: 57px;
}

.smallPaddingBottomDT{
	padding-bottom: 40px;
}

.x-smallPaddingBottomDT{
	padding-bottom: 16px;
}


/** Desktop Left Padding **/

.noneLeftDT{
	padding-left: 0px;
}

.largePaddingLeftDT{
	padding-left: 75px;
}

.mediumPaddingLeftDT{
	padding-left: 57px;
}

.smallPaddingLeftDT{
	padding-left: 40px;
}

.x-smallPaddingLeftDT{
	padding-left: 16px;
}

/** Desktop Right Padding **/

.noneRightDT{
	padding-right: 0px;
}

.largePaddingRightDT{
	padding-right: 75px;
}

.mediumPaddingRightDT{
	padding-right: 57px;
}

.smallPaddingRightDT{
	padding-right: 40px;
}

.x-smallPaddingRightDT{
	padding-right: 16px;
}
/** container full width button**/
.containerFullWidthButton .fullWidthCTAbutton{
    margin-top: 30px;
}

@media screen and (max-width: 380px){
    .fullWidthCTAbutton a .fullWidthCTAbuttonArrow, .fullWidthCTAbutton .fullWidthCTAbuttonArrow{
        right: -6px;
        top: 12px;
   }
}

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

/** Mobile Top Padding **/
.noneTopMob{
	padding-top: 0px;
}
.largePaddingTopMob{
	padding-top: 36px;
}
.mediumPaddingTopMob{
	padding-top: 26px;
}
.smallPaddingTopMob{
	padding-top: 10px;
}
.x-smallPaddingTopMob{
	padding-top: 8px;
}

/** Mobile Bottom Padding **/
.noneBottomMob{
	padding-bottom: 0px;
}
.largePaddingBottomMob{
	padding-bottom: 36px;
}
.mediumPaddingBottomMob{
	padding-bottom: 26px;
}
.smallPaddingBottomMob{
	padding-bottom: 10px;
}
.x-smallPaddingBottomMob{
	padding-bottom: 8px;
}

/** Mobile Left Padding **/
.noneleftMob{
	padding-left: 0px;
}
.largePaddingLeftMob{
	padding-left: 36px;
}
.mediumPaddingLeftMob{
	padding-left: 26px;
}
.smallPaddingLeftMob{
	padding-left: 10px;
}
.x-smallPaddingLeftMob{
	padding-left: 8px;
}

/** Mobile Right Padding **/
.noneRightMob{
	padding-right: 0px;
}
.largePaddingRightMob{
	padding-right: 36px;
}
.mediumPaddingRightMob{
	padding-right: 26px;
}
.smallPaddingRightMob{
	padding-right: 10px;
}
.x-smallPaddingRightMob{
	padding-right: 8px;
}

}
.messageOverlay {
    position: relative;
}

.highPriorityMessageOverlay button.hideOverlay {
	background: transparent;
	border: none;
	padding: 0px;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 46%;
	right: 60px;
	}
    
 .highPriorityMessageOverlay.sticky {
        transition: all 0.3s ease-in-out;
    }
    
/* Right-align CTA button inside highPriorityMessageOverlay */
.highPriorityMessageOverlay.sticky p {
    display: flex;
    align-items: center;
}

.highPriorityMessageOverlay.sticky .primaryCTAbutton {
    margin-right: 10rem
}

.highPriorityMessageOverlay.sticky .primaryCTAbutton.cta-txt-azure-blue{
    background-color: #0072c4;
}

.highPriorityMessageOverlay.sticky p > span,
.highPriorityMessageOverlay.sticky p > a {
    float: right;
    margin-left: 12px;
    margin-bottom: 4px;
}

.highPriorityMessageOverlay.sticky p {
    overflow: hidden; 
    margin-bottom: 18px;
}


@media only screen and (max-width: 1023px) {
    .highPriorityMessageOverlay.sticky .primaryCTAbutton {
        margin-right: 2rem;
    }
    .highPriorityMessageOverlay.sticky p {
        font-size:16px;
    }
}

@media only screen and (max-width: 767px) {
    .highPriorityMessageOverlay.sticky p {
        display: block;
        justify-content: unset;
        align-items: unset;
    }
}

.highPriorityMessageOverlay{
    padding-top: 35px;
    padding-bottom: 30px;
    padding-left: 57px;
    padding-right: 57px;
}
.highPriorityMessageOverlay.SmallTBPadding{
    padding-top: 15px;
    padding-bottom: 5px;
}

.highPriorityMessageOverlay a:hover{
	color: #ffffff;
}
/* Cross Country Message Starts */

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

.geolocation-text p {
	display: inline;
	color: #212123;
	font-weight: 700;
}

.crossCountryMessageOverlay{
	padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 57px;
    padding-right: 57px;
    display: none;
}

.crossCountryMessage button.hideOverlay{
	background: transparent;
	border: none;
	padding: 0px;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 10px;
	right: 60px;
	background: url("../../../etc.clientlibs/elavonv3/clientlibs/clientlib-global/resources/Icon-Close-Button.svg") no-repeat 0 0;
}

#countryName{
    color: #467e1d;
    text-decoration: underline;
}

a#countryName{
    font-size: 18px;
    font-weight: 700;
    padding: 0px 7px;
}

.geolocation-text img#countryImg {
    margin-bottom: 4px;
}

/* Cross Country Message Ends */

/* Cookie Style Starts */

.cookie-disclaimer {
    bottom: 0;
    font-size: 12px;    
    padding: 1.5em 1em 1.5em 0;
    position: fixed;
    width: 100%;
    z-index: 9999;
    text-align: center;
}

.cookie-disclaimer .content-inner {
    padding: 0;
}

.cookie-disclaimer .cookie-text {
    width: 90%;
    padding: 0;
    margin: 1em auto;
}

 .cookie-disclaimer .cookie-close-box  {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 60px;
    top: 90px;
}

 .cookie-disclaimer .cookie-close-box a {
    display: inline-block;
	background: url("../../../etc.clientlibs/elavonv3/clientlibs/clientlib-global/resources/Icon-Close-Button.svg") no-repeat 0 0;
    background-repeat: no-repeat;
    border: none;
    width: 20px;
    height: 20px;
}

.cookie-disclaimer p {
    margin: 0;
    padding: 0px 0px 15px 0px;
}


.cookie-accept-box {
    width: 152px;
	height: 25px;
    display: inline-block;
    margin: 0px 10px;
    position: relative;
    left: 0px; 
}
.cookie-accept-box a {
     width: 152px;
	height: 25px;
	font-size: 16px;
    text-decoration: none;
    background: url("clientlib-global/resources/Icon-Thank-You-Check-Mark.svg") right no-repeat;
    padding-right: 32px;
    border: #4A851F 1px solid;
    background-color: #4a851f;
    border-radius: 4px;
    display: inline-block;
	background-size: 13%;
    background-position-x: 116px;
    color: #FFFFFF;
    text-decoration: none;
    background-repeat: no-repeat;
}

.cookie-decline-box  {
	 width: 152px;
	height: 25px;
    display: inline-block;
     margin: 0px 10px;
     position: relative;
    left: 3px; 
}
.cookie-decline-box a {
     width: 152px;
	height: 25px;
	font-size: 16px;
    text-decoration:none;
    background: url("../../../etc.clientlibs/elavonv3/clientlibs/clientlib-global/resources/Icon-Close-Button.svg") right no-repeat;
    padding-right:32px;
    display: inline-block;    
    border: #C53933 1px solid;
    border-radius: 4px;
	background-size: 10%;
    background-position-x: 116px;
	color: #C53933;
	text-decoration: none;
    background-repeat: no-repeat;
}

/* close icon and click outside css starts here */
.cookie-disclaimer .cookie-disclaimer-close-wrap{
  position: absolute;
  right: 32px;
  top: 32px;
  width: 25px;
  height: 25px;
}
.cookie-disclaimer .cookie-disclaimer-close {
  display: none;  
  position: absolute;
  width: 100%;
  height: 100%;
  cursor:pointer; 
  background-size: contain;
  background-repeat:no-repeat;  
}
/* close icon and click outside css ends here */

@media only screen and (max-width: 1190px) {
    .cookie-disclaimer {
        padding-bottom: 20px;
    }
     .cookie-disclaimer .cookie-close-box a {
        background-image: url("../../../etc.clientlibs/elavonv3/clientlibs/clientlib-global/resources/Icon-Close-Button.svg");
        background-repeat: no-repeat;
        background-position: 0px 8px;
    	width: 20px;
        height: 30px;
        margin: 0;
        padding: 0 10px 0 5px;
    }
    .cookie-disclaimer .cookie-text {
        width: 90%;
        padding: 0;
        text-align: left;
    }
    .crossCountryMessageOverlay button.hideOverlay {
		right: 30px;
	}
	.highPriorityMessageOverlay button.hideOverlay {
		right: 30px;
        top: 50px;
	}
}

@media only screen and (max-width: 767px) {
	.cookie-disclaimer .cookie-close-box{
		top: 25px;
	}
	.cookie-disclaimer p {
	    margin: 0;
	    padding: 0px 26px 15px 26px;
	}
    .cookie-disclaimer .cookie-text{
		width: 100%;
	}
	.cookie-disclaimer .cookie-close-box a{
		height: 30px;
        width: 20px;
	}
	.cookie-accept-box, .cookie-decline-box {
    	width: 172px;
    	height: 25px;
	}
	.cookie-accept-box a, .cookie-decline-box a {
    	width: 172px;
    	padding-right: 40px;
     /*   background-position-x: 102px; */
    }
    .crossCountryMessageOverlay{
        padding-left: 26px;
        padding-right: 26px;
    }

    a#countryName{
	    padding: 0px 0px;
	}
}


/* Cookie Style Ends */

@media print {
	.highPriorityMessageOverlay {
		border-bottom: 2px solid #000000;
	}
}
@media only screen and (max-width: 358px) {
    .cookie-accept-box
	{
    	width:120px;
	}
	.cookie-decline-box
	{
    	width:120px;
	}
    .cookie-accept-box a, .cookie-decline-box a {
		width: 120px;
        padding-right: 12px;
        background-position-x: 97px;
        height: 25px;
	}
} 

@media only screen and (min-width: 359px) and (max-width: 398px) {
	.cookie-accept-box, .cookie-decline-box, .cookie-accept-box a, .cookie-decline-box a{
           width: 152px;
   	}
}

@media only screen and (max-width: 480px) {
    .geolocation-text {
        text-align: left;
        padding: 0px 26px 0px 0px;
    }
    .crossCountryMessageOverlay button.hideOverlay {
        top: 26px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 690px) {
    .geolocation-text {
        text-align: left;
        padding: 0px 26px 0px 0px;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .cookie-accept-box a{
		background-size:66%;
        background-position-x:63px;
       }
        .cookie-decline-box a{
		background-size:66%;
        background-position-x:63px;
       }
}


/* cookie policy overlay small variation */
    @media only screen and (max-width: 1023px) {
         .cookie-disclaimer.small {
                padding: 0px 0px 10px 0px;
          }
         .cookie-disclaimer.small p{
				font-size: 14px;
    			line-height: 22px;
                padding-bottom: 0px;
          }
         .cookie-disclaimer.small .cookie-text{
				margin: 0 auto;
    			margin-bottom:10px;
          }
       	 .cookie-disclaimer.small .content-inner{
   			    margin-top: 10px;
      	  }

       	 .cookie-disclaimer.small .cookie-disclaimer-close-wrap {
                right: 24px;
           	      top: 6px;
    			width: 14px;
    			height: 14px;
          }  
         .cookie-disclaimer.small .cookie-accept-box a, .cookie-disclaimer.small .cookie-decline-box a{
            font-size:14px;
            background-size: 10%;
            line-height: 25px;
         }
    }

/*Cookie policy overlay large variation*/
@media only screen and (min-width: 1024px) {
            .cookie-disclaimer.large p{
				font-size: 22px;
    			line-height: 30px;
                }
               .cookie-disclaimer.large .cookie-text{
				margin: 30px auto;
                }

    	 /* small variation for desktop */
         .cookie-disclaimer.small {
                padding: 10px;
          }
         .cookie-disclaimer.small p{
				font-size: 16px;
    			line-height: 22px;
                padding: 0px;
          }
         .cookie-disclaimer.small .cookie-text{
				margin: 0px auto;
    			margin-bottom:10px;
          }
       	 .cookie-disclaimer.small .content-inner{
               	margin-bottom:0px;   
      	  }

       	 .cookie-disclaimer.small .cookie-disclaimer-close-wrap {
                   right: 42px;
                    top: 16px;
                    width: 16px;
                    height: 16px;
          } 
 		.cookie-disclaimer.small .cookie-accept-box a{
            font-size:15px;
            background-size: 11%;
         }
            .cookie-disclaimer.small .cookie-decline-box a{
            font-size:15px;
            background-size: 10%;
         }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .cookie-disclaimer.small .cookie-accept-box a{
              background-size: 70%; 
            }     
}

@media screen and (max-width: 767px) {
    .highPriorityMessageOverlay.sticky .primaryCTAbutton, 
    .highPriorityMessageOverlay.sticky .primaryCTAbutton a, 
    .highPriorityMessageOverlay.sticky .secondaryCTAbutton, 
    .highPriorityMessageOverlay.sticky.secondaryCTAbutton a {
        width: inherit;
    }
}

@media only screen and (max-width: 767px) {
    .highPriorityMessageOverlay.sticky p {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .highPriorityMessageOverlay.sticky p > span,
    .highPriorityMessageOverlay.sticky p > a {
        margin-left: 4px !important; 
        margin-right: 0 !important;
             margin-bottom: 10px;
      margin-top:10px;
        float: none;
    }
    .highPriorityMessageOverlay.sticky p > span:first-child,
    .highPriorityMessageOverlay.sticky p > a:first-child {
        margin-left: 0 !important; 
    }
}
.horizontal-logo-wrapper {
  background: #0a1c76;
  max-height: 250px;
}
.horizontal-logo-wrapper .slick-slider {
  margin-bottom: 0px;
}
.client-logos {
  padding: 36px 26px 45px 26px;
}
.slick-dots {
  text-align: center;
  padding: 0;
  margin: 0;
}
.slick-dots li {
  display: inline-block;
  list-style-type: none;
  opacity: 0.5;
}
.slick-dots li button {
  font-size: 0;
  outline: none;
  border-radius: 50%;
  background: #fff;
  border: none;
  padding: 0;
  width: 10px;
  height: 10px;
  margin: 0 6px;
}
.slick-dots li.slick-active {
  opacity: 1;
}
.client-logos .slick-dots {
  /* bottom:-12px !important; */
  position: static;
  margin-bottom: -20px;
  margin-left: 10px;
}
.client-logos .slick-dots li button {
  font-size: 0;
  outline: 0;
  border-radius: 50%;
  background: #fff ;
  border: 0;
  padding: 0 ;
  width: 10px ;
  height: 10px ;
  margin: 0 0px;
}
.client-logos .slick-dots li {
  margin: 0 0px;
}
.client-logos .slick-dots li button:before {
  color: transparent !important;
}
.client-logos .slick-slide img {
  padding: 0 17.5px;
  max-height: 144px;
}
/* Aligning the logos vertically center */
.imageSlider .slick-slide .image {
  height: 90px;
  display: table-cell;
  vertical-align: middle;
  max-width: 200px;
}
/* Aligning the logos vertically center */
/* Image cutting off to the next line in IE11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .slider .slick-slide {
    display: inline-block !important;
  }
}
/* Image cutting off to the next line in IE11 */
@media only screen and (max-width: 768px) {
  .client-logos .slick-dots {
    margin-bottom: -30px;
  }
}
@media only screen and (min-width: 768px) {
  .client-logos {
    padding: 24px 57px;
  }
  .client-logos .slick-slide img {
    padding: 0 20px;
    max-height: 130px;
    width: auto;
    height: auto;
    margin: auto;
  }
}
.opacity-half {
  opacity: 0.5;
}
/*for transition*/
.horizontal-logo-transition .slick-slide {
  opacity: 0;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
}
.horizontal-logo-transition .slick-slide.fadeInUp1 {
  -webkit-transition: all 1s;
  /* For Safari 3.1 to 6.0 */
  transition: all 1s;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/* print */
@media print {
  .imageSlider {
    display: none !important;
  }
}

@charset "UTF-8";
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
/* .slick-loading .slick-list { background: #fff url("../components/content/imageSlider/clientlibs/site/css/ajax-loader.gif") center center no-repeat; } */
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Icons */
@font-face { font-family: "slick"; src: url("../components/content/imageSlider/clientlibs/site/resources/slick.eot"); src: url("../components/content/imageSlider/clientlibs/site/resources/slick.eot?#iefix") format("embedded-opentype"), url("../components/content/imageSlider/clientlibs/site/resources/slick.woff") format("woff"), url("../components/content/imageSlider/clientlibs/site/resources/slick.ttf") format("truetype"), url("../components/content/imageSlider/clientlibs/site/resources/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }
[dir="rtl"] .slick-prev { left: auto; right: -25px; }
.slick-prev:before { content: "←"; }
[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: -25px; }
[dir="rtl"] .slick-next { left: -25px; right: auto; }
.slick-next:before { content: "→"; }
[dir="rtl"] .slick-next:before { content: "←"; }

/* Dots */
.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

/*# sourceMappingURL=slick.css.map */
.carouselSlider {
     width: 100%;
 }
 .carouselSlider .slick-prev {
	left: 25px;
 }
 .carouselSlider .slick-next {
	right: 25px;
 }
 .carouselSlider .slick-slide  img {
	width: 99%;
	border-radius: 4px;
	opacity: 0.5;
	max-height: none;
	padding: 0px;
 }
 .carouselSlider .slick-center  img {
	opacity: 1;
 }
 .carouselSlider .slick-prev, .carouselSlider .slick-next {
	width: 30px;
	height: 30px;
	z-index: 1;
    margin-top: -15px;
 }
 .carouselSlider .slick-prev:before, .carouselSlider .slick-next:before {
	font-size: 30px;
	font-weight: 700;
 }
 
 @media only screen and (max-width: 767px) {
	.carouselSlider .slick-slide  img {
		width: 100%;
	 }
	 .carouselSlider .slick-prev {
		left: 15px;
	 }
	 .carouselSlider .slick-next {
		right: 15px;
	 }
	 .carouselSlider .slick-prev, .carouselSlider .slick-next {
		width: 20px;
		height: 20px;
	 }
	.carouselSlider .slick-prev:before, .carouselSlider .slick-next:before {
		font-size: 20px;
		font-weight: 700;
	 }
 }
.imageSlider {
  position: relative !important;
}
.slider-for {
  width: 100%;
  margin-bottom: 10px !important;
  margin-top: 10px;
}
.slider-for .item {
  max-height: 350px !important;
  min-height: 300px !important;
}
.slider-for img {
  padding: 0 5px !important;
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
}
.slider-nav {
  text-align: center;
  width: 100%;
}
.slider-nav img {
  padding: 0px 6px !important;
  cursor: pointer;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  vertical-align: middle;
}
.slider-nav .slick-prev {
  left: 36px;
  z-index: 999;
  border-bottom: 4px solid;
  border-left: 4px solid;
  transform: rotate(45deg);
  width: 36px;
  height: 36px;
  border-color: #c7c7c7;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  color: #c7c7c7;
  cursor: pointer;
}
.slider-nav .slick-next {
  right: 36px;
  z-index: 999;
  width: 36px;
  height: 36px;
  border-color: #000;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  border-bottom: 4px solid;
  border-left: 4px solid;
  transform: rotate(-135deg);
  color: #c7c7c7;
  cursor: pointer;
}
.slick-prev:before {
  content: " ";
}
.slick-next:before {
  content: " ";
}
.slider-nav .slick-list {
  width: 70%;
  margin: 0 auto;
}
.slider-wrap {
  display: block;
  position: relative !important;
}
.slider-wrap .slick-initialized .slick-slide {
  display: block;
  margin: 0px;
  min-height: 9rem;
  position: relative;
}
.tabComponent .tabContainer .tabContent .tabPane .tabPaneRow .tabPaneColumn {
  display: block !important;
}
@media only screen and (min-width: 320px) and (max-width: 668px) {
  .slider-nav .slick-prev {
    width: 30px;
    height: 30px;
    left: 17px;
    margin-top: -16px;
  }
  .slider-nav .slick-next {
    width: 30px;
    height: 30px;
    right: 17px;
    margin-top: -16px;
  }
  .slider-for .item {
    max-height: 350px !important;
    min-height: 160px !important;
  }
}
/* ************* new tabSlider variation ***************  */
.tabSlider-for {
  width: 100%;
  margin-bottom: 10px !important;
  margin-top: 10px;
}
.tabSlider-for .item {
  max-height: 350px !important;
  min-height: 300px !important;
}
.tabSlider-for img {
  padding: 0 5px !important;
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
}
.tabSlider-nav {
  text-align: center;
  width: 100%;
}
.tabSlider-nav img {
  padding: 0px 6px !important;
  cursor: pointer;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  vertical-align: middle;
}
.tabSlider-nav .slick-prev {
  left: 36px;
  z-index: 999;
  border-bottom: 4px solid;
  border-left: 4px solid;
  transform: rotate(45deg);
  width: 36px;
  height: 36px;
  border-color: #c7c7c7;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  color: #c7c7c7;
  cursor: pointer;
}
.tabSlider-nav .slick-next {
  right: 36px;
  z-index: 999;
  width: 36px;
  height: 36px;
  border-color: #000;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  border-bottom: 4px solid;
  border-left: 4px solid;
  transform: rotate(-135deg);
  color: #c7c7c7;
  cursor: pointer;
}
.tabSlider-nav .slick-list {
  width: 70%;
  margin: 0 auto;
}
@media only screen and (min-width: 320px) and (max-width: 668px) {
  .tabSlider-nav .slick-prev {
    width: 30px;
    height: 30px;
    left: 17px;
    margin-top: -16px;
  }
  .tabSlider-nav .slick-next {
    width: 30px;
    height: 30px;
    right: 17px;
    margin-top: -16px;
  }
  .tabSlider-for .item {
    max-height: 350px !important;
    min-height: 160px !important;
  }
}

.text-image-slider{
   display:block; 
   width: 100%;
   position:relative;
}
.slider-for-text{
    display:block; 
    width: 100%;
    position:relative;
    margin-bottom:0;
}

/* Hide focus outline for the active slide */
.slider-for-text .slick-track > .item:focus {
    outline: none; 
}

/* Hide focus outline for the .textimage element */
.slider-for-text .textimage:focus {
    outline: none; 
}

.text-slider-wrap .slick-prev {
    left: 30px;
    border-bottom: 8px solid;
    border-left: 8px solid;
    transform: rotate(45deg);
    width: 26px;
    height: 26px;
    border-color: #0074D9;
    position: absolute;
    top: 50%;
    color: #0074D9;
    cursor:pointer;
    border-radius: 3px;
}
.slider-for-text .slick-next {
    right: 30px;
    width: 26px;
    height: 26px;
    border-color: #0074d9;
    position: absolute;
    top: 50%;
    border-bottom: 8px solid;
    border-left: 8px solid;
    transform: rotate(-135deg);
    color: #0074d9;
    cursor: pointer;
    border-radius: 3px;
}
.slider-for-text .slick-prev:before {
    content: " ";
}
.slider-for-text .slick-next:before {
    content: " ";
} 
.slider-for-text .slick-disabled {
    opacity: 0.2;                                 
} 
.slider-for-text .item{
   opacity: 0;  
}
.slider-for-text .item.slick-slide.slick-active{
    opacity:1 !important;
}
.slider-for-text .slick-dots li button:before{
   font-size:10px; 
}
.slider-for-text .slick-dots{
   bottom: 0px;
   position:relative;

}
.slider-for-text .slick-dots li.slick-active button:before {
    color: #0074d9;
    opacity: 1;
}
.slider-for-text .slick-prev:focus:after,
.slider-for-text .slick-next:focus:after {
    outline: 3px solid #0074d9;
    content: '';
    position: absolute;
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    left: -14px;
    top: -2px;
    transform: rotate(45deg);
    transform-origin: center;
}

button.custom__btn--prev,
button.custom__btn--next {
    position: absolute;
    top: 50%;
    transform: translateY(-60%);
    left: 20px;
    background: none;
    border: 0;
    z-index:9;
    height:40px;
    width:40px;
    font-size:0;
    color:#0074d9;
}
button.custom__btn--prev:not(.slick-disabled):hover,
button.custom__btn--next:not(.slick-disabled):hover{
    opacity:0.8;
}
button.custom__btn--next{left:inherit; right:20px}
button.custom__btn--prev:before,
button.custom__btn--next:before{
    content: '';
    position: absolute;
    border: 8px solid currentColor;
    border-top: 0;
    border-right: 0;
    height: 26px;
    width: 26px;
    transform: rotate(45deg);
    left: 10px;
    top: 7px;
    border-radius: 3px;
    transform-origin: center;
}
button.custom__btn--next:before{
    transform: rotate(-135deg);
    left:2px;
}
.slick-disabled.custom__btn--prev,
.slick-disabled.custom__btn--next{
    opacity:0.6;
    cursor:no-drop;
}
.text-slider-wrap{
    margin-bottom:40px;
}
.custom__slider--dots .slick-dots {
    position: relative;
    bottom: 0;
}
.custom__slider--dots .slick-dots li button:before{
    font-size:10px;
    color:currentColor;
}
.custom__slider--dots .slick-dots li button{
    margin:0;
    color:#0074d9;
}
.custom__slider--dots .slick-dots li button:focus{
    outline:2px solid currentColor;
}
.custom__slider--dots .slick-dots li{opacity:1;}
.custom__slider--dots .slick-dots li button:before{
    opacity:0.6;
    line-height:22px;
}
.custom__slider--dots .slick-dots li button:hover:before{
     opacity:0.8;
}
.custom__slider--dots .slick-dots li.slick-active button:before{
    opacity:1;
}
@media only screen and (min-width: 1024px){
  .slider-for-text .textImageContainer{
      padding:20px 0 20px 0; 
   } 
   .slider-for-text .textimage-right.img-fit-To-window{
      padding-right: 4%;
   } 
   .slider-for-text .textimage-left.img-fit-To-window{
      padding-left: 4%;
   }
}
 @media only screen and (max-width: 1024px){
	button.custom__btn--prev{
    	left: 5px;
        top:200px;
     }
     button.custom__btn--next{
    	right: 5px;
        top:200px;
     }
}
@media only screen and (max-width: 600px){
    button.custom__btn--prev,
    button.custom__btn--next {
        top:120px;
    }
}
.banner-wrapper {
  position: relative;
  /*
	.video-wrapper {
		max-height:300px;
		overflow:hidden;
	}*/
}
.banner-wrapper .banner {
  display: none;
  background-size: cover;
  height: 300px;
}
.banner-wrapper .banner-content {
  width: 100%;
  background: #ffffff;
}
.banner-wrapper .banner-section {
  /*left right padding made 23px because H1 was shown in 3 lines in mobile */
  padding: 40px 23px 21px 23px;
  background-color: #fff;
}
.banner-wrapper .banner-section .section-dropdown {
  margin-bottom: 20px;
}
.banner-wrapper .banner-section h1 {
  padding-bottom: 30px;
  text-align: center;
}
.banner-wrapper .banner-section .select {
  width: 100%;
  margin-bottom: 25px;
}
.banner-wrapper video {
  width: 100%;
}
ul.select-options {
  min-height: 150px;
}
.select-options li {
  display: none;
}
.select-options li:focus {
  background-color: #4a851f;
  color: #ffffff;
}
@media only screen and (min-width: 1024px) {
  .banner-wrapper {
    height: 510px;
    /*
		.video-wrapper {
			max-height:510px;
			overflow:hidden;
		}
        */
  }
  .banner-wrapper .banner {
    height: 510px;
  }
  .banner-wrapper .banner-section {
    padding: 39px 57px;
    border-radius: 0 4px 4px 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    max-width: 660px;
    width: 50%;
  }
  .banner-wrapper .banner-section h1 {
    padding-bottom: 40px;
    text-align: left;
    font-weight: 700;
    margin: 0px;
  }
  .banner-wrapper .banner-section .btn {
    min-width: 182px;
  }
  .banner-wrapper .banner-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: transparent;
    z-index: 1;
  }
}
@media only screen and (min-width: 1024px) {
  .banner-wrapper .banner-section .select {
    width: 396px;
  }
}
@media only screen and (min-width: 1024px) {
  .banner-content.right .banner-section {
    float: right;
  }
}
/*
@media only screen and (min-width: 768px) {
	.banner-content.right{
		left: 50%;
	}

} 
*/
@media only screen and (min-width: 1024px) and (max-width: 1040px) {
  .banner-wrapper .banner-section {
    padding: 26px;
    padding-left: 40px;
  }
}
@media only screen and (max-width: 1023px) {
  .banner-wrapper .banner-section h1 {
    margin: 0px;
  }
  .banner-wrapper .banner-section .select {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1024px) {
  .banner.rightfadeEffect:after {
    width: 70%;
    height: 100%;
    display: block;
    content: "";
    background-image: linear-gradient(to left, #ffffff, #ffffff, transparent);
    float: right;
  }
  .banner.leftfadeEffect:after {
    width: 70%;
    height: 100%;
    display: block;
    content: "";
    background-image: linear-gradient(to right, #ffffff, #ffffff, transparent);
    float: left;
  }
}
@media only screen and (max-width: 1023px) {
  .banner-wrapper .banner {
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
}
@media only screen and (max-width: 325px) {
  .banner-wrapper .banner-section {
    padding: 40px 10px 21px 10px;
  }
  .select-styled {
    padding: 8px 5px;
  }
}
@media print {
  .banner {
    background-size: 100% !important;
    height: 400px;
  }
  .banner-wrapper .banner-content {
    position: absolute;
    background-color: #ffffff !important;
    width: 50%;
    height: 200px;
    top: 50px;
    left: -1px;
    text-align: left;
    padding: 10px !important;
  }
  .banner-wrapper .banner-section {
    padding: 10px;
  }
  .banner-wrapper .banner-section h1 {
    margin: 0px 0px 10px 0px !important;
    padding: 0px;
    color: #0A1C76 !important;
    line-height: 24px;
    font-size: 20px;
    text-align: left !important;
  }
  .banner-wrapper .banner-section .select {
    margin-bottom: 10px;
  }
  .btn-primary {
    border-radius: 4px;
    background: #4a851f !important;
    color: #ffffff !important;
    overflow: hidden;
    width: 170px;
    float: left;
    margin: 0px;
    margin-left: 0px;
  }
}

.latest-hero-banner-wrapper {
  padding: 0;
  position: relative;
}
.latest-hero-banner-wrapper .latestHeroBanner {
  position: relative;
  min-height: 460px;
  width: 100%;
}
.latest-hero-banner-wrapper .latest-hero-banner {
  text-align: center;
  background-attachment: scroll;
  height: 460px;
  background-position: left top;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  position: absolute;
}
.latest-hero-banner-wrapper .latest-hero-banner.default {
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.44);
}
.latest-hero-banner-wrapper .banner-overlay-text {
  text-align: center;
}
.latest-hero-banner-wrapper .top-contact-number {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
}
.latest-hero-banner-wrapper .top-contact-number .top-contact-wrap {
  float: right;
}
.latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .customer-contact-number,
.latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .sales-contact-number {
  min-width: 224px;
  float: left;
  margin: 10px 10px 10px 0;
  padding: 5px 10px 10px 10px;
}
.latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .customer-contact-number .phone-number,
.latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .sales-contact-number .phone-number {
  color: black;
  font-size: 21px;
  font-weight: 400;
}
.latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .customer-contact-number p,
.latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .sales-contact-number p {
  color: black;
  line-height: 18px;
  font-size: 15px;
  margin-bottom: 0px;
  word-break: break-word;
}
.latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .customer-contact-number img,
.latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .sales-contact-number img {
  width: 100%;
}
.latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .phone-img {
  width: 35px;
  float: left;
  margin-right: 5px;
  margin-top: 3px;
}
.latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .phone-label {
  min-width: 160px;
  float: left;
}
.latest-hero-banner-wrapper .banner-overlay-text.textOnBanner {
  width: 100%;
  display: inline-block;
  padding: 20px;
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.latest-hero-banner-wrapper .banner-overlay-text.textOnBanner h1 {
  color: #ffffff;
}
.latest-hero-banner-wrapper .banner-overlay-text.textOnBanner h4 {
  color: #ffffff;
  font-weight: 600;
}
.latest-hero-banner-wrapper .banner-overlay-text.desktopTextOnBanner {
  width: 100%;
  display: inline-block;
  position: absolute;
  top: 50%;
  padding: 20px;
}
.latest-hero-banner-wrapper .banner-overlay-text.desktopTextOnBanner h1 {
  color: #ffffff;
}
.latest-hero-banner-wrapper .banner-overlay-text.desktopTextOnBanner h4 {
  color: #ffffff;
  font-weight: 600;
}
.latest-hero-banner-wrapper .banner-overlay-text.desktopTextOnBanner p {
  color: #ffffff;
}
.latest-hero-banner-wrapper .banner-overlay-text.desktopTextOnBanner.textLeft {
  max-width: 650px;
  text-align: left;
  left: 5%;
  transform: translate(-5%, -50%);
  -ms-transform: translate(-5%, -50%);
}
.latest-hero-banner-wrapper .banner-overlay-text.desktopTextOnBanner.textRight {
  max-width: 650px;
  text-align: right;
  left: 95%;
  transform: translate(-95%, -50%);
  -ms-transform: translate(-95%, -50%);
}
.latest-hero-banner-wrapper .banner-overlay-text.desktopTextOnBanner.textCenter {
  max-width: 650px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.latest-hero-banner-wrapper .latest-hero-banner-footer {
  padding: 20px;
  text-align: center;
  background: #f1efef;
  clear: both;
}
.latest-hero-banner-wrapper .latest-hero-banner-footer .phone-img {
  width: 40px;
  float: left;
  margin-top: -5px;
}
.latest-hero-banner-wrapper .latest-hero-banner-footer .phone-img img {
  width: 100%;
}
.latest-hero-banner-wrapper .startNewBtnWrapper {
  display: inline-block;
  margin: 0 30px;
  top: 0px;
  position: relative;
}
.latest-hero-banner-wrapper .startNewBtnWrapper a {
  min-width: 145px;
  height: 40px;
  background-color: #4a851f;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  border: none;
  border-radius: 4px;
  display: inline-block;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  padding-left: 16px;
  position: relative;
}
.latest-hero-banner-wrapper .startNewBtnWrapper a span.buttonText {
  margin-left: -30px;
}
.latest-hero-banner-wrapper .startNewBtnWrapper a > span.ctaIcon {
  display: inline-block;
  position: absolute;
  top: 12px;
  margin-left: 5px;
  width: 32px;
  height: 16px;
  background: url("../components/content/heroBanner/clientlibs/site/resources/Icon-Circle-Arrow-Right_White.svg") no-repeat 0 0;
  transition: 0.45s;
  transition-timing-function: linear;
}
.latest-hero-banner-wrapper .startNewBtnWrapper a:hover span.ctaIcon {
  margin-left: 12px;
}
.latest-hero-banner-wrapper .start-taking-payments {
  display: inline-block;
  margin: 0 30px;
  font-size: 24px;
  font-weight: 600;
  color: #0a1c76;
  position: relative;
  top: 7px;
}
.latest-hero-banner-wrapper .contact-number {
  display: inline-block;
  margin: 0 30px;
  font-size: 24px;
  font-weight: 600;
  position: relative;
  top: 7px;
}
@media only screen and (max-width: 1024px) {
  .latest-hero-banner-wrapper .latestHeroBanner {
    float: left;
  }
  .latest-hero-banner-wrapper .latest-hero-banner {
    position: static;
    float: left;
  }
  .latest-hero-banner-wrapper .banner-overlay-text.textOnBanner {
    float: left;
    padding: 0px 20px;
  }
  .latest-hero-banner-wrapper .banner-overlay-text.textBelowBanner {
    width: 100%;
    display: inline-block;
    top: 400px;
    padding: 10px 25px 10px 25px;
    position: static;
  }
  .latest-hero-banner-wrapper .banner-overlay-text.textBelowBanner h1 {
    color: black;
  }
  .latest-hero-banner-wrapper .banner-overlay-text.textBelowBanner h4 {
    color: black;
    font-weight: 600;
  }
  .latest-hero-banner-wrapper .top-contact-number {
    display: inline-block;
    width: 100%;
    position: static;
    float: left;
  }
  .latest-hero-banner-wrapper .top-contact-number .top-contact-wrap {
    float: none;
    padding-left: 48px;
  }
  .latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .customer-contact-number {
    float: right;
  }
  .latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .customer-contact-number .phone-img {
    width: 25px;
    float: left;
    margin-right: 4px;
    margin-top: 0px;
  }
  .latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .customer-contact-number p {
    position: relative;
    right: 8px;
  }
  .latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .sales-contact-number .phone-img {
    width: 25px;
    float: left;
    margin-right: 4px;
    margin-top: 0px;
  }
  .latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .sales-contact-number p {
    position: relative;
    left: -25px;
  }
  .latest-hero-banner-wrapper .latest-hero-banner-footer {
    padding: 10px 0px;
  }
  .latest-hero-banner-wrapper .latest-hero-banner-footer .startNewBtnWrapper {
    margin: 15px;
  }
  .latest-hero-banner-wrapper .latest-hero-banner-footer .start-taking-payments {
    font-size: 20px;
    line-height: 30px;
    margin: 0px 15px;
  }
  .latest-hero-banner-wrapper .latest-hero-banner-footer .contact-number {
    line-height: 30px;
    margin: 5px 15px;
  }
}
@media only screen and (max-width: 530px) {
  .latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .customer-contact-number,
  .latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .sales-contact-number {
    min-width: 140px;
    margin-right: 0px;
    margin-left: 0px;
  }
  .latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .customer-contact-number .phone-img,
  .latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .sales-contact-number .phone-img {
    width: 22px;
    float: left;
    margin-right: 4px;
    margin-top: -4px;
  }
  .latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .customer-contact-number .phone-label,
  .latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .sales-contact-number .phone-label {
    float: left;
  }
  .latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .customer-contact-number .phone-number,
  .latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .sales-contact-number .phone-number {
    color: black;
    line-height: 18px;
    font-size: 13px;
    margin-bottom: 0px;
    word-break: break-word;
  }
  .latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .customer-contact-number p,
  .latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .sales-contact-number p {
    color: black;
    line-height: 18px;
    font-size: 13px;
    margin-bottom: 0px;
    word-break: break-word;
  }
}
@media only screen and (max-width: 480px) {
  .latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .customer-contact-number,
  .latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .sales-contact-number {
    min-width: auto;
    float: none;
    display: inline-block;
    width: 49%;
  }
  .latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .customer-contact-number .phone-label,
  .latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .sales-contact-number .phone-label {
    min-width: auto;
    max-width: 140px;
  }
  .latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .customer-contact-number .phone-label p,
  .latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .sales-contact-number .phone-label p {
    font-size: 11px;
  }
}
@media only screen and (max-width: 390px) {
  .latest-hero-banner-wrapper .top-contact-number .top-contact-wrap {
    padding: 7px 15px 0px;
  }
  .latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .customer-contact-number,
  .latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .sales-contact-number {
    padding: 0px;
    max-height: 37px;
    margin-bottom: 0px;
  }
  .latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .customer-contact-number .phone-label,
  .latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .sales-contact-number .phone-label {
    max-width: auto;
  }
}
/*position and background attachments*/
.latest-hero-banner-wrapper .backgroundscroll {
  background-attachment: scroll;
}
.latest-hero-banner-wrapper .backgroundfixed {
  background-attachment: fixed;
}
.latest-hero-banner-wrapper .backgroundlocal {
  background-attachment: local;
}
.latest-hero-banner-wrapper .backgroundinitial {
  background-attachment: initial;
}
.latest-hero-banner-wrapper .backgroundinherit {
  background-attachment: inherit;
}
.latest-hero-banner-wrapper .latest-hero-banner.leftCostcoTop {
  background-position: left top;
}
.latest-hero-banner-wrapper .latest-hero-banner.leftCostcoCenter {
  background-position: left center;
}
.latest-hero-banner-wrapper .latest-hero-banner.leftCostcoBottom {
  background-position: left bottom;
}
.latest-hero-banner-wrapper .latest-hero-banner.rightCostcoTop {
  background-position: right top;
}
.latest-hero-banner-wrapper .latest-hero-banner.rightCostcoCenter {
  background-position: right center;
}
.latest-hero-banner-wrapper .latest-hero-banner.rightCostcoBottom {
  background-position: right bottom;
}
.latest-hero-banner-wrapper .latest-hero-banner.centerCostcoTop {
  background-position: center top;
}
.latest-hero-banner-wrapper .latest-hero-banner.centerCostcoCenter {
  background-position: center center;
}
.latest-hero-banner-wrapper .latest-hero-banner.centerCostcoBottom {
  background-position: center bottom;
}
@media only screen and (max-width: 767px) {
  .latest-hero-banner-wrapper .latest-hero-banner.leftMobileTop {
    background-position: left top;
  }
  .latest-hero-banner-wrapper .latest-hero-banner.leftMobileCenter {
    background-position: left center;
  }
  .latest-hero-banner-wrapper .latest-hero-banner.leftMobileBottom {
    background-position: left bottom;
  }
  .latest-hero-banner-wrapper .latest-hero-banner.rightMobileTop {
    background-position: right top;
  }
  .latest-hero-banner-wrapper .latest-hero-banner.rightMobileCenter {
    background-position: right center;
  }
  .latest-hero-banner-wrapper .latest-hero-banner.rightMobileBottom {
    background-position: right bottom;
  }
  .latest-hero-banner-wrapper .latest-hero-banner.centerMobileTop {
    background-position: center top;
  }
  .latest-hero-banner-wrapper .latest-hero-banner.centerMobileCenter {
    background-position: center center;
  }
  .latest-hero-banner-wrapper .latest-hero-banner.centerMobileBottom {
    background-position: center bottom;
  }
}
.costcoHerobanner-wrapper {
  position: relative;
}
.costcoHerobanner-contact {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
}
.costcoHerobanner-contact-wrap {
  float: right;
}
.costcoHerobanner-sales-contact {
  min-width: 224px;
  float: left;
  margin: 10px 10px 10px 0;
  padding: 5px 10px 10px 10px;
  background-color: #dddddd;
}
.costcoHerobanner-sales-phone-icon {
  width: 35px;
  float: left;
  margin-right: 5px;
  margin-top: 3px;
}
.costcoHerobanner-sales-phone-icon img {
  width: 100%;
}
.costcoHerobanner-sales-phone {
  min-width: 160px;
  float: left;
}
.costcoHerobanner-sales-phone a {
  color: #000000;
  font-size: 21px;
  font-weight: 400;
}
.costcoHerobanner-sales-phone p {
  color: #000000;
  line-height: 18px;
  font-size: 15px;
  margin-bottom: 0;
  word-break: break-word;
}
.costcoHerobanner-service-contact {
  min-width: 224px;
  float: left;
  margin: 10px 10px 10px 0;
  padding: 5px 10px 10px 10px;
  background-color: #dddddd;
}
.costcoHerobanner-service-phone-icon {
  width: 35px;
  float: left;
  margin-right: 5px;
  margin-top: 3px;
}
.costcoHerobanner-service-phone-icon img {
  width: 100%;
}
.costcoHerobanner-service-phone {
  min-width: 160px;
  float: left;
}
.costcoHerobanner-service-phone a {
  color: #000000;
  font-size: 21px;
  font-weight: 400;
}
.costcoHerobanner-service-phone p {
  color: #000000;
  line-height: 18px;
  font-size: 15px;
  margin-bottom: 0;
  word-break: break-word;
}
.costcoHerobanner-content {
  display: flex;
  flex-direction: row;
  background-color: #0071bc;
  flex-wrap: wrap;
}
.costcoHerobanner-content h2 {
  color: #ffffff;
}
.costcoHerobanner-content h3 {
  color: #ffffff;
}
.costcoHerobanner-left {
  width: 50%;
  text-align: center;
  align-self: center;
}
.costcoHerobanner-content-text {
  padding: 20px;
}
.costcoHerobanner-right {
  width: 50%;
  display: flex;
}
.costcoHerobanner-left-content,
.costcoHerobanner-bottom-content,
.costcoHerobanner-right .costcoHerobanner-overlay-content {
  padding: 15px 46px;
}
.costcoHerobanner-left-content a {
  /*  padding: 5px 7px;
    background-color:#eee;
    border-radius:2px; */
  outline: none;
}
.costcoHerobanner-left-content a:hover {
  text-decoration: none;
  background-color: #ddd;
}
.costcoHerobanner-left-content a:focus {
  text-decoration: none;
}
.costcoHerobanner-right img {
  width: 100%;
  object-fit: cover;
}
.costcoHerobanner-bottom {
  display: none;
}
.costcoHerobanner-overlay-content {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.costcoHerobanner-footer {
  padding: 20px;
  text-align: center;
  background: #f1efef;
  clear: both;
}
.costcoHerobanner-applynow {
  display: inline-block;
  margin: 0 30px;
  font-size: 24px;
  font-weight: 600;
  color: #0a1c76;
  position: relative;
  top: 7px;
}
.costcoHerobanner-footer-contact {
  display: inline-block;
  margin: 0 30px;
  font-size: 24px;
  font-weight: 600;
  position: relative;
  top: 7px;
}
.costcoHerobanner-footer-phone-icon {
  width: 40px;
  float: left;
  margin-top: -5px;
}
.costcoHerobanner-footer-phone-icon img {
  width: 100%;
}
.costcoHerobanner-footer-button {
  display: inline-block;
  margin: 0 30px;
  top: 0;
  position: relative;
}
.costcoHerobanner-footer-button a {
  min-width: 145px;
  height: 40px;
  background-color: #4a851f;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  border: 0;
  border-radius: 4px;
  display: inline-block;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  padding-left: 16px;
  position: relative;
}
.costcoHerobanner-footer-button a span.buttonText {
  margin-left: -30px;
}
.costcoHerobanner-footer-button a > span.ctaIcon {
  display: inline-block;
  position: absolute;
  top: 12px;
  margin-left: 5px;
  width: 32px;
  height: 16px;
  background: url('../components/content/heroBanner/clientlibs/site/resources/Icon-Circle-Arrow-Right_White.svg') no-repeat 0 0;
  transition: .45s;
  transition-timing-function: linear;
}
.costcoHerobanner-footer-button a:hover > span.ctaIcon {
  background-position-x: 8px;
}
@media screen and (max-width: 1024px) {
  .costcoHerobanner-contact {
    display: inline-block;
    width: 100%;
    position: static;
    float: left;
  }
  .costcoHerobanner-contact-wrap {
    float: none;
    padding: 0px 5px;
    display: flex;
    justify-content: space-evenly;
  }
  .costcoHerobanner-sales-contact {
    background-color: #ffffff !important;
    float: none;
    margin: 15px 0px 10px 0px;
    padding: 5px 10px;
    min-width: auto;
  }
  .costcoHerobanner-service-contact {
    background-color: #ffffff !important;
    float: none;
    margin: 15px 0px 10px 0px;
    padding: 5px 10px;
    min-width: auto;
  }
  .costcoHerobanner-sales-phone-icon {
    width: 22px;
    float: left;
    margin-right: 4px;
    margin-top: 0;
  }
  .costcoHerobanner-sales-phone a {
    font-size: 18px;
  }
  .costcoHerobanner-sales-phone p {
    position: relative;
    left: -22px;
    font-size: 14px;
  }
  .costcoHerobanner-service-phone-icon {
    width: 22px;
    float: left;
    margin-right: 4px;
    margin-top: 0;
  }
  .costcoHerobanner-sales-phone,
  .costcoHerobanner-service-phone {
    min-width: auto;
  }
  .costcoHerobanner-service-phone a {
    font-size: 18px;
  }
  .costcoHerobanner-service-phone p {
    position: relative;
    left: -22px;
    font-size: 14px;
  }
  .costcoHerobanner-content {
    clear: both;
    flex-direction: column;
  }
  .costcoHerobanner-left {
    width: 100%;
  }
  .costcoHerobanner-right {
    width: 100%;
  }
  .costcoHerobanner-content.textOnBanner .costcoHerobanner-right {
    width: auto;
    min-height: 240px;
    position: relative;
  }
  .costcoHerobanner-content.textOnBanner .costcoHerobanner-right img {
    object-fit: cover;
  }
  .costcoHerobanner-bottom {
    width: 100%;
  }
  .costcoHerobanner-left-content h1,
  .costcoHerobanner-right .costcoHerobanner-overlay-content h1,
  .costcoHerobanner-bottom-content h1 {
    font-size: 30px;
    line-height: 40px;
  }
  .costcoHerobanner-left-content p,
  .costcoHerobanner-right .costcoHerobanner-overlay-content p,
  .costcoHerobanner-bottom-content p {
    font-size: 14px;
    line-height: 21px;
  }
  .costcoHerobanner-content.textAboveBanner .costcoHerobanner-left {
    display: block;
  }
  .costcoHerobanner-content.textAboveBanner .costcoHerobanner-bottom,
  .costcoHerobanner-content.textAboveBanner .costcoHerobanner-right .costcoHerobanner-overlay-content {
    display: none;
  }
  .costcoHerobanner-content.textBelowBanner .costcoHerobanner-bottom {
    display: block;
  }
  .costcoHerobanner-content.textBelowBanner .costcoHerobanner-left,
  .costcoHerobanner-content.textBelowBanner .costcoHerobanner-right .costcoHerobanner-overlay-content {
    display: none;
  }
  .costcoHerobanner-content.textOnBanner .costcoHerobanner-right .costcoHerobanner-overlay-content {
    display: block;
  }
  .costcoHerobanner-content.textOnBanner .costcoHerobanner-left,
  .costcoHerobanner-content.textOnBanner .costcoHerobanner-bottom {
    display: none;
  }
  .costcoHerobanner-footer {
    padding: 7px 0px;
  }
  .costcoHerobanner-applynow {
    font-size: 20px;
    line-height: 30px;
    margin: 5px 10px;
  }
  .costcoHerobanner-footer-contact {
    line-height: 30px;
    margin: 5px 10px;
  }
}
@media screen and (max-width: 768px) {
  .costcoHerobanner-applynow {
    display: block;
  }
  .costcoHerobanner-footer-button {
    display: block;
    margin: 20px 0px 10px;
  }
}
@media screen and (max-width: 414px) {
  .costcoHerobanner-contact-wrap {
    padding: 0px;
  }
  .costcoHerobanner-left-content h1,
  .costcoHerobanner-right .costcoHerobanner-overlay-content h1,
  .costcoHerobanner-bottom-content h1 {
    font-size: 24px;
    line-height: 30px;
  }
  .costcoHerobanner-left-content p,
  .costcoHerobanner-right .costcoHerobanner-overlay-content p,
  .costcoHerobanner-bottom-content p {
    font-size: 14px;
    line-height: 21px;
  }
  .costcoHerobanner-sales-contact,
  .costcoHerobanner-service-contact {
    padding: 5px;
    display: flex;
  }
  .costcoHerobanner-sales-phone a,
  .costcoHerobanner-service-phone a {
    font-size: 14px;
  }
  .costcoHerobanner-sales-phone p,
  .costcoHerobanner-service-phone p {
    font-size: 10px;
  }
  .costcoHerobanner-footer {
    padding: 1px 0px 10px 0px;
  }
  .costcoHerobanner-applynow {
    font-size: 17px;
    line-height: 24px;
  }
  .costcoHerobanner-footer-contact {
    line-height: 25px;
    font-size: 20px;
  }
  .costcoHerobanner-footer-phone-icon {
    width: 30px;
  }
}
.latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .sales-contact-number a,
.latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .customer-contact-number a,
.latest-hero-banner-wrapper .latest-hero-banner-footer a {
  text-decoration: none;
}
.latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .sales-contact-number a:hover,
.latest-hero-banner-wrapper .top-contact-number .top-contact-wrap .customer-contact-number a:hover,
.latest-hero-banner-wrapper .latest-hero-banner-footer a:hover {
  text-decoration: underline;
}
.costcoHerobanner-wrapper .costcoHerobanner-contact .costcoHerobanner-sales-phone a {
  text-decoration: none;
}
.costcoHerobanner-wrapper .costcoHerobanner-contact .costcoHerobanner-service-phone a {
  text-decoration: none;
}
.costcoHerobanner-wrapper .costcoHerobanner-footer a {
  text-decoration: none;
}
.costcoHerobanner-wrapper .costcoHerobanner-contact .costcoHerobanner-sales-phone a:hover {
  text-decoration: underline;
}
.costcoHerobanner-wrapper .costcoHerobanner-contact .costcoHerobanner-service-phone a:hover {
  text-decoration: underline;
}
.costcoHerobanner-wrapper .costcoHerobanner-footer a:hover {
  text-decoration: underline;
}
.costcoHerobanner-wrapper .costcoHerobanner-content button[type=button]:not(:disabled),
.costcoHerobanner-wrapper .costcoHerobanner-content button:not(:disabled) {
  box-shadow: none;
  border: none;
  border-radius: 0.12rem;
  line-height: 2rem;
  width: 8rem;
}

/*editor mode fixed background attachment*/
.cq-Editable-dom .banner-wrapper .banner {
	background-attachment: initial !important;
}
/*editor mode fixed background attachment*/
.cq-Editable-dom .latest-hero-banner-wrapper .backgroundfixed {
	background-attachment: initial;
}

/*background gradient BLUE Pattern*/
[class].background--gradient__blue{
 background-color:#0C2074;
 background-image: -o-linear-gradient(134.89deg, #2E59C9 0.2%, #0C2074 100%);
 background-image: linear-gradient(315.11deg, #2E59C9 0.2%, #0C2074 100%);
 color:#fff;
}
/*background gradient NEUTRALS Pattern*/
[class].background--gradient__neutrals{
 background-color:#B8B9BB;
 background-image: -o-linear-gradient(134.89deg, #B8B9BB 0.2%, #CECECE 12.27%, #EEEEEE 65.43%, #FFFFFF 100%);
 background-image: linear-gradient(315.11deg, #B8B9BB 0.2%, #CECECE 12.27%, #EEEEEE 65.43%, #FFFFFF 100%);
 color:#0C2074;
}
/*background gradient EMERALD Pattern*/
[class].background--gradient__emerald{
 background-color:#007079;
 background-image: -o-linear-gradient(134.89deg, #007079 0.2%, #004D60 100%);
 background-image: linear-gradient(315.11deg, #007079 0.2%, #004D60 100%);
 color:#fff;
}
.hero-refresh-section h1,.hero-refresh-section h2,
.hero-refresh-section h3,.hero-refresh-section h4,.hero-refresh-section h5,
.hero-refresh-section h6,.hero-refresh-section p{
 color:#fff;
}
[class].background--gradient__neutrals:not(.hero-refresh-bg-image) h1,
[class].background--gradient__neutrals:not(.hero-refresh-bg-image) h2,
[class].background--gradient__neutrals:not(.hero-refresh-bg-image) h3,
[class].background--gradient__neutrals:not(.hero-refresh-bg-image) h4,
[class].background--gradient__neutrals:not(.hero-refresh-bg-image) h5,
[class].background--gradient__neutrals:not(.hero-refresh-bg-image) h6,
[class].background--gradient__neutrals:not(.hero-refresh-bg-image) p,
[class].background--gradient__neutrals:not(.hero-refresh-bg-image) .banner--content__head{
 color:#0C2074;
}
[class].background--gradient__emerald h1,[class].background--gradient__emerald h2,
[class].background--gradient__emerald h3,[class].background--gradient__emerald h4,
[class].background--gradient__emerald h5,[class].background--gradient__emerald h6,
[class].background--gradient__emerald p{
  color:#fff;
}
.hero-refresh-section img{
 max-width:100%;
 vertical-align:middle;
}
.hero-refresh-section {
 width: 100%;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 background-image: -o-linear-gradient(134.89deg, #2E59C9 0.2%, #0C2074 100%);
 background-image: linear-gradient(315.11deg, #2E59C9 0.2%, #0C2074 100%);
 color:#fff;
}
.hero-refresh-container {
 max-width: 1280px;
 margin: auto;
 width: 100%;
}
.banner-refresh--content {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 font-size: 1.8rem;
 color: #fff;
 -webkit-box-align:center;
     -ms-flex-align:center;
         align-items:center;
 margin-left: -12px;
 margin-right: -12px;
}
.banner--content__mobiletop{
 display: none;

}
.banner--content__left {
 max-width: 50%;
 -webkit-box-flex: 0;
     -ms-flex: 0 0 50%;
         flex: 0 0 50%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 padding:2.5rem 12px;
-ms-flex-item-align: start;
     align-self: flex-start;
}
.banner--content__right{
 max-width: 50%;
 -webkit-box-flex: 0;
     -ms-flex: 0 0 50%;
         flex: 0 0 50%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 padding:4rem 12px;
 -ms-flex-item-align: start;
     align-self: flex-start;
}
.banner--media{
 overflow: hidden;
 position: relative;
 text-align: center;
}
.banner--media .media__object {
 vertical-align:middle;
 width: 100%;
 border: 0;
}
.banner--media__ratio{
 overflow: hidden;
 position: relative;
 padding-top: 56.25%;
 text-align: left;
}
.banner--media__ratio .media__object {
 position: absolute;
 top: 0;
 -o-object-fit: cover;
    object-fit: cover;
 height: 100%;
 width: 100%;
 -o-object-position: center;
    object-position: center;
 border: 0;
}
.banner--content__head{
}
.banner--content__foot {
     margin-top: 2rem;
     margin-bottom: 2rem;
}
.content--position__center{
 -ms-flex-item-align:center;
     -ms-grid-row-align:center;
     align-self:center;
}
.content--position__bottom {
 -ms-flex-item-align: end;
     align-self: flex-end;
 padding-bottom: 0;
}
.banner--content__center{
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 text-align:center;
}

.hero-refresh-section h1,.FontSize--XL{
 font-size: 52px;
 font-weight:700;
 line-height: 62px;
 margin-top:2rem;
 margin-bottom:2rem;
}
.hero-refresh-section h2,.FontSize--L{
 font-size: 4.0rem;
 font-weight: 300;
 line-height:1.2;
 margin-top:1.5rem;
 margin-bottom:1.5rem;
}
.hero-refresh-section h3,.FontSize--M{
 font-size:2.4rem;
 font-weight:500;
 line-height:1.2;
 margin-top:1.5rem;
 margin-bottom:1.5rem;
}
.hero-refresh-section h4,.FontSize--S{
 font-size:2.4rem;
 font-weight:500;
 line-height:1.2;
 margin-top:1.5rem;
 margin-bottom:1.5rem;
}
.hero-refresh-section p,.FontSize--XS{
 font-size: 18px;
 font-weight:400;
 line-height: 27px;
 margin-top:1.2rem;
 margin-bottom:1.2rem;
}

.hero-refresh-section .refresh-dropdown__list{
    margin-top:-1rem
}
.hero-refresh-container__product .banner--content__left{
 max-width: 40%;
 -webkit-box-flex: 0;
     -ms-flex: 0 0 40%;
         flex: 0 0 40%;
}
.hero-refresh-container__product .banner--content__right {
 max-width: 60%;
 -webkit-box-flex: 0;
     -ms-flex: 0 0 60%;
         flex: 0 0 60%;
}

.banner--media__product{
 overflow: hidden;
 position: relative;
 text-align: center;
}
[class].hero-refresh-bg-image{
 min-height:700px;
}
/*option-2*/

.hero-landing-page-form ul{
    list-style:none;
    padding:0;
}
.hero-landing-page-form .banner--content__right h3{
    color: #0C2074;
}
.hero-landing-page-form .banner-refresh--content{
    -webkit-box-align:start;
        -ms-flex-align:start;
            align-items:flex-start;
}
.hero-landing-page-form .banner--content__left{
     padding-top:7.5rem;
     padding-bottom:15rem;
 }
 .hero-landing-page-form .banner--content__right{
     padding-top:10rem;
     padding-bottom:12rem;
 }
 .refresh-right__form {
    max-width: 435px;
    margin-left: auto;
    width: 100%;
    color: #3E3F40;
    padding: 0;
    background-color: #fff;
 }
.hero-landing-page-form h1{
    margin-bottom:5rem;
}
.hero-landing-page-form ul li{
    margin-bottom: 1.2rem;
}
.hero-landing-page-form .getStartedFormSection {
    max-width: 100%;
    background-color: #fff;
    margin: 0;
    width:100%;
}
.hero-landing-page-form .contentrefreshform .cr-form {
    width: 100%;
    margin-top: 0;
}
.hero-landing-page-form .cr-form .cmp-form-text input,
.hero-landing-page-form .cr-form .cmp-form-text select,
.hero-landing-page-form .cr-form .cmp-form-text textarea,
.hero-landing-page-form .cr-form .cmp-form-options{
    width:100%;
}
.hero-landing-page-form .cr-form .textContainer > p{
    font-size: 12px;
    color: #3E3F40;
    line-height: 1.5;
}
.hero-landing-page-form .cr-form .textContainer h2{
	font-size: 2.4rem;
    font-weight: 500;
   	margin-bottom:3rem;
}
.hero-refresh-section:after{
   content:'';
   min-height:inherit;
}

/*media query*/

@media screen and (min-width:600px){
 .hero-refresh-section {
     padding-left: 7.5%;
     padding-right: 7.5%;
     width: 100%;
 }
 [class].hero-refresh-bg-image{
    background-position:top center;
    background-repeat:no-repeat;
    background-size: cover;
 }
 [class].hero-refresh-bg-image .banner--content__right{
     display:none;
 }
 [class].hero-landing-page-form{
     background-position:top center;
     background-repeat:no-repeat;
     background-size: cover;
 }
}

@media screen and (min-width:1024px){
.hero-refresh-section {
     padding-left: 10%;
     padding-right: 10%;
 }
 .hero-refresh-section:not(.hero-refresh-bg-image) .banner-refresh--content{
    min-height:432px;
 }
 .banner--content__head {
     padding-right: 15%;
 }
 .hero-refresh-container__product .banner--content__head,
 .hero-refresh-bg-image .banner--content__head,
 .hero-landing-page-form .banner--content__head{
     padding-right:0;
  }
.banner--content__left:not(.content--position__center){
    padding-top:4rem;
 }
.banner--content__foot [class].button-refresh {
	min-width: 182px;
	font-size: 16px;
	padding: 9px 28px;
} 
.refresh-dropdown__list-items {
	font-size: 16px;
}
.refresh-dropdown__list-items li {
	padding: 8px 0;
	text-indent: 15px;
}
}

@media screen and (max-width:1400px){
   [class].hero-refresh-bg-image{
        min-height:644px;
    }
}
@media only screen and (max-width:1023px){
 [class].hero-refresh-bg-image{
      min-height:400px;
 }
 .hero-landing-page-form .banner--content__left{
      padding-top:4rem;
  }
  .hero-landing-page-form .banner--content__right{
      padding-top:6rem;
      padding-bottom:8rem;
  }
   .hero-landing-page-form ul li{
       margin-bottom: 1rem;
    }
 .refresh-right__form {
    	padding: 3.5rem;
    }
 .banner--content__foot [class].button-refresh {
	min-width: 182px;
	font-size: 16px !important;
	padding: 9px 28px;
 } 
 .refresh-dropdown__list-items {
	font-size: 16px !important;
 }
.refresh-dropdown__list-items li {
	padding: 8px 0;
	text-indent: 15px;
 }
}
@media screen and (max-width:599px){
     .hero-refresh-section h1,.FontSize--XL{
         font-size:3.2rem
     }
     .hero-refresh-section h2,.FontSize--L{
         font-size:2.8rem;
     }
     .hero-refresh-section h3,.FontSize--M{
         font-size:2.4rem;
     }
     .hero-refresh-section h4,.FontSize--S{
         font-size:2rem;
     }
    .banner-refresh--content {
         -webkit-box-orient:vertical;
         -webkit-box-direction:normal;
             -ms-flex-direction:column;
                 flex-direction:column;
         margin-left:0;
         margin-right:0;
     }
     .banner--content__left,.banner--content__right,.banner--content__mobiletop{
         max-width: 100%!important;
         -ms-flex-preferred-size: 100%!important;
             flex-basis: 100%!important;
         width: 100%!important;
     }

    .hide-mobile-banner-media .banner--content__right .banner--media {
         display: none;
     }
	.banner--content__mobiletop{
         padding:0;
    	display:flex;
     }
     .banner--content__left{
         padding-left: 7.5%;
         padding-right: 7.5%;
     }
     .hero-refresh-container__product .banner--content__right{
         padding:4.4rem 7.5% 0
     }
    [class].hero-refresh-bg-image{
          min-height:inherit;
    }
    .banner--media .media__object{max-width:inherit}
     [class].background--gradient__neutrals.hero-refresh-bg-image h1,
     [class].background--gradient__neutrals.hero-refresh-bg-image h2,
     [class].background--gradient__neutrals.hero-refresh-bg-image h3,
     [class].background--gradient__neutrals.hero-refresh-bg-image h4,
     [class].background--gradient__neutrals.hero-refresh-bg-image h5,
     [class].background--gradient__neutrals.hero-refresh-bg-image h6,
     [class].background--gradient__neutrals.hero-refresh-bg-image p,
     [class].background--gradient__neutrals.hero-refresh-bg-image{
         color:#0C2074;
     }
    .hero-landing-page-form .banner--content__left{
       padding-top:3rem;
    }
    .hero-landing-page-form .banner--content__right{
       padding-top:4rem;
       padding-bottom:4rem;
       background-color:#fff;
    }
    .hero-landing-page-form .banner-refresh--content {
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
            -ms-flex-direction:column;
                flex-direction:column;
    }
    .hero-landing-page-form .banner--content__left{
        background-position:top center;
         background-repeat:no-repeat;
         background-size: cover;
    }
    .refresh-right__form {
        max-width: 100%;
        margin-right: auto;
    	padding: 1rem 7.5%;
    }
    .hero-landing-page-form h1 {
        margin-bottom: 3rem;
    }
    .hero-refresh-landing-page .banner--media__ratio .media__object {
        -o-object-position:right center;
    		object-position:right center;
    }
}

@media (max-width: 599px) {
    .hero-refresh-container .banner-refresh--content .banner--content__left {
        margin-bottom: -6rem;
        margin-top: -2rem;
    }
     .hero-refresh-container .banner--content__left .banner--content__head h1 {
        font-size: 32px;
    	line-height: 38px;
    }
     .hero-refresh-container .banner--content__left .banner--content__head h3{
		 font-size:24px; 
		 line-height: 28px;
	}
}

.hero-refresh-container .banner--content__left .banner--content__head h3 {
        font-size: 24px;
    	line-height: 28.8px;
  }

.header {
    position: relative;
} 

.universalHeader {
       position: relative;
       top: 0px;
       left: 0px;
       width: 100%;
       -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0,0.15);
       -webkit-box-shadow: 0px 3x 6px rgba(0, 0, 0, .15);
       box-shadow: 00px 3px 6px rgba(0, 0, 0, .15);
}
.universalHeader .container-fluid {
       position: relative;
       padding-left: 57px;
       padding-right: 57px;
}


.universalHeader a[id]:before { 
  display: block; 
  content: " "; 
  margin-top: -75px; 
  height: 75px; 
  visibility: hidden; 
}

.xf-content-height{
        margin:0px 0px !important;
}


.universalHeader.stickyheader .headerBar{
          position: fixed !important;
          top: 0px;             
       }
.universalHeader .headerBar {
       background-color: #222224;
       padding: 12px 0px;
       max-height: 50px;
       position: absolute;
       top: -50px;
       left: 0px;
       right: 0px;
       z-index: 2;


}

.elavonLogo a{
    margin-right: 5px;
    margin-left: 10px;
    margin-top: 10px;
    float: left;
}


.elavonLogo .middle_line{
    width: 1px;
    height: 34px;
    position: relative;
    top: 22px;
    background: gray;
    float: left;
}    

.universalHeader .headerBar .headerRight {
    float: right;
}
.universalHeader .headerBar .searchBar {
       float: left;
       width: 190px;
       height: 26px;
       border-radius: 4px;
       background-color: #ffffff;
       margin: 0px 10px 0px 0px;
}
.universalHeader .headerBar .searchBar .searchIcon {
       float: left;
       width: 14px;
       height: 14px;
       display: inline-block;
       margin: 5px 10px 0px 10px;
       background: url("../components/content/header/clientlibs/site/resources/Icon-Search.svg") no-repeat 0 0;
}

.universalHeader .headerBar .searchBar > input[data-type='search'], .universalHeader .headerBar .searchBar > input[type='search'] {    
       float: left;
       border: none; 
       font-size: 12px;
       font-weight: normal;
       color: #58585a;
       background: transparent;
       height: 26px;
       outline: none;
       padding: 0px;   
       width: 82%;     
}

.universalHeader .headerBar .searchBar>#searchText::-webkit-search-cancel-button{  
    display: none;
}

@media (max-width: 1024px) {
    .universalHeader .headerBar .searchBar>#searchText::-webkit-search-cancel-button {
        display: none;
    }
}
@media (max-width: 767px) {
    .universalHeader .headerBar .searchBar>#searchText::-webkit-search-cancel-button {
        display: none;
    }
}

.universalHeader .headerBar .HeaderToggleLocation {
       float: left;
       margin: 0px 0px 0px 5px;
       color: white;
}
.universalHeader .headerBar .HeaderToggleLocation:first-child {
       margin: 2px 0px 0px 10px;
}
.universalHeader .headerBar .HeaderToggleLocation > a {
	   display: inline-block;
       text-decoration: none;
       color: #ffffff;
       padding: 0px 5px;
	   font-size: 14px;
}
.universalHeader .headerBar .HeaderToggleLocation > a:hover {
       text-decoration: underline;
       color: #bdc6c4;
}
.universalHeader .headerBar .currentLocation {
       float: left;
       margin: 1px 0px 0px 10px;
}
.universalHeader .headerBar .currentLocation > a {
       display: block;
       text-decoration: none;
       color: #ffffff;
       padding: 0px 5px;
       overflow: hidden;
}
.universalHeader .headerBar .currentLocation > a:hover {
       text-decoration: underline;
       color: #bdc6c4;
}
.universalHeader .headerBar .currentLocation .locationFlag {
       display: block;
       width: 17px;
       height: 17px;
       float: left;
}
.universalHeader .headerBar .currentLocation .locationFlag > img {
    width: 100%;
       height: auto;
}
.universalHeader .headerBar .currentLocation .locationName {
       display: block;
       float: left;
       margin-left: 7px;
       margin-top: 1px;
       color: #ffffff;
}


.universalHeader .headerBar .secondaryNav {
    padding: 0px;
    float: right;
    margin-right: 20px;
}
.universalHeader .headerBar .secondaryNav > ul {
       margin: 0px;
       padding: 0px;
}
.universalHeader .headerBar .secondaryNav > ul > li {
       display: inline-block;
       margin: 0px;
       padding: 0px 10px;
}
.universalHeader .headerBar .secondaryNav > ul > li > a { 
       font-size: 12px;
       color: #ffffff;
       line-height: 26px;
       font-weight: 500;
       text-decoration: none;
}
.universalHeader .headerBar .secondaryNav > ul > li > a:hover {
       text-decoration: underline;
       color: #bdc6c4;
}


@media only screen and (min-width: 1250px) {
       .universalHeader.stickyheader {
           min-height:124px; 
       }
}
        .universalHeader.stickyheader .brandingBar{
         position: fixed !important;
           width:100%;
           top:0;
       }

.universalHeader .brandingBar {
       background-color: #ffffff;
       padding: 0px;
       height: 74px;
       margin-top: 50px;
       position: relative;
       z-index: 2; 
}


.universalHeader .brandingBar .elavonLogo {
       position: absolute;
       left: 57px;
}
.universalHeader .brandingBar .elavonLogo > a > img { 
       max-width: 300px;
       max-height: 50px;
}

@media all and (-ms-high-contrast:none) {
   /* .universalHeader .brandingBar .elavonLogo > a > img { width: 100% }  IE10 */
	*::-ms-backdrop, .universalHeader .brandingBar .elavonLogo > a > img { width: 100% } /* IE11 */
}

.universalHeader .brandingBar .primaryNav {
    transform: translateX(-50%);
    position: absolute;
    top: 27px;
    left: 50%;
}
.universalHeader .brandingBar .primaryNav > ul {
       margin: 0px;
       padding: 0px;
}
.universalHeader .brandingBar .primaryNav > ul > li {
       display: inline-block;
       margin: 0px;
       padding: 0px 14px;
       position: relative;
}
.universalHeader .brandingBar .primaryNav > ul > li > a {
       font-size: 16px;
       color: #58585a;
       border-bottom: 2px solid transparent;
       text-decoration: none;
       font-weight: 500;
       transition: border-bottom 0.5s;
}

.universalHeader .brandingBar .primaryNav > ul > li .megaMenuWithNoDesc > a {
       font-size: 16px;
       color: #2C2C2C;
}

.universalHeader .brandingBar .primaryNav > ul > li .megaMenuWithNoDesc > a {
      text-decoration: none;
}
.universalHeader .brandingBar .primaryNav > ul > li .megaMenuWithNoDesc > a:hover {
      text-decoration: underline;
}

.universalHeader .brandingBar .primaryNav > ul > li > a:hover {
       text-decoration: none;
       border-bottom: 2px solid #4a851f;
       color: #4a851f;
}

.universalHeader .brandingBar .primaryNav > ul > li.open > a {
       text-decoration: none;
       color: #4a851f;
}
.universalHeader .brandingBar .primaryNav > ul > li > a.active {
       text-decoration: none;
       border-bottom: 2px solid #4a851f;
       color: #4a851f;
}
.universalHeader .brandingBar .primaryNav > ul > li > .navIcon {
       width: 12px;
       height: 12px;
       background: url("../components/content/header/clientlibs/site/resources/Icon-Arrow-Down.svg") no-repeat 0 0;
       display: inline-block;
       margin-left: 2px;
       position: relative;
       top: 4px;
       cursor: pointer;
}
.universalHeader .brandingBar .primaryNav > ul > li.open > .navIcon {
    transform: rotate(180deg);
    top: -1px;
    position: relative;
}

.universalHeader .brandingBar .primaryNav > ul > li.open::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -25px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #bec9c5;
    clear: both;
       margin-left: -20px;
       margin-top: -20px;
}

.universalHeader .brandingBar .primaryNav > ul > li.open a:focus {
    border: 2px solid #a5c7fe;
}

.universalHeader .brandingBar .getStartedCTA {
       position: absolute;
       right: 57px;
       top: 17px;
}
.universalHeader .brandingBar .getStartedCTA > a {
       min-width:145px;
       height: 40px;
       background-color: #4a851f;
       color: #ffffff;
       font-size: 16px;
       font-weight: 700;
       border: none;
       border-radius: 4px;
       display: inline-block;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    padding-left: 16px;
}
.universalHeader .brandingBar .getStartedCTA > a .ctaIcon {
       display: inline-block;
       position: relative;
       top: 3px;
       margin-left: 4px;
       width: 32px;
       height: 16px;
       background: url("../components/content/header/clientlibs/site/resources/Icon-Circle-Arrow-Right_White.svg") no-repeat 0 0;
    transition: 0.45s;
    transition-timing-function: linear;
}

.universalHeader .brandingBar .getStartedCTA > a:hover .ctaIcon {
       background-position-x: 8px;
}


.megaMenu {
       position: absolute;
       background-color: #ffffff;
       border-top: 8px solid #bec9c5;
       top: 74px;
       left: 0px;
       right: 0px;
       display: none;
       z-index: 99;
}
.megaMenu .megaMenuContent {
       width: 70%;
       float: left;
       padding-left: 57px;
}
.megaMenu .megaMenuAsideContent {
       width: 30%;
       float: right;
}
.megaMenu .megaMenuContent p {
       margin-bottom: 15px;
}
.megaMenu .megaMenuContent .megaMenuColumn {
       padding-top: 30px;
       padding-bottom: 30px;
}

/* For New megaMenu Dropdown*/
.megaMenu .megaMenuContent .megaMenuWithNoDesc {
       width: 230px;
 }
.megaMenu .megaMenuContent ul.mainList {
       margin: 0px;
       padding: 0px;
       list-style-type: none;
}
.megaMenu .megaMenuContent ul.mainList > li {
       margin: 0px;
}

/* For New megaMenu Dropdown*/
.megaMenu .megaMenuContent ul.mainList > li .megaMenuWithNoDesc{
       margin: 0px;
       /* border-top: 3px solid #bec9c5; */
       padding-top: 0;
}

.megaMenu .megaMenuContent ul.mainList > li a {
       color: #4a851f;
       text-decoration: none;
}
.megaMenu .megaMenuContent ul.mainList > li a h3 {
       color: #4a851f;
       text-decoration: none;
}
.megaMenu .megaMenuContent ul.mainList > li a:hover {
       text-decoration: none;
}
.megaMenu .megaMenuContent ul.mainList > li h3 {
       margin: 0px;
       padding: 0px;
       font-size: 24px;
       margin-bottom: 10px;
       padding-right: 30px;
}

/* For New megaMenu Dropdown*/
.megaMenu .megaMenuContent .megaMenuWithNoDesc ul.mainList > li h3 {
       color: #2C2C2C;
       margin: 0;
       padding-left: 15px;
       padding-top: 5px;
       padding-bottom: 5px;
       font-size: 16px;
       font-weight: 400;
    
}

.megaMenu .megaMenuContent ul.mainList > li h3 .headingArrow {
       display: inline-block;
       width: 20px;
       height: 20px;
       background: url("../components/content/header/clientlibs/site/resources/Icon-Circle-Arrow-Right_Green.svg") no-repeat 0 0;
       margin-left: 5px;
       position: relative;
       top: 2px;
}

/* For New megaMenu Dropdown*/
.megaMenu .megaMenuContent ul.mainList > li .megaMenuWithNoDesc h3 .headingArrow {
       display: none;
      
}

.megaMenu .megaMenuContent .mainListDivider {
       width: 95%;
       height: 1px;
       border-top: 1px solid #bdc6c4;
       clear: both;
       margin: 0px 10px
}

/* For New megaMenu Dropdown*/
.megaMenu .megaMenuContent .noBorder {
       border: none !important;
       
}

.megaMenu .megaMenuContent ul.subList {
       margin: 0px;
       padding: 0px;
       list-style-type: none;
}
.megaMenu .megaMenuContent ul.subList > li {
       margin: 0px;
       padding: 0px;
       line-height: 28px;
}
.megaMenu .megaMenuContent ul.subList > li a {
       color: #4a851f;
       text-decoration: none;
}
.megaMenu .megaMenuContent ul.subList > li a:hover {
       text-decoration: none;
}
.megaMenu .megaMenuContent ul.subList > li > .linkArrow {
       display: inline-block;
       width: 20px;
       height: 20px;
       position: relative;
       top: 6px;
       background: url("../components/content/header/clientlibs/site/resources/Icon-Arrow-Right_Green.svg") no-repeat 0 0;
}

.megaMenu .asideColumn {
       background-color: #f7f7f7;
       padding-top: 0px;
}
.megaMenu .asideColumn .magaMenuPromoBanner {
       min-height: 270px;
}
.megaMenu .asideColumn .magaMenuPromoBanner > img{
       width: 100%;
}
.megaMenu .megaMenuAsideContent ul.asideList {
       margin: 0px;
       padding: 25px 0px 25px 25px;
       list-style-type: none;
}
.megaMenu .megaMenuAsideContent ul.asideList > li {
       margin: 0px;
       padding: 0px;
       line-height: 40px;
}
.megaMenu .megaMenuAsideContent ul.asideList > li a {
       color: #4a851f;
       text-decoration: none;
}
.megaMenu .megaMenuAsideContent ul.asideList > li a:hover {
       text-decoration: underline;
}
.megaMenu .megaMenuAsideContent ul.asideList > li > .asideArrow {
       display: inline-block;
       width: 20px;
       height: 20px;
       background: url("../components/content/header/clientlibs/site/resources/Icon-Arrow-Right_Green.svg") no-repeat 0 0;
       position: relative;
    top: 6px;
}
.onlyMobile {
       display: none !important;
}
.onlyDesktop {
       display: block !important;
}


.dipalyNone {
       display: none !important;
}

.universalMegaMenuMask {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0,0,0,0.8);
    display: none;
}

.megaMenu .megaMenuContent.fullWidthRail{
       width:100%;
}
.megaMenu .fullWidthRail .megaMenuColumn{
       width: 340px;
}


.onlyMobile {
       display: none;
}

.universalHeader .brandingBar .getStartedCTA.applyNow { 
    right: 215px;
}

@media only screen and (max-width: 1199px) {
       .universalHeader .brandingBar .primaryNav {
              left: 47%;
       }
}

@media only screen and (max-width: 1024px) {
       .universalHeader .brandingBar .primaryNav {
              left: 160px;
              transform: translateX(0%);
       }
}
@media only screen and (max-width: 1249px) {


       .onlyMobile {
        display: block;
    }
       .onlyDesktop {
              display: none;
       }
    
       .universalMobileMenuMask {
              position: fixed;
              top: 0px;
              bottom: 0px;
              left: 0px;
              right: 0px;
              display: none;
       }
       
       .universalMobileMenuBg {
              position: fixed;
              top: 0px;
              bottom: 0px;
              width: 50%;
              min-width: 250px;
              background-color: #ffffff;
              z-index: 999;                 
              -webkit-transform: translateX(-100%);
              -ms-transform: translateX(-100%);
              transform: translateX(-100%);
              -webkit-transition: .5s ease-in-out;
              -o-transition: .5s ease-in-out;
              transition: .5s ease-in-out;
       }
       .universalMobileMenuBg.expanded {
              -webkit-transform: translateX(0px);
              -ms-transform: translateX(0px);
              transform: translateX(0px);
              box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.25);
       }
       .universalMobileMenuGreenBg {
              position: fixed;
              top: 0px;
              bottom: 0px;
              width: 50%;
              min-width: 250px;
              background-color: #4b8521;
              z-index: 102;
              -webkit-transform: translateX(-100%);
              -ms-transform: translateX(-100%);
              transform: translateX(-100%);
              -webkit-transition: .5s ease-in-out;
              -o-transition: .5s ease-in-out;
              transition: .5s ease-in-out;
       }
       .universalMobileMenuGreenBg.expanded {
              -webkit-transform: translateX(0px);
              -ms-transform: translateX(0px);
              transform: translateX(0px);
              box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.25);
       }
       
       .universalHeader .container-fluid {
              padding-left: 25px;
              padding-right: 25px;
       }
       
       .onlyMobile {
              display: block !important;
       }
       .onlyDesktop {
              display: none !important;
       }
       
       .universalHeader .headerBar {
              position: absolute;
              display: inline-block;
              width: 50%;
              top: 364px !important;
              min-width: 250px;
              z-index: 999;
              max-height: none;
              -webkit-transform: translateX(-100%);
              -ms-transform: translateX(-100%);
              transform: translateX(-100%);
              -webkit-transition: .5s ease-in-out;
              -o-transition: .5s ease-in-out;
              transition: .5s ease-in-out;
       }
       .universalHeader .headerBar.expanded {
              -webkit-transform: translateX(0px);
              -ms-transform: translateX(0px);
              transform: translateX(0px);
       }
       .universalHeader .brandingBar {
              margin-top: 0px;
              text-align: center;
        z-index: 999;
       }
       .universalHeader .brandingBar .elavonLogo {
              position: static;
       display: inline-block;
       }
	   .universalHeader .brandingBar .elavonLogo > a,
	   .universalHeader .brandingBar .elavonLogo .speedbump > a > img {
    		padding: 0px 10px 10px;
	   }
	   .universalHeader .brandingBar .elavonLogo > a > img {
                max-width: 225px;
                max-height: 40px;
                margin-top: 10px;
       }
       .universalHeader .hamburgarIcon {
              position: absolute;
              top: 34px;
       }
       .universalHeader .hamburgarIcon > button {
              border: 0px;
              padding: 0px;
              width: 27px;
              height: 27px;
              display: block;
              background: transparent url("../components/content/header/clientlibs/site/resources/Icon-Hamburger.png") no-repeat 0 0;
       }
       .universalHeader .searchIconMob {
              position: absolute;
              top: 14px;
              right: 20px;
       }
       .universalHeader .searchIconMob > button  {
              position: absolute;
              top: 12px;
              right: 10px;
              width: 26px;
              height: 26px;
              border: 0px;
              background: transparent url("../components/content/header/clientlibs/site/resources/Icon-Search.svg") no-repeat 0 0;
              padding: 0px;
       }
       .universalHeader .closeIcon > button  {
              position: absolute;
              top: 25px;
              right: 30px;
              width: 24px;
              height: 24px;
              background: transparent url("../components/content/header/clientlibs/site/resources/Icon-Close.svg") no-repeat 0 0;
              border: 0px;
              padding: 0px;
       }
       .universalHeader .backIcon > button  {
              position: absolute;
              top: 12px;
              left: 20px;
              width: 15px;
              height: 25px;
              border: 0px;
              background: transparent url("../components/content/header/clientlibs/site/resources/Icon-Back-Arrow-Button.svg") no-repeat 0 0;
              padding: 0px;
       }
       .universalHeader .brandingBar .primaryNav {
              left: 0px;
              top: 0px;
              position: absolute;
              display: inline-block;
              width: 50%;
              background-color: #ffffff;
              min-width: 250px;
              z-index: 100;
              -webkit-transform: translateX(-100%);
              -ms-transform: translateX(-100%);
              transform: translateX(-100%);
              -webkit-transition: .5s ease-in-out;
              -o-transition: .5s ease-in-out;
              transition: .5s ease-in-out;
       }
       .universalHeader .brandingBar .primaryNav.expanded {
              -webkit-transform: translateX(0px);
              -ms-transform: translateX(0px);
              transform: translateX(0px);
       }
       .universalHeader .brandingBar .primaryNav > ul {
              padding-top: 50px;
              padding-bottom: 10px;
              margin-left: 25px;
       }
       .universalHeader .brandingBar .primaryNav > ul > li {
              display: block;
              text-align: left;
              padding: 10px 0px;
              overflow: hidden;
       }
       .universalHeader .brandingBar .primaryNav > ul > li > a {
              font-weight: 700;
              color: #4a851f;
       }
       .universalHeader .brandingBar .getStartedCTA {
              position: absolute;
              top: 324px;
              left: 0;
              width: 50%;
              min-width: 250px;
              z-index: 100;
              -webkit-transform: translateX(-100%);
              -ms-transform: translateX(-100%);
              transform: translateX(-100%);
              -webkit-transition: .5s ease-in-out;
              -o-transition: .5s ease-in-out;
              transition: .5s ease-in-out;
       }
       .universalHeader .brandingBar .getStartedCTA.expanded {
              -webkit-transform: translateX(0px);
              -ms-transform: translateX(0px);
              transform: translateX(0px);
       }
       .universalHeader .brandingBar .getStartedCTA > a {
              border-radius: 0px;
              width: 100%;
       }


        /* apply now button styles  */
        
        .universalHeader .getStartedCTA.applyNow.expanded{
            top: 330px;
        }
        .universalHeader .getStartedCTA.talkToUs.expanded{
           top: 380px;
        }
        .universalHeader .headerBar{
           margin-top:55px;
         }


       .universalHeader .headerBar .secondaryNav {
       margin-left: 0px;
       transform: translateX(0%);
       left: 0;
       float: none;
       }
       .universalHeader .headerBar .secondaryNav > ul > li {
              display: block;
       padding: 0px;
       }
       .universalHeader .headerBar .headerRight {
              position: static;
              clear: both;
       right: 0;
       float: none;
       }
       .universalHeader .headerBar .currentLocation {
              margin: 22px 0px;
       }
       .universalHeader .headerBar .HeaderToggleLocation{
       		  margin: 21px 0px 20px 5px;
       }
       .universalHeader .brandingBar .primaryNav > ul > li > .navIcon {
              width: 25px;
              height: 25px;
              background: url("../components/content/header/clientlibs/site/resources/Icon-Arrow-Right_Green.svg") no-repeat 0 0;
              float: right;
              margin-left: 0px;
              margin-right: 20px;
              top: 0px;
       }
       .megaMenu {
              display: block;
              width: 50%;
              min-width: 250px;
              border: none;
              top: 0;
              padding-top: 40px;
              z-index: 104;
              -webkit-transform: translateX(-100%);
              -ms-transform: translateX(-100%);
              transform: translateX(-100%);
              -webkit-transition: .5s ease-in-out;
              -o-transition: .5s ease-in-out;
              transition: .5s ease-in-out;
       }
       .megaMenu.expanded {
              -webkit-transform: translateX(0px);
              -ms-transform: translateX(0px);
              transform: translateX(0px);
       }
       .megaMenu .megaMenuContent p {
              display: none;
       }
       .megaMenu .megaMenuContent ul.subList {
              display: none;
       }
       .megaMenu .megaMenuContent .megaMenuColumn {
              padding: 0px;
       }
       .megaMenu .megaMenuContent {
              width: 100%;
              float: none;
              padding-left: 0px;
              padding-top: 25px;
              text-align: left;
              margin-left: 0px;
              margin-right: 0px;
       }
       .megaMenu .megaMenuContent > h3 {
              color: #58585a;
              font-size: 18px;
              margin: 20px 0px 20px;
              padding: 0px 25px 15px 25px;
              border-bottom: 1px solid #dddddd;
       }
       .megaMenu .megaMenuContent .backIcon > button {
              top: 25px;
              left: 30px;
       }
       .megaMenu .megaMenuAsideContent {
              background-color: #4b8521;
              width: 100%;
              float: none;
              text-align: left;
       }
       .megaMenu .megaMenuContent ul.mainList > li {
              padding: 15px 0px;
       }
       .megaMenu .megaMenuAsideContent ul.asideList > li a {
              color: #ffffff;
       }
       .megaMenu .megaMenuAsideContent ul.asideList > li > .asideArrow {
              display: none;
       }
       .megaMenu .megaMenuAsideContent .magaMenuPromoBanner {
              display: none;
       }
       .megaMenu .megaMenuContent .mainListDivider {
       display: none;
       }
       .megaMenu .megaMenuContent ul.mainList {
              padding: 0px 25px;
              margin-bottom: 20px;
       }
       .megaMenu .megaMenuContent ul.mainList > li a:hover {
              text-decoration: none;
       }
       .megaMenu .megaMenuContent ul.mainList > li a > h3 {
              font-size: 16px;
              font-weight: 700;
              margin: 0px;
              overflow: hidden;
              padding-right: 40px;
              position: relative;
       }

       /* For New megaMenu Dropdown*/
       .megaMenu .megaMenuContent ul.mainList > li .megaMenuWithNoDesc{
              border-top: 0;
              }

       /* For New megaMenu Dropdown*/
       .megaMenu .megaMenuContent ul.mainList > li .megaMenuWithNoDesc h3 {
              color: #4a851f;
              font-size: 16px;
              font-weight: 700;
              margin: 0px;
              overflow: hidden;
              padding-right: 40px;
              position: relative;
       }

       .megaMenu .megaMenuContent ul.mainList > li h3 .headingArrow {
              float: none;
              background: url("../components/content/header/clientlibs/site/resources/Icon-Arrow-Right_Green.svg") no-repeat 0 0;
              position: absolute;
              top: 50%;
              right: 0px;
              margin-top: 0px;
              transform: translateY(-50%);
       }
       .megaMenu .megaMenuContent ul.mainList > li h3 .headingArrow.noArrow {
              background: none;
       }
       .megaMenu .megaMenuContent ul.subList {
              margin-top: 15px;
              margin-left: 15px;
       }
       .megaMenu .megaMenuContent ul.subList > li {
              padding: 2px 0px;
       }
       .megaMenu .megaMenuContent ul.subList > li > .linkArrow {
              background: none;
       }
       .megaMenu .fullWidthRail .megaMenuColumn{
       width: auto;
       }

/* mobile search styles */
       .mobile-search {
        right: 0px;
        top: 0px;
       display:none;
        position: absolute;
              min-width: 250px;
        width:100%;
        z-index: 100;
        -webkit-transform: translateX(+100%);
        -ms-transform: translateX(+100%);
        transform: translateX(+100%);
        -webkit-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        background-color: #ffffff;
    }
    .mobile-search.expanded {
       -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
        display:inline-block;

    }

       .mobile-search input[data-type=search], .mobile-search input[type=search]  {
       -webkit-appearance: none;
        width: 70%;
        height: 74px;
        border:none;
        font-size: 20px; 
       }

       .mobile-search button.ms-search { 
        position: absolute;
        top: 25px;
        left: 17px;
        width: 26px;
        height: 26px;
        border: 0px;
        background: transparent url(../components/content/header/clientlibs/site/resources/Icon-Search.svg) no-repeat 0 0;
        padding: 0px;
    }
       .mobile-search button.ms-close {
        position: absolute;
        top: 25px;
        right: 30px;
        width: 24px;
        height: 24px;
        background: transparent url(../components/content/header/clientlibs/site/resources/Icon-Close.svg) no-repeat 0 0;
        border: 0px;
        padding: 0px; 
    }
    .mobile-search .ms-search-container {
       box-shadow: 0px 3px 6px rgba(0,0,0,.15);
    }
    .mobile-search .ms-quick-links>ul {
       padding-top: 25px;
        padding-bottom: 10px;
        margin-left: 5px;
    }

    .mobile-search .ms-quick-links>ul>li {
        display: block;
        text-align: left;
        padding: 15px 0;
        overflow: hidden;
    }
    .mobile-search .ms-quick-links>ul>li>a {
        font-size: 16px;
        border-bottom: 2px solid transparent;
        text-decoration: none;
        transition: border-bottom .5s;
        font-weight: 700;
       color: #4a851f;
       }
       .mobile-search .ms-quick-links>ul>li>a:hover {
        text-decoration: none;
        border-bottom: 2px solid #4a851f;
        color: #4a851f;
    }
    .mobile-search .ms-quick-links>ul>li>.navIcon {
        width: 25px;
        height: 25px;
        background: url(../components/content/header/clientlibs/site/resources/Icon-Arrow-Right_Green.svg) no-repeat 0 0;
        float: right;
        margin-left: 0;
        margin-right: 50px;
        top: 0;
    }
	.megaMenu .megaMenuContent ul.mainList .col-md-4 {
	    	width: 100%;
	} 

}

@media only screen and (max-width: 1249px) {
    .mobile-search input[data-type=search]::-webkit-search-cancel-button, .mobile-search input[type=search]::-webkit-search-cancel-button {
		display: none
    }
}

@media only screen and (max-width: 360px) {
	   .universalHeader .brandingBar .elavonLogo > a > img {
                max-width: 170px;
                max-height: 32px;
                margin-top: 17px;
       }
}

@media only screen and (max-width: 767px) {
       .universalHeader .container-fluid {
              padding-left: 27px;
              padding-right: 27px;
       }
}
@media only screen and (max-width: 823px) {
       .universalHeader.stickyheader{
    		  padding-bottom: 74px;
       }
}


.skiptocontent-box {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
}
.skipToContent { 
    font-size: 14px;
    left: 0;
    top: 0;
    background-color: #fff;
    padding: 10px;
}
#skipToMainContent:active, #skipToMainContent:focus {
    width: 150px;
    height: auto;
    clip: auto;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}


/* print */
@media print {
       .universalHeader a[href]:after {
        content: none !important;
    }
       .universalHeader .container-fluid {
              padding-left: 0px;
              padding-right: 0px;
       }
    .universalHeader .brandingBar .elavonLogo {
       top: -35px;
       }
       .universalHeader .brandingBar .primaryNav {
              transform: translateX(0%);
              position: absolute;
              top: 30px;
              left: 200px;
       }
       .universalHeader .brandingBar .primaryNav > ul > li {
              padding: 0px 5px;
       }
       .universalHeader .headerBar .headerRight {
              right: 0px;
       }
       .universalHeader .brandingBar .getStartedCTA {
              right: 0px;
       }
       .universalHeader .headerBar .secondaryNav {
              float: left;
              margin-left: 200px;
              transform: translateX(0%);
              padding: 0px;
       }
       .universalHeader .headerBar .searchBar {
              border: 1px solid #000000;
              border-radius: 4px;
       }
       .universalHeader .headerBar .searchBar input[type='search'] {
       position: absolute;
              padding-left: 10px;
       }
       .universalHeader .headerBar .searchBar .searchIcon {
       display: none;
       }
       .universalHeader .brandingBar .getStartedCTA > a {
              border-radius: 4px;
       background: #4a851f !important;
       color: #ffffff !important;
       }
       .mobile-search {
       display: none;
    }
    .universalHeader .headerBar .headerRight,
       .universalHeader .brandingBar .getStartedCTA {
        margin-right: 20px;
    }
       .universalHeader .container-fluid {
              margin-left: -20px;
       }
       #acs-commons-env-indicator {
              display: none;
       }
       .primaryCTAbutton a, a .primaryCTAbutton, .primaryCTAbutton {
              border-radius: 4px;
       background: #4a851f !important;
       color: #ffffff !important;
              overflow: hidden;
       }
       .crossCountryMessageOverlay {
              display: none !important;
       }

}

@media only screen and (min-width: 1250px) {
       .universalHeader.leftAlign .brandingBar .elavonLogo {
              left: 0px;
              position: relative;
              float: left;
       }
       .universalHeader.leftAlign .brandingBar .primaryNav {
              transform: none;
              left: 0px;
              position: static;
              top: 0px;
              float: left;
              margin: 27px 0px 0px 20px;
       }
    .mobile-search {
              display:none;
        }
} 


@media only screen and (min-width: 1250px) and (max-width: 1260px) {
.universalHeader .brandingBar .primaryNav > ul > li {
padding: 0px 13px;
}
}

@media only screen and (min-width: 1250px){
.backIcon > button {
              display:none;
                    }}
.hideApplyNow{
	display:none;
}

/*Header subnav sublist --- arrow in the next line --- fix*/
.megaMenu .megaMenuContent ul.subList>li a {
    color: #4a851f;
    text-decoration: none;
    margin-bottom: 10px;
    padding-right: 20px;    
} 

.megaMenu .megaMenuContent ul.subList > li > .linkArrow {
    margin-left: -20px;
}    

.universalHeader .headerBar .HeaderToggleLocation:last-child > a {
    padding-right: 0px;
}


/*Hamburger menu white space removed - fix */
@media only screen and (max-width: 1249px) { 
    .universalMobileMenuBg {
        position: absolute;
        bottom: auto;
    }
	.universalMobileMenuGreenBg {
        position: absolute;
        bottom: auto;
    }
}


/* Dropdown language selector*/
.language-selector {
    position: relative;
	display: inline;
}
.language-selector button {
    border: 0px;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    font-weight: 700;
    letter-spacing: normal;
    border: none;
    background-color: transparent;
    text-decoration: none;
}
.language-selector button:focus {
    border-radius: 4px;
}

.footer .language-selector button.language-selector-button.language-list-enabled{
    background-color: #1d6bac;
	outline: none;
	border-radius: 4px;
	opacity: 0.8;
}
.language-selector .language-selector-button {
	padding: 5px 14px 5px 7px;
    align-items: center;
    color: #333;
    border: none;
	background-color: transparent;
	color: #f2f4f2;
    white-space: nowrap;
    font-size: 14px;
    font-weight: normal;
	min-width: 110px;
    min-height: 24px;
}
.language-selector-button .language-selector-image {
	display: inline-block;
	margin-right: 5px;
}
.language-selector-button .language-selector-hover-image,
.language-selector-button:focus .language-selector-hover-image {
	display: none;
}
.language-selector-button:hover .language-selector-image {
	display: none;
}
.language-selector-button:hover .language-selector-hover-image {
	display: inline-block;
	margin-right: 5px;
}
.language-selector-button .language-selector-image img,
.language-selector-button .language-selector-hover-image img {
	width: 26px;
	height: 24px;
}
.footer .language-selector-button .language-selector-image img,
.footer .language-selector-button .language-selector-hover-image img {
	width: 26px;
	height: 24px;
}
.language-selector-button .language-selector-arrow {
	border: 1px solid #ffffff;
	border-width: 0px 2px 2px 0px;
	display: inline-block;
	padding: 4px;
	position: relative;
    top: -3px;
    left: 5px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.language-selector-button.language-list-enabled .language-selector-arrow {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	top: 1px;
    left: 5px;
}
.language-selector-button .language {
    margin: 0px 2px 0px 7px;
}
.footer .language-selector-button .language {
    margin: 0px 2px 0px 0px;
}
.footer .language-selector-button .language-selector-arrow {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	top: 3px;
       left: 5px;
}
.footer .language-selector-button.language-list-enabled .language-selector-arrow {
	top: -2px;
       left: 5px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.language-selector .language-list-item {
    display: none;
    box-sizing: border-box;
    background-color: #222224;
    padding: 13px 2px;
    position: absolute;
    border: solid 1px #f2f4f2;
    border-radius: 3px;
    z-index: 95;
    top: 35px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    border-radius: 4px;
}
.language-selector .language-list-item:before {
	display: block;
	content: "";
	width: 0px;
	height: 0px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 8px solid #f2f4f2;
	border-top: none;
	position: absolute;
       left: 50%;
	top: -8px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.language-selector .language-list-item:after {
	display: block;
	content: "";
	width: 0px;
	height: 0px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 7px solid #222224;
	border-top: none;
	position: absolute;
       left: 50%;
	top: -6px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.footer .language-selector .language-list-item:before {
	display: block;
	content: "";
	width: 0px;
	height: 0px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #ffffff;
	border-bottom: none;
	position: absolute;
       left: 50%;
	top: 100%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.footer .language-selector .language-list-item:after {
	display: block;
	content: "";
	width: 0px;
	height: 0px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #222224;
	border-bottom: none;
	position: absolute;
       left: 50%;
	top: 100%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.language-selector .language-list-item.show{
    display: block;
}
.footer .language-selector .language-list-item {
	bottom: 26px;
    top: auto;
}
.language-selector .language-list-item li {
	background-color: #222224;
	list-style: none;
	padding: 0;
       margin: 0;
}
.language-selector .language-list-item li a, .language-selector .dropdown-menu-items li button {
    display: inline-block;
    box-sizing: border-box;
    color: #3d7e9a;
    padding: 0px 15px;
    line-height: 35px;
    width: 100%;
    text-align: start;
    white-space: nowrap;
    text-decoration: none;
    color: #f2f4f4;
    font-size:14px;
}
.language-selector .language-list-item li a:hover, .language-selector .dropdown-menu-items li button:hover {
	background-color: #007cbe;
}
.language-selector .language-list-item li a:focus, .language-selector .dropdown-menu-items li button:focus {
	background-color: #0c2074;
}
.language-selector .language-list-item li a:active {
    color: #1d1e1f;
}
.language-selector.onlyDesktop {
    display: inline-block !important;
}
.footer .language-selector.onlyDesktopLang {
    display: inline-block !important;
}
.footer .language-selector.onlyMobileLang {
	display: none !important;
}
.headerRight.onlyMobile .HeaderToggleLocation.hideLanguage {
    display:none;
}
@media only screen and (min-width: 1250px) {
    .closebtn-end-mobile{display:none!important}
}
@media only screen and (max-width: 1249px) {
    .language-selector {
        position: absolute; 
    	top: 28px;
    	right: 25px;
	}
	.language-selector.onlyDesktop {
        display: none !important;
    }

    .footer .language-selector {
    	min-width: 70px;
        position: relative;
        margin: 10px auto;
    	right: auto;
    	top: auto;
	}
	.language-selector .language-selector-button {
    	min-width: 50px;
    	padding: 0;
	}
	.language-selector-button:hover .language-selector-image {
        display: inline-block;
    }
	.language-selector-button:hover .language-selector-hover-image {
    	display: none;
	}
	.footer .language-selector .language-selector-button {
    	min-width: 80px;
    	padding: 0;
    	padding-right: 10px;
	}
	.header .language-selector-button .language-selector-arrow {
    	border: 1px solid #000000;
        border-width: 0px 2px 2px 0px;
	}
    .language-selector-button .language {
    	display: none;
	}
	.footer .language-selector-button .language {
    	display: inline-block;
	}
	.universalHeader .searchIconMob.langSelectorMove {
		right:70px;
     }
    .closebtn-end-mobile {
        position: absolute;
        left: calc(50% - 60px);
        z-index: 999;
        top: 20px;
        opacity: 0;
        width: 35px;
        height: 35px;
        display: none;
        padding: 5px;
    }
}
@media only screen and (max-width: 991px) {
    .footer .language-selector.onlyDesktopLang {
        display: none !important;
    }
	.footer .language-selector.onlyMobileLang {
    	display: inline-block !important;
    	min-height: auto;
    	margin: 0;
    	margin-top:5px;
	}
	.language-selector-button:hover .language-selector-image {
        display: inline-block;
    }
	.language-selector-button:hover .language-selector-hover-image {
    	display: none;
	}
}
@media only screen and (max-width: 450px) {
     .universalHeader .searchIconMob.langSelectorMove {
			right:65px;
     }
     .universalHeader .searchIconMob.langSelectorMove > button {
			width:18px;
            height:18px;
            top:18px;                
     }                   
}


/*A11y accessibility issue*/
@media only screen and (min-width: 1050px) {
    .universalHeader .headerBar .searchBar.onlyDesktop > a{
        float:left;
     } 
}
@media only screen and (max-width: 1249px) { 
	.closeHamburger {
		width: 24px;
		height: 24px;
		position: absolute;
		top: 25px;
		right: 30px;
		opacity: 0;
		z-index: 999;
	}
}
@media only screen and (max-width: 520px) {
    .closebtn-end-mobile {
    	left: 190px;
    }
	.universalHeader button.search-close-icon {
		right: 80px;
		top:31px;
   }
 }
 
 
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.universalHeader button.search-close-icon {
		 top: 3rem;
		right: 14rem;
	}
}

@media only screen and (min-width: 820px) and (max-width: 1180px) {
	.universalHeader button.search-close-icon {
		 top: 3rem;
		right: 17rem;
	}
}

 @media (min-width: 600px) and (max-width: 1024px) {
    .universalHeader button.search-close-icon {
        top: 2rem;
        right: 9rem;
    }
}

 .textImageContainer {
    display: inline-block;
    width: 100%;
 }

 .textimage-text{
    width: 100%;
 }

 .textimage-top {
    margin-bottom: 8px;
 }
 
 .textimage-center {
    text-align:center;
 }

 .textimage-text a:hover{
    text-decoration: none;
 }

 .textimage-background {
    background-repeat: no-repeat; 
    background-position: center; 
    width: 100%;
    background-size: cover;
 }

 .textimage-background-text {
     padding: 53px 184px;
 }

 .textImageContainer .textimage-top{
	padding: 17px 17px 0px 17px;
    width: auto;
    text-align: center;
 }

 .textImageContainer .textimage-top + .textimage-text {
	padding: 0px 17px 17px 17px;
 }
 
 .textImageBoxShadow {
    border-radius: 4px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .15);
    position: relative;
    background-color: white;
 }

 .textImageBoxShadow .textimage-text {
    padding: 18px 35px;
    min-height: 265px;
    margin-bottom: 18px;
 }

 .textImageContainer.textImageBoxShadow .textimage-top {
    padding: 35px 35px 0px 35px;
 }

 .textImageContainer.textImageBoxShadow .textimage-top + .textimage-text {
    padding: 0px 35px 17px 35px;
 }

 .textImageContainer.textImageBoxShadow .textimage-bottom {
    padding: 0px 35px 35px 35px;
 }

 .textImageContainer.textImageBoxShadow .textimage-bottom + .textimage-text {
    padding: 17px 35px 0px 35px;
 }

 .textImageBoxShadow .primary-cta-block-button {
    position: absolute;
    bottom: 0;
 }

  .textImageBoxShadow .primary-cta-block-button {
    position: absolute;
    bottom: 0;
    text-align: left;
    padding-left: 35px;
 }
 
/* Text Image left and right alignment*/

 .textimage-left {
 	float: left;
 	width: 50%;
 }
 
 .textimage-right {
    float: right;
    width: 50%;
 }

 .textimage-left img {
 	object-fit: contain;
 }
 
 .textimage-right img {
    object-fit: contain;
 }

 .textimage-left + .textimage-text, .textimage-right + .textimage-text {
    width: 50%;
    padding: 20px 57px;
 }
 
 .textimage-left + .textimage-text {
    float: right;
 }
 
 /*text-image display size*/
 .img-small img{
 	width: 32px;
    height: 32px;
 }
 
 .img-medium img{
 	max-width: 100px;
    height: 80px;
 }
 
 .small-image img{
 	height: 60px;
 	width: auto;
 }
 
 .medium-image img{
 	height: 120px;
 	width: auto;
 }
 
 .large-image img{
 	height: 240px;
 	width: auto;
 }
 
 .textImageContainer .textimage-top.img-small{
    text-align: left;
 }

 .img-fit-To-window img{
 	width: 100%;
    height: 100%;
 } 

 .img-do-not-resize img{
	width: auto;
    height: auto;
 }

/* Textimage top, bottom - left, center, right */

 .textImageContainer .textimage-top.image-right, .textImageContainer .textimage-bottom.image-right {
    text-align: right;
 }

 .textImageContainer .textimage-top.image-left, .textImageContainer .textimage-bottom.image-left {
    text-align: left;
 }

 .textImageContainer .textimage-top.image-center, .textImageContainer .textimage-bottom.image-center {
    text-align: center;
 } 
 /*Shadow with radius*/
.textImageContainer.textImageBoxRadius {
    border-radius: 25px;
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 4%), 0 3px 10px 3px rgb(0 0 0 / 17%);
    overflow: hidden;
}

.contentRefresh .textImageContainer.textImageBoxRadius .textimage-left+.textimage-text,
.contentRefresh .textImageContainer.textImageBoxRadius .textimage-right+.textimage-text{
    padding-left: 24px;
    padding-right: 24px;
}
.contentRefresh .textImageContainer.textImageBoxRadius .textimage-right, 
.contentRefresh .textImageContainer.textImageBoxRadius .textimage-left{
    padding-top:0;
}
.textImageBoxRadius .textimage-top.img-fit-To-window {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.textImageContainer .textimage-text .textContainer ul li>a{
font-weight: 500;
}

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

 .textimage-background-text {
    padding: 65px 26px;
 }
 
 .textimage-left + .textimage-text, .textimage-right + .textimage-text {
    padding: 18px 27px;
    width: 100%;
 }

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

 .textimage-right ,  .textimage-left {
    width: 100%;
    float: none;
 }
 
 .textImageContainer .textimage-top{
	padding: 17px 17px 0px 17px;
    width: auto;
    text-align: center;
 }

 .textImageContainer.textImageBoxShadow .textimage-top {
    padding: 30px 30px 0px 30px;
 }

 .textImageContainer.textImageBoxShadow .textimage-top + .textimage-text {
    padding: 0px 30px 30px 30px;
 }

 .textImageContainer .textimage-top + .textimage-text {
	padding: 0px 17px 17px 17px;
 }

 .textImageContainer .textimage-bottom{
	padding: 0px 17px 17px 17px;
    width: auto;
    text-align: center;
 }

 .textImageContainer.textImageBoxShadow .textimage-bottom {
    padding: 0px 30px 57px 30px;
 }

 .textImageContainer.textImageBoxShadow .textimage-bottom + .textimage-text {
    padding: 30px 30px 0px 30px;
 }

 .textImageContainer .textimage-bottom + .textimage-text {
	padding: 17px 17px 0px 17px;
 }
 
 .textImageBoxShadow .textimage-text {
    height: auto;
 }
 
  .textImageBoxShadow .textimage-text {
    min-height: 168px;
 }
 
 /*  primary-cta-block-button without images - text align center in mobile mode */
  .textImageBoxShadow .primary-cta-block-button {
    text-align: center;
 }
 
  /*  primary-cta-block-button with images -text align left in mobile mode */
  .textImageBoxShadow .textimage-top.img-small ~ .primary-cta-block-button {
    text-align: left;
    padding-left: 35px;
 }

}


/* Text Vertically align center */
@media only screen and (min-width: 1024px) {
    .textimage-right  + .textimage-text, .textimage-left + .textimage-text {
    	max-height: 466px;
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
		
	.textimage-right img,  .textimage-left img {
        max-height: 466px;
	}
	.textimage .textimage-right  + .textimage-text, .textimage .textimage-left + .textimage-text {
    	max-height: none;
	}
		
	.textimage .textimage-right img,  .textimage .textimage-left img {
        max-height: none;
	}
    .textImageContainer.textImageBoxRadius img {
        object-fit: cover;
    }
}


/* print */
@media print {

    .textimage a[href]:after, .text a[href]:after {
        content: none !important;
    }
	.textimage-left + .textimage-text, .textimage-right + .textimage-text {
        padding: 0px;
	}
}
/*Content refresh text image alignment and space issue fix*/

.contentRefresh  .textImageContainer .textimage-top+.textimage-text {
	padding : 17px;
}
.contentRefresh  .textImageContainer .textimage-top+.textimage-text  h3 { 
	margin-top: 0px
}
.contentRefresh .textimage-text ,.contentRefresh .textContainer {
    text-align: left;
}
.contentRefresh .textimage-left+.textimage-text {
    padding-left: 24px;
    padding-right: 0;
}
.contentRefresh .textimage-right+.textimage-text {
    padding-left: 0;
    padding-right: 24px;
}
.contentRefresh .contentRefreshHorizontalWrapper img{
    max-width:100%;
}
.contentRefresh .refreshTextImage .textimage-left,
.contentRefresh .refreshTextImage .textimage-text{width:auto;}
.contentRefresh .refreshTextImage {
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
}
.contentRefresh .refreshTextImage .textimage-text{
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
}
.contentRefresh .refreshTextImage .offset-top-40 {
    margin-top: 2rem;
}
.contentRefresh .refreshTextImage .textimage-text h1,
.contentRefresh .refreshTextImage .textimage-text h2,
.contentRefresh .refreshTextImage .textimage-text h3{
    margin-top:0;
}
.contentRefresh .refreshTextImage .textimage-left{
    margin-top:1rem;
}
.contentRefresh .containerContent .textimage .refreshTextImage {
    padding-right: 17%;
}
.contentRefresh .containerContent .textimage:last-child .refreshTextImage {
    padding-left: 17%;
    padding-right: 0;
}
 @media only screen and (min-width: 600px) and (max-width: 1023px)  {
	.contentRefresh .contentRefreshHorizontalWrapper{
        display:flex;
        flex-wrap:wrap;
        align-items: center;
    }
    .contentRefresh .contentRefreshHorizontalWrapper .textimage-right,
    .contentRefresh .contentRefreshHorizontalWrapper .textimage-left,
    .contentRefresh .contentRefreshHorizontalWrapper .textimage-left+.textimage-text,
    .contentRefresh .contentRefreshHorizontalWrapper .textimage-right+.textimage-text{
        width:50%;
    }
    .contentRefresh .contentRefreshHorizontalWrapper .textimage-right {
        order:1;
    }
 	.contentRefresh .containerContent .textimage .refreshTextImage {
        padding-right: 24px;
    }
    .contentRefresh .containerContent .textimage:last-child .refreshTextImage {
        padding-left: 24px;
        padding-right: 0;
    }
}
@media screen and (max-width:599px){
	.contentRefresh .contentRefreshHorizontalWrapper .textimage-right,
    .contentRefresh .contentRefreshHorizontalWrapper .textimage-left,
    .contentRefresh .contentRefreshHorizontalWrapper .textimage-left+.textimage-text,
    .contentRefresh .contentRefreshHorizontalWrapper .textimage-right+.textimage-text{
        width:100%;
        padding:20px 0;
    }
    .contentRefresh .containerContent .textimage .refreshTextImage {
    	padding-right: 0;
    }
    .contentRefresh .containerContent .textimage:last-child .refreshTextImage {
        padding-left: 0;
    }
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../components/content/relatedArticles/clientlibs/resources/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -35px;
	width: 30px;
	height: 30px;
	background: transparent url('../components/content/relatedArticles/clientlibs/resources/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('../components/content/relatedArticles/clientlibs/resources/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../components/content/relatedArticles/clientlibs/resources/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../components/content/relatedArticles/clientlibs/resources/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../components/content/relatedArticles/clientlibs/resources/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	/* background-image: url('../components/content/relatedArticles/clientlibs/resources/fancybox.png');
	background-position: -40px -162px; */
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../components/content/relatedArticles/clientlibs/resources/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	/* background-image: url('../components/content/relatedArticles/clientlibs/resources/fancybox.png');
	background-position: -40px -182px;  */
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../components/content/relatedArticles/clientlibs/resources/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	/* background-image: url('../components/content/relatedArticles/clientlibs/resources/fancybox.png');
	background-position: -40px -142px; */
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../components/content/relatedArticles/clientlibs/resources/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	/* background-image: url('../components/content/relatedArticles/clientlibs/resources/fancybox.png');
	background-position: -40px -122px; */
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../components/content/relatedArticles/clientlibs/resources/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('../components/content/relatedArticles/clientlibs/resources/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('../components/content/relatedArticles/clientlibs/resources/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('../components/content/relatedArticles/clientlibs/resources/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_shadow_nw.png', sizingMethod='scale'); }

.perspectivesList { 
	padding-top: 90px;
    padding-bottom: 90px;
    padding-left: 57px;
    padding-right: 57px;
	background-color: #f7f7f7;
}

.perspectivesList .perspectivesHeading {
	text-align: center;
}
.perspectivesList .perspectivesHeading > h2 {
	font-size: 48px;
    line-height: 52px;
    color: #0a1c76;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 60px;
}


.perspectivesList .perspectivesContainer {
	width: 100%;
}
.perspectivesList .perspectivesContainer:before {
	display: table;
	content: " ";
}
.perspectivesList .perspectivesContainer .perspectivesRow {
	margin-right: -15px;
    margin-left: -15px;
}
.perspectivesList .perspectivesContainer .perspectivesRow::after {
  content: "";
  clear: both;
  display: table;
}
.perspectivesList .perspectivesContainer .perspectivesRow:before {
	display: table;
	content: " ";
}
.perspectivesList .perspectivesContainer .perspectivesRow .perspectivesColumn {
	float: left;
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	width: 33.333%;
	margin-bottom: 50px;
}

.perspectivesList .perspectivesContainer .perspectiveContent {
	width: 100%;
	margin: 0px auto;
	background-color: #ffffff;
	box-shadow: 0px 0px 17px rgba(0,0,0,0.2);
    position: relative;
    border-radius: 4px;
}

.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveMediaImage {
	width: 100%;
	height: 270px;
	max-height: 270px;
	overflow: hidden;
	background-size: 100% 100%; 
}
/* .perspectivesList .perspectivesContainer .perspectiveContent .perspectiveMediaImage > img {
	width: 100%;
	height: auto;
	height: 270px; 
} */

.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper {
    position: relative;
	max-height: 270px;
	width: 100%;
    height: 270px;  	
	background-size: 100% 100%; 
    padding: 0px 15px;
}
/* .perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper > img {
	width: 100%;
    height: 270px;      
} */
.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper > video {
    width: 100%;
    height: auto;
    background-color: #d6d6d6;
	min-height: 270px;
}
.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoPlayPauseButton {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    background: url(../components/content/relatedArticles/clientlibs/resources/Icon-Play-Button.svg) no-repeat 0 0 / cover;
    opacity: 0.5;
    cursor: pointer;
    margin-top: -30px;
    margin-left: -30px;
}
.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoPlayPauseButton:hover {
    opacity: 1;
}


.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay {
	background-color: #d6d6d6;
	width: 100%;
	height: auto;
	max-height: 270px;

}
.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo {
	width: 100%;
	height: auto;
	/* min-height: 270px; */
	display: block;
}
.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo iframe {
	border: none;
	height: 270px;
}
.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveOverlayVideoPlayButton {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    background: url(../components/content/relatedArticles/clientlibs/resources/Icon-Play-Button.svg) no-repeat 0 0 / cover;
    opacity: 0.5;
    cursor: pointer;
    margin-top: -30px;
    margin-left: -30px;
}
.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveOverlayVideoPlayButton:hover {
    opacity: 1;
}



.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveDescription {
	padding: 30px 25px 50px;
}
.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveDescription .primaryCTAbutton {
    position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
    border-radius: 0px 0px 4px 4px;
}
.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveDescription .descrip > h3 {
    font-size: 24px;
    line-height: 24px;
    color: #2c7bbc;
    font-weight: 300;
    margin-top: 0px;
    margin-bottom: 15px;
   /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
}
.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveDescription .descrip > p {
    font-size: 18px;
    line-height: 26px;
    color: #58585a;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 15px;
}



.perspectivesList .perspectivesContainer .readCaseStudyCTA {
	padding: 25px 0px;
	text-align: center;
}


.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper {
    overflow: hidden;
}

button.secondaryTextCTA {
    font-size: 16px;
    font-weight: 700;
    color: #4a851f;
    display: inline-block;
    text-decoration: none;
	background: transparent;
	border: 0px;
	padding: 0px;
}
button.secondaryTextCTA .secondaryTextCTAarrow {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
	background: url(../components/content/relatedArticles/clientlibs/resources/articleLinkArrow.svg) no-repeat 0 0;
	top: 3px;
    position: relative;
}
button.secondaryTextCTA:hover .secondaryTextCTAarrow {
    position: relative;
    left: 8px;
}


button.primaryCTA {
    width: 182px;
    height: 40px;
    background-color: #4a851f;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    border: none;
    border-radius: 4px;
}
button.primaryCTA .primaryCTAarrow {
    display: inline-block;
    position: relative;
    top: 3px;
    margin-left: 4px;
    width: 16px;
    height: 16px;
    background: url(../components/content/relatedArticles/clientlibs/resources/Icon-Circle-Arrow-Right_White.svg) no-repeat 0 0;
}
button.primaryCTA:hover .primaryCTAarrow {
    position: relative;
    left: 8px;
}


a.secondaryTextCTA {
    font-size: 16px;
    font-weight: 700;
    color: #4a851f;
    display: inline-block;
    text-decoration: none;
	background: transparent;
	border: 0px;
	padding: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
a.secondaryTextCTA .secondaryTextCTAarrow {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
	background: url(../components/content/relatedArticles/clientlibs/resources/articleLinkArrow.svg) no-repeat 0 0;
	top: 3px;
    position: relative;
}
a.secondaryTextCTA:hover .secondaryTextCTAarrow {
    position: relative;
    left: 8px;
}


a.primaryCTA {
	text-decoration: none;
    min-width: 182px;
    height: 40px;
    background-color: #4a851f;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    border: none;
    border-radius: 4px;
	display: inline-block;
    line-height: 37px;
    padding: 0px 25px;
}
a.primaryCTA .primaryCTAarrow { 
    display: inline-block;
    position: relative;
    top: 3px;
    margin-left: 4px;
    width: 16px;
    height: 16px; 
    background: url(../components/content/relatedArticles/clientlibs/resources/Icon-Circle-Arrow-Right_White.svg) no-repeat 0 0;
}
a.primaryCTA:hover .primaryCTAarrow {
    position: relative;
    left: 8px;
}




@media only screen and (min-width: 1900px) {
    .perspectivesList .perspectivesContainer .perspectiveContent .perspectiveMediaImage {
    	height: 320px;
		max-height: 320px;
	}
	 .perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper {
    	height: 320px;
		max-height: 320px;
	}
    .perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay {
		max-height: 320px;
	}
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo iframe {
    	height: 320px;
	}
}

@media only screen and (max-width: 1400px) {
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveMediaImage {
		height: 220px;
	}
/* 	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveMediaImage > img {
		height: 220px;
	} */
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper {
		height: 220px;
	}
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper > video {
		height: 220px;
	}
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay {
		height: 220px;

	}
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo {
		height: 220px;
	}
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo iframe {
    	height: 220px;
	}
}




@media only screen and (max-width: 1199px) {
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveMediaImage {
		height: 170px;
	}
/* 	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveMediaImage > img {
		height: 170px;
	} */
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper {
		height: 170px;
	}
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper > video {
		height: 170px;
	}
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay {
		height: 170px;

	}
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo {
		height: 170px;
	}
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo iframe {
    	height: 170px;
	}
}



@media only screen and (max-width: 1023px) {
	.perspectivesList {
		padding-top: 45px;
		padding-bottom: 45px;
		padding-left: 26px;
		padding-right: 26px;
	}

	.perspectivesList .perspectivesContainer .perspectivesRow .perspectivesColumn {
		float: none;
		/*padding-right: 0px;
		padding-left: 0px;*/
		width: 100%;
		margin-bottom: 35px;
    	min-height: auto;
	}
    .perspectivesList .perspectivesContainer .perspectiveContent { 
        text-align: center;
    }
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveMediaImage {
		height: 320px;
		max-height: none;
    	overflow: auto;
	}
/* 	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveMediaImage > img {
		height: auto;
	} */
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper {
		height: auto;
        max-height: none;
        overflow: auto;
		height: 320px;        
	}
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper>img {
    	height: auto;
	}
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper > video {
		height: 320px;
	}
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay {
		height: 320px;

	}
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo {
		height: 320px;
	}
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo iframe {
    	height: 320px;
	}
}

@media only screen and (max-width: 991px) {
	.perspectivesList .perspectivesContainer .perspectiveContent {
		padding: 10px 10px 0px 10px;
	}
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveDescription  h3 {
		margin-top: 0px;
	}
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper {
		padding: 0px;
	}
}

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

}

@media only screen and (max-width: 420px) {
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveMediaImage {
		height: 220px;
	}
/* 	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveMediaImage > img {
		height: auto;
	} */
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper {
		height: 220px;
	}
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper > video {
		height: 220px;
	}
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay {
		height: 220px;

	}
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo {
		height: 220px;
	}
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo iframe {
    	height: 220px;
	}
	.perspectivesList .perspectivesContainer .readCaseStudyCTA a.primaryCTA {
		width: 100%;
	}
}


@media only screen and (max-width: 375px) {
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveMediaImage {
		height: 150px;
	}
/* 	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveMediaImage > img {
		height: auto;
	} */
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper {
		height: 150px;
	}
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper > video {
		height: 150px;
	}
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay {
		height: 150px;

	}
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo {
		height: 150px;
	}
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo iframe {
    	height: 150px;
	}
}


.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveDescription>p {
    min-height: 105px;
}




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


	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper>img {
	    width: 100%;
	    min-height: 170px;
	}
	
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveDescription>p {
	    min-height: 162px;
	}


} 

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

 */
/* .perspectivesList .perspectivesContainer .perspectiveContent .perspectiveMediaImage > img {
	object-fit: cover; 
	object-position: center;   
} */
.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveMediaImage{
    background-position: center;
    background-size: cover;  
}
.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper{
	background-position: center;
    background-size: cover; 
}
/* 
}  */

/* print */
@media print {
    .perspectivesList { 
    	padding: 20px 0px;
	}
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveMediaImage {
		height: 200px;
		border: 1px solid #212212;
        background-color: #eeeeee !important;
		overflow: hidden;
	}
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo {
		height: 150px;
		border: 1px solid #212212;
		overflow: hidden;
	}
	a.secondaryTextCTA {
		height: 20px;
		width: 150px;
		overflow: hidden;
	}
	.perspectivesList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo iframe {
		display: none;
	}

}

.perspectiveContent .title {
    display: block;
    font-size: 20px;
    padding: 20px 25px 0 25px;
    color: #2c7bbc;
    margin: 0px;
    font-weight: 400;
}

.perspectiveContent .category {
	color: #4A851F;
    padding: 0px 25px 10px 25px;
    font-size: 18px;
}




.articleListSection {
	padding-top: 45px;
	padding-bottom: 45px;	
	padding-left: 57px;
	padding-right: 57px;
}

.articleListSection .articleHeading {
	text-align: center;
}
.articleListSection .articleHeading > h2 {
	font-size: 48px;
	line-height: 52px;
	color: #0a1c76;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 60px;
}

.articleListSection .articleList {
	margin-left: -15px;
	margin-right: -15px;
}

.articleListSection .articleList .articleItem {
	width: 47.4%;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 25px;
	float: left;
	display: block;
}
.articleListSection .articleList .articleItem .articleBanner {
	margin-bottom: 15px;
    max-height: 560px;
    overflow: hidden;
}
.articleListSection .articleList .articleItem .articleBanner > img {
	width: 100%;
	height: auto;
}
.articleListSection .articleList .articleItem .articleVideoBanner {
	margin-bottom: 15px;
	position: relative;
	height: 340px;
	overflow: hidden;
	background-repeat: no-repeat;
    background-size: cover;
}
.articleListSection .articleList .articleItem .articleVideoBanner .articleVideoPlaceholder {
	width: 100%;
}
.articleListSection .articleList .articleItem .articleVideoBanner iframe {
	border: none;
	position: relative;
    top: -3px;
    height: 338px;
}

.articleListSection .articleList .articleItem .articleVideoBanner > video {
	width: 100%;
	height: auto;
	background-color: #d6d6d6;
}
.articleListSection .articleList .articleItem .articleVideoBanner .playPauseButton {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	background: url("../components/content/relatedArticles/clientlibs/resources/Icon-Play-Button.svg") no-repeat 0 0 / cover;
	opacity: 0.5;
	cursor: pointer;
	margin-top: -30px;
	margin-left: -30px;
}
.articleListSection .articleList .articleItem .articleVideoBanner .playPauseButton:hover {
	opacity: 1;
}
.articleListSection .articleList .articleItem .articleContent > h3 {
	font-size: 24px;
	line-height: 34px;
	color: #2c7bbc;
	font-weight: 300;	
	margin-top: 0px;
	margin-bottom: 15px;
}
.articleListSection .articleList .articleItem .articleContent > p {
	font-size: 18px;
	line-height: 26px;
	color: #58585a;
	font-weight: 400;	
	margin-top: 0px;
	margin-bottom: 15px;
}




button.secondaryTextCTA {
    font-size: 16px;
    font-weight: 700;
    color: #4a851f;
    display: inline-block;
    text-decoration: none;
    background: transparent;
    border: 0px;
    padding: 0px;
}
button.secondaryTextCTA .secondaryTextCTAarrow {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    background: url(../components/content/relatedArticles/clientlibs/resources/articleLinkArrow.svg) no-repeat 0 0;
    top: 3px;
    position: relative;
}
button.secondaryTextCTA:hover .secondaryTextCTAarrow { 
    position: relative;
    left: 8px;
}


a.secondaryTextCTA {
    font-size: 16px;
    font-weight: 700;
    color: #4a851f;
    display: inline-block;
    text-decoration: none;
    background: transparent;
    border: 0px;
    padding: 0px;
}
a.secondaryTextCTA .secondaryTextCTAarrow {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    background: url(../components/content/relatedArticles/clientlibs/resources/articleLinkArrow.svg) no-repeat 0 0;
    top: 3px;
    position: relative;
}
a.secondaryTextCTA:hover .secondaryTextCTAarrow {
    position: relative;
    left: 8px;
}
span.headingLable {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
	font-size: 14px;
}


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

}

@media only screen and (max-width: 1270px) {
	.articleListSection .articleList .articleItem {
		width: 46%;
	}
}


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

}
@media only screen and (max-width: 1023px) {
	.articleListSection .articleList .articleItem {
		float: left;
		width: 100%;
	    margin-left: 0px;
	    margin-right: 0px;
	    padding: 0px 20px;
	    text-align: center;
		
	}
	.articleListSection .articleList .articleItem .articleContent > a {
		font-size: 18px;
	}
	.articleListSection .articleList .articleItem .articleContent > a .articleLinkArrow {
		width: 20px;
		height: 20px;
	}
	.articleListSection .articleList .articleItem .articleVideoBanner {
    	/*height: auto; */
	}
	
}
@media only screen and (max-width: 767px) {
	.articleListSection {
		padding-left: 26px;
		padding-right: 26px;
	}
}
@media only screen and (max-width: 567px) {
	.articleListSection .articleList .articleItem .articleVideoBanner iframe {
		min-height: 220px;
		height: auto;
	}
}
@media only screen and (max-width: 1024px)  and (min-width: 1024px) {
.articleListSection .articleList .articleItem .articleVideoBanner {
    height: auto; 
} 
}


/* print */
@media print {
	.articleListSection {
		padding-top: 20px;
		padding-bottom: 20px;	
		padding-left: 0px;
		padding-right: 0px;
	}
	.articleListSection .articleList {
		margin-left: 0px;
		margin-right: 0px;
	}
	.articleListSection .articleList .articleItem {
		width: 40%;
		margin-right: 5px;
		margin-left: 5px;
		margin-bottom: 10px;
		float: left;
		display: block;
		
	}
	.articleListSection .articleList .articleItem .articleBanner,
	.articleListSection .articleList .articleItem .articleVideoBanner
	{
		height: 250px;
		border: 1px solid #212212;
		overflow: hidden;
	}
	a.secondaryTextCTA {
		height: 20px;
		overflow: hidden;
	}
}









.articleCategoryList {
	padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 57px;
    padding-right: 57px;
}

.articleCategoryList .articleCategoryHeading {
	text-align: center;
	margin-bottom: 100px;
}
.articleCategoryList .articleCategoryHeading > h2 {
	font-size: 48px;
    line-height: 52px;
    color: #0a1c76;
    font-weight: 700;
    margin-top: 10px;
	margin-bottom: 20px;
}
.articleCategoryList .articleCategoryHeading > p {
    font-size: 24px;
    line-height: 32px;
    color: #58585a;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	max-width: 700px;
}
.articleCategoryList .articleCategoryHeading .articleSearchBar {
    max-width: 420px;
    height: 37px;
    border-radius: 4px;
    border: 1px solid #aaaaaa;
    margin: 50px auto 30px auto;
}
.articleCategoryList .articleCategoryHeading .articleSearchBar .searchImage {
    float: left;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 6px 10px 0px 12px;
    background: url(../components/content/relatedArticles/clientlibs/resources/Icon-Search-Category.svg) no-repeat 0 0;
}	
.articleCategoryList .articleCategoryHeading .articleSearchBar > input[type='search'] {
    float: left;
    border: none;
    font-size: 16px;
    font-weight: normal;
    color: #58585a;
    background: transparent;
    height: 34px;
    outline: none;
    padding: 0px;
    width: 80%;
}



.articleCategoryList .perspectivesContainer {
	width: 100%;
	margin-bottom: 50px;
}
.articleCategoryList .perspectivesContainer:before {
	display: table;
	content: " ";
}
.articleCategoryList .perspectivesContainer .perspectivesRow {
	margin-right: -15px;
    margin-left: -15px;
}
.articleCategoryList .perspectivesContainer .perspectivesRow::after {
  content: "";
  clear: both;
  display: table;
}
.articleCategoryList .perspectivesContainer .perspectivesRow::before {
	display: table;
	content: " ";
}

.articleCategoryList .perspectivesContainer .categoryTitle {
	border-bottom: 1px solid #aaaaaa;
	margin-bottom: 50px;
	margin-right: 15px;
    margin-left: 15px;
}
.articleCategoryList .perspectivesContainer .categoryTitle::after {
  content: "";
  clear: both;
  display: table;
}
.articleCategoryList .perspectivesContainer .categoryTitle::before {
	display: table;
	content: " ";
}
.articleCategoryList .perspectivesContainer .categoryTitle > h3 {
	float: left;
	color: #337ab7;
	font-weight: 300;
	font-size: 27px;
	margin: 0px 0px 10px 0px;
}
.articleCategoryList .perspectivesContainer .categoryTitle > a {
	display: inline-block;
	float: right;
    font-size: 16px;
    font-weight: 700;
    color: #4a851f;
    display: inline-block;
    text-decoration: none;
    background: transparent;
    border: 0px;
    padding: 0px;
	margin-top: 10px;
}
.articleCategoryList .perspectivesContainer .categoryTitle .secondaryTextCTAarrow {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    background: url(../components/content/relatedArticles/clientlibs/resources/articleLinkArrow.svg) no-repeat 0 0;
    top: 3px;
    position: relative;
}
.articleCategoryList .perspectivesContainer .categoryTitle > a:hover .secondaryTextCTAarrow {
    position: relative;
    left: 8px;
}

.articleCategoryList .perspectivesContainer .perspectivesRow .perspectivesColumn {
	float: left;
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	width: 33.333%;
	margin-bottom: 50px;
	min-height: 424px;
}

.articleCategoryList .perspectivesContainer .perspectiveContent {
	width: 100%;
	margin: 0px auto;
	background-color: #ffffff;
	box-shadow: 0px 0px 17px rgba(0,0,0,0.2);
}

.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveMediaImage {
	width: 100%;
	height: 270px;
	max-height: 270px;
	overflow: hidden;
	background-size: 100% 100%; 
}
.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveMediaImage > img {
	width: 100%;
	height: auto;
	height: 270px; 
}

.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper {
    position: relative;
	max-height: 270px;
	width: 100%;
    height: 270px;  	
	background-size: 100% 100%; 
}
/* .articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper > img {
	width: 100%;
    height: 270px;      
} */
.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper > video {
    width: 100%;
    height: auto;
    background-color: #d6d6d6;
	min-height: 270px;
}
.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoPlayPauseButton {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    background: url(../components/content/relatedArticles/clientlibs/resources/Icon-Play-Button.svg) no-repeat 0 0 / cover;
    opacity: 0.5;
    cursor: pointer;
    margin-top: -30px;
    margin-left: -30px;
}
.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoPlayPauseButton:hover {
    opacity: 1;
}


.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay {
	background-color: #d6d6d6;
	width: 100%;
	height: auto;
	max-height: 270px;
	overflow: hidden;

}
.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo {
	width: 100%;
	height: auto;
	/* min-height: 270px; */
	display: block;
}
.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo iframe {
	border: none;
	height: 270px;
}
.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveOverlayVideoPlayButton {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    background: url(../components/content/relatedArticles/clientlibs/resources/Icon-Play-Button.svg) no-repeat 0 0 / cover;
    opacity: 0.5;
    cursor: pointer;
    margin-top: -30px;
    margin-left: -30px;
}
.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveOverlayVideoPlayButton:hover {
    opacity: 1;
}



.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveDescription {
	padding: 30px 20px;
    min-height: 240px;
    text-align: center;
}
.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveDescription .descrip > h3 {
    font-size: 24px;
    line-height: 24px;
    color: #2c7bbc;
    font-weight: 300;
    margin-top: 0px;
    margin-bottom: 15px;
   /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
}
.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveDescription .descrip > p {
    font-size: 18px;
    line-height: 26px;
    color: #58585a;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 15px;
}



.articleCategoryList .perspectivesContainer .readCaseStudyCTA {
	padding: 25px 0px;
	text-align: center;
	display: none;
}


.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper {
    overflow: hidden;
}

button.secondaryTextCTA {
    font-size: 16px;
    font-weight: 700;
    color: #4a851f;
    display: inline-block;
    text-decoration: none;
	background: transparent;
	border: 0px;
	padding: 0px;
}
button.secondaryTextCTA .secondaryTextCTAarrow {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
	background: url(../components/content/relatedArticles/clientlibs/resources/articleLinkArrow.svg) no-repeat 0 0;
	top: 3px;
    position: relative;
}
button.secondaryTextCTA:hover .secondaryTextCTAarrow {
    position: relative;
    left: 8px;
}


button.primaryCTA {
    width: 182px;
    height: 40px;
    background-color: #4a851f;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    border: none;
    border-radius: 4px;
}
button.primaryCTA .primaryCTAarrow {
    display: inline-block;
    position: relative;
    top: 3px;
    margin-left: 4px;
    width: 16px;
    height: 16px;
    background: url(../components/content/relatedArticles/clientlibs/resources/Icon-Circle-Arrow-Right_White.svg) no-repeat 0 0;
}
button.primaryCTA:hover .primaryCTAarrow {
    position: relative;
    left: 8px;
}


a.secondaryTextCTA {
    font-size: 16px;
    font-weight: 700;
    color: #4a851f;
    display: inline-block;
    text-decoration: none;
	background: transparent;
	border: 0px;
	padding: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
a.secondaryTextCTA .secondaryTextCTAarrow {
    display: inline-block;
    width: 32px;
    height: 16px;
    margin-left: 5px;
	background: url(../components/content/relatedArticles/clientlibs/resources/articleLinkArrow.svg) no-repeat 0 0;
	top: 3px;
    position: relative;
    transition: 0.45s;
    transition-timing-function: linear;
}
a.secondaryTextCTA:hover .secondaryTextCTAarrow {
    background-position-x: 8px;
}


a.primaryCTA {
	text-decoration: none;
    min-width: 182px;
    height: 40px;
    background-color: #4a851f;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    border: none;
    border-radius: 4px;
	display: inline-block;
    line-height: 37px;
    padding: 0px 25px;
}
a.primaryCTA .primaryCTAarrow { 
    display: inline-block;
    position: relative;
    top: 3px;
    margin-left: 4px;
    width: 32px;
    height: 16px; 
    background: url(../components/content/relatedArticles/clientlibs/resources/Icon-Circle-Arrow-Right_White.svg) no-repeat 0 0;
    transition: 0.45s;
    transition-timing-function: linear;
}
a.primaryCTA:hover .primaryCTAarrow {
    background-position-x: 8px;
}




@media only screen and (min-width: 1900px) {
    .articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveMediaImage {
    	height: 320px;
		max-height: 320px;
	}
	 .articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper {
    	height: 320px;
		max-height: 320px;
	}
    .articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay {
		max-height: 320px;
	}
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo iframe {
    	height: 320px;
	}
}

@media only screen and (max-width: 1400px) {
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveMediaImage {
		height: 220px;
	}
/* 	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveMediaImage > img {
		height: 220px;
	} */
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper {
		height: 220px;
	}
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper > video {
		height: 220px;
	}
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay {
		height: 220px;

	}
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo {
		height: 220px;
	}
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo iframe {
    	height: 220px;
	}
}




@media only screen and (max-width: 1199px) {
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveMediaImage {
		height: 170px;
	}
/* 	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveMediaImage > img {
		height: 170px;
	} */
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper {
		height: 170px;
	}
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper > video {
		height: 170px;
	}
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay {
		height: 170px;

	}
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo {
		height: 170px;
	}
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo iframe {
    	height: 170px;
	}
}



@media only screen and (max-width: 1023px) {
	.articleCategoryList {
		padding-top: 45px;
		padding-bottom: 45px;
		padding-left: 26px;
		padding-right: 26px;
	}

	.articleCategoryList .perspectivesContainer .perspectivesRow .perspectivesColumn {
		float: none;
		/*padding-right: 0px;
		padding-left: 0px;*/
		width: 100%;
		margin-bottom: 35px;
    	min-height: auto;
	}
    .articleCategoryList .perspectivesContainer .perspectiveContent { 
        text-align: center;
    }
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveMediaImage {
		height: 320px;
		max-height: none;
    	overflow: auto;
	}
/* 	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveMediaImage > img {
		height: auto;
	} */
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper {
		height: auto;
        max-height: none;
        overflow: auto;
		height: 320px;        
	}
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper>img {
    	height: auto;
	}
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper > video {
		height: 320px;
	}
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay {
		height: 320px;

	}
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo {
		height: 320px;
	}
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo iframe {
    	height: 320px;
	}
	
	.articleCategoryList .perspectivesContainer .readCaseStudyCTA {
		display: block;
	}
/* 	.articleCategoryList .perspectivesContainer .categoryTitle > a {
		display: none;
	} */
}


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

}

@media only screen and (max-width: 420px) {
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveMediaImage {
		height: 220px;
	}
/* 	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveMediaImage > img {
		height: auto;
	} */
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper {
		height: 220px;
	}
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper > video {
		height: 220px;
	}
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay {
		height: 220px;

	}
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo {
		height: 220px;
	}
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo iframe {
    	height: 220px;
	}
	.articleCategoryList .perspectivesContainer .readCaseStudyCTA a.primaryCTA {
		width: 100%;
	}
}


@media only screen and (max-width: 375px) {
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveMediaImage {
		height: 150px;
	}
/* 	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveMediaImage > img {
		height: auto;
	} */
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper {
		height: 150px;
	}
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper > video {
		height: 150px;
	}
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay {
		height: 150px;

	}
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo {
		height: 150px;
	}
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo iframe {
    	height: 150px;
	}
}


.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveDescription>p {
    min-height: 105px;
}




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


	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper>img {
	    width: 100%;
	    min-height: 170px;
	}
	
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveDescription>p {
	    min-height: 162px;
	}


} 

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

 */
/* .articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveMediaImage > img {
	object-fit: cover; 
	object-position: center;   
} */
.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveMediaImage{
    background-position: center;
    background-size: cover;  
}
.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper{
	background-position: center;
    background-size: cover; 
}
/* 
}  */

/* print */
@media print {
    .articleCategoryList { 
    	padding: 20px 0px;
	}
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveMediaImage {
		height: 200px;
		border: 1px solid #212212;
        background-color: #eeeeee !important;
		overflow: hidden;
	}
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo {
		height: 150px;
		border: 1px solid #212212;
		overflow: hidden;
	}
	a.secondaryTextCTA {
		height: 20px;
		width: 150px;
		overflow: hidden;
	}
	.articleCategoryList .perspectivesContainer .perspectiveContent .perspectiveVideoWrapper .perspectiveVideoOverlay .perspectiveVideo iframe {
		display: none;
	}

}




.relatedArticles {
    padding: 10px 40px 10px 39px;
 }
.relatedArticles .perspectivesColumn .perspectiveDescriptionWrap h5{
    margin: 0px;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
    color: #4a851f;
}

.relatedArticles .perspectivesColumn .perspectiveDescriptionWrap h5 a{
    margin: 0px;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
    color: #4a851f;
}

.relatedArticles .perspectivesColumn .perspectiveDescriptionWrap p{
    font-size: 18px;
    line-height: 26px;
    color: #58585a;
    font-weight: 400;
    margin: 0px 0px 10px 0px; 
}  


.relatedArticles .perspectivesColumn .perspectiveDescriptionWrap .headingLable{
    font-size: 20px;
    color: #2c7bbc;
    font-weight: normal;
}

.relatedArticles .dark-gray-color-text {
    color: #58585A;
    font-size: 21px;
    color: #2c7bbc;
    font-weight: normal;
    line-height: 30px;
}

.relatedArticles .persFilterSection{
    border-radius: 4px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .15);
    position: relative;
    background-color: white;
    padding: 26px;
}   
.relatedArticles .persFilterSection ul li a{
    font-size: 17px; 
}

.relatedArticles .persFilterSection ul li a.active{
    text-decoration: underline;
}

.relatedArticles .persFilterSection ul li{
    line-height: 32px;
}  

@media only screen and (min-width: 1024px){
    .relatedArticles {
        padding: 10px 30px 10px 30px;
     }

    .relatedArticles  .perspectivesWrap{
        padding: 0px 50px;
    }   
    .relatedArticles .perspectivesWrap .perspectivesContentSection {
        padding-right:130px;
    }
}

.persistentContact {
	position: fixed;
	bottom: 70px;
	right: 25px;
	z-index: 1022;	
}

.persistentContact > button {
	border: none;
	padding: 0px;
	background-color: transparent;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	position: absolute;
    right: 0;
    bottom: 0;
	/*box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);*/
}

.persistentContact > button .persistentContactCTA {
	border: none;
	padding: 0px;
	background: url("../components/content/persistentcontact/clientlibs/resources/Chat-ContactUs-Phone-Green-Circle.svg") no-repeat 0 0;
	width: 70px;
	height: 70px;
	margin: 0px;
    background-size: 100%;
}
.persistentContact > button.active {
	background-color: #ffffff;
}

.persistentContact > button.active .persistentContactCTA {
	background: url("../components/content/persistentcontact/clientlibs/resources/closeGreen.svg") no-repeat 0 0;
	width: 27px;
	height: 27px;
	margin: 2px auto 0px;
}


.presistantForm-open {
	overflow: hidden;
}
.persistentContactFormCTA {
    position: absolute;
    right: 90px;
    bottom: 32px;
	padding: 0px 35px 25px 0px;
	display: none;
	z-index: 200;
}
.persistentContactFormCTA > button {
    min-width: 250px;
    height: 40px;
    background-color: #4a851f;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    border: none;
    border-radius: 4px;
	margin-top: 25px;
	display: block;
}
.persistentContactFormCTA  > button .ctaIcon {
    display: inline-block;
    position: relative;
    top: 2px;
    margin-left: 4px;
    width: 16px;
    height: 16px;
    background: url(../components/content/persistentcontact/clientlibs/resources/circleWhiteArrowRight.svg) no-repeat 0 0;
}
.persistentContactFormCTA > button:hover .ctaIcon {
    position: relative;
    left: 8px;
}


.persistentContactFormSection {
	position: fixed;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	z-index: 1020;
	background-color: rgba(0, 0, 0, 0.8);
	display: none;
}
.persistentContactwrap {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}
.presistantForm-open .persistentContactFormSection {
	overflow-x: hidden;
    overflow-y: auto;	
}

.persistentContactForm {
	width: 600px;
	background-color: #ffffff;
	padding: 0px;
	border-radius: 4px;
	z-index: 200;
	float: right;
	margin: 20px 110px 20px;
	display: none;
}

.persistentContactForm .contactForm {
	width: 58%;
	float: right;
	position: relative;
	background-color: #ffffff;
	padding: 20px 25px 20px 25px;
	border-radius: 0px 4px 4px 0px;
}

.persistentContactForm .contactForm  .starMark {
	color: #c53933;
}
.persistentContactForm .contactForm .form-group {
	position: relative;
	margin-bottom: 20px;
}
.persistentContactForm .contactForm .cmp-form-text {
	position: relative;
	margin-bottom: 6px;
}
.persistentContactForm .contactForm .cmp-form-text label,
.persistentContactForm .contactForm .cmp-form-options label {
    color: #0A1C76;
    margin: 0px;
	font-size: 14px;
	font-weight: 700;
}
.persistentContactForm .contactForm .cmp-form-options label input[type='checkbox'] {
    position: relative;
	bottom: -2px;
}
.persistentContactForm .contactForm .custom-error-message {
	position: absolute;
    bottom: -10px;
    font-size: 11px;
    right: 0px;
    color: #c53933;
}
.persistentContactForm .contactForm .error .errorMes {
	display: inline;
}
.persistentContactForm .contactForm .error label {
	color: #c53933;
	margin: 0px;
}
.persistentContactForm .contactForm .error textarea {
	border-color: #c53933;
	box-shadow: none;
	resize: none;
}

.persistentContactForm .contactForm .error input[type='text'],
.persistentContactForm .contactForm .error input[type='email'],
.persistentContactForm .contactForm .error input[type='tel'] {
	border-color: #c53933;
	box-shadow: none;
}

.persistentContactForm .contactForm .formFields {
	position: relative;
}
.persistentContactForm .contactForm > h3 {
	font-size: 24px;
	font-weight: 400;
	color: #2c7bbc;
	margin: 0px 0px 25px 0px;
	text-align: left;
}
.persistentContactForm .contactForm .requiredFieldsText {
	position: absolute;
	right: 0px;
	top: 0px;
	color: #c53933;
	font-size: 10px;
	font-weight: 700;
    margin: 0px;
}
.persistentContactForm .contactForm input[type='text'] {
	width: 100%;
	height: 35px;
	margin-bottom: 5px;
	border: 1px solid #dddddd;
	border-radius: 4px;
	padding: 0px 10px;
	font-size: 15px;
}
.persistentContactForm .contactForm input[type='email'] {
	width: 100%;
	height: 35px;
	margin-bottom: 5px;
	border: 1px solid #dddddd;
	border-radius: 4px;
	padding: 0px 10px;
	font-size: 15px;
}
.persistentContactForm .contactForm input[type='tel'] {
	width: 100%;
	height: 35px;
	margin-bottom: 5px;
	border: 1px solid #dddddd;
	border-radius: 4px;
	padding: 0px 10px;
	font-size: 15px;
}
.persistentContactForm .contactForm input[type='number'] {
	width: 100%;
	height: 40px;
	margin-bottom: 5px;
	border: 1px solid #dddddd;
	border-radius: 4px;
	padding: 0px 10px;
	font-size: 15px;
}
.persistentContactForm .contactForm select {
	width: 100%;
	height: 35px;
	margin-bottom: 5px;
	border: 1px solid #dddddd;
	border-radius: 4px;
	padding: 0px 10px;
	font-size: 15px;
}
.persistentContactForm .contactForm textarea {
	width: 100%;
	height: 80px;
	margin-bottom: 5px;
	border: 1px solid #dddddd;
	border-radius: 4px;
	padding: 5px 10px;
	font-size: 15px;
	resize: vertical;
}

.persistentContactForm .contactForm input[type='submit'] {
	width: 100%;
    height: 40px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    border: none;
    border-radius: 4px;
	margin-top: 25px;
	position: relative;
	/*background: #4a851f url(../components/content/persistentcontact/clientlibs/resources/circleWhiteArrowRight.svg) no-repeat 0 0;
	background-size: 6%;
    background-position: 170px 10px;
    padding-right: 25px; */
}
.persistentContactForm .contactForm input[type='submit']:hover {
	/* background-position: 178px 10px; */
}


.persistentContactForm .contactForm form  button {
    width: 100%;
    height: 40px;
    background-color: #4a851f;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    border: none;
    border-radius: 4px;
	margin-top: 10px;
    padding-left: 16px;
}
.persistentContactForm .contactForm form  button .ctaIcon {
    display: inline-block;
    position: relative;
    top: 2px;
    margin-left: 4px;
    width: 32px;
    height: 16px;
    background: url(../components/content/persistentcontact/clientlibs/resources/circleWhiteArrowRight.svg) no-repeat 0 0;
    transition: 0.45s;
    transition-timing-function: linear;
}
.persistentContactForm .contactForm form  button:hover .ctaIcon {
    background-position-x: 8px;
}

.persistentContactForm .contactDetails {
	background-color: #2c7bbc;
	width: 42%;
	float: left;
	text-align: center;
	padding: 10px 25px 32px 25px;
	border-radius: 4px 0px 0px 4px;
}

.persistentContactForm .contactDetails p {
    margin: 0px;
}
.persistentContactForm .contactDetails .divider {
	border: 0px;
    border-top: 1px solid #ffffff;
    display: block;
    height: 1px;
    margin: 10px 0px 0px 0px;
    opacity: 0.6;
}

.persistentContactForm .contactDetails > p {
	margin-bottom: 0px;
}
.persistentContactForm .contactDetails .customerServiceIcon {
	width: 60px;
    height: 60px;
    margin: 25px auto 0;
    padding: 15px;
    background: #0a1c76;
    border-radius: 50%;
    background-size: 45%;
    background-position: center;
    display: block;
}

.persistentContactForm .contactDetails .salesIcon {
	width: 60px;
    height: 60px;
	margin: 65px auto 0;
    padding: 15px;
	background: #0a1c76;
	border-radius: 50%;
    background-size: 55%;
    background-position: center;
    display: block;
}

.persistentContactForm .contactDetails .contactDetailsTitle {
	font-size: 15px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 700;
	margin: 25px 0px 10px 0px;
    display: inline-block;
}
.persistentContactForm .contactDetails .contactDetailsText {
	font-size: 14px;
    line-height: 17px;
	color: #ffffff;
	font-weight: 400;
	margin: 0px 0px 5px 0px;
    display: inline-block;
}

.persistentContactForm .contactDetails .contactDetailsText a {
	font-size: 14px;
    line-height: 17px;
	color: #ffffff;
	font-weight: 400;
	margin: 0px 0px 0px;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px solid #ffffff;
}
.persistentContactForm .contactDetails .contactDetailsText a:hover {
	border-bottom: 1px solid #f7f7f7;
}

.persistentContactForm .contactForm .cmp-form-options {
    position: relative;
	margin-bottom: 10px;
}
/*
.persistentContactForm .contactForm .cmp-form-options .custom-error-message {
	bottom: -15px;
    left: 0px;
}
*/
.persistentContactForm .contactForm .cmp-form-options legend {
	font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    color: #0A1C76;
    border: none;
    margin-bottom: 5px;
}
.persistentContactForm .contactForm .cmp-form-options .cmp-form-options__field-label {
    color: #000000;
	font-weight: normal;
}
/*
@media only screen and (max-width: 1023px) {
    .persistentContactForm .contactForm .cmp-form-options .custom-error-message {
        position: absolute;
        bottom: -15px;
        left: 0px;
        float: none;
        top: auto;
        right: auto;
	}
}
*/

.persistentContactForm .contactForm .cmp-form-options {
    position: relative;
	margin-bottom: 10px;
}
/*
.persistentContactForm .contactForm .cmp-form-options .custom-error-message {
	bottom: -15px;
    left: 0px;
}
*/
@media only screen and (max-width: 1023px) {
    /*
    .persistentContactForm .contactForm .cmp-form-options .custom-error-message {
        position: absolute;
        bottom: -15px;
        left: 0px;
        float: none;
        top: auto;
        right: auto;
	}
    */
	.persistentContactForm .contactForm .cmp-form-options .cmp-form-options__field-label {
		width: 100%;
	}
}

.persistentFormSuccessMes {
	width: 600px;
	background-color: #ffffff;
	padding: 0px;
	border-radius: 4px;
	z-index: 200;
	float: right;
	margin: 60px 110px 60px;
	text-align: center;
	display: none;
}
.persistentFormSuccessMes h2 {
	font-size: 24px;
    line-height: 32px;
	margin: 0px 0px 10px 0px;
}
.persistentFormSuccessMes > h3 {
	font-size: 28px;
	font-weight: 300;
	color: #ffffff;
	margin: 0px 0px 35px 0px;
	text-align: center;
}
.persistentFormSuccessMes .persistentFormSuccessIcon {
	width: 60px;
	height: 60px;
	margin: 110px auto 26px;
	background: url(../components/content/persistentcontact/clientlibs/resources/thankYouCheckMark.svg) no-repeat 0 0;
	display: inline-block;
}
.persistentFormSuccessMes .persistentFormSuccessTitle {
	font-size: 24px;
    line-height: 32px;
	color: #0a1c76;
	font-weight: 400; 
	margin: 10px 0px 10px;
	display: inline-block;
}
.persistentFormSuccessMes .persistentFormSuccessText {
	font-size: 16px;
    line-height: 24px;
	font-weight: 400;
	margin: 10px 0px 10px;
	display: inline-block;
}
.persistentFormSuccessMes > button {
    width: 220px;
    height: 40px;
    background-color: #4a851f;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    border: none;
    border-radius: 4px;
	margin-top: 25px;
	margin-bottom: 90px;
}

/*Added by nivaz start*/

.persistentFormSuccessMes .closeCTA {
    width: 220px;
    height: 40px;
    background-color: #4a851f;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    border: none;
    border-radius: 4px;
	margin-top: 25px;
	margin-bottom: 90px;
	padding: 8px 6px;
    display: inline-block;
}
/*Added by nivaz end*/
.setBottom {
	position: absolute;
	right: 0px;
	bottom: 15px;
}



/* ----- 05/02/2019 ----- */
.persistentContactForm .contactForm .container {
    padding-left: 0px;
	padding-right: 0px;
}
.persistentFormSuccessMes .thanksMes {
	width: 58%;
	float: right;
	position: relative;
	background-color: #ffffff;
	padding: 35px 25px 32px 25px;
	border-radius: 0px 4px 4px 0px;
}
.persistentFormSuccessMes .contactDetails {
	background-color: #2c7bbc;
	width: 42%;
	float: left;
	text-align: center;
	padding: 15px 25px;
	border-radius: 4px 0px 0px 4px;
    min-height: 630px;
}
.persistentFormSuccessMes .contactDetails .divider {
	border: 0px;
    border-top: 1px solid #ffffff;
    display: block;
    height: 1px;
    margin: 10px 0px 0px 0px;
    opacity: 0.6;
}

.persistentFormSuccessMes .contactDetails > p {
	margin-bottom: 0px;
}
.persistentFormSuccessMes .contactDetails .customerServiceIcon {
	width: 60px;
    height: 60px;
    margin: 65px auto 0;
    padding: 15px;
    background: #0a1c76;
    border-radius: 50%;
    background-size: 45%;
    background-position: center;
    display: block;
}

.persistentFormSuccessMes .contactDetails .salesIcon {
	width: 60px;
    height: 60px;
	margin: 65px auto 0;
    padding: 15px;
	background: #0a1c76;
	border-radius: 50%;
    background-size: 55%;
    background-position: center;
    display: block;
}

.persistentFormSuccessMes .contactDetails .contactDetailsTitle {
	font-size: 17px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 700;
	margin: 25px 0px 10px;
    display: inline-block;
}
.persistentFormSuccessMes .contactDetails .contactDetailsText {
	font-size: 14px;
    line-height: 17px;
	color: #ffffff;
	font-weight: 700;
	margin: 0px 0px 5px;
    display: inline-block;
}
.persistentFormSuccessMes .contactDetails .contactDetailsText {
	font-size: 14px;
    line-height: 17px;
	color: #ffffff;
	font-weight: 400;
	margin: 0px 0px 5px;
    display: inline-block;
}
.persistentFormSuccessMes .contactDetails .contactDetailsText a {
	font-size: 14px;
    line-height: 17px;
	color: #ffffff;
	font-weight: 400;
	margin: 0px 0px 5px;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px solid #ffffff;
}
.persistentFormSuccessMes .contactDetails .contactDetailsText a:hover {
	border-bottom: 1px solid #f7f7f7;
}

/* ----- 05/02/2019 ----- */


.submitErrorMes {
    text-align: center;
    display: block;
    margin-top: 5px;
	font-size: 11px;
    color: #c53933;
}

.persistentContactFormSection .contactDetails .cmp-image {
    width: 60px;
    height: 60px;
	background-color: #0a1c76;
	border-radius: 50%;
    margin: auto;
    text-align: center;
    padding: 14px 0px 0px 0px;
}
.persistentContactFormSection .contactDetails .cmp-image__image {
	width: 30px;
    height: 30px;
}


.persistentContactForm .contactDetails .textImageContainer .textimage-top {
    padding: 30px 17px 0px 17px;
	margin-bottom: 0px;
}

.persistentContactForm .contactDetails .textImageContainer .textimage-top + .textimage-text {
	padding: 9px 17px 20px 17px;
}


/* move form section to left side option CSS */
.persistentContactForm.moveFormToLeft .contactForm {
	float: left;
	border-radius: 4px 0px 0px 4px;
}
.persistentContactForm.moveFormToLeft .contactDetails {
	float: right;
	border-radius: 0px 4px 0px 0px;
}
@media only screen and (max-width: 1023px) {
	.persistentContactForm.moveFormToLeft .contactForm {
		float: left;
		border-radius: 4px 4px 0px 0px;
	}
	.persistentContactForm.moveFormToLeft .contactDetails {
		float: right;
		border-radius: 0px 0px 4px 4px;
	}
}
/* move form section to left side option CSS */



.contactDetails p {
	margin: 0px;
	font-size: 14px;
    line-height: 17px;
}




@media only screen and (max-width: 1023px) {
	.persistentContactForm .contactForm > h3 {
		text-align: center;
	}
	.persistentContact {
		right: 0px;
		width: 100%;
	}
	.persistentContact > button {
		margin-right: 15px;
	}
	.persistentContactFormCTA {
		width: 90%;
		padding: 0px;
		right: 5%;
		bottom: 120px;
	}
	.persistentContactFormCTA > button {
		width: 100%;
	}
	.persistentContactForm {
		float: none;
		width: 85%;
		margin: 60px auto;
	}
	.persistentContactForm .contactForm {
		float: none;
		width: 100%;
		border-radius: 0px 0px 4px 4px;
	}
	.persistentContactForm .contactDetails {
		float: none;
		width: 100%;
		padding: 25px 25px 70px 25px;
		border-radius: 4px 4px 0px 0px;
		height: auto !important;
	}
	.persistentFormSuccessMes {
		float: none;
		width: 85%;
		margin: 60px auto;
		padding: 0px;
	}
	.persistentFormSuccessMes .thanksMes {
		float: none;
		width: 100%;
		border-radius: 4px 4px 0px 0px;
	}
	.persistentFormSuccessMes .contactDetails {
		float: none;
		width: 100%;
		padding: 25px 25px 70px 25px;
		border-radius: 0px 0px 4px 4px;
		height: auto !important;
	}
	.persistentContactForm .contactDetails .customerServiceIcon {
		margin: 30px auto 0;
	}
	.persistentFormSuccessMes .closeCTA {
    	margin-bottom: 0px;
	}

	.persistentContactForm .contactForm .custom-error-message {
        position: relative;
        bottom: auto;
   		top: -4px;
        right: 0px;
    	text-align: right;
    	float: right;
    }
	body.presistantForm-open {
		overflow: hidden;
	    position: fixed;
	}

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

}

@media only screen and (min-width: 768px) {
    .persistentContactForm .container {
        width: auto;
    }
}



.persistentContact.author {
	position: static;
}
.persistentContact.author > button {
	position: static;
}

.persistentContactFormSection.author {
	position: static;
    display: block;
    background: transparent;
}

.persistentContactFormSection.author .persistentContactForm {
	position: static;
    display: block;
    float: none;
    margin: 5px 0px;
}
.persistentContactFormSection.author .persistentFormSuccessMes {
	position: static;
    display: block;
    margin: 50px 0px;
    float: none;
} 

.persistentContactForm input,select,textarea,button[type='submit']:focus {
	outline-color: rgb(77, 144, 254);
	outline-offset: -2px;
}

.persistentContactForm .outline-error {
	border-color:#D22B2B!important;
	outline-offset: -2px;
}

 

/* print */
@media print {
	
	.persistentContactFormSection, .persistentContact, .persistentContactForm .contactDetails, .persistentContactForm .contactForm {
		display: none !important;
	}

}
/* print */

.persistentContactForm .contactDetails a .contactDetailsText:hover{
text-decoration: underline;
    }


@media only screen and (min-width: 1024px) {
.persistentContactForm .contactDetails a .contactDetailsText {
/*              background: url(../../../content/dam/elavon/images/svg/Icon-Circle-Arrow-Right_White-nocircle.svg) no-repeat 150px 0;
             width: 100%; */

            }
/* .persistentFormSuccessMes .contactDetails a .contactDetailsText {
             background: url(../../../content/dam/elavon/images/svg/Icon-Circle-Arrow-Right_White-nocircle.svg) no-repeat 150px 0;
             width: 100%;

            } */}
@media only screen and (max-width: 767px) {
.persistentContactForm .contactDetails a .contactDetailsText {
            background: url(../../../content/dam/elavon/images/svg/Icon-Circle-Arrow-Right_White-nocircle.svg) no-repeat 185px 0;
             width: 100%;
			padding-right: 20px;
            }
.persistentFormSuccessMes .contactDetails a .contactDetailsText {
            background: url(../../../content/dam/elavon/images/svg/Icon-Circle-Arrow-Right_White-nocircle.svg) no-repeat 185px 0;
             width: 100%;
             padding-right: 20px;

            }}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.persistentContactForm .contactDetails a .contactDetailsText {
            background: url(../../../content/dam/elavon/images/svg/Icon-Circle-Arrow-Right_White-nocircle.svg) no-repeat 350px 0;
             width: 100%;
             padding-right: 20px;

            }
.persistentFormSuccessMes .contactDetails a .contactDetailsText {
            background: url(../../../content/dam/elavon/images/svg/Icon-Circle-Arrow-Right_White-nocircle.svg) no-repeat 350px 0;
             width: 100%;
             padding-right: 20px;
            }}




/* persistent Contact icon new requirement styles */ 

.persistentContact > button {
	width: 90px;
	height: 90px;
}
.persistentContact > button .persistentContactCTA {
	width: 90px;
	height: 90px;
}

.persistentContact > button .persistentContactCTA:hover{
	animation: none;
	box-shadow: 0 0 10px #000000;
    border-radius: 50%;
    background-color: #ffffff;
 }
.persistentContact > button.active .persistentContactCTA:hover{ 
	box-shadow: none;
    border-radius: 0;
    background: url("../components/content/persistentcontact/clientlibs/resources/closeGreen.svg") no-repeat 0 0;
}


/* zoom effect */
.persistentContact.zoomEffect > button .persistentContactCTA { 
	animation: zoom 3.0s ease infinite; 
}
@keyframes zoom {
  0%{transform: scale(1.0);}
  50%{transform: scale(1.2);}
  100%{transform: scale(1.0);} 
}

/* popup message */
.persistentContactPopup  {
	position: absolute;
	bottom: 80px;
    right: 15px;
	width: 230px;
    height: 185px;
    display: none;
}
.persistentContactPopup img {
    position: absolute;
	left: 0px;
	top: 0px;
}
.persistentContactPopupMes {
    position: absolute;
    font-size: 18px;
    font-weight: bold;
	color: #ffffff;
	left: 0px;
	top: 10px;
	padding: 15px;
    text-align: center;
}
.persistentContactPopupClose {
    position: absolute;
	top: 5px;
    right: 10px;
    color: #ffffff;
	border: none;
	background: transparent;
}
/*Checkbox separate values functionality alignment*/
.persistentContactFormSection form .defaultValueStyles + fieldset {
	position: relative;
}
.persistentContactForm .contactForm .defaultValueStyles + fieldset.cmp-form-options legend{
	padding-left : 20px;
	color: black;
    font-weight: 400;
}
.persistentContactFormSection form .defaultValueStyles + fieldset label{
	position : absolute;
	top : -2px;
}
/*iphone issue fix - checkbox*/
.persistentContactForm .contactForm .defaultValueStyles+fieldset.cmp-form-options legend {
    position: absolute;
}
.persistentContactForm .contactForm .defaultValueStyles+fieldset.cmp-form-options {
    height: 20px;
}



/* disable button color contrast issue fixes */
.persistentContactForm .contactForm form button[type='submit'][aria-disabled="true"] {
    background-color: #f4f4f4 !important;
	color: #6b6b6b !important;
	cursor: not-allowed;
}
.persistentContactForm .contactForm form button[type='submit'][aria-disabled="true"] .ctaIcon {
    transition: none;
    top: -1px;
    transform: rotate(-45deg);
    left: 0;
    border-width: 0 2px 2px 0;
    border-style: solid;
    right: 0;
    bottom: 0;
    vertical-align: middle;
    margin-left: 12px;
    width: 5px;
    height: 5px;
    margin-right: 7px;
    border-color: #6b6b6b;
} 
.persistentContactForm .contactForm form button[type='submit'][aria-disabled="true"] .ctaIcon:after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    left: -5px;
    top: -5px;
    box-shadow: 0 0 0 0.15rem #6b6b6b inset;
}

.persistentContactPopup .toast{
	border: none;
	box-shadow:none;
	background: none;
}

/* Styling Checkbox Starts */
.enableHighContrast {
  position: relative;
  cursor: pointer;
}
.enableHighContrastDiv input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.enableHighContrast .checkbox-custom {
  position: absolute;
  top: 1px;
  margin-left: 3px;
  height: 12px;
  width: 12px;
  background-color: white;
  border-radius: 1px;
  border: 2px solid #FFFFFF;
}
.enableHighContrast input:checked ~ .checkbox-custom {
  background-color: #FFFFFF;
  -webkit-transform: rotate(0deg) scale(1);
  -ms-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
  opacity: 1;
  border: 2px solid #FFFFFF;
}
.enableHighContrast .checkbox-custom::after {
  position: absolute;
  content: "";
  left: 12px;
  top: 12px;
  height: 0px;
  background: white;
  width: 0px;
  border-radius: 5px;
  border: solid #1d3d52;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(0deg) scale(0);
  -ms-transform: rotate(0deg) scale(0);
  transform: rotate(0deg) scale(0);
  opacity: 1;
}
.enableHighContrast input:checked ~ .checkbox-custom::after {
  -webkit-transform: rotate(45deg) scale(1);
  -ms-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1);
  opacity: 1;
  left: 1px;
  top: -2px;
  width: 6px;
  height: 10px;
  border: solid #1d3d52;
  border-width: 0 2px 2px 0;
  background-color: transparent;
  border-radius: 0;
}
/* end of checkbox styling */
.enableHighContrastBg {
  background-color: black !important;
  color: white !important;
}
.enablePadding {
  padding: 8px !important;
}
.footer-wrapper {
  text-align: center;
  background-color: #212123;
}
.footer-wrapper .main-footer {
  padding: 50px 26px 50px 26px;
  margin: 0px;
}
.footer-wrapper .main-footer.maincontentRefresh {
  margin: auto;
}
.footer-wrapper .bottom-footer {
  background: #2c7bbc;
  color: #ffffff;
  padding: 25px 26px 25px 26px;
  font-size: 10px;
  font-weight: 500;
}
.footer-wrapper .bottom-footer a {
  padding: 0 5px;
  font-size: 11px;
}
.footer-wrapper .bottom-footer .copyright {
  padding-bottom: 20px;
}
.footer-wrapper .bottom-footer .bottom-links {
  padding-bottom: 20px;
}
.footer-wrapper .bottom-footer p {
  font-size: 11px;
  padding: 0;
  line-height: 2;
  padding-bottom: 20px;
}
.footer-wrapper .bottom-footer .enableHighContrastDiv {
  position: relative;
  display: inline;
  right: 20px;
}
.footer-wrapper .bottom-footer .enableHighContrastDiv label {
  font-weight: 500;
  font-size: 11px;
}
.footer-wrapper .bottom-footer .enableHighContrastDiv input {
  position: absolute;
  top: -4px;
  width: 11px;
}
.footer-wrapper .left-column {
  border-right: 1px solid #58585a;
  padding-right: 70px !important;
}
.footer-wrapper .right-column p {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #ffffff;
  margin: 0;
  padding-bottom: 0px;
}
.footer-wrapper .right-column h3 {
  font-size: 18px;
  line-height: 0px;
  font-weight: 400;
  color: white;
}
.footer-wrapper .right-column a {
  padding: 0;
}
.footer-wrapper .right-column .body-copy {
  color: #ffffff;
}
.footer-wrapper p {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #ffffff;
  margin: 0;
  padding-bottom: 20px;
}
.footer-wrapper a {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  padding-bottom: 20px;
  text-decoration: none;
}
.footer-wrapper a:hover {
  text-decoration: underline;
}
.footer-wrapper .icon {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-size: cover;
}
.footer-wrapper .flag a {
  padding: 0px;
}
.footer-wrapper .flag .icon {
  position: relative;
  top: 4px;
  left: -5px;
}
.footer-wrapper .icon-xs {
  width: 15px;
  height: 15px;
}
.footer-wrapper .social-icons {
  /*padding-bottom:20px;*/
}
.footer-wrapper .social-icons a {
  padding: 0;
  margin-right: 10px;
  width: 32px;
  height: 32px;
}
.footer-wrapper .social-icons a .icon {
  border-radius: 4px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media only screen and (min-width: 992px) {
  .footer-wrapper {
    text-align: left;
  }
  .footer-wrapper .main-footer {
    padding: 57px;
    margin: 0px;
  }
  .footer-wrapper .main-footer.maincontentRefresh {
    margin: auto;
  }
  .footer-wrapper .bottom-footer {
    padding: 18px 57px 18px 57px;
  }
  .footer-wrapper .bottom-footer .bottom-links {
    text-align: right;
    padding-bottom: 0;
  }
  .footer-wrapper .bottom-footer .copyright {
    padding-bottom: 0;
  }
  .footer-wrapper .bottom-footer .flag {
    float: none;
    text-align: right;
    position: relative;
    top: 0px;
    display: inline-block;
  }
  .footer-wrapper .bottom-footer .flag a {
    padding: 0px;
  }
  .footer-wrapper .bottom-footer .flag-bottom {
    float: none;
    display: inline-block;
  }
  .footer-wrapper .bottom-footer .row > * {
    padding: 0px;
  }
  .footer-wrapper a {
    font-size: 12px;
  }
  .footer-wrapper .social-icons .icon {
    border-radius: 4px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .footer-wrapper .right-column {
    padding-left: 70px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .footer-wrapper .social-icons a {
    padding: 0;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-height: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .footer-wrapper .social-icons a {
    padding: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .footer-wrapper .social-icons a {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .footer-wrapper .social-icons {
    padding-bottom: 20px;
    padding-left: 15px;
  }
}
@media only screen and (max-width: 1023px) {
  .footer-wrapper .social-icons {
    text-align: center;
  }
}
@media only screen and (max-width: 991px) {
  .footer-wrapper .bottom-footer .flag-bottom .pipeline:last-of-type {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .footer-wrapper a {
    font-size: 12px;
    color: white;
  }
}
.footer-wrapper li {
  /* display: inline-block; */
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  font-size: 12px;
}
.footer-list {
  margin-bottom: 35px;
}
.footer-wrapper .right-column h3 {
  margin-top: 30px;
  margin-bottom: 14px;
  line-height: 20px;
}
@media only screen and (max-width: 1023px) {
  .footer-wrapper .right-column h3 {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .footer-wrapper .flag .icon {
    top: 0;
    left: 0;
    margin: 5px 6px -4px 0px;
  }
}
/* print */
@media print {
  .footer-wrapper a[href]:after {
    content: none !important;
  }
}
/* setting focus highlight in Firefox */
@media only screen and (min-width: 1250px) {
  @-moz-document url-prefix() {
    a:focus,
    button:focus {
      outline: 2px solid #7DADD9;
    }
  }
}

/*Content Refresh footer width alignment and vertical alignment fix starts here*/
.maincontentRefresh {
    width: calc(80% + 20px);
    margin : auto;
    max-width:1280px;
}
.bottomcontentRefresh {
    width: 80%;
    margin : auto;
    max-width:1280px;
}
.footer-wrapper .maincontentRefresh{
    padding-left:0;
    padding-right:0;
 }
.footer-wrapper .contentRefresh .bottom-footer{
    padding:20px 0 10px;
 }
.footer-wrapper .bottomcontentRefresh p {
    padding-left: 0;
    padding-bottom:10px;
}
.footer-wrapper .maincontentRefresh .left-column a {
    padding-top: 7px;
    padding-bottom:7px
}

.maincontentRefresh:after,.maincontentRefresh:before {
    display: table;
    content: " ";
	clear:both
}
.footer-wrapper .maincontentRefresh .right-column p,
.footer-wrapper .maincontentRefresh .right-column a,
.footer-wrapper .maincontentRefresh .right-column span {
    font-size: 12px;
    line-height: 21px;
    font-weight: 500;
  } 
.footer-wrapper .maincontentRefresh .right-column h3 strong, .footer-wrapper .maincontentRefresh .right-column h3 b{
	font-weight:400
}
.footer-wrapper .maincontentRefresh .right-column a[href^="http"]:hover,.bottomcontentRefresh .flag-bottom a:hover{
    text-decoration: underline;
}
.footer-wrapper .bottomcontentRefresh .bottom-links {
    padding-bottom: 10px;
}
.footer-wrapper .bottom-footer .bottomcontentRefresh *{
    font-size: 10px;
}

.footer-wrapper .bottomcontentRefresh .flag-bottom .pipeline:last-of-type {
    display: none;
}
.footer-wrapper .maincontentRefresh .social-icons {
    padding-bottom: 0;
}

@media only screen and (min-width: 1024px){
.maincontentRefresh .aem-Grid .footer-list {
	margin-bottom: 0;
}
.maincontentRefresh .footer-list li:last-child a {
    padding-bottom: 0;
}
.footer-wrapper .bottomcontentRefresh .flag {
    padding-left: 5px;
}
.footer-wrapper .bottom-footer .bottomcontentRefresh *{
    line-height:2.4;
}
}
@media only screen and (max-width: 1023px){
.maincontentRefresh .textContainer{
	width: 150px;
    margin : auto;
    text-align : left;
}
.footer-wrapper .maincontentRefresh .social-icons a {
    margin-right: 20px;
}
.maincontentRefresh,
.bottomcontentRefresh {
    width: 85%;
}
.footer-wrapper .maincontentRefresh .right-column h3 {
    margin-top: 30px;
}
.footer-wrapper .bottomcontentRefresh p {
    line-height:1.5;
}
.footer-wrapper .bottomcontentRefresh .flag {
    padding-top:10px
}
.footer-wrapper .maincontentRefresh .left-column{display:none}
.footer-wrapper .maincontentRefresh .right-column {
    padding-left: 0;
    margin: auto;
    width: 100%;
}
.footer-wrapper .bottom-footer .bottomcontentRefresh [class*=col],.footer-wrapper .bottom-footer .bottomcontentRefresh .flag-bottom {
    width: 100%;
    text-align: center;
}
.footer-wrapper .bottom-footer .bottomcontentRefresh * {
    text-align: center;
}
}
/*Content Refresh footer width alignment and vertical alignment fix ends here*/ 
a[href='#modalPrivacyChoices'] span{width:31px !important;vertical-align:middle;}


 .video-description {
	background-color: #2C7BBC;
	border-radius: 0px 0px 4px 4px;
  }

 .video-player iframe {   
    width: 100%;
    border-radius: 4px 4px 0px 0px;
 }

@media only screen and (max-width: 1023px) {
 .video-description {
    padding: 10px 40px;
    /*min-height: 240px;*/
    text-align: center;
 }
}

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

 .video-container {
	border-radius: 4px;
 }

 .video-container .video-left .video-player, .video-container .video-right .video-player {
	/*height: 342px;*/
 }

 .video-container .video-top .video-player {
	/*height: 535px;*/
 }

 .video-top .video-player iframe {
    height: 535px;
 }

 .video-description {
    text-align: left;
 }

 .video-top .video-description {
    padding: 20px 40px 20px 40px;
 }
  
 .video-left .video-description, .video-right .video-description{
  	width: 50%;
    padding: 0px 56px;
    display: flex;
    justify-content: center;
    flex-direction: column;
 }

 .video-left .video-player iframe {
    border-radius: 4px 0px 0px 4px;
    height: 342px;
 }
.video-left .video-description {
    border-radius: 0px 0px 0px 0px;
    height: 342px;
 }
.video-right .video-description {
    border-radius: 0px 0px 0px 0px;
    height: 342px;
 }

 .video-left .video-player {
	width: 50%;
    float: left;
 }

 .video-right .video-player {
	width: 50%;
    float: right;
 }

 .video-right .video-player iframe {
    border-radius: 0px 4px 4px 0px;
    height: 342px;
 }

}
/* Ignore these globals  */
/* * { box-sizing: border-box; }
*[hidden] { display: none !important; }
*::before, *::after { box-sizing: inherit; }
body { padding: 40px; }

 */
/* FAQ CSS Here */
.faq-accordions,
.faq-accordion {
	width: 100%;
}

.faq-accordions {
	margin: 0 auto;
	max-width: 75%;
	padding: 10px;
}

.faq-accordion {
	border-bottom: 1px solid #B8B8B8;
	margin: 30px 0 0 0;
	padding: 0 0 10px 0;
    list-style-type: none;
}

.faq-accordion--summary,
.faq-accordion--heading {
	color: #2C7BBC;
	font-size: 28px;
	line-height: 34px;
}

.faq-accordion--summary {
	margin-bottom: 20px;
	position: relative;
}

.faq-accordion--icon {
	background: transparent;
	display: table;
	float: left;
	height: 34px;
	left: 0;
	margin: 0 15px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 28px;
}

.faq-accordion--icon::before {
	display: table-cell;
	height: 34px;
	left: 0;
	line-height: 34px;
	margin: 0 15px;
	overflow: hidden;
	top: 0;
	width: 28px;
	transform: scale(1.25);
	transform-origin: center;
	vertical-align: middle;
}

.faq-accordion--summary::after {
	bottom: -10px;
	left: 0;
	right: 0;
	top: -10px;
}

.faq-accordion--heading {
	display: inline-block;
	padding: 0 0 0 58px;
	width: 100%;
    position: relative;
    margin: 0;
}

.faq-accordion--toggle {
	-webkit-appearance: none;
	background: inherit;
	border: 0;
	color: inherit;
	cursor: pointer;
	display: block;
	font-size: inherit;
	padding: 0;
	position: relative;
	margin: 0;
	text-align: left;
	touch-action: manipulation;
	user-select: none;
	width: inherit;
	z-index: +1;
	background-color: transparent;
}

.faq-accordion--toggle::before {
	background-color: transparent;
	content: " ";
	display: block;
	width: calc(100% + 58px);
	height: inherit;
	top: -15px;
	left: -58px;
	bottom: -15px;
	right: 0;
	position: absolute;
}

.faq-accordion--toggle:focus,
.faq-accordion--toggle:active {
	outline: none;
}

.faq-accordion--toggle:focus::before,
.faq-accordion--toggle:active::before {
	outline: -webkit-focus-ring-color auto 5px;
	outline: highlight 2px solid;
}

.faq-accordion--article {
	display: block;
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
	padding: 0 25px 0 58px;
	width: 100%;
}


/* .faq-accordion--details .faq-accordion--summary::before, */
.faq-accordion .faq-accordion--icon::before {
	content: "\002B"; /* closed state - plus fallback */
}

/* .faq-accordion--details.faq-accordion--open .faq-accordion--summary::before, */
.faq-accordion.faq-accordion--expanded .faq-accordion--icon::before {
	content: "\2212"; /* open state - minus fallback */
}


/* .faq-accordion--details .faq-accordion--summary::before, ---- nested */
.faq-accordion .faq-accordion .faq-accordion--icon::before {
	content: "\002B"; /* closed state - plus fallback */
}

/* .faq-accordion--details.faq-accordion--open .faq-accordion--summary::before, ---- nested */
.faq-accordion .faq-accordion.faq-accordion--expanded .faq-accordion--icon::before {
	content: "\2212"; /* open state - minus fallback */
}

/* .faq-accordion--details .faq-accordion--summary::before, ---- nested level 2 */
.faq-accordion .faq-accordion .faq-accordion .faq-accordion--icon::before {
	content: "\002B"; /* closed state - plus fallback */
}

/* .faq-accordion--details.faq-accordion--open .faq-accordion--summary::before, ---- nested level 2 */
.faq-accordion .faq-accordion .faq-accordion.faq-accordion--expanded .faq-accordion--icon::before {
	content: "\2212"; /* open state - minus fallback */
}


.faq-accordion--article p {
	padding-bottom: 10px;
}

.faq-accordion--article ul {
	list-style-type: disc;
	/* list-style-position: inside;
	padding-left: 10px; */
}

.faq-accordion--article ol,ul {
	padding-left: 20px;
}
.faq-accordion--article li {
	padding-bottom: 10px;
}

@media screen and (max-width: 768px){
    .faq-accordion--article .textContainer {
        text-align: left; 
    }
    
    .faq-accordions{
        max-width: 100%;
    }

    .faq-accordion--article {
        padding: 0 15px 0 26px;
    }
}

.faq-content-refresh {
	margin: 0 auto;
	max-width: 60%;
	font-size: 18px;
}

.faq-title {
	text-align: left;
	color: #0a1c76;
	font-size: 32px;
	border-bottom: 1px #58585a solid;
	padding-bottom: 24px;
	font-weight: bold;
	padding-left: 24px;
}

.faq-items {
	list-style: none;
	padding: 0;
	margin: 0;
}

.faq-item {
	margin: 24px 0;
}
.faq-item button{
	text-align: left;
}

.faq-question-module {
	border: 0;
	border-bottom: 1px #58585a solid;
	padding: 0 60px 24px 24px;
	display: inline-block;
	width: 100%;
	background-color: inherit;
	color: #58585a;
	position : relative;
}

button.faq-question-module:focus {
	outline: 0;
}


.faq-question-module-highlighted {
	color: #2c7bbc;
}


.faq-question {
	display: inline-block;
}

.faq-arrow {
	border-top: 6px #58585a solid;
	border-bottom: 6px transparent solid;
	border-left: 6px transparent solid;
	border-right: 6px transparent solid;
	display: inline-block;
	padding: 0;
	background: transparent;
	position : absolute;
	right : 22px;
	top : 25%;
}

.faq-arrow-highlighted {
	border-top: 6px transparent solid;
	border-bottom: 6px #2c7bbc solid;
	top : 15%;
}


.faq-answer {
	display: none;
	border-bottom: 1px #58585a solid;
	margin: 24px 0;
	padding: 0 24px 24px 24px;
}

.faq-answer-highlighted {
	display: block;
}

.faq-answer .primaryCTAbutton a, .faq-answer a .primaryCTAbutton, .faq-answer .primaryCTAbutton {
	height: auto;
	padding: 5px 0px;
	line-height: 30px;
	word-break: break-word;
}

.faq-question-module::before {
	background-color: transparent;
	content: " ";
	display: block;
	width: 100%;
	height: inherit;
	top: -15px;
	left: 0px;
	bottom: 10px;
	right: 0;
	position: absolute;
}

.faq-question-module:focus::before, .faq-question-module:active::before {
	outline: -webkit-focus-ring-color auto 5px;
	outline: highlight 2px solid;
} 
 

.search-hd {
    background:#2F5BA7;
    margin:0;
}
.search-hd h1 {
    text-align:center;
    margin:0;
    font-size:24px;
    color:#fff;
    padding:50px 0;
    font-weight:normal;
}
.search-results {
    padding:10px 30px;
    width:80%;
    margin:30px auto;
    min-height:320px;
}
.search-results::after {
    display: block;
	content: '';
	clear: both;
}

.search-results .eva-pagination {
    font-size:18px;
    text-align:right;
}
.search-results .searchBar>input[type='search'] {
    font-size: 17px;
    font-weight: 500;
    color: #58585a;
    background: transparent;
    height: 40px;
    outline: 0;
    padding: 0;
    width: 350px;
    border:1px solid #ccc;
    border-radius: 4px;
    padding:5px 20px 5px 35px;
}

.search-results .searchBar>#searchTxtCriteria::-webkit-search-cancel-button{  
    display: none;
}

@media (max-width: 1024px) {
	  .search-results .searchBar>#searchTxtCriteria::-webkit-search-cancel-button{  
		display: none;
	}
}

@media (max-width: 767px) {
    .universalHeader .headerBar .searchBar>#searchText::-webkit-search-cancel-button {
        display: none;
    }
}

.search-results .searchBar .searchIcon {
    float: left;
    width: 17px;
    height: 17px;
    display: inline-block;
    margin: 5px 5px 0 12px;
    background: url("../../../etc.clientlibs/elavonv3/components/content/header/clientlibs/site/resources/IconSearch.svg") no-repeat 0 0;
    position:absolute;
    top:8px;
}

.search-results #websites {
    margin-top:30px;
}

.search-results #websites .search-row:last-child, .search-results #perspectives .search-row:last-child, .search-results #documents .search-row:last-child {
    border-bottom:1px solid #CCC;
    padding-bottom: 30px;
}

.search-results #websites, .search-results #perspectives, .search-results #documents, .search-results #zeroResults {
    display:none; 
 }

.search-results #search-categories .search-row {
    margin-bottom:40px;
    overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all; 
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
} 

.search-results .search-row a {
	text-decoration: none;
    color: #4a851f;
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    padding-bottom:10px;
}

.search-results .showrmore>a { 
    width: 182px;
    height: 40px;
    background-color: #4a851f;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border: 0;
    border-radius: 4px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.search-results .showrmore>a .ctaIcon {
    display: inline-block;
    position: relative;
    top: 2px;
    margin-left: 4px;
    width: 16px;
    height: 16px;
    background: url("../../../etc.clientlibs/elavonv3/components/content/header/clientlibs/site/resources/Icon-Circle-Arrow-Right_White.svg") no-repeat 0 0;
}
.search-results .showrmore>a:hover .ctaIcon {
    left:8px;
}

.paddingZero {
	padding:0;
}
.marginZero { 
    margin:0;
}

.searchBar.onlyDesktop input{
	width: 82%;
	height: 26px;
	border: 0px;
}
.searchBar.onlyDesktop input:focus{
	outline: 0px;
}
.search-results .search-autocomplete {
    max-width: 350px;
	box-shadow: none;
}
.search-results .searchBar {
    max-width: 350px;
}
.search-results button.search-close-icon {
	top: 12px;
}
.search-results .searchBar.active-search >input[type='search'] {
    background-color: #fff;
    border: none;
}

.recommlinks {
  border: 1px solid #4682B4;
  padding: 12px 12px;
}

.recommendedtitle {
  padding: 13px 10px 4px 10px;
  margin-bottom: 38px;
  background-color: #00008b;
  margin-top: -12px;
  margin-left: -12px;
  margin-right: -12px;
}

.search-results #recommendedlinks {
  margin-top:30px;
  line-height: 8px;
  display:none;
}

.recommendedtext-color {
    color: #FFFFFF;
 }
 
 .search-results #search-categories .search-row.search-row-recommended {
    margin-bottom: 12px;
}

@media screen and (max-width: 768px){
	.search-hd, .search-results .searchBar {
    	display:none;
        }
    .search-results {
        width:100%;
     }
    .search-results .eva-pagination { 
    	text-align:left;
        border-bottom: 1px solid #ccc;
        padding-bottom:20px;
            }
} 

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

 .search-results #search-categories .search-row.search-row-recommended {
    margin-bottom: 12px;
    line-height: 21px;
}
}

.yearBased { display: none; }


.latestNewsContainer h2 { font-size: 35px; color: #2c7bbc; font-weight: normal; float: left; } 

.latestNewsContainer .yearsList { float: right; margin: 30px 0px 40px; }
.latestNewsContainer .yearsList ul { margin: 0px; padding: 0px; }
.latestNewsContainer .yearsList ul li { margin: 0px 0px 0px 10px; padding: 0px; list-style: none; display: inline; }
.latestNewsContainer .yearsList ul li a { display: inline-block; text-decoration: none; border: 1px solid #4a851f; color: #4a851f; padding: 5px 15px; border-radius: 4px; }
.latestNewsContainer .yearsList ul li.active a { text-decoration: none; border: 1px solid #4a851f; background: #4a851f; color: #ffffff; }

.newsList { clear: both; position: relative; margin-bottom: 25px; display:none; }
.newsList h5 { margin: 0px; font-weight: 700; font-size: 16px; margin-bottom: 10px; color: #4a851f; }
.newsList .newsDate { margin-bottom: 10px; color: #989898;}
.newsList .newsDescription { margin-bottom: 10px; }

.newsListByYear { clear: both; position: relative; margin-bottom: 25px; }
.newsListByYear h5 { margin: 0px; font-weight: 700; font-size: 16px; margin-bottom: 10px; color: #4a851f; }
.newsListByYear .newsDate { margin-bottom: 10px; color: #989898;}
.newsListByYear .newsDescription { margin-bottom: 10px; }

.newsListPerPage { display: none; }
.newsListPerPage.act { display: block; }

.footerPagination { display: none; padding: 20px 0px; }
.footerPagination { width: 100%; float: left; clear: both; position: relative; }
.footerPagination .nextPrev { float: left;}
.footerPagination .nextPrev ul { margin: 0px; padding: 0px; }
.footerPagination .nextPrev ul li { margin: 0px 7px 0px 0px; padding: 0px; list-style: none; display: inline; }
.footerPagination .nextPrev ul li a { text-decoration: none; color: #58585a; }
.footerPagination .nextPrev ul li a:hover { text-decoration: underline; color: #2C7BBC; }

.footerPagination .pagination { float: right; margin: 0px;}
.footerPagination .pagination ul { margin: 0px; padding: 0px; }
.footerPagination .pagination ul li { margin: 0px 0px 0px 10px; padding: 0px; list-style: none; display: inline; }
.footerPagination .pagination ul li a { text-decoration: none; color: #58585a; }
.footerPagination .pagination ul li a:hover { text-decoration: underline; color: #2C7BBC; }
.footerPagination .pagination ul li a.active { text-decoration: underline; color: #2C7BBC; }

@media only screen and (max-width: 1023px) {
    .latestNewsContainer h2 {
    	float: none;
	}
	.latestNewsContainer .yearsList {
    	float: none;
        text-align: center;
     }

}
@media only screen and (max-width: 767px) {
    .latestNewsContainer .yearsList ul {
        display: flex;
        margin: 0px -10px;
    }
    .latestNewsContainer .yearsList ul li {
        margin: 0;
   		flex-grow: 1;
    	width: 30%;
	}
    .latestNewsContainer .yearsList ul li a {
        display: block;
   	    margin: 0px 10px;
    }

}
.newsListByYear h5 a{
    color: #4a851f;
} 

.search-hd {
    background:#2F5BA7;
    margin:0;
}
.search-hd h1 {
    text-align:center;
    margin:0;
    font-size:24px;
    color:#fff;
    padding:50px 0;
    font-weight:normal;
}
.newsArticle-search-results {
    padding:0px;
    width:50%;
    margin:27px 0px 40px;
/*  overflow:auto; not required */
    float: left;
    position: relative;
}

.newsArticle-search-results .eva-pagination {
    font-size:18px;
    text-align:right;
}
.newsArticle-search-results .searchBar input[type='search'] {
    font-size: 17px;
    font-weight: 500;
    color: #58585a;
    background: transparent;
    height: 40px;
    outline: 0;
    padding: 0;
    width: 100%; 
    border:1px solid #ccc;
    border-radius: 4px;
    padding:5px 20px 5px 35px;
}
.newsArticle-search-results .searchBar>#searchTxtCriteria::-webkit-search-cancel-button{  
    display: none;
}

@media (max-width: 1024px) {
	  .newsArticle-search-results .searchBar>#searchTxtCriteria::-webkit-search-cancel-button{  
		display: none;
	}
}

@media (max-width: 767px) {
    .universalHeader .headerBar .searchBar>#searchText::-webkit-search-cancel-button {
        display: none;
    }
}

.newsArticle-search-results .searchBar .searchIcon {
    float: left;
    width: 17px;
    height: 17px;
    display: inline-block;
    margin: 5px 5px 0 12px;
    background: url("../../../etc.clientlibs/elavonv3/components/content/header/clientlibs/site/resources/IconSearch.svg") no-repeat 0 0;
    position:absolute;
    top:8px;
}
.newsArticle-search-results #newsArticleWebsites {
    margin-top:30px;
}

.newsArticle-search-results #newsArticleWebsites .search-row:last-child, .newsArticle-search-results #newsArticlePerspectives .search-row:last-child, .newsArticle-search-results #newsArticleDocuments .search-row:last-child {
    border-bottom:1px solid #CCC;
    padding-bottom: 30px;
}

.newsArticle-search-results #newsArticleWebsites, .newsArticle-search-results #newsArticlePerspectives, .newsArticle-search-results #newsArticleDocuments,  #newsArticleZeroResults {
    display:none; 
 }

.newsArticle-search-results #search-categories .search-row {
    margin-bottom:40px;
    overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all; 
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
} 

.newsArticle-search-results .search-row a {
	text-decoration: none;
    color: #4a851f;
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    padding-bottom:10px;
}

.newsArticle-search-results .showrmore>a { 
    width: 182px;
    height: 40px;
    background-color: #4a851f;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border: 0;
    border-radius: 4px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.newsArticle-search-results .showrmore>a .ctaIcon {
    display: inline-block;
    position: relative;
    top: 2px;
    margin-left: 4px;
    width: 16px;
    height: 16px;
    background: url("../../../etc.clientlibs/elavonv3/components/content/header/clientlibs/site/resources/Icon-Circle-Arrow-Right_White.svg") no-repeat 0 0;
}
.newsArticle-search-results .showrmore>a:hover .ctaIcon {
    left:8px;
}

.paddingZero {
	padding:0;
}
.marginZero { 
    margin:0;
}

.searchBar.onlyDesktop input{
	width: 82%;
	height: 26px;
	border: 0px;
}
.searchBar.onlyDesktop input:focus{
	outline: 0px;
}


.newsArticleSearchResult .newsArticleSearchResultList .newsArticleSearchList { 
    margin-bottom: 40px;
}

.newsArticle-search-results .sorting {
       margin: 24px 0px 0 0px;
       width: 100%;
}


/* custom sorting dropdown styles starts here */

.sortingDropdown {
  position: relative;
  width: 208px;
  display: inline-block;
  margin-left: 5px;
}

.sortingDropdown select {
  display: none !important; /*hide original SELECT element:*/
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: gray transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent gray transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-selected {
    font-size: 17px;
    font-weight: 500;
    color: #58585a;
    background: transparent;
    height: 40px;
    outline: 0;
    padding: 0;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px 20px 5px 17px;
}

/*style items (options):*/
.select-items {
    background: #ffffff;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #adadad;
}

.select-items div{
    margin: 0;
    padding: 8px 0;
    color: #4a851f;
    font-weight: bold;
    text-indent: 15px;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;            
}                

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

/* custom sorting dropdown styles ends here */


@media only screen and (max-width: 1024px) {
    .newsArticle-search-results .searchBar input[type='search'] {
    	width: 100%;
	}
    .latestNewsContainer.newSearchArticle .yearsList {
        float: none;
        text-align: center;
        clear: both;
    	margin: 30px 0px 20px;
    }
	.newsArticle-search-results {
    	margin: 10px 0px 40px;
    }

    .newsArticle-search-results {
        width:100%;
     }
    .newsArticle-search-results .eva-pagination { 
    	text-align:left;
        border-bottom: 1px solid #ccc;
        padding-bottom:20px;
            }
} 
.newsArticleSearchResult {
	clear: both;
}
.newsArticleSearchResult h5 {
	margin: 0px;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
    color: #4a851f;
}
.newsArticleSearchResult h5 a {
    color: #4a851f;
}
.newsArticleSearchResult .search-row .searchResultTitle {
	color: #4a851f;
}
.newsArticleSearchResult .search-row .searchResultDate {
	margin-bottom: 10px;
    color: #58585a;
	font-size: 18px;
    line-height: 26px;
    font-weight: 400;
}
.newsArticleSearchResult .search-row .searchResultDescription {
	margin-bottom: 20px;
} 
.correctedText {
    clear: both;
}
.footerPagination2 { display: none; padding: 20px 0px; }
.footerPagination2 { width: 100%; float: left; clear: both; position: relative; }
.footerPagination2 .nextPrev { float: left;}
.footerPagination2 .nextPrev ul { margin: 0px; padding: 0px; }
.footerPagination2 .nextPrev ul li { margin: 0px 7px 0px 0px; padding: 0px; list-style: none; display: inline; }
.footerPagination2 .nextPrev ul li a { text-decoration: none; color: #58585a; }
.footerPagination2 .nextPrev ul li a:hover { text-decoration: underline; color: #2C7BBC; }

.footerPagination2 .pagination { float: right; margin: 0px;}
.footerPagination2 .pagination ul { margin: 0px; padding: 0px; }
.footerPagination2 .pagination ul li { margin: 0px 0px 0px 10px; padding: 0px; list-style: none; display: inline; }
.footerPagination2 .pagination ul li a { text-decoration: none; color: #58585a; }
.footerPagination2 .pagination ul li a:hover { text-decoration: underline; color: #2C7BBC; }
.footerPagination2 .pagination ul li a.active { text-decoration: underline; color: #2C7BBC; } 	
/* Globals (Ignore) */
* { box-sizing: border-box; }
*::before, *::after { box-sizing: inherit }
*[tabindex="-1"] { outline: none }
*[hidden] { display: none !important }


/* --- News Article Screen Stylesheet --- */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}


/* News Article Component */
.news-article {
 display: grid;
 grid-auto-flow: dense;
 grid-template-columns: 100%;
 grid-template-rows: auto;
 place-self: center;
 width: 100%;
}

.news-article-title,
.news-article-body,
.news-article-footer {
 margin: 0 auto;
 max-width: 1085px;
 position: relative;
}
.news-article-title {
 display: block;
 font-size: 48px;
 font-weight: 300;
 line-height: 1.2;
 margin: 42px auto;
 padding: 0 5vw;
 text-align: center;
}
.news-article-cover {
 display: block;
 height: 450px;
 margin-bottom: 10px;
 object-fit: cover;
 object-position: center;
 width: 100%;
 background-size: cover;
}

.news-article-body,
.news-article-footer {
 color: #58585A;
 padding: 18px 27px;
 position: relative;
 width: 100%;
}

.news-article-body h2,
.news-article-body h3,
.news-article-body h4,
.news-article-body h5,
.news-article-body h6 {
 font-weight: 300;
 line-height: 1.2;
 margin: 0 0 20px 0;
}

.news-article-body p {
 margin: 0 0 20px 0;
}
.news-article-body p:first-child {
 margin: 20px 0 20px 0;
}

.news-article-about {
 clear: both;
 margin: 20px 0 20px 0;
 position: relative;
}

.news-article-creation {
 width: 100%;
}

.news-article-author {
 color: #707070;
 display: block;
 margin-top: 10px;
 font-size: 24px;
 font-weight: 400;
 line-height: 1.5;
}

.news-article-created {
	font-size: 24px;
	line-height: 1.5;
}

.news-article-author a {
 color: currentColor;
 display: inline-block;
 text-decoration: none;
}

.news-article-author a:focus {
 display: inline-block;
 outline: 2px solid #2C7BBC;
 outline-offset: 2px;
}

.news-article-author a:hover,
.news-article-author a:active {
 border-bottom-color: currentColor;
 text-decoration: underline;
 text-decoration-color: #808084;
}

.news-article-save {
 display: inline-block;
 position: absolute;
 right: 0;
 top: 0;
 width: auto;
}
.news-article-actions {
 display: block;
 font-size: 0;
 margin: 0 0 0 auto;
 padding: 4px 0;
 position: relative;
 text-align: right;
 width: auto;
}

.news-article-action {
 color: #000000;
 display: inline-block;
 font-size: inherit;
 height: 40px;
 margin-left: 4px;
 text-align: left;
 width: 40px;
}

.news-article-action:first-child {
 margin-left: 0;
}
.news-article-action:last-child {
 margin-right: 0;
}
.news-article-action a,
.news-article-action button {
 background-color: transparent;
 border: 0;
 box-shadow: none;
 color: currentColor;
 cursor: pointer;
 display: block;
 font-size: inherit;
 height: calc(100% - 12px);
 min-height: 40px;
 padding: 6px;
 text-align: center;
 text-decoration: none;
 width: inherit;
 position: relative;
 top: 0;
 transition: top ease 0.25s;
}
.news-article-action a:hover ,
.news-article-action button:hover  {
    position: relative;
	top: -2px;
}

.news-article-action a:focus,
.news-article-action button:focus {
	outline: 2px solid #2C7BBC;
}

.news-article-action a:active,
.news-article-action button:active {
	outline: 2px solid #2C7BBC;
}

.news-article-action a svg,
.news-article-action button svg {
	fill: currentColor;
	stroke-width: none;
	margin: auto;
	pointer-events: none;
}




.news-article-actions-footer { /* do not add "height:100%" - Causes alignment issue with next button */
 display: none;
 font-size: 0;
 margin: 0 0 20px 0;
 padding: 4px 0;
 position: relative;
 text-align: center;
 width: auto;
}

.news-article-action-footer {
 color: #000000;
 display: inline-block;
 font-size: inherit;
 height: 40px;
 margin-left: 4px;
 text-align: left;
 width: 40px;
}

.news-article-action-footer:first-child {
 margin-left: 0;
}
.news-article-action-footer:last-child {
 margin-right: 0;
}
.news-article-action-footer a,
.news-article-action-footer button {
 background-color: transparent;
 border: 0;
 box-shadow: none;
 color: currentColor;
 cursor: pointer;
 display: block;
 font-size: inherit;
 height: calc(100% - 12px);
 min-height: 40px;
 padding: 6px;
 text-align: center;
 text-decoration: none;
 width: inherit;
}

.news-article-action-footer a:focus,
.news-article-action-footer button:focus {
	outline: 2px solid #2C7BBC;
}

.news-article-action-footer a:active,
.news-article-action-footer button:active {
	outline: 2px solid #2C7BBC;
}

.news-article-action-footer a svg,
.news-article-action-footer button svg {
	fill: currentColor;
	stroke-width: none;
	margin: auto;
	pointer-events: none;
}




.news-article-share {
 clear: both;
 display: inline-block;
 height: 100%;
 position: absolute;
 width: 40px;
}
.news-article-content {
 font-feature-settings: "kern" 1, "liga" 1;
 font-variant-ligatures: common-ligatures;
 line-height: 1.44;
 max-width: inherit;
}

.news-article-contacts {}
.news-article-contact {
	font-size: 14px;
	line-height: 1.5;
    list-style: none;
    text-align: left;
}
.news-article-contact * {
	color: #4A851F;
}
.news-article-tags {
	width: 100%;
    padding-left: 0px;
}
.news-article-tag {
	background-color: #E5E5E5;
	border-radius: 5%;
	display: inline-block;
	margin: 5px 5px 5px 0;
	min-width: 130px;
	padding: 10px 25px;
	text-align: center;
}
.news-article-tag a {
	color: currentColor;
	text-decoration: none;
}

.news-article-reset {
	background: none;
	border: none;
	color: #4A851F;
	cursor: pointer;
	font-size: 14px;
	line-height: 40px;
	padding: 10px 25px;
	position: absolute;
	right: 5%;
	top: 0;
	touch-action: manipulation;
}

.news-article-next {
	margin: 10px auto;
    width: 182px;
    height: 40px;
    background-color: #4a851f;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    border: none;
    border-radius: 4px;
    display: block;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    padding-left: 10px;
}

.news-article-next .nextIcon {
    display: inline-block;
    position: relative;
    top: 3px;
    margin-left: 4px;
    width: 26px;
    height: 16px;
    background: url(../components/content/header/clientlibs/site/resources/Icon-Circle-Arrow-Right_White.svg) no-repeat 0 0;
    transition: 0.3s;
}
.news-article-next:hover {
    color: #ffffff;
    text-decoration: none;
}

.news-article-next:hover .nextIcon {
    background-position-x: 8px;
    color: #ffffff;
    text-decoration: none;
}


.news-article .breadcrumb {
    padding-left: 0px;
    margin-bottom: 30px;
}
.news-article .breadcrumb ul {
	padding: 0px;
	margin: 0px;
}


cite.news-article-author{
    font-style: normal;
    font-weight: 700;
}

a[href="#top"] {
    display: inline-block;
    text-align: right;
}
a[href="#top"] .secondaryTextCTAbuttonArrow { 
    position: relative;
    top: 4px;
    margin-left: 7px;
    transform: rotate(-90deg);

}
a[href="#top"]:hover .secondaryTextCTAbuttonArrow {
    top: -4px;
    right: 0px;
    left: 0px; 
}
.news-article-contact a {
    text-decoration: underline;
}

.news-article-body .news-article-content p:first-child {
    margin: 0px;
}

.news-article-body .backToTopbutton a, .news-article-body a .backToTopbutton, .news-article-body .backToTopbutton {
    line-height: 25px;
}

.news-article-contacts {
    padding-left: 0px;
}

.article-test-page .xf-content-height {
    margin: 0px;
}


/* --- News Article Support Queries Stylesheet --- */
 @supports (-webkit-hyphens: auto) {
	 .news-article-content p {
		 -webkit-hyphens: auto;
		 -webkit-hyphenate-limit-before: 3;
		 -webkit-hyphenate-limit-after: 3;
		 -webkit-hyphenate-limit-chars: 6 3 3;
		 -webkit-hyphenate-limit-lines: 2;
		 -webkit-hyphenate-limit-last: always;   
		 -webkit-hyphenate-limit-zone: 8%;	
	 }
 }
 @supports (-moz-hyphens: auto) {
	 .news-article-content p {
		 -moz-hyphens: auto;
		 -moz-hyphenate-limit-chars: 6 3 3;
		 -moz-hyphenate-limit-lines: 2;  
		 -moz-hyphenate-limit-last: always;
		 -moz-hyphenate-limit-zone: 8%;		
	 }
 }
 @supports (-ms-hyphens: auto) {
	 .news-article-content p {
		 -ms-hyphens: auto;
		 -ms-hyphenate-limit-chars: 6 3 3;
		 -ms-hyphenate-limit-lines: 2;
		 -ms-hyphenate-limit-last: always;   
		 -ms-hyphenate-limit-zone: 8%;				 
	 }
 }
 @supports (hyphens: auto) {
	 .news-article-content p {
		 hyphens: auto;
		 hyphenate-limit-chars: 6 3 3;
		 hyphenate-limit-lines: 2;
		 hyphenate-limit-last: always;   
		 hyphenate-limit-zone: 8%;				 
	 }
 }

/* --- News Article Mobile Stylesheet --- */

@media only screen and (max-width: 1023px) {
	.news-article-save {
		display: none;
	}
	.news-article-actions-footer {
        display: inline-block;                                                	
		margin: 20px 7px;
		position: relative;
		top: -5px;
	}
	.news-article-contact {
        text-align: center;
    }
	.news-article-footer {
		text-align: center;
	}
}

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

	.news-article-tags {
        text-align: center;
    }

}


@media screen and (max-width: 787px) {
	.news-article-cover {
		border-radius: 1.25%;
		margin: 0 auto;
		width: calc(100% - 40px);
	}
	.news-article-save {
		position: relative;
	}
	.news-article-actions {
		margin: 0 auto 0 0;		
		text-align: left;
	}
}

@media only screen and (max-width: 667px) {
	.news-article-tag {
		min-width: auto;
		padding: 7px 7px;
	}
}



/*banner height issue */
/*
.news-article-header {
	overflow: hidden;
	position: relative;
}
.news-article-cover {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);                    
}
@media only screen and (min-width: 1367px) {
	.news-article-header {
		height: 600px;
	}
}
@media only screen and (max-width: 1366px) {
	.news-article-header {
		height: 450px;
	}
}
@media only screen and (max-width: 1024px) {
	.news-article-header {
		height: 430px;
	}
}
@media only screen and (max-width: 991px) {
	.news-article-header {
		height: 400px;
	}
}
@media only screen and (max-width: 768px) {
	.news-article-header {
		height: 300px;
	}
}
@media only screen and (max-width: 667px) {
	.news-article-header {
		height: 220px;
	}
}
@media only screen and (max-width: 414px) {
	.news-article-header {
		height: 150px;
	}
}
*/
@media only screen and (min-width: 1367px) {
	.news-article-cover {
		height: 600px;
	}
}
@media only screen and (max-width: 1366px) {
	.news-article-cover {
		height: 450px;
	}
}
@media only screen and (max-width: 1024px) {
	.news-article-cover {
		height: 430px;
	}
}
@media only screen and (max-width: 991px) {
	.news-article-cover {
		height: 400px;
	}
}
@media only screen and (max-width: 768px) {
	.news-article-cover {
		height: 300px;
	}
}
@media only screen and (max-width: 667px) {
	.news-article-cover {
		height: 220px;
	}
}
@media only screen and (max-width: 414px) {
	.news-article-cover {
		height: 150px;
	}
}
/*banner height issue */









/* --- News Article Print Stylesheet --- */
@media print {
	@page {
	  @bottom-right {
		 content: "Page " counter(page) " of " counter(pages);
	  }
	  @top-right {
		 content: string(doctitle);
		 margin: 30pt 0 10pt 0;
		 font-size: 8pt;
	  }
	}

	.news-article button {
		display: none;
	}
	
	.news-article h1 { 
  		string-set: doctitle content(); 
	}
	.news-article h1,
	.news-article h2,
	.news-article h3,
	.news-article h4,
	.news-article h5,
	.news-article h6 {
	  page-break-after: avoid;
	}
	.news-article table,
	.news-article figure {
	  page-break-inside: avoid;
	}
	.news-article-cover {
		padding: 0 27px;
	}

	.news-article-next {
        width: 182px;
        height: 40px;
        background-color: #4a851f !important;
        color: #ffffff !important;
		overflow: hidden;
    }
	.news-article-next .nextIcon {
        width: 26px;
        height: 16px;
        background-image: url(../components/content/header/clientlibs/site/resources/Icon-Circle-Arrow-Right_White.svg) !imortant;
    }
    .breadcrumb a[href]:after {
        content: none !important;
    }
	a[href]:after {
        content: " (" attr(href) ")";
      }
	.news-article-title {
		margin: 0px auto !important;
		line-height: 48px;
	}
	.news-article-title h1 {
		line-height: 48px;
		margin: 0px;
	} 
	
	.news-article-actions li:nth-child(2) {
    	display: none;
    }
	.news-article-contact a[href]:after {
        content: none !important;
    }
	.news-article-tags li {
		border: 1px solid #212121;
	}
	footer .socialMediaShare {
		width: 100%;
	}
    footer .socialShare a[href]:after {
        content: none !important;
    }

	.newsarticle .video {
    	display: none !important;
     }
} 


.socialMediaShare{
    display: inline-block;
	margin-left: 10px;
}
.socialMediaShare ul { 
    list-style: none;
	margin: 20px 0px;
	padding: 0px;
    text-align: center;
}
.socialMediaShare ul li {
    list-style: none;
	margin: 0px;
	padding: 0px;
    display: inline-block;
    margin: 0px 10px;
    width: 35px;
}
.socialMediaShare ul li img { 
    max-width: 27px;
}


@media only screen and (min-width: 1024px) {
	.socialMediaShare{
        margin-left: 0px;
    }
	.socialMediaShare ul {
        position: fixed;
        margin: 10px 0px;
    	left: 0px;
    	top: 300px;
    }
    .socialMediaShare ul li {
		display: block;
    	margin: 10px 0px;
	}
	.socialMediaShare ul li img { 
        box-shadow: 0px 0px 10px #000;
        background-color: #fff;
        padding: 5px;
        border-radius: 0px 10px 10px 0px;
    	max-width: 45px;
    	max-height: 45px;
    }

}
@media only screen and (max-width: 1023px) {
	.socialMediaShare ul li {
		margin: 0px 10px;
	}
    .news-article-content .textContainer > ul, .news-article-content .textContainer > ol {
    	list-style-position: inside;
		margin: 0px 0px 20px 0px;
	}
}
.atlas-tableComponentsection .atlas-tableHeadingSection th {
font-weight: bold;
letter-spacing: .04em !important;
text-transform: capitalize;
background-color: #0a1c78;
color: #fff;
padding:10px 15px;
border: 1px solid #ffffff;   
}
.atlas-tableComponentsection tbody.atlas-tabledataSection td {
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
font-size: 14px;
padding:10px 15px;
vertical-align: middle;
}
.atlas-tableComponentsection .table-striped>tbody>tr:nth-of-type(odd) {
background-color: #ffffff;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}
.atlas-tableComponentsection .table-striped.noBorder>tbody>tr:nth-of-type(odd) {
background-color: #ffffff;
border-bottom: 0px solid transparent;
border-top: 0px solid transparent;
}
.atlas-tableComponentsection .table-striped>tbody>tr:nth-of-type(even) {
background-color: #f7f7f7;
}
/*.atlas-tableComponentsection table > tbody > tr > td:first-child p{
color:#52a0e2 !important;
font-weight:bold;
text-align:left;
} commenting since we have styles in RTE*/
.atlas-tableComponentsection table tr.atlas-tableHeadingSection th:first-child{
background-color:#2c7bbc;
    border-top-left-radius:4px;
}
.atlas-tableComponentsection table tr.atlas-tableHeadingSection th:last-child{
    border-top-right-radius:4px;
  }
.atlas-tableComponentsection .dots {
	width: 10px;
	height: 10px;
	 border-radius: 80px;
	display: inline-block;
	padding: 4px;
	 margin: 0 4px 0 4px;
	background-color: #c2c2c7; 
	 cursor: pointer;
}
.atlas-tableComponentsection ul.paginationdotsTable{
	margin: 0px;
	 padding: 0px;
    text-align: center; 
}
.atlas-tableComponentsection .paginationdotsTable li {
	display: inline-block;
}
.atlas-tableComponentsection .activeDot {
	background-color: #fff;
} 
.atlas-tablecompSection{
    border-radius: 4px;
    border: 1px solid #58585a !important;
}
.atlas-tableComponentsection table tr td {
	padding: 23px 16px 23px 16px !important;
    border: 1px solid #58585a !important;
} 
.atlas-tableComponentsection table tr td:first-child {
	padding: 23px 32px 23px 32px !important;
    border: 1px solid #58585a !important;
} 

.atlas-tableComponentsection table tr.atlas-tableHeadingSection th{
    padding: 30px 32px 30px 32px;

}
.atlas-tableComponentsection table tr.atlas-tableHeadingSection th:first-child{
    padding: 30px 32px 30px 32px;

}
.atlas-tableComponentsection table > tbody > tr:last-child td:first-child{
border-bottom-left-radius:4px;

}
.atlas-tableComponentsection table > tbody > tr:last-child td:last-child{
border-bottom-right-radius:4px;
}

.carosoulDotsMobileview{
	text-align:center;
}

@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}
.atlas-tableComponentsection.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}
.atlas-tableComponentsection.animatedFadeInUp {
    opacity: 0
}
.atlas-tableComponentsection.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}

.atlas-tableComponentsection{
    overflow:hidden;
}


.atlas-tableComponentsection table tr.atlas-tableHeadingSection th, .atlas-tableComponentsection table tr.atlas-tabledataSection td{
    white-space: normal;

}
.atlas-tableComponentsection{
	border:0px !important ;	
}


/* table cell spacing authorable */
.atlas-tableComponentsection table.smallCellSpacing tr.atlas-tableHeadingSection th:first-child {
    padding: 17px 19px;
}

.atlas-tableComponentsection table.smallCellSpacing tr.atlas-tableHeadingSection th {
    padding: 17px 19px;
}

.atlas-tableComponentsection table.smallCellSpacing tr td:first-child {
    padding: 15px 17px !important;
}

.atlas-tableComponentsection table.smallCellSpacing tr td {
    padding: 15px 17px !important;
}

@media screen and (max-width: 360px){		
    .atlas-tableComponentsection table .faq-accordion--heading{		
          padding-left: 30px;		
         font-size: 22px;		
    }		
    .atlas-tableComponentsection table .faq-accordion--icon{		
         margin: 0;   		
     }    		
   }
@media screen and (max-width: 1221px){
	.atlas-tableComponentsection table tr td {
		 padding: 32px 5px 32px 5px !important ;
         word-break: break-word;       
	}
    .atlas-tableComponentsection table tr td:first-child {
		padding: 32px 5px !important ;
	} 
        
        .atlas-tableComponentsection table.smallCellSpacing tr td:first-child {
            padding: 15px 5px !important;
        }
        
        .atlas-tableComponentsection table.smallCellSpacing tr td {
            padding: 15px 5px !important;
        }

     .atlas-tablecompSection{
        border-radius: 0px;
	} 

        .atlas-tableComponentsection table tr.atlas-tableHeadingSection th{
            padding: 32px 10px 37px 10px;
            border: 1px solid #ffffff; 
            word-break: break-word;
    
        }
        .atlas-tableComponentsection table tr.atlas-tableHeadingSection th:first-child{
            padding: 32px;
            border: 1px solid #ffffff;  
            width: 50%;
        }

       .atlas-tableComponentsection table.smallCellSpacing tr.atlas-tableHeadingSection th:first-child {
            padding: 17px 10px;
        }
        
        .atlas-tableComponentsection table.smallCellSpacing tr.atlas-tableHeadingSection th {
            padding: 17px 10px;
        }
    .atlas-tableComponentsection table .faq-accordion--article{		
        padding:0;		
        word-break: initial;		
    }
}

/*for transition*/
.tableTransition {
	  opacity:0;
	  -webkit-transform:translateY(40px);
	 transform:translateY(40px)
}

.tableTransition.fadeInUp1 {
     -webkit-transition: all 1s; /* For Safari 3.1 to 6.0 */
      transition: all 1s;
      opacity:1;
     -webkit-transform:translateY(0);
      transform:translateY(0)
  
}
.atlas-tablecompSection.noBorder,
.atlas-tablecompSection.noBorder th:first-child,
.atlas-tablecompSection.noBorder th{
    border: 0px solid transparent !important;
}
.atlas-tablecompSection.smallerBorder,
.atlas-tablecompSection.smallerBorder th:first-child,
.atlas-tablecompSection.smallerBorder th{
    border: 1px solid #ffffff !important;
}
.atlas-tablecompSection.smallBorder,
.atlas-tablecompSection.smallBorder th:first-child,
.atlas-tablecompSection.smallBorder th {
    border: 2px solid #ffffff !important;
}
.atlas-tablecompSection.mediumBorder,
.atlas-tablecompSection.mediumBorder th:first-child,
.atlas-tablecompSection.mediumBorder th {
    border: 3px solid #ffffff !important;
}
.atlas-tablecompSection.noBorder,
.atlas-tablecompSection.noBorder td:first-child,
.atlas-tablecompSection.noBorder td{
    border: 0px solid transparent !important;
}
.atlas-tablecompSection.smallerBorder,
.atlas-tablecompSection.smallerBorder td:first-child,
.atlas-tablecompSection.smallerBorder td{
    border: 1px solid #58585a !important;
}
.atlas-tablecompSection.smallBorder,
.atlas-tablecompSection.smallBorder td:first-child,
.atlas-tablecompSection.smallBorder td {
    border: 2px solid #58585a !important;
}
.atlas-tablecompSection.mediumBorder,
.atlas-tablecompSection.mediumBorder td:first-child,
.atlas-tablecompSection.mediumBorder td {
    border: 3px solid #58585a !important;
}
/*Nivedhithaa code starts**/
.atlas-tablecompSection.twoCol50-50 th{
	width: 50%;

}
.atlas-tablecompSection.threeCol20-40-40 th:nth-child(3){
	width: 40%;
}
.atlas-tablecompSection.threeCol20-40-40 th:nth-child(2){
	width: 40%;
}
.atlas-tablecompSection.threeCol20-40-40 th:first-child{
	width: 20%;
}
.atlas-tablecompSection.twoCol25-75 th:nth-child(2){
	width: 75%;
}
.atlas-tablecompSection.twoCol25-75 th:first-child{
	width: 25%;
}
/*Nivedhithaa code ends**/

.tableComp table td ul { 
	list-style: circle;
	margin: 0px;
	padding: 0px;
    margin-left: 15px;
}
.tableComp table td ul li {
	display: inline;
	position: relative;
    word-break: break-word; 

}
.tableComp table td ul li:before {
	width: 4px;
	height:4px;
	display:block;
	background-color: #000000;
	content: "";
	border-radius: 60%;
	position:absolute;
	left: -10px;
	top: 10px;
}
.tableComp table td ul li:after {
    content:"\a";
    white-space: pre;
}


.tableComp table td ol { 
	list-style: none;
	margin: 0px;
	padding: 0px;
    counter-reset: numeric-counter;
    margin-left: 15px;                            
}
.tableComp table td ol li {
	display: inline;
    counter-increment: numeric-counter;
}
.tableComp table td ol li:before {
    content: counter(numeric-counter) ". ";
}
.tableComp table td ol li:after {
    content:"\a";
    white-space: pre;
}

.tableComp table .faq ul li:before, 
.tableComp table .faq ol li:before,
.tableComp table .faq ul li:after,
.tableComp table .faq ol li:after {
    display: none;
}

/* no border for left and right side of table*/


	.noLeftRightBorder table.atlas-tablecompSection{
        border-left: none !important;
        border-right: none !important;
    }
    .noLeftRightBorder table.atlas-tablecompSection tr td:first-child{
        border-left: none !important;
    }
    .noLeftRightBorder table.atlas-tablecompSection tr td:last-child{
        border-right: none !important;
    }
@media screen and (max-width: 1221px){
	.noLeftRightBorder table.atlas-tablecompSection tr td{
        border-right: none !important;
    }
}


/* no outline border table*/

.atlas-tableComponentsection.noOutlineBorder .table-striped > tbody > tr {
	border-top: none !important;
}
.atlas-tableComponentsection.noOutlineBorder .table-striped > tbody > tr:last-child,
.atlas-tableComponentsection.noOutlineBorder .table-striped > tbody > tr:last-child td,
.noOutlineBorder .atlas-tablecompSection.smallerBorder {
	border-bottom: none !important;
}

.noOutlineBorder .atlas-tablecompSection.noBorder th:first-child,
.noOutlineBorder .atlas-tablecompSection.smallerBorder th:first-child,
.noOutlineBorder .atlas-tablecompSection.smallBorder th:first-child,
.noOutlineBorder .atlas-tablecompSection.mediumBorder th:first-child {
	border-left: none !important;
}
.noOutlineBorder .atlas-tablecompSection.noBorder th:last-child,
.noOutlineBorder .atlas-tablecompSection.smallerBorder th:last-child,
.noOutlineBorder .atlas-tablecompSection.smallBorder th:last-child,
.noOutlineBorder .atlas-tablecompSection.mediumBorder th:last-child {
	border-right: none !important;
}
.noOutlineBorder .atlas-tablecompSection.noBorder td:first-child,
.noOutlineBorder .atlas-tablecompSection.noBorder,
.noOutlineBorder .atlas-tablecompSection.smallerBorder td:first-child,
.noOutlineBorder .atlas-tablecompSection.smallerBorder,
.noOutlineBorder .atlas-tablecompSection.smallBorder td:first-child,
.noOutlineBorder .atlas-tablecompSection.smallBorder,
.noOutlineBorder .atlas-tablecompSection.mediumBorder td:first-child,
.noOutlineBorder .atlas-tablecompSection.mediumBorder {
	border-left: none !important;
}
.noOutlineBorder .atlas-tablecompSection.noBorder td:last-child,
.noOutlineBorder .atlas-tablecompSection.noBorder,
.noOutlineBorder .atlas-tablecompSection.smallerBorder td:last-child,
.noOutlineBorder .atlas-tablecompSection.smallerBorder,
.noOutlineBorder .atlas-tablecompSection.smallBorder td:last-child,
.noOutlineBorder .atlas-tablecompSection.smallBorder,
.noOutlineBorder .atlas-tablecompSection.mediumBorder td:last-child,
.noOutlineBorder .atlas-tablecompSection.mediumBorder {
	border-right: none !important;
}

.noOutlineBorder .atlas-tablecompSection.noBorder,
.noOutlineBorder .atlas-tablecompSection.smallerBorder td:last-child,
.noOutlineBorder .atlas-tablecompSection.smallerBorder,
.noOutlineBorder .atlas-tablecompSection.smallBorder td:last-child,
.noOutlineBorder .atlas-tablecompSection.smallBorder,
.noOutlineBorder .atlas-tablecompSection.mediumBorder td:last-child,
.noOutlineBorder .atlas-tablecompSection.mediumBorder {
    border-top: none !important;
}


@media screen and (max-width: 1221px) {
	.noOutlineBorder .atlas-tablecompSection.noBorder th,
	.noOutlineBorder .atlas-tablecompSection.noBorder td,
	.noOutlineBorder .atlas-tablecompSection.smallerBorder th,
	.noOutlineBorder .atlas-tablecompSection.smallerBorder td,
	.noOutlineBorder .atlas-tablecompSection.smallBorder th,
	.noOutlineBorder .atlas-tablecompSection.smallBorder td,
	.noOutlineBorder .atlas-tablecompSection.mediumBorder th,
	.noOutlineBorder .atlas-tablecompSection.mediumBorder td {
		border-left: none !important;
		border-right: none !important;
	}

	.noOutlineBorder .atlas-tablecompSection.smallerBorder th:first-child{
		border-right: 1px solid #ffffff !important;
	}

	.noOutlineBorder .atlas-tablecompSection.smallerBorder td:first-child{
		border-right: 1px solid #58585a !important;
	}
	.noOutlineBorder .atlas-tablecompSection.noBorder th:first-child{
   		border-right: 0px solid transparent !important;
     }
	.noOutlineBorder .atlas-tablecompSection.noBorder td:first-child{
    	 border-right: 0px solid transparent !important;
     }
	.noOutlineBorder .atlas-tablecompSection.smallBorder th:first-child{
    	border-right: 2px solid #ffffff !important;
     }
	.noOutlineBorder .atlas-tablecompSection.smallBorder td:first-child{
		border-right: 2px solid #58585a !important;
      }
	.noOutlineBorder .atlas-tablecompSection.mediumBorder th:first-child{
        border-right: 3px solid #ffffff !important;
     }
	.noOutlineBorder .atlas-tablecompSection.mediumBorder td:first-child{
		border-right: 3px solid #58585a !important;
     }


	/* for single column table */
	.noOutlineBorder .atlas-tablecompSection.noBorder td:last-child,
	.noOutlineBorder .atlas-tablecompSection.noBorder th:last-child,
	.noOutlineBorder .atlas-tablecompSection.smallerBorder td:last-child,
	.noOutlineBorder .atlas-tablecompSection.smallerBorder th:last-child,
	.noOutlineBorder .atlas-tablecompSection.smallBorder td:last-child,
	.noOutlineBorder .atlas-tablecompSection.smallBorder th:last-child,
    .noOutlineBorder .atlas-tablecompSection.mediumBorder td:last-child,
	.noOutlineBorder .atlas-tablecompSection.mediumBorder th:last-child{
    	border-right: none !important;
	}
	.noOutlineBorder .atlas-tablecompSection.smallerBorder tr:first-child td,
	.noOutlineBorder .atlas-tablecompSection.smallerBorder tr:first-child th {
    	border-top: none !important;
	}  
	.noOutlineBorder .atlas-tablecompSection.smallerBorder {
		border-top: none !important;
	}

    .noOutlineBorder .atlas-tablecompSection.noBorder,
    .noOutlineBorder .atlas-tablecompSection.noBorder tr:last-child td,
	.noOutlineBorder .atlas-tablecompSection.smallerBorder,
    .noOutlineBorder .atlas-tablecompSection.smallerBorder tr:last-child td,
	.noOutlineBorder .atlas-tablecompSection.smallBorder,
    .noOutlineBorder .atlas-tablecompSection.smallBorder tr:last-child td,
	.noOutlineBorder .atlas-tablecompSection.mediumBorder,
    .noOutlineBorder .atlas-tablecompSection.mediumBorder tr:last-child td{
		border-bottom: none !important;
     }

}


/* smaller cell spacing CSS */

.atlas-tableComponentsection table.smallerCellSpacing tr th,
.atlas-tableComponentsection table.smallerCellSpacing tr th:first-child,
.atlas-tableComponentsection table.smallerCellSpacing tr td,
.atlas-tableComponentsection table.smallerCellSpacing tr td:first-child {
    padding: 10px 15px 10px 15px !important
}

/* hide first row first column heading */
.hideFirstColHeading table thead tr th:first-child div {
    display: none;
}
.hideFirstColHeading table tbody tr:first-child th:first-child div {
    display: none;
}
.tableComp.hideFirstColHeading table th:first-child{
	background: transparent;
}
.tableComp.hideFirstColHeading table tr:first-child td:first-child{                        
     border-top: none !important;         
} 
.hideFirstColHeading .atlas-tableComponentsection table tr.atlas-tableHeadingSection th:first-child{
	background: transparent !important;
}
.hideFirstColHeading .atlas-tableComponentsection .table-striped>tbody:first-child>tr:first-child{
	background: transparent !important;
}
.hideFirstColHeading .table>tbody+tbody{
    border-top: none !important; 
}                                
.tableSliderWrapper .tableSlider table { 
    border-collapse: collapse;
}
.tableSliderWrapper .tableSlider th {
    border-collapse: collapse;
	border: 1px solid #fff;
	background-color: #2c7bbc;
	color: #ffffff;
	padding: 20px 15px;
}
.tableSliderWrapper .tableSlider td {
	border-collapse: collapse;
    border: 1px solid #58585a;
	padding: 20px 15px;
    vertical-align: top;
}
.tableSliderWrapper .tableSlider .table-responsive,
.tableSliderWrapper .tableSlider .table-bordered {
	border: none;
}
.tableSliderControls {
	display: none;
}
.tableSliderWrapper .tableSlider .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #ffffff;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.tableSliderWrapper .tableSlider .table-striped>tbody>tr:nth-of-type(even) {
    background-color: #f7f7f7;
}
.tableSliderWrapper .tableSlider table th {
    background-color: #0a1c78;
}
.tableSliderWrapper .tableSlider table th:first-child {
	background-color: #2c7bbc;
}
.tableSliderWrapper .tableSlider table ul { 
	list-style: circle;
	margin: 0px;
	padding: 0px;
}
.tableSliderWrapper .tableSlider table ul li {
	display: inline;
	position: relative;
    word-break: break-word; 

}
.tableSliderWrapper .tableSlider table ul li:before {
	width: 4px;
	height:4px;
	display:block;
	background-color: #000000;
	content: "";
	border-radius: 60%;
	position:absolute;
	left: -10px;
	top: 10px;
}
.tableSliderWrapper .tableSlider table ul li:after {
    content:"\a";
    white-space: pre;
}


.tableSliderWrapper .tableSlider table ol { 
	list-style: none;
	margin: 0px;
	padding: 0px;
    counter-reset: numeric-counter;
}
.tableSliderWrapper .tableSlider table ol li {
	display: inline;
    counter-increment: numeric-counter;
}
.tableSliderWrapper .tableSlider table ol li:before {
    content: counter(numeric-counter) ". ";
}
.tableSliderWrapper .tableSlider table ol li:after {
    content:"\a";
    white-space: pre;
}

.tableSliderWrapper .tableSlider table .faq ul li:before, 
.tableSliderWrapper .tableSlider table .faq ol li:before,
.tableSliderWrapper .tableSlider table .faq ul li:after,
.tableSliderWrapper .tableSlider table .faq ol li:after {
    display: none;
}

.tableSliderWrapper .tableSlider table caption {
    padding: 0px;
}


/*Nivedhithaa code starts**/
/*Table Width**/
@media only screen and (min-width: 1222px) { 
    .tableSliderWrapper .table.twoCol50-50 th{
        width: 50%;
    }
    .tableSliderWrapper .table.threeCol20-40-40 th:nth-child(3){
        width: 40%;
    }
    .tableSliderWrapper .table.threeCol20-40-40 th:nth-child(2){
        width: 40%;
    }
    .tableSliderWrapper .table.threeCol20-40-40 th:first-child{
        width: 20%;
    }
    .tableSliderWrapper .table.twoCol25-75 th:nth-child(2){
        width: 75%;
    }
    .tableSliderWrapper .table.twoCol25-75 th:first-child{
        width: 25%;
    }
}
/*Table Border**/
.tableSliderWrapper .table.noBorder,
.tableSliderWrapper .table.noBorder th:first-child,
.tableSliderWrapper .table.noBorder th{
    border: 0px solid transparent !important;
}
.tableSliderWrapper .table.smallerBorder,
.tableSliderWrapper .table.smallerBorder th:first-child,
.tableSliderWrapper .table.smallerBorder th{
    border: 1px solid #ffffff !important;
}
.tableSliderWrapper .table.smallBorder,
.tableSliderWrapper .table.smallBorder th:first-child,
.tableSliderWrapper .table.smallBorder th {
    border: 2px solid #ffffff !important;
}
.tableSliderWrapper .table.mediumBorder,
.tableSliderWrapper .table.mediumBorder th:first-child,
.tableSliderWrapper .table.mediumBorder th {
    border: 3px solid #ffffff !important;
}
.tableSliderWrapper .table.noBorder,
.tableSliderWrapper .table.noBorder td:first-child,
.tableSliderWrapper .table.noBorder td{
    border: 0px solid transparent !important;
}
.tableSliderWrapper .table.smallerBorder,
.tableSliderWrapper .table.smallerBorder td:first-child,
.tableSliderWrapper .table.smallerBorder td{
    border: 1px solid #58585a !important;
}
.tableSliderWrapper .table.smallBorder,
.tableSliderWrapper .table.smallBorder td:first-child,
.tableSliderWrapper .table.smallBorder td {
    border: 2px solid #58585a !important;
}
.tableSliderWrapper .table.mediumBorder,
.tableSliderWrapper .table.mediumBorder td:first-child,
.tableSliderWrapper .table.mediumBorder td {
    border: 3px solid #58585a !important;
}
/*table cell spacing**/

/* table cell spacing authorable */
.tableSliderWrapper table.smallCellSpacing tr th:first-child {
    padding: 17px 19px;
}

.tableSliderWrapper table.smallCellSpacing tr th {
    padding: 17px 19px;
}

.tableSliderWrapper table.smallCellSpacing tr td:first-child {
    padding: 15px 17px !important;
}

.tableSliderWrapper table.smallCellSpacing tr td {
    padding: 15px 17px !important;
}

/*Nivedhithaa code ends**/

@media only screen and (max-width: 1221px) {
	.tableSliderControls {
        display: block;
    }
    .tableSliderWrapper .tableSlider th {
    	width: 50%;
	}
	.tableSliderWrapper .tableSlider table th {
        background-color: #2c7bbc;
    }
    .tableSliderWrapper .tableSlider table th:first-child {
        background-color: #2c7bbc;
    }
    .tableSliderControls {
        width: 90%;
        min-width: 250px;
        min-height: 50px;
        margin: auto;
        position: relative;
        margin-bottom: 20px;
    }
    .tableSliderWrapper .sliderTableDots {
        text-align: center;
        padding-top: 6px;
    }
    .tableSliderWrapper .sliderTableDots > button {
        width: 15px;
        height: 15px;
        background-color: #dbdbdb;
        border-radius: 50%;
        border: 0px;
        margin: 10px;
    	padding: 0px;
    }
    .tableSliderWrapper .sliderTableDots > button.active {
        background-color: #0074D9;
    }
    .tableSliderWrapper .sliderTableLeftArrow ,
    .tableSliderWrapper .sliderTableRightArrow  {
        position: absolute;
        top: 10px;
    }
    .tableSliderWrapper .sliderTableLeftArrow {
        left: 0px;
    }
    .tableSliderWrapper .sliderTableRightArrow  {
        right: 0px;
    }
    .tableSliderWrapper .sliderTableLeftArrow > button,
    .tableSliderWrapper .sliderTableRightArrow > button {
        border: 0;
        background: transparent;
    }
    .tableSliderWrapper .sliderTableLeftArrow > button > i,
    .tableSliderWrapper .sliderTableRightArrow > button > i {
        border: solid #0a1c78;
        border-width: 0 5px 5px 0;
        display: inline-block;
        padding: 8px;
    }
    .tableSliderWrapper .sliderTableLeftArrow > button:disabled > i,
    .tableSliderWrapper .sliderTableRightArrow > button:disabled > i {
        border: solid #dbdbdb;
        border-width: 0 5px 5px 0;
    }
    .tableSliderWrapper .sliderTableRightArrow > button > i {
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
    }
    
    .tableSliderWrapper .sliderTableLeftArrow > button > i {
      transform: rotate(135deg);
      -webkit-transform: rotate(135deg);
    }

	.fixedHeaderWrapper {
    	position: relative;
    }

	.fixedHeaderWrapper .fixedHeader {
    	max-height: 300px;
    	overflow-y: scroll;
    }
    .fixedHeaderWrapper .fixedHeader .fixedHead {
    	width: 100%;
		position: absolute;
    	z-index: 1;
	}
	.tableSliderWrapper .tableSlider td .primaryCTAbutton a,
	.tableSliderWrapper .tableSlider td a .primaryCTAbutton,
	.tableSliderWrapper .tableSlider td .primaryCTAbutton {
    	min-width: auto;
        width: auto;
        padding: 5px 15px 5px 15px;
        display: inline-block;
        height: auto;
        line-height: 21px;
		word-break: break-word;
	}
    .tableSliderWrapper .tableSlider td .primaryCTAbutton a .primaryCTAbuttonArrow,
    .tableSliderWrapper .tableSlider td .primaryCTAbutton .primaryCTAbuttonArrow {
    	width: 16px;
	}
	.tableSliderWrapper .tableSlider td .downloadButton a,
	.tableSliderWrapper .tableSlider td a .downloadButton, .downloadButton {
        width: auto;
        padding: 5px 15px;
        height: auto;
        line-height: 21px;
        word-break: break-word;
	}
	.tableSliderWrapper .tableSlider td .downloadButton a .downloadButtonIcon,
	.tableSliderWrapper .tableSlider td .downloadButton .downloadButtonIcon {
        width: 20px;
	}
	.tableSliderWrapper .tableSlider td .secondaryCTAbutton a,
	.tableSliderWrapper .tableSlider td a .secondaryCTAbutton,
	.tableSliderWrapper .tableSlider td .secondaryCTAbutton {
		min-width: auto;
        width: auto;
        padding: 5px 15px 5px 15px;
        display: inline-block;
        height: auto;
        line-height: 21px;
		word-break: break-word;
	}
	.tableSliderWrapper .tableSlider td.secondaryCTAbutton a .secondaryCTAbuttonArrow,
	.tableSliderWrapper .tableSlider td .secondaryCTAbutton .secondaryCTAbuttonArrow {
		width: 16px;
	}
	.tableSliderWrapper .tableSlider td .secondaryTextCTAbutton a,
	.tableSliderWrapper .tableSlider td a .secondaryTextCTAbutton,
	.tableSliderWrapper .tableSlider td .secondaryTextCTAbutton {
		min-width: auto;
        width: auto;
        padding: 5px 15px 5px 15px;
        display: inline-block;
        height: auto;
        line-height: 21px;
		word-break: break-word;
	}
	.tableSliderWrapper .tableSlider td .secondaryTextCTAbutton a .secondaryTextCTAbuttonArrow,
	.tableSliderWrapper .tableSlider td .secondaryTextCTAbutton .secondaryTextCTAbuttonArrow {
		width: 16px;
	}
	.tableSliderWrapper .tableSlider td .backToTopbutton a, 
	.tableSliderWrapper .tableSlider td a .backToTopbutton,
	.tableSliderWrapper .tableSlider td .backToTopbutton {
		min-width: auto;
        width: auto;
        padding: 5px 15px 5px 15px;
        display: inline-block;
        height: auto;
        line-height: 21px;
		word-break: break-word;
	}
    .tableSliderWrapper table.smallCellSpacing tr td:first-child {
        padding: 15px 5px !important;
    }
    
    .tableSliderWrapper table.smallCellSpacing tr td {
        padding: 15px 5px !important;
    }
    .tableSliderWrapper table.smallCellSpacing tr th:first-child {
        padding: 17px 10px;
    }
    
    .tableSliderWrapper table.smallCellSpacing tr th {
        padding: 17px 10px;
    }
	.tableSliderWrapper table.smallCellSpacing tr td:first-child,
	.tableSliderWrapper table.smallCellSpacing tr td  {
        padding: 10px 12px !important;
    }
   .tableSliderWrapper table.smallCellSpacing tr th:first-child,
   .tableSliderWrapper table.smallCellSpacing tr th  {
        padding: 10px 12px !important;
    }

}

@media only screen and (max-width: 480px) {
    .tableSliderWrapper .sliderTableDots > button {
    	width: 10px;
		height: 10px;
		padding: 0px;
		margin: 10px 7px;                
	}
	.tableSliderWrapper .tableSlider table ul,
    .tableSliderWrapper .tableSlider table ol { 
        margin-left: 15px;
	}
    
}

@media only screen and (max-width: 360px) {
	.tableSliderWrapper .sliderTableDots {
        padding-top: 7px;
    }
    .tableSliderWrapper .sliderTableDots > button {
		margin: 10px 5px;                
	}
}

/* no border for left and right side of table for carousel*/	
	.tableSliderWrapper .noLeftRightBorder table.table-tableSlider{
		border-left: none !important;
        border-right: none !important;
    }
	.tableSliderWrapper .noLeftRightBorder table.table-tableSlider tr td:first-child{
        border-left: none !important;
    }
    .tableSliderWrapper .noLeftRightBorder table.table-tableSlider tr td:last-child{
        border-right: none !important;
    }
    .tableSliderWrapper .noOutlineBorder .table.noBorder,
    .tableSliderWrapper .noOutlineBorder .table.smallerBorder,
    .tableSliderWrapper .noOutlineBorder .table.smallBorder, 
    .tableSliderWrapper .noOutlineBorder .table.mediumBorder,
	.tableSliderWrapper .noOutlineBorder table.table-tableSlider,
    .tableSliderWrapper .noOutlineBorder .table.noBorder th,
    .tableSliderWrapper .noOutlineBorder .table.smallerBorder th,
    .tableSliderWrapper .noOutlineBorder .table.smallBorder th,
    .tableSliderWrapper .noOutlineBorder .table.mediumBorder th{    
        border-top: none !important;
    	border-bottom: none !important;
    }
    .tableSliderWrapper .noOutlineBorder .table.mediumBorder,
    .tableSliderWrapper .tableSlider.noOutlineBorder .table-striped>tbody>tr,
    .tableSliderWrapper .tableSlider.noOutlineBorder .table-striped>tbody>tr:last-child td{
        border-bottom: none !important;
    }
	.tableSliderWrapper .noOutlineBorder table.table-tableSlider{
		border-left: none !important;
        border-right: none !important;
    }

    .tableSliderWrapper .noOutlineBorder .table.noBorder td:first-child,
    .tableSliderWrapper .noOutlineBorder .table.smallerBorder td:first-child,
    .tableSliderWrapper .noOutlineBorder .table.smallBorder td:first-child,
    .tableSliderWrapper .noOutlineBorder .table.mediumBorder td:first-child{

         border-left: none !important;
     }
   .tableSliderWrapper .noOutlineBorder .table.noBorder td:last-child,
   .tableSliderWrapper .noOutlineBorder .table.smallerBorder td:last-child,
   .tableSliderWrapper .noOutlineBorder .table.smallBorder td:last-child,
   .tableSliderWrapper .noOutlineBorder .table.mediumBorder td:last-child        {
		 border-right: none !important;
    	border-top: none !important;

     }
	.tableSliderWrapper .tableSlider.noOutlineBorder .table-striped>tbody>tr:first-child {
    	border-top: none !important;
	}
	.tableSliderWrapper .noOutlineBorder .table.noBorder td:first-child,
	.tableSliderWrapper .noOutlineBorder .table.noBorder td, 
	.tableSliderWrapper .noOutlineBorder .table.smallerBorder td:first-child,
	.tableSliderWrapper .noOutlineBorder .table.smallerBorder td,
	.tableSliderWrapper .noOutlineBorder .table.smallBorder td:first-child,
	.tableSliderWrapper .noOutlineBorder .table.smallBorder td,
    .tableSliderWrapper .noOutlineBorder .table.mediumBorder td:first-child,
	.tableSliderWrapper .noOutlineBorder .table.mediumBorder td {
		border-top: none !important; 
	}
	.tableSliderWrapper .tableSlider .noBorder.table-striped>tbody>tr:nth-of-type(odd){
		border-top: none !important; 
    }
		
@media screen and (max-width: 1221px){
	.tableSliderWrapper .noLeftRightBorder table.table-tableSlider tr td,
	.tableSliderWrapper .noLeftRightBorder table.table-tableSlider tr th{
        border-right: none !important;
        border-left: none !important;
    }
    .tableSliderWrapper .noLeftRightBorder table.table-tableSlider tr td.addBorder{
        border-right: 1px solid #58585a !important;
    }
    
	.tableSliderWrapper .noLeftRightBorder table.table-tableSlider tr th.addBorder{
        border-right: 1px solid #ffffff !important;
    }


	.tableSliderWrapper .noLeftRightBorder .table.noBorder th.addBorder{
	    border-right: 0px solid transparent !important;
	}


	.tableSliderWrapper .noLeftRightBorder .table.smallerBorder th.addBorder{
	    border-right: 1px solid #ffffff !important;
	}


	.tableSliderWrapper .noLeftRightBorder .table.smallBorder th.addBorder {
	    border-right: 2px solid #ffffff !important;
	}


	.tableSliderWrapper .noLeftRightBorder .table.mediumBorder th.addBorder {
	    border-right: 3px solid #ffffff !important;
	}


	.tableSliderWrapper .noLeftRightBorder .table.noBorder td.addBorder{
	    border-right: 0px solid transparent !important;
	}

	.tableSliderWrapper .noLeftRightBorder .table.smallerBorder td.addBorder{
	    border-right: 1px solid #58585a !important;
	}

	.tableSliderWrapper .noLeftRightBorder .table.smallBorder td.addBorder {
	    border-right: 2px solid #58585a !important;
	}


	.tableSliderWrapper .noLeftRightBorder .table.mediumBorder td.addBorder {
	    border-right: 3px solid #58585a !important;
	}
    .tableSliderWrapper .noOutlineBorder table.table-tableSlider,
    .tableSliderWrapper .noOutlineBorder .table.noBorder th,
    .tableSliderWrapper .noOutlineBorder .table.smallerBorder th,
    .tableSliderWrapper .noOutlineBorder .table.smallBorder th,
    .tableSliderWrapper .noOutlineBorder .table.mediumBorder th{    
        border-top: none !important;
    	border-bottom: none !important;
    }
    /*.tableSliderWrapper .noOutlineBorder .table.noBorder td,
    .tableSliderWrapper .noOutlineBorder .table.smallerBorder td,
    .tableSliderWrapper .noOutlineBorder .table.smallBorder td,
    .tableSliderWrapper .noOutlineBorder .table.mediumBorder td,
    .tableSliderWrapper .tableSlider.noOutlineBorder .table-striped>tbody>tr,
    .tableSliderWrapper .tableSlider.noOutlineBorder .table-striped>tbody>tr:last-child td{
        border-bottom: none !important;
    }*/
	.tableSliderWrapper .noOutlineBorder table.table-tableSlider tr td,
	.tableSliderWrapper .noOutlineBorder table.table-tableSlider tr th{
        border-right: none !important;
        border-left: none !important;
    }
	.tableSliderWrapper .noOutlineBorder table.table-tableSlider tr td.addBorder{
        border-right: 1px solid #58585a !important;
    }
    
	.tableSliderWrapper .noOutlineBorder table.table-tableSlider tr th.addBorder{
        border-right: 1px solid #ffffff !important;
    }


	.tableSliderWrapper .noOutlineBorder .table.noBorder th.addBorder{
	    border-right: 0px solid transparent !important;
	}


	.tableSliderWrapper .noOutlineBorder .table.smallerBorder th.addBorder{
	    border-right: 1px solid #ffffff !important;
	}


	.tableSliderWrapper .noOutlineBorder .table.smallBorder th.addBorder {
	    border-right: 2px solid #ffffff !important;
	}


	.tableSliderWrapper .noOutlineBorder .table.mediumBorder th.addBorder {
	    border-right: 3px solid #ffffff !important;
	}


	.tableSliderWrapper .noOutlineBorder .table.noBorder td.addBorder{
	    border-right: 0px solid transparent !important;
	}

	.tableSliderWrapper .noOutlineBorder .table.smallerBorder td.addBorder{
	    border-right: 1px solid #58585a !important;
	}

	.tableSliderWrapper .noOutlineBorder .table.smallBorder td.addBorder {
	    border-right: 2px solid #58585a !important;
	}


	.tableSliderWrapper .noOutlineBorder .table.mediumBorder td.addBorder {
	    border-right: 3px solid #58585a !important;
	}

}
/* no border for left and right side of table for carousel*/


/* smaller cell spacing CSS */
.tableSliderWrapper .tableSlider .smallerCellSpacing td {
    padding: 10px 12px;
}

/* hide first row first column heading */
.hideFirstColHeading table thead tr th:first-child div {
    display: none;
}
.tableSliderWrapper.hideFirstColHeading .tableSlider table th:first-child{
	background: transparent;
}
.tableSliderWrapper.hideFirstColHeading .tableSlider table tr:first-child td:first-child{                        
     border-top: none !important;         
} 


.getStartedFormSection {
	max-width: 82%;
	background-color: #f7f7f7;
	margin: 57px;
	border-radius: 4px;
}

.getStartedFormSection .reqFieldMes {
	color: #c53933;
    font-size: 10px;
    font-weight: 700;
	text-align: right;
}

.getStartedFormSection .getStartedcontainer {
    margin-right: auto;
    margin-left: auto;
	position: relative;
	padding: 10px 32px 32px 32px;
    padding-bottom: 80px;
    clear: both;
}

.getStartedFormSection form .text > div {
	padding-left: 7px;
	padding-right: 7px;
}

.getStartedFormSection form .options > fieldset {
	padding-left: 7px;
	padding-right: 7px;
}
.getStartedFormSection form .button {
	padding-left: 7px;
	padding-right: 7px;
}
.getStartedFormSection form label {
    color: #0a1c76;
	font-size: 14px;
}
.getStartedFormSection form .errStr {
	color: #c53933;
}
.getStartedFormSection form .errMes {
	color: #c53933;
	font-size: 11px;
	text-align: right;
	margin-top: 2px;
	font-weight: 700;
	display: none;
}
.optionswithothers fieldset label {
    width: 50%;
    float: left;
}
.optionswithothers fieldset label:last-child {
    width: 50%;
    float: right;
}

.getStartedFormSection form .err .errMes {
	display: block;
}
.getStartedFormSection form .err label {
    color: #c53933;
}
.getStartedFormSection form .err input {
    border: 1px solid #c53933;
}

.getStartedFormSection form input[type='text'] {
    width: 100%;
    height: 35px;
    margin-bottom: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0 10px;
    font-size: 15px;
}

.getStartedFormSection form input[type='tel'] {
    width: 100%;
    height: 35px;
    margin-bottom: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0 10px;
    font-size: 15px;
}
.getStartedFormSection form input[type='number'] {
    width: 100%;
    height: 35px;
    margin-bottom: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0 10px;
    font-size: 15px;
}

.getStartedFormSection form input[type='email'] {
    width: 100%;
    height: 35px;
    margin-bottom: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0 10px;
    font-size: 15px;
}

.getStartedFormSection form select {
    width: 100%;
    height: 35px;
    margin-bottom: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0 10px;
    font-size: 15px;
}
.getStartedFormSection form textarea {
    width: 100%;
    height: 80px;
    margin-bottom: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 15px;
    resize: vertical;
}


.getStartedFormSection form fieldset legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 0px;
	font-size: 14px;
    line-height: inherit;
    color: #0a1c76;
    border: 0;
    border-bottom: none;
	margin-bottom: 5px;
    font-weight: 700;
}
                    /*
.getStartedFormSection form fieldset label {
	color: #333333;
	font-weight: normal;
	display: block;
}
*/

.getStartedFormSection form .optionswithothers  {
	padding: 0px;
    margin-bottom: 10px;
}
.getStartedFormSection form .optionswithothers  label {
	position: relative;
	cursor: pointer;
	padding-left: 30px;
    margin-bottom: 15px;
    margin-top: 10px;
    color: #000000;
    font-weight: normal;
}
.getStartedFormSection form .optionswithothers label input[type='radio'] {
	margin-left: -30px;
}
.getStartedFormSection form .optionswithothers fieldset label + label input[type='radio'] {
	margin-left: -23px;
}
.getStartedFormSection form .optionswithothers label input[type='checkbox'] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.getStartedFormSection form .optionswithothers  label .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #ddd;
  background-color: #ffffff;
  border-radius: 4px;
}

.getStartedFormSection form .optionswithothers  label input:checked ~ .checkmark {
  background-color: #4a851f;
  border: 0px;
}

.getStartedFormSection form .optionswithothers  label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.getStartedFormSection form .optionswithothers  label input:checked ~ .checkmark:after {
  display: block;
}
.getStartedFormSection form .optionswithothers  label .checkmark:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.getStartedFormSection form .options  label {
	position: relative;
	cursor: pointer;
    margin-bottom: 15px;
    margin-top: 10px;
    color: #000000;
    font-weight: normal;
}
.getStartedFormSection form .options input[type=checkbox] {
	position: relative;
	top: 2px;
	margin-right: 4px;
}
.getStartedFormSection form .options .custom-error-message {
	display: block;
    float: none;
    text-align: left;
}

.getStartedFormSection form .solutionOptions .moreExpl {
	padding-left: 30px;
}
.getStartedFormSection form .solutionOptions .moreExpl label {
	color: #0a1c76;
	font-weight: 700;
	position: relative;
	left: -30px;
}

.getStartedFormSection form .button {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 0px;
}
.getStartedFormSection form .button > button {
    width: 100%;
    height: 40px;
    background-color: #4a851f;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    border: none;
    border-radius: 0px 0px 4px 4px;
    margin-top: 25px;
	padding-left: 16px;
}
.getStartedFormSection form .button > button .arrowIcon {
    display: inline-block;
    position: relative;
    top: 3px;
    margin-left: 4px;
    width: 32px;
    height: 16px;
    background: url('../components/content/salesinquiry/clientlibs/resources/submitforReqArrow.svg') no-repeat 0 0;
    transition: .45s;
    transition-timing-function: linear;
}
.getStartedFormSection form .button > button:hover .arrowIcon {
    background-position-x: 8px;
}


.plexp {
    width: 100% !important;
	float: right !important;
	padding-left: 50%;
    position: relative;
    left: 24px;
    margin-bottom: 20px;
}

.getStartedFormSection form .custom-error-message {
	position: relative;
    bottom: 0px;
    font-size: 11px;
    right: 0px;
    color: #c53933;
}

.getStartedFormSection .requiredFieldsText{
	float: right;
    font-size: 11px;
    color: #c53933;	
    margin: 10px 40px;
}

.getStartedcontainer input,select,textarea,button[type='submit']:focus {
	outline-color: rgb(77, 144, 254);
	outline-offset: -2px;
}

.getStartedcontainer .outline-error {
	 border-color:#D22B2B!important;
}

.getStartedcontainer .highlight-label{
	color: #C53933;
}


.getStartedFormThankyouMessage {
	max-width: 610px;
	margin: 57px 57px 0px 57px;
}

.getStartedFormSection form .options label.cmp-form-options__label {
    color: #0a1c76;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}
.getStartedFormSection form .options label.cmp-form-options__label.highlight-label {
    color: #C53933;
}


@media only screen and (max-width: 1023px) {
    .getStartedFormSection .getStartedcontainer {
    	padding: 24px 24px 70px 24px;
	}
	.getStartedFormSection {
		max-width: 414px;
		margin: 27px auto;
        position: relative;
        padding-top: 30px;
	}
    .getStartedFormSection .requiredFieldsText {
    	position: absolute;
        right: -6px;
        top: 10px;
	}
    .getStartedFormSection form .optionswithothers label {
    	width: 100%;
		float: none;
		display: inline-block;
	}
	.plexp {
        width: 100% !important;
        float: left !important;
        padding-left: 0px;
    	left: 0px;
    }
    .optionswithothers fieldset label:last-child {
        width: auto;
        float: none;
    }
    .getStartedFormSection form .custom-error-message {
        position: relative;
        bottom: auto;
   		top: -4px;
        right: 0px;
    	text-align: right;
    	float: right;
    }
	.getStartedFormSection form .options .custom-error-message {
        position: relative;
        bottom: auto;
   		top: -4px;
        right: 0px;
    	text-align: right;
    	float: right;
    }
	.getStartedFormSection form .optionswithothers label .checkmark {
    	width: 100%;
    	height: 37px;
    }
    .getStartedFormSection form .optionswithothers label .checkmark:after {
        left: auto;
        right: 12px;
        top: 12px;
	}
	.optionswithothers fieldset label:last-child {
        width: 100%;
		float: none;
    	border-radius: 4px 4px 0px 0px;
	}
	.getStartedFormSection form .optionswithothers  label .checkmark .checkBoxLabel {
        padding: 9px 0px 0px 10px;
        display: inline-block;
    }
    .getStartedFormSection form .optionswithothers label input:checked ~ .checkmark .checkBoxLabel {
        color: #ffffff;
    }
	.getStartedFormSection form .optionswithothers label:last-child input:checked ~ .checkmark {
        border-radius: 4px 4px 0px 0px;
    }
	.getStartedFormSection .getStartedcontainer .text:last-child {
    	border: 1px solid #000;
	}
	.plexp > .cmp-form-text {
    	border: 1px solid #ddd;
        margin: 0px 7px;
        padding: 10px 0px;
        border-radius: 0px 0px 4px 4px;
    }
	.getStartedFormSection form .optionswithothers fieldset label + label input[type='radio'] {
        margin-left: -30px;
    }

}


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

}

@media only screen and (max-width: 468px) {
	.getStartedFormSection {
		margin: 27px;
	}
	.getStartedFormSection .getStartedcontainer form input[type='hidden'] + div fieldset legend {
    	padding-right: 100px;
	}
}



/* print */
@media print {

	.getStartedcontainer a[href]:after {
        content: none !important;
    }
	
}





.optionswithshowhide fieldset label { width: 25%; }

.noscriptError{
	text-align: center;
        color: #c53933;
        display: block;
        font-size: 11px;
}

.getStartedFormSection form .defaultValueStyles + fieldset{
	position: relative;
}

.getStartedFormSection form .defaultValueStyles + fieldset legend{
	padding-left : 30px;
	color: black;
    font-weight: 400;
}

.getStartedFormSection form .defaultValueStyles + fieldset label{
	position : absolute;
	top : -11px;
}
/*No page checkbox breaking in iphone issue fix*/
@media only screen and (max-width: 1023px) {
  .getStartedFormSection form .defaultValueStyles+fieldset {
     height: 20px;
  }
 .getStartedFormSection form .defaultValueStyles+fieldset label {
    width: auto;
  }
  .getStartedFormSection form .defaultValueStyles+fieldset legend {
     position: absolute;
  }
 .getStartedFormSection form .optionswithothers .defaultValueStyles+fieldset label:last-child input:checked ~ .checkmark {
    width: 22px;
    height: 22px;
    border-radius: 4px;
 }
  .getStartedFormSection form .optionswithothers .defaultValueStyles+fieldset label input:checked ~ .checkmark:after {
     top: 8px;
  }
  .getStartedFormSection form .optionswithothers .defaultValueStyles+fieldset label .checkmark {
     width: 22px;
     height: 22px;
  }
}
.getStartedFormSection form .defaultValueStyles+fieldset {
     height: 20px;
  }

  .getStartedFormSection form .defaultValueStyles+fieldset legend {
     position: absolute;
  } 
  
  /*Color contrast axe tool issue*/
  .getStartedFormSection a {
    color: #0a1c76;
	}
  
  
 /* A11y fix */
.getStartedFormSection .grecaptchaPrivacyText {
    clear: both;
}




.getStartedFormSection select.select-hidden {
  display: none;
  visibility: hidden;
}
.getStartedFormSection .selectList {
  width: 100%;
  height: 35px;
  margin-bottom: 5px;
  position: relative;
}
.getStartedFormSection .select-listed {
  background-color: #ffffff;
  padding: 8px 0px 0px 10px;
  height: 35px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.getStartedFormSection .select-listed:after {
  background: none;
  position: absolute;
  content: "";
  top: 12px;
  right: 10px;
  width: 0;
  height: 0;
  padding: 0.17em;
  border: solid #000000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.getStartedFormSection .select-listed.active:after {
  transform: rotate(225deg);
  top: 17px;
}
.getStartedFormSection .select-items,.getStartedFormSection .select-listed {
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  cursor: pointer;
}
.getStartedFormSection .select-items {
  position: absolute;
  background-color: #ffffff;
  color: #58585a;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  box-shadow: none;
  border: 1px solid #000000;
  display: none;
}
.getStartedFormSection .select-items li { 
    padding: 2px 0px 2px 10px;
}
.getStartedFormSection .select-items li:hover,
.getStartedFormSection .select-items li:focus {
	background-color: DodgerBlue;
	color: #ffffff;
}
.getStartedFormSection .select-hide {
  display: none;
}


/* disable button color contrast issue fixes */
.getStartedFormSection form .button>button[type='submit'][aria-disabled="true"] {
    background-color: #f4f4f4 !important;
	color: #6b6b6b !important;
	cursor: not-allowed;
}
.getStartedFormSection form .button>button[type='submit'][aria-disabled="true"] .arrowIcon {
    transition: none;
    top: -1px;
    transform: rotate(-45deg);
    left: 0;
    border-width: 0 2px 2px 0;
    border-style: solid;
    right: 0;
    bottom: 0;
    vertical-align: middle;
    margin-left: 12px;
    width: 5px;
    height: 5px;
    margin-right: 7px;
    border-color: #6b6b6b;
} 
.getStartedFormSection form .button>button[type='submit'][aria-disabled="true"] .arrowIcon:after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    left: -5px;
    top: -5px;
    box-shadow: 0 0 0 0.15rem #6b6b6b inset;
}

.getStartedFormSection form input[type='number'][data-hidedropdown="true"]::-webkit-outer-spin-button,
.getStartedFormSection form input[type='number'][data-hidedropdown="true"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.getStartedFormSection form input[type='number'][data-hidedropdown="true"] {
    appearance: textfield;
    margin: 0;
}

.getStartedFormSection form label {
	 max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.leadership .inner-content {
    width:100%;
    margin:10px auto;
    min-height:400px;
    padding:0 20px;
}

.leadership ul.leader-names {
    list-style-type:none;
    margin:60px 0;
    padding:0;
	display: flex;
	flex-wrap: wrap;
}

.leadership ul{
padding-left: 0px;
width: 100%;

}


.leadership ul.leader-names li {
                margin-bottom: 20px;
    cursor: pointer;
    font-size: 18px;
    color: #58585a;
    width: 50%;
    float: left;
    padding: 0px 10px 0px 10px;
   /* a11y defect fix for focus issue outline:0; */
}

.leadership ul.leader-names li.active, ul.leader-names li:hover {
    color:#4A851F;

}
.leadership ul.leader-names .desig, .leader-role {
    display:block;
    font-weight:bold;
    font-size:14px;
}

.leadership .leader-role {
                color:#4A851F;
}


.leadership .leader-details {
    padding:20px 30px;
}
.leadership .leader-name {
    display:block;
    font-size:18px;
    padding:20px 0 0 0;
    color:#2c7bbc;
}

.leadership .leader-pic img{ 
    background:#EEE;
    margin: 40px 0;
    width:100%;
    height:auto;
    overflow:hidden;
    border-radius:8px;
}

.leadership .leader-desc {
    padding-top:20px;
    display:inline-block;
    max-height: 14em;
    margin-bottom: 30px;
} 

.leader-details .viewMoreBtn, .leader-details .viewLessBtn{
    position: relative;
    width: 200px;
    height: 36px;
    margin-top: 28px;
    margin-bottom: 28px;
  }

.leader-details-wrap{
    padding:0px;
}



.linkedInImage{
    width: 36px;
    float: left;
    background: black;
    border-radius: 5px;
    position: relative;
    top: 20px;
    padding: 2px 2px 2px 2px;
}

.linkedInImage img{
  width:32px;
}



.leadership #mob-leaders {
    width:99%;
    margin-top:20px;
                font-size:18px;
}
.leadership #lbutton {
    width:100%;
    background-color:#fff;
    border:1px solid #ccc;
}

.leadership #lbutton .lbutton-name {
    float: left;
}
.leadership .dropdown-toggle::after {
    float: right;
    margin-top:10px;
}


@media only screen and (max-width: 990px) {
    .leader-details{
     min-height: auto !important;
}
}




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

    .leadership .leader-details {
    padding: 20px 15px 20px 15px;
}
     .leadership .inner-content {
        padding:0;
    }
    .leadership .leader-pic {
        margin-top:20px;
    }
    .leadership .leader-details {
        margin-top:-60px;
    }

     .leadership .open>.dropdown-menu {
                width: 100%;
                padding: 0 10px;
    }
    .leadership .open>.dropdown-menu li {
        padding:5px 0;
    }
    .leadership .leader-pic img {
    background: #EEE;
    margin: 0px 0px 40px 0px;
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 8px;
}
}


@media only screen and (min-width: 1025px) {
.leadership .leader-details {
    padding: 20px 0px 20px 30px;}
                
        }




@media only screen and (max-width: 1024px) and (min-width:992px){
.leadership .leader-details {
    margin-top: 0px;
                    }
    .leadership ul.leader-names {
    display: flex !important;
    }
    }

.leadership .leader-desc {
    padding-top: 20px;
    word-break: break-word;
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;
}

.countryselector {
    width:80%;
    margin:0 auto;
    }

.countryselector .countrylist {
     list-style-type: none;
     margin:20px 0;
     padding:0;
}

.countryselector .countrylist .countryselector-left, .countryselector .countrylist .countryselector-right {
     list-style-type: none;
     padding:0;
}

.countryselector .countrylist .countryselector-left {
	width: 50%;
    float: left; 
}

.countryselector .countrylist .countryselector-right {
	width: 50%;
    float: right;    
}

.countryselector .countrylist .lang a.langname {
    text-decoration: none;
}

.countryselector .countrylist .lang a.langname:hover {
    text-decoration: underline;
}

.countryselector .countrylist .countryname {
    display:inline-block;
    font-weight: bold;
    margin-left:35px;
    min-width: 150px;
}
.countryselector .countrylist img {
    height:45px;
    width:65px;
    display:inline-block;
    margin-right:20px;
    background-color:#666; 
}

.countryselector .countrylist li {
    padding-bottom:20px;
    width:100%;
    float:left;
}

.countryselector .countrylist .lang a {
    color:#4a851f;
}
.countryselector .countrylist .lang .sep {
    padding:0 10px;
    }
.countryselector .countrylist .lang, .countryselector .countrylist .countryname {
    margin-top:0px;
}

.countrydetail {
	font-size: 18px;
}

.countryselector .countrylist .countryselector-left ul, .countryselector .countrylist .countryselector-right ul{
    list-style-type: none;
}

@media only screen and (max-width: 1024px) {
    .countryselector .countrylist li {
        width:100%;
    }
    .countryselector .countrylist .countryselector-left, .countryselector .countrylist .countryselector-right {
        width:100%!important;
    }
    .countryselector .countrylist .countryname {
    	margin:0px;
    	margin-left: 30px;

    }

     .countryselector .countrylist .lang{
         margin:0px;
	}
}

@media only screen and (max-width: 768px) {
    .countryselector .countrylist .lang, .countryselector .countrylist .countryname {
    	 width:100%;
		 margin-left: 60px;
        }

        .countryselector h3 {
			text-align: center;
        }
} 

 @media (max-width: 575.98px) {
	  .countryselector .countrylist .lang, .countryselector .countrylist .countryname {
    	 width:100%;
         margin-left: 16px;
        }
}


/* global map css used on About Us page */


.globalMap {
    width:100%;
    }

	.globalMap .menu h4 {
		display: none;
	}

	 .globalMap {
		 max-width: 1200px;
    	 position: relative;
   		 padding-bottom: 20px;
    	 margin: 0 auto;
	}

	.globalMap img {
		width:100%;
		height:auto;
	}
	.globalMap .menu {
		background-color:#4D94C6;
		padding:20px;
		width:300px;
		position:absolute;
		top:0;
		right:0;
	}
	.globalMap .menu ul {
		list-style-type:none;
		margin:0;
		padding: 0;
	}
	.globalMap .menu ul li {
		padding: 3px 5px 3px 15px;
        font-size: 16px;
	}
	.globalMap .menu ul li a {
		color: #fff;
		text-decoration:none;
		display: block;
		padding: 2px;
	}
	.globalMap .menu ul li a.active {
		background-color: #fff;
		color:#000;
	}


	.globalPresencePopup {
		background: rgba(0,0,1,0.75) !important;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-ms-border-radius: 2px;
		-o-border-radius: 2px;
		border-radius: 2px;
		border: 0 !important;
		
	}
	.globalPresencePopup .qtip-content {
		color: #fff;
		text-align: center;
	}
	.qtip-content {
		position: relative;
		padding: 5px 9px;
		overflow: hidden;
		text-align: left;
		word-wrap: break-word;
	}
	
	.qtip {
		font-size:14px!important;
		margin-top:-12px;
	}

circle{
cursor:pointer;}
@media only screen and (max-width: 992px) {
	.globalMap .menu {
		width:90%;
        position: relative;
		margin:20px;
    }
	.globalMap img {
		width:100%;
		}
     .globalMap .menu ul li {
		padding: 3px 5px 3px 15px;
        font-size: 20px;
	}
}

@media only screen and (min-width: 993px) and (max-width:1100px) {

.globalMap {
		 max-width: 1200px;
    	 position: relative;
   		 padding-bottom: 60px;
    	 margin: 0 auto;
	}
	.globalMap .menu {
		right: 20px;
	}
	.globalMap .menu ul li {
		line-height: 18px;
	}
}


@media only screen and (min-width: 568px) and (max-width:992px) {

.globalMap .menu {
		width:95%;
        position: relative;
		margin:20px;
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .globalMap svg {
        height:600px !important;
   }
} 
/* global map css used on About Us page */
#qtip-overlay.blurs,.qtip-close{cursor:pointer}.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:10.5px;line-height:12px;direction:ltr;box-shadow:none;padding:0}.qtip-content,.qtip-titlebar{position:relative;overflow:hidden}.qtip-content{padding:5px 9px;text-align:left;word-wrap:break-word}.qtip-titlebar{padding:5px 35px 5px 10px;border-width:0 0 1px;font-weight:700}.qtip-titlebar+.qtip-content{border-top-width:0!important}.qtip-close{position:absolute;right:-9px;top:-9px;z-index:11;outline:0;border:1px solid transparent}.qtip-titlebar .qtip-close{right:4px;top:50%;margin-top:-9px}* html .qtip-titlebar .qtip-close{top:16px}.qtip-icon .ui-icon,.qtip-titlebar .ui-icon{display:block;text-indent:-1000em;direction:ltr}.qtip-icon,.qtip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}.qtip-icon .ui-icon{width:18px;height:14px;line-height:14px;text-align:center;text-indent:0;font:normal 700 10px/13px Tahoma,sans-serif;color:inherit;background:-100em -100em no-repeat}.qtip-default{border:1px solid #F1D031;background-color:#FFFFA3;color:#555}.qtip-default .qtip-titlebar{background-color:#FFEF93}.qtip-default .qtip-icon{border-color:#CCC;background:#F1F1F1;color:#777}.qtip-default .qtip-titlebar .qtip-close{border-color:#AAA;color:#111}.qtip-light{background-color:#fff;border-color:#E2E2E2;color:#454545}.qtip-light .qtip-titlebar{background-color:#f1f1f1}.qtip-dark{background-color:#505050;border-color:#303030;color:#f3f3f3}.qtip-dark .qtip-titlebar{background-color:#404040}.qtip-dark .qtip-icon{border-color:#444}.qtip-dark .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-cream{background-color:#FBF7AA;border-color:#F9E98E;color:#A27D35}.qtip-red,.qtip-red .qtip-icon,.qtip-red .qtip-titlebar .ui-state-hover{border-color:#D95252}.qtip-cream .qtip-titlebar{background-color:#F0DE7D}.qtip-cream .qtip-close .qtip-icon{background-position:-82px 0}.qtip-red{background-color:#F78B83;color:#912323}.qtip-red .qtip-titlebar{background-color:#F06D65}.qtip-red .qtip-close .qtip-icon{background-position:-102px 0}.qtip-green{background-color:#CAED9E;border-color:#90D93F;color:#3F6219}.qtip-green .qtip-titlebar{background-color:#B0DE78}.qtip-green .qtip-close .qtip-icon{background-position:-42px 0}.qtip-blue{background-color:#E5F6FE;border-color:#ADD9ED;color:#5E99BD}.qtip-blue .qtip-titlebar{background-color:#D0E9F5}.qtip-blue .qtip-close .qtip-icon{background-position:-2px 0}.qtip-shadow{-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);box-shadow:1px 1px 3px 1px rgba(0,0,0,.15)}.qtip-bootstrap,.qtip-rounded,.qtip-tipsy{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.qtip-rounded .qtip-titlebar{-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.qtip-youtube{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;box-shadow:0 0 3px #333;color:#fff;border:0 solid transparent;background:#4A4A4A;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,#000));background-image:-webkit-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-moz-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-ms-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-o-linear-gradient(top,#4A4A4A 0,#000 100%)}.qtip-youtube .qtip-titlebar{background-color:#4A4A4A;background-color:rgba(0,0,0,0)}.qtip-youtube .qtip-content{padding:.75em;font:12px arial,sans-serif;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);"}.qtip-youtube .qtip-icon{border-color:#222}.qtip-youtube .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-jtools{background:#232323;background:rgba(0,0,0,.7);background-image:-webkit-gradient(linear,left top,left bottom,from(#717171),to(#232323));background-image:-moz-linear-gradient(top,#717171,#232323);background-image:-webkit-linear-gradient(top,#717171,#232323);background-image:-ms-linear-gradient(top,#717171,#232323);background-image:-o-linear-gradient(top,#717171,#232323);border:2px solid #ddd;border:2px solid rgba(241,241,241,1);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 12px #333;-moz-box-shadow:0 0 12px #333;box-shadow:0 0 12px #333}.qtip-jtools .qtip-titlebar{background-color:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"}.qtip-jtools .qtip-content{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"}.qtip-jtools .qtip-content,.qtip-jtools .qtip-titlebar{background:0 0;color:#fff;border:0 dashed transparent}.qtip-jtools .qtip-icon{border-color:#555}.qtip-jtools .qtip-titlebar .ui-state-hover{border-color:#333}.qtip-cluetip{-webkit-box-shadow:4px 4px 5px rgba(0,0,0,.4);-moz-box-shadow:4px 4px 5px rgba(0,0,0,.4);box-shadow:4px 4px 5px rgba(0,0,0,.4);background-color:#D9D9C2;color:#111;border:0 dashed transparent}.qtip-cluetip .qtip-titlebar{background-color:#87876A;color:#fff;border:0 dashed transparent}.qtip-cluetip .qtip-icon{border-color:#808064}.qtip-cluetip .qtip-titlebar .ui-state-hover{border-color:#696952;color:#696952}.qtip-tipsy{background:#000;background:rgba(0,0,0,.87);color:#fff;border:0 solid transparent;font-size:11px;font-family:'Lucida Grande',sans-serif;font-weight:700;line-height:16px;text-shadow:0 1px #000}.qtip-tipsy .qtip-titlebar{padding:6px 35px 0 10px;background-color:transparent}.qtip-tipsy .qtip-content{padding:6px 10px}.qtip-tipsy .qtip-icon{border-color:#222;text-shadow:none}.qtip-tipsy .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-tipped{border:3px solid #959FA9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#F9F9F9;color:#454545;font-weight:400;font-family:serif}.qtip-tipped .qtip-titlebar{border-bottom-width:0;color:#fff;background:#3A79B8;background-image:-webkit-gradient(linear,left top,left bottom,from(#3A79B8),to(#2E629D));background-image:-webkit-linear-gradient(top,#3A79B8,#2E629D);background-image:-moz-linear-gradient(top,#3A79B8,#2E629D);background-image:-ms-linear-gradient(top,#3A79B8,#2E629D);background-image:-o-linear-gradient(top,#3A79B8,#2E629D);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"}.qtip-tipped .qtip-icon{border:2px solid #285589;background:#285589}.qtip-tipped .qtip-icon .ui-icon{background-color:#FBFBFB;color:#555}.qtip-bootstrap{font-size:14px;line-height:20px;color:#333;padding:1px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.qtip-bootstrap .qtip-titlebar{padding:8px 14px;margin:0;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.qtip-bootstrap .qtip-titlebar .qtip-close{right:11px;top:45%;border-style:none}.qtip-bootstrap .qtip-content{padding:9px 14px}.qtip-bootstrap .qtip-icon{background:0 0}.qtip-bootstrap .qtip-icon .ui-icon{width:auto;height:auto;float:right;font-size:20px;font-weight:700;line-height:18px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}#qtip-overlay,#qtip-overlay div{left:0;top:0;width:100%;height:100%}.qtip-bootstrap .qtip-icon .ui-icon:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}.qtip:not(.ie9haxors) div.qtip-content,.qtip:not(.ie9haxors) div.qtip-titlebar{filter:none;-ms-filter:none}.qtip .qtip-tip{margin:0 auto;overflow:hidden;z-index:10}.qtip .qtip-tip,x:-o-prefocus{visibility:hidden}.qtip .qtip-tip,.qtip .qtip-tip .qtip-vml,.qtip .qtip-tip canvas{position:absolute;color:#123456;background:0 0;border:0 dashed transparent}.qtip .qtip-tip canvas{top:0;left:0}.qtip .qtip-tip .qtip-vml{behavior:url(../components/content/globalmap/clientlibs/site/css/#default#VML);display:inline-block;visibility:visible}#qtip-overlay{position:fixed}#qtip-overlay div{position:absolute;background-color:#000;opacity:.7;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"}.qtipmodal-ie6fix{position:absolute!important}
.twoColumn {
    margin:20px auto;
}
.twoColumn .row {
    padding: 0 0 100px 0;
    position:relative;
}

.twoColumn .col1, .twoColumn .col2 {
    margin: 0 auto;
    max-width:396px;
}

.twoColumn .col1.txtBox, .twoColumn .col2.txtBox { 
    text-align: center;
    padding:20px;
}
.twoColumn img {
    width:100%;
    height:auto;
    border-radius:5px;
}

.twoColumn .bgVerLine {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNsbu6tBwAFOAIUGq41zwAAAABJRU5ErkJggg==) repeat-y center;
    left:50%;
    right:50%;
}
.twoColumn .row:last-child {
    padding-bottom:0;
            }

.twoColumn .indicator {
    height:13px;
    width:13px;
    display:block;
    position:absolute;
    top:50%;
    left:99%;
    border-radius:8px;
    margin-top: -6px;
    filter: blur(1px);
  	-webkit-filter: blur(1px);
	-ms-filter:blur(1px);
}
.twoColumn [imagepos="right"] .indicator {
    left: -6px;

}
.twoColumn .indicator.blue {
    background-color:#2C7BBC;
}

.twoColumn .indicator.green {
    background-color:#4a851f;
}

.twoColumn .col1.textImageBoxShadow .textContainer p {
        word-wrap: break-word;
 }

.twoColumn.bgVerLine:after{
   content: none;
 }   




@media only screen and (max-width: 991px) {
    .altRow {
        display:flex;
        flex-flow:column;
    }

	.twoColumn .col1, .twoColumn .col2 {
    	max-width:362px;
    }
    .altRow div:nth-child(1) {
        order:2;
    }
    .altRow div:nth-child(1) {
    	order:1;
	} 

    .twoColumn .col1.txtBox, .twoColumn .col2.txtBox {
    	margin: 0 20px;
    }
    .twoColumn .col1.imgBox, .twoColumn .col2.imgBox {
    	margin: 0 20px;
    	padding:0;
    }

	.twoColumn {
    	padding:0 10px;
    	width:100%;
    }

    .twoColumn .leftCol, .twoColumn .rightCol {
        padding: 0;
    }

	.twoColumn .row {
    	margin-bottom: 50px;
    	padding: 0;
    }
	.twoColumn .indicator {
    	display:none;
    }

}  

@media only screen and (max-width: 1023px) {
    .twoColumn .col1, .twoColumn .col2 {
    	max-width: none;
     }
} 

        /*
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .twoColumn .indicator {
	 	left:49.3%;
    	right:49.3%;
 	}

}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .twoColumn .indicator {
	 	left:49.65%;
 	}
}*/

.collapsibleContent{
    margin-top:15px;
}
.sitemapinnerList a{
    color:#333;
    font-size:18px;      
    text-decoration: none;
}  
.sitemapinnerList a:focus, 
.sitemapinnerList a:hover
{
   text-decoration: underline;
}  

.sitemapInnercontent .sitelistHeading a:hover, .customPages .customPages--heading a:hover, .includeRootPage .includeRootPage--heading a:hover{
   text-decoration: none;
}  

.sitemapInnercontent .faq-accordion--toggle::before{
   left: 4px;
   width: 52px;
}
.sitemapInnercontent .faq-accordion--icon{
    position: relative;
    float: left;
}   
.sitemapInnercontent .faq-accordion--heading{
   width: 80%;
   padding-left: 0;             
}
.sitemapInnercontent .faq-accordion--toggle{
   float: left;
   width: 58px;
   min-height: 30px;                     
}       
.sitemapInnercontent button.faq-accordion--toggle.removeBorder::before{
    outline:none;
}
.includeRootPage, .customPages{
	border-bottom: 1px solid #B8B8B8;
    margin: 30px 0 0 0;
    padding: 0 0 10px 0;
    list-style-type: none;
}
.customSitemapContent{
	padding-left: 15px;
}
.customSitemapContent:last-child .customPages{
	border-bottom: none;
}
h3.includeRootPage--heading, h3.customPages--heading{
    padding-left: 58px;
}


.sitemapInnercontent .faq-accordion--heading .sitelistHeading > a{
text-decoration: none;
}
.gatedForm {
	padding:  40px 20px;
}
.gatedForm label {
    color: #0A1C76;
    margin: 0px;
	display: block;
    margin: 0px;
}
.gatedForm input[type='text'] {
    width: 100%;
    height: 35px;
    margin-bottom: 5px;
    border: 1px solid #dddddd;
    border-radius: 4px;
    padding: 0px 10px;
    font-size: 15px;
	max-width: 340px;
}
.gatedForm button {
    min-width: 100px;
    height: 40px;
    background-color: #4a851f;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    border: none;
    border-radius: 4px;
    margin-top: 10px;
    padding-left: 16px;
}
.gatedForm button .ctaIcon {
    display: inline-block;
    position: relative;
    top: 2px;
    margin-left: 4px;
    width: 32px;
    height: 16px;
    background: url(../components/content/gated/clientlibs/resources/circleWhiteArrowRight.svg) no-repeat 0 0;
    transition: 0.45s;
    transition-timing-function: linear;
}
.gatedForm button:hover .ctaIcon {
    background-position-x: 8px;
}
.gatedForm .text {
    position: relative;
}
.gatedForm .custom-error-message {
    display: block;
    font-size: 11px;
    line-height: 15px;
    color: #c53933;
}
.gatedForm .submitErrorMes {
    text-align: left;
}
.gatedForm .cmp-form-text {
    position: relative;
}



@media only screen and (max-width: 767px) {
	.gatedForm {
    	padding: 30px 0px;
	}
	.gatedForm button {
        margin-top: 15px;
	}
}
.decisionTree{
    margin: 0 auto;
	text-align: center;
}

.decisionTree .decisionTreeComp .dialogBox .dialogQuestion .qimage,
.decisionTree .decisionTree-author .dialogBox .dialogQuestion .qimage {
	background: #fff url('../components/content/decisionTree/clientlibs/site/resources/qicon.png') center no-repeat;
    width: 25px;
    height: 25px;
    border-radius: 50%;
	margin-right: 5px;
    display: inline-block;
    float:left;
    background-size: 80%;
}
.decisionTree .decisionTreeComp,
.decisionTree .decisionTree-author {
    max-width: 1000px;
	background-color: #fff;
	margin: 0 auto;
	text-align: center;
    padding-bottom: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.decisionTree .decisionTreeComp p {
        margin: 0px;
}
.decisionTree .decisionTreeComp .dialogBox {
    display: none;
}
.decisionTree .dialogBox:first-of-type {
    display: block;
}
.decisionTree .dialogBox .dialogQuestion {
    background-color: #5b9bd5;
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    min-height: 35px;
	padding: 10px 20px 10px;
	color: #ffffff;
}
.decisionTree .dialogBox .dialogQuestion > p {
	color: #ffffff;
	font-size: 18px;
    margin-bottom: 0px;
}
.decisionTree .dialogBox .dialogQuestion .qIcon {
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 50%;
    padding: 5px;
	margin-right: 5px;
	float:left;
}
.decisionTree .dialogBox .dialogQuestion .qIcon  > img {
    width: 15px;
    height: 15px;
    float: left;
}
.decisionTree .dialogBox .dialogConfirmation {
    padding: 20px 0px;
}
.decisionTree .dialogBox .dialogCancellation {
    padding: 10px 40px 20px;
    display: none;
}
.decisionTree .dialogBox .dialogCancellation > p {
    color: #58585a;
	font-size: 18px;
}


.decisionTree .dialogBox .dialogConfirmation > button {
    display: inline-block;
    background: #4a851f;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    padding: 5px 30px;
    border: 0;
    border-radius: 4px;
    margin: 0px 2%;
    height: 40px;
}
.decisionTree .dialogBox .dialogConfirmation > a {
    display: inline-block;
    background: #4a851f;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    padding: 8px 30px;
    border: 0;
    border-radius: 4px;
    margin: 0px 2%;
    height: 40px;
}
.decisionTree .dialogBox .dialogConfirmation .btn-no {
    display: inline-block;
    background: #4a851f;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    padding: 5px 20px;
    border: 0;
    border-radius: 4px;
    margin: 0px 10px;
}
.decisionTree .dialogBox .dialogConfirmation .btn-applyNow {
    width: 182px;
    height: 40px;
    display: inline-block;
    background: #4a851f;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    padding: 5px 0px;
    border: 0;
    border-radius: 4px;
    margin: 0px 10px;
	padding-left: 16px;
}
.decisionTree .dialogBox .dialogConfirmation .btn-applyNow .ctaIcon {
    width: 182px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-left: 4px;
    width: 32px;
    height: 16px;
    transition: 0.45s;
    transition-timing-function: linear;
    background: url("../components/content/decisionTree/clientlibs/site/resources/Icon-Circle-Arrow-Right_White.svg") left no-repeat;
}
.decisionTree .dialogBox .dialogConfirmation .btn-applyNow:hover .ctaIcon {
    background-position-x: 8px;
}

.decisionTree .dialogBox .dialogConfirmation button:disabled, .decisionTree .dialogBox .dialogConfirmation button[disabled] {
    background-color: #dee2e1 !important;
    color: #666;
}

.childDecision, .childDecision, .textField {
	display: none; 
}
@media screen and (min-width: 1024px){
	
	.decisionTree .dialogBox .dialogConfirmation>button {
		min-width: 182px;
	}
     .decisionTree .dialogBox .dialogConfirmation>a {
		min-width: 182px;
	} 
	
}
.header {
       position: relative;
}

.universalHeader {
       position: relative;
       top: 0px;
       left: 0px;
       width: 100%;
       -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
       -webkit-box-shadow: 0px 3x 6px rgba(0, 0, 0, .15);
       box-shadow: 00px 3px 6px rgba(0, 0, 0, .15);
}

.universalHeader .container-fluid {
       position: relative;
       padding-left: 57px;
       padding-right: 57px;
}


.universalHeader a[id]:before {
       display: block;
       content: " ";
       margin-top: -75px;
       height: 75px;
       visibility: hidden;
}

.xf-content-height {
       margin: 0px 0px !important;
       min-height: 0px !important;
}


.universalHeader.stickyheader .headerBar {
       position: fixed !important;
       top: 0px;
}

.universalHeader .headerBar {
       background-color: #222224;
       padding: 12px 0px;
       max-height: 50px;
       position: absolute;
       top: -50px;
       left: 0px;
       right: 0px;
       z-index: 2;


}

.elavonLogo a {
       margin-right: 5px;
       margin-left: 10px;
       margin-top: 10px;
       float: left;
}


.elavonLogo .middle_line {
       width: 1px;
       height: 34px;
       position: relative;
       top: 22px;
       background: gray;
       float: left;
}

.universalHeader .headerBar .headerRight {
       float: right;
}

.universalHeader .headerBar .searchBar {
       float: left;
       width: 190px;
       height: 26px;
       border-radius: 4px;
       background-color: #ffffff;
       margin: 0px 10px 0px 0px;
}

.universalHeader .headerBar .searchBar .searchIcon {
       float: left;
       width: 14px;
       height: 14px;
       display: inline-block;
       margin: 5px 10px 0px 10px;
       background: url("../components/content/partnerheader/clientlibs/site/resources/Icon-Search.svg") no-repeat 0 0;
}

.universalHeader .headerBar .searchBar>input[data-type='search'],
.universalHeader .headerBar .searchBar>input[type='search'] {
       float: left;
       border: none;
       font-size: 12px;
       font-weight: normal;
       color: #58585a;
       background: transparent;
       height: 26px;
       outline: none;
       padding: 0px;
       width: 82%;
}

.universalHeader .headerBar .searchBar>#searchText::-webkit-search-cancel-button{  
    display: none;
}

@media (max-width: 1024px) {
    .universalHeader .headerBar .searchBar>#searchText::-webkit-search-cancel-button {
        display: none;
    }
}
 
@media (max-width: 767px) {
    .universalHeader .headerBar .searchBar>#searchText::-webkit-search-cancel-button {
        display: none;
    }
}
 
.universalHeader .headerBar .currentLocation {
       float: left;
       margin: 1px 0px 0px 10px;
}

.universalHeader .headerBar .currentLocation>a {
       display: block;
       text-decoration: none;
       color: #ffffff;
        font-size: 14px;
}

.universalHeader .headerBar .currentLocation>a:hover {
       text-decoration: underline;
       color: #bdc6c4;
}

.universalHeader .headerBar .currentLocation .locationFlag {
       display: block;
       width: 17px;
       height: 17px;
       float: left;
}

.universalHeader .headerBar .currentLocation .locationFlag>img {
       width: 100%;
       height: auto;
}

.universalHeader .headerBar .currentLocation .locationName {
       display: block;
       float: left;
       margin-left: 7px;
       margin-top: 1px;
       color: #ffffff;
}


.universalHeader .headerBar .secondaryNav {
       padding: 0px;
       float: right;
       margin-right: 20px;
}

.universalHeader .headerBar .secondaryNav>ul {
       margin: 0px;
       padding: 0px;
}

.universalHeader .headerBar .secondaryNav>ul>li {
       display: inline-block;
       margin: 0px;
       padding: 0px 10px;
}

.universalHeader .headerBar .secondaryNav>ul>li>a {
       font-size: 12px;
       color: #ffffff;
       line-height: 26px;
       font-weight: 500;
       text-decoration: none;
}

.universalHeader .headerBar .secondaryNav>ul>li>a:hover {
       text-decoration: underline;
       color: #bdc6c4;
}

.universalHeader.stickyheader .brandingBar {
       position: fixed !important;
       width: 100%;
       top: 0;
}

.universalHeader .brandingBar {
       background-color: #ffffff;
       padding: 0px;
       height: 74px;
       margin-top: 50px;
       position: relative;
       z-index: 2;
}


.universalHeader .brandingBar .elavonLogo {
       position: absolute;
       left: 57px;
}

.universalHeader .brandingBar .elavonLogo>a>img,
.universalHeader .brandingBar .elavonLogo .speedbump>a>img {
       max-width: 300px;
       max-height: 50px;
}

.universalHeader .brandingBar .primaryNav {
       transform: translateX(-50%);
       position: absolute;
       top: 27px;
       left: 50%;
}

.universalHeader .brandingBar .primaryNav>ul {
       margin: 0px;
       padding: 0px;
}

.universalHeader .brandingBar .primaryNav>ul>li {
       display: inline-block;
       margin: 0px;
       padding: 0px 14px;
       position: relative;
}

.universalHeader .brandingBar .primaryNav>ul>li>a {
       font-size: 16px;
       color: #58585a;
       border-bottom: 2px solid transparent;
       text-decoration: none;
       font-weight: 500;
       transition: border-bottom 0.5s;
}

.universalHeader .brandingBar .primaryNav>ul>li>a:hover {
       text-decoration: none;
       border-bottom: 2px solid #4a851f;
       color: #4a851f;
}

.universalHeader .brandingBar .primaryNav>ul>li.open>a {
       text-decoration: none;
       color: #4a851f;
}

.universalHeader .brandingBar .primaryNav>ul>li>a.active {
       text-decoration: none;
       border-bottom: 2px solid #4a851f;
       color: #4a851f;
}

.universalHeader .brandingBar .primaryNav>ul>li>.navIcon {
       width: 12px;
       height: 12px;
       background: url("../components/content/partnerheader/clientlibs/site/resources/Icon-Arrow-Down.svg") no-repeat 0 0;
       display: inline-block;
       margin-left: 2px;
       position: relative;
       top: 4px;
       cursor: pointer;
}

.universalHeader .brandingBar .primaryNav>ul>li.open>.navIcon {
       transform: rotate(180deg);
       top: -1px;
       position: relative;
}

.universalHeader .brandingBar .primaryNav>ul>li.open::after {
       content: '';
       position: absolute;
       left: 50%;
       bottom: -25px;
       width: 0;
       height: 0;
       border-left: 12px solid transparent;
       border-right: 12px solid transparent;
       border-bottom: 12px solid #bec9c5;
       clear: both;
       margin-left: -20px;
       margin-top: -20px;
}
.universalHeader.ccpNewprimarynav .brandingBar .primaryNav>ul>li.open::after {
       display: none;
       
}
.universalHeader .brandingBar .primaryNav>ul>li.open a:focus {
       border: 2px solid #a5c7fe;
}

.universalHeader .brandingBar .getStartedCTA {
       position: absolute;
       right: 57px;
       top: 17px;
}

.universalHeader .brandingBar .getStartedCTA>a {
       min-width: 145px;
       height: 40px;
       background-color: #4a851f;
       color: #ffffff;
       font-size: 16px;
       font-weight: 500;
       border: none;
       border-radius: 4px;
       display: inline-block;
       line-height: 40px;
       text-align: center;
       text-decoration: none;
       cursor: pointer;
       padding-left: 16px;
}

/* For NewmegaMenu */
.ccpNewprimarynav.universalHeader .brandingBar .getStartedCTA>a {
       min-width: 123px;   
}

/* For NewmegaMenu */
.ccpNewprimarynav.universalHeader .brandingBar .getStartedCTA>a {
       background-color: #007CBE !important;
       padding-left: 0; 
       color: #ffffff;
       border-radius: 4px;

}
/* For NewmegaMenu */
.ccpNewprimarynav.universalHeader .brandingBar .getStartedCTA>a .ctaIcon {
       display: none;
}

.universalHeader .brandingBar .getStartedCTA>a .ctaIcon {
       display: inline-block;
       position: relative;
       top: 3px;
       margin-left: 4px;
       width: 32px;
       height: 16px;
       background: url("../components/content/partnerheader/clientlibs/site/resources/Icon-Circle-Arrow-Right_White.svg") no-repeat 0 0;
       transition: 0.45s;
       transition-timing-function: linear;
}

.universalHeader .brandingBar .getStartedCTA>a:hover .ctaIcon {
       background-position-x: 8px;
}


.megaMenu {
       position: absolute;
       background-color: #ffffff;
       border-top: 8px solid #bec9c5;
       top: 74px;
       left: 0px;
       right: 0px;
       display: none;
       z-index: 99;
}

.megaMenu .megaMenuContent {
       width: 70%;
       float: left;
       padding-left: 57px;
}

.megaMenu .megaMenuAsideContent {
       width: 30%;
       float: right;
}

.megaMenu .megaMenuContent p {
       margin-bottom: 15px;
}

.megaMenu .megaMenuContent .megaMenuColumn {
       padding-top: 30px;
       padding-bottom: 30px;
}

/* For NewmegaMenu Dropdown*/
.megaMenu .megaMenuContent .megaMenuWithNoDesc {
       width: 230px;
}

.megaMenu .megaMenuContent ul.mainList {
       margin: 0px;
       padding: 0px;
       list-style-type: none;
}

.megaMenu .megaMenuContent ul.mainList>li {
       margin: 0px;
}

/* For NewmegaMenu Dropdown*/
.megaMenu .megaMenuContent ul.mainList>li .megaMenuWithNoDesc {
       margin: 0px;
       padding: 12px 16px 12px 16px
}

.megaMenu .megaMenuContent ul.mainList>li a {
       color: #4a851f;
       text-decoration: none;
}

.megaMenu .megaMenuContent ul.mainList>li a h3 {
       color: #4a851f;
       text-decoration: none;
}

.megaMenu .megaMenuContent ul.mainList>li a:hover {
       text-decoration: none;
}

.megaMenu .megaMenuContent ul.mainList>li h3 {
       margin: 0px;
       padding: 0px;
       font-size: 24px;
       margin-bottom: 10px;
       padding-right: 30px;
}

/* For NewmegaMenu Dropdown*/
.megaMenu .megaMenuContent ul.mainList>li .megaMenuWithNoDesc h3 {
       color: #2C2C2C;
       margin: 0;
       font-size: 16px;
       font-weight: 400;
       line-height: 24px;
       padding-right: 0;

}

.megaMenu .megaMenuContent ul.mainList>li .megaMenuWithNoDesc h3:hover {
       color: #007CBE;
       text-decoration: underline;
}

.megaMenu .megaMenuContent ul.mainList>li.blueBg .megaMenuWithNoDesc h3:hover {
       text-decoration: none;
       color: #ffffff;
}
.megaMenu .megaMenuContent ul.mainList>li h3 .headingArrow {
       display: inline-block;
       width: 20px;
       height: 20px;
       background: url("../components/content/partnerheader/clientlibs/site/resources/Icon-Circle-Arrow-Right_Green.svg") no-repeat 0 0;
       margin-left: 5px;
       position: relative;
       top: 2px;
}

/* For NewmegaMenu Dropdown*/
.megaMenu .megaMenuContent ul.mainList>li .megaMenuWithNoDesc h3 .headingArrow {
       display: none;

}

/* For Arrow Icon TernaryNav Desktop */
.megaMenu .megaMenuContent ul.mainList>li .megaMenuWithNoDesc a .headingArrow{
       display: inline-block;
       background: url(../components/content/partnerheader/clientlibs/site/resources/New-ArrowIconGrey.svg) no-repeat 0 0;
       width: 20px;
       height: 20px;
       position: relative;
       top: 2px;
       float: right;

}

/* For NewmegaMenu Dropdown*/
.megaMenu .megaMenuContent ul.mainList>li.blueBg .megaMenuWithNoDesc a .headingArrow{
       display: inline-block;
       background: url(../components/content/partnerheader/clientlibs/site/resources/New-ArrowIcon.png) no-repeat 0 0;
       width: 20px;
       height: 20px;
       position: relative;
       top: 2px;
       float: right;

}

/* For NewmegaMenu Dropdown*/
.megaMenu .megaMenuContent ul.mainList>li .megaMenuWithNoDesc h3 .headingArrow {
       display: none;
 }

/* For Arrow Icon TernaryNav Desktop */
 .megaMenu .megaMenuContent ul.mainList>li .megaMenuWithNoDesc h3 .headingArrow.subListArrow {
       display: block;
 }

 /* For NewmegaMenu Dropdown*/
.megaMenu .megaMenuContent ul.mainList>li.blueBg .megaMenuWithNoDesc h3 .headingArrow {
       display: block;
 }
 
/* For Arrow Icon TernaryNav Desktop */
.megaMenu .megaMenuContent ul.mainList>li.blueBg .megaMenuWithNoDesc h3 .headingArrow.subListArrow {
        display: block;
  }

.megaMenu .megaMenuContent .mainListDivider {
       width: 95%;
       height: 1px;
       border-top: 1px solid #bdc6c4;
       clear: both;
       margin: 0px 10px
}

/* For NewmegaMenu Dropdown*/
.megaMenu .megaMenuContent .noBorder {
       border: none !important;

}

.megaMenu .megaMenuContent ul.subList {
       margin: 0px;
       padding: 0px;
       list-style-type: none;
}

.megaMenu .megaMenuContent ul.subList>li {
       margin: 0px;
       padding: 0px;
       line-height: 28px;
}

.megaMenu .megaMenuContent ul.subList>li a {
       color: #4a851f;
       text-decoration: none;
}

.megaMenu .megaMenuContent ul.subList>li a:hover {
       text-decoration: none;
}

.ccpNewprimarynav .megaMenu .megaMenuContent ul.subList>li a:hover {
       text-decoration: underline;
       color: #007CBE;
}

.megaMenu .megaMenuContent ul.subList>li>.linkArrow {
       display: inline-block;
       width: 20px;
       height: 20px;
       position: relative;
       top: 6px;
       background: url("../components/content/partnerheader/clientlibs/site/resources/Icon-Arrow-Right_Green.svg") no-repeat 0 0;
}

.ccpNewprimarynav .megaMenu .megaMenuContent ul.subList {
	display: none;
}


/* For NewmegaMenu Dropdown*/
.megaMenu .megaMenuContent .megaMenuWithNoDesc ul.subList>li>.linkArrow {
       display: none;
}

.megaMenu .asideColumn {
       background-color: #f7f7f7;
       padding-top: 0px;
}

.megaMenu .asideColumn .magaMenuPromoBanner {
       min-height: 270px;
}

.megaMenu .asideColumn .magaMenuPromoBanner>img {
       width: 100%;
}

.megaMenu .megaMenuAsideContent ul.asideList {
       margin: 0px;
       padding: 25px 0px 25px 25px;
       list-style-type: none;
}

.megaMenu .megaMenuAsideContent ul.asideList>li {
       margin: 0px;
       padding: 0px;
       line-height: 40px;
}

.megaMenu .megaMenuAsideContent ul.asideList>li a {
       color: #4a851f;
       text-decoration: none;
       font-size:14px;
}

.megaMenu .megaMenuAsideContent ul.asideList>li a:hover {
       text-decoration: underline;
}

.megaMenu .megaMenuAsideContent ul.asideList>li>.asideArrow {
       display: inline-block;
       width: 20px;
       height: 20px;
       background: url("../components/content/partnerheader/clientlibs/site/resources/Icon-Arrow-Right_Green.svg") no-repeat 0 0;
       position: relative;
       top: 6px;
}

.onlyMobile {
       display: none !important;
}

.onlyDesktop {
       display: block !important;
}

.dipalyNone {
       display: none !important;
}

.universalMegaMenuMask {
       position: fixed;
       top: 0;
       bottom: 0;
       right: 0;
       left: 0;
       z-index: 2;
       background-color: rgba(0, 0, 0, 0.8);
       display: none;
}

.megaMenu .megaMenuContent.fullWidthRail {
       width: 100%;
}

.megaMenu .fullWidthRail .megaMenuColumn {
       width: 340px;
}


.onlyMobile {
       display: none;
}

.universalHeader .brandingBar .getStartedCTA.applyNow {
       right: 215px;
}

@media only screen and (max-width: 1199px) {
       .universalHeader .brandingBar .primaryNav {
              left: 47%;
       }
}

@media only screen and (max-width: 1024px) {
       .universalHeader .brandingBar .primaryNav {
              left: 160px;
              transform: translateX(0%);
       }
}

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


       .onlyMobile {
              display: block;
       }

       .onlyDesktop {
              display: none;
       }

       .universalMobileMenuMask {
              position: fixed;
              top: 0px;
              bottom: 0px;
              left: 0px;
              right: 0px;
              display: none;
       }

       .universalMobileMenuBg {
              position: fixed;
              top: 0px;
              bottom: 0px;
              width: 50%;
              min-width: 250px;
              background-color: #ffffff;
              z-index: 999;
              -webkit-transform: translateX(-100%);
              -ms-transform: translateX(-100%);
              transform: translateX(-100%);
              -webkit-transition: .5s ease-in-out;
              -o-transition: .5s ease-in-out;
              transition: .5s ease-in-out;
       }

       .universalMobileMenuBg.expanded {
              -webkit-transform: translateX(0px);
              -ms-transform: translateX(0px);
              transform: translateX(0px);
              box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.25);
              height: 412px !important;
       }

       .universalMobileMenuGreenBg {
              position: fixed;
              top: 0px;
              bottom: 0px;
              width: 50%;
              min-width: 250px;
              background-color: #4b8521;
              z-index: 102;
              -webkit-transform: translateX(-100%);
              -ms-transform: translateX(-100%);
              transform: translateX(-100%);
              -webkit-transition: .5s ease-in-out;
              -o-transition: .5s ease-in-out;
              transition: .5s ease-in-out;
       }

       .universalMobileMenuGreenBg.expanded {
              -webkit-transform: translateX(0px);
              -ms-transform: translateX(0px);
              transform: translateX(0px);
              box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.25);
       }

       .universalHeader .container-fluid {
              padding-left: 25px;
              padding-right: 25px;
       }

       .onlyMobile {
              display: block !important;
       }

       .onlyDesktop {
              display: none !important;
       }

       .universalHeader .headerBar {
              position: absolute;
              display: inline-block;
              width: 50%;
              top: 364px !important;
              min-width: 250px;
              z-index: 999;
              max-height: none;
              -webkit-transform: translateX(-100%);
              -ms-transform: translateX(-100%);
              transform: translateX(-100%);
              -webkit-transition: .5s ease-in-out;
              -o-transition: .5s ease-in-out;
              transition: .5s ease-in-out;
       }

       .universalHeader .headerBar.expanded {
              -webkit-transform: translateX(0px);
              -ms-transform: translateX(0px);
              transform: translateX(0px);
       }

       .universalHeader .brandingBar {
              margin-top: 0px;
              text-align: center;
              z-index: 999;
       }

       .universalHeader .brandingBar .elavonLogo {
              position: static;
              display: inline-block;
       }

       .universalHeader .brandingBar .elavonLogo>a>img,
       .universalHeader .brandingBar .elavonLogo .speedbump>a>img {
              max-width: 225px;
              max-height: 40px;
              margin-top: 10px;
       }

       .universalHeader .hamburgarIcon {
              position: absolute;
              top: 34px;
       }

       .universalHeader .hamburgarIcon>button {
              border: 0px;
              padding: 0px;
              width: 27px;
              height: 27px;
              display: block;
              background: transparent url("../components/content/partnerheader/clientlibs/site/resources/Icon-Hamburger.png") no-repeat 0 0;
       }

       .universalHeader .searchIconMob {
              position: absolute;
              top: 14px;
              right: 20px;
       }

       .universalHeader .searchIconMob>button {
              position: absolute;
              top: 12px;
              right: 10px;
              width: 26px;
              height: 26px;
              border: 0px;
              background: transparent url("../components/content/partnerheader/clientlibs/site/resources/Icon-Search.svg") no-repeat 0 0;
              padding: 0px;
       }

       .universalHeader .closeIcon>button {
              position: absolute;
              top: 25px;
              right: 30px;
              width: 24px;
              height: 24px;
              background: transparent url("../components/content/partnerheader/clientlibs/site/resources/Icon-Close.svg") no-repeat 0 0;
              border: 0px;
              padding: 0px;
       }

       .universalHeader .backIcon>button {
              position: absolute;
              top: 12px;
              left: 20px;
              width: 15px;
              height: 25px;
              border: 0px;
              background: transparent url("../components/content/partnerheader/clientlibs/site/resources/Icon-Back-Arrow-Button.svg") no-repeat 0 0;
              padding: 0px;
       }

       .universalHeader .brandingBar .primaryNav {
              left: 0px;
              top: 0px;
              position: absolute;
              display: inline-block;
              width: 50%;
              background-color: #ffffff;
              min-width: 250px;
              z-index: 100;
              -webkit-transform: translateX(-100%);
              -ms-transform: translateX(-100%);
              transform: translateX(-100%);
              -webkit-transition: .5s ease-in-out;
              -o-transition: .5s ease-in-out;
              transition: .5s ease-in-out;
       }

       .universalHeader .brandingBar .primaryNav.expanded {
              -webkit-transform: translateX(0px);
              -ms-transform: translateX(0px);
              transform: translateX(0px);
       }

       .universalHeader .brandingBar .primaryNav>ul {
              padding-top: 50px;
              padding-bottom: 10px;
              margin-left: 25px;
       }

       .universalHeader .brandingBar .primaryNav>ul>li {
              display: block;
              text-align: left;
              padding: 10px 0px;
              overflow: hidden;
       }

       .universalHeader .brandingBar .primaryNav>ul>li>a {
              font-weight: 700;
              color: #4a851f;
       }

       .universalHeader .brandingBar .getStartedCTA {
              position: absolute;
              top: 324px;
              left: 0;
              width: 50%;
              min-width: 250px;
              z-index: 100;
              -webkit-transform: translateX(-100%);
              -ms-transform: translateX(-100%);
              transform: translateX(-100%);
              -webkit-transition: .5s ease-in-out;
              -o-transition: .5s ease-in-out;
              transition: .5s ease-in-out;
       }

       .universalHeader .brandingBar .getStartedCTA.expanded {
              -webkit-transform: translateX(0px);
              -ms-transform: translateX(0px);
              transform: translateX(0px);
       }

       .universalHeader .brandingBar .getStartedCTA>a {
              border-radius: 0px;
              width: 100%;
       }


       /* apply now button styles  */

       .universalHeader .getStartedCTA.applyNow.expanded {
              top: 330px;
       }

       .universalHeader .getStartedCTA.talkToUs.expanded {
              top: 380px;
       }

       .universalHeader .headerBar {
              margin-top: 55px;
       }


       .universalHeader .headerBar .secondaryNav {
              margin-left: 0px;
              transform: translateX(0%);
              left: 0;
              float: none;
       }

       .universalHeader .headerBar .secondaryNav>ul>li {
              display: block;
              padding: 0px;
       }

       .universalHeader .headerBar .headerRight {
              position: static;
              clear: both;
              right: 0;
              float: none;
       }

       .universalHeader .headerBar .currentLocation {
              margin: 22px 0px;
       }

       .universalHeader .brandingBar .primaryNav>ul>li>.navIcon {
              width: 25px;
              height: 25px;
              background: url("../components/content/partnerheader/clientlibs/site/resources/Icon-Arrow-Right_Green.svg") no-repeat 0 0;
              float: right;
              margin-left: 0px;
              margin-right: 20px;
              top: 0px;
       }

       .megaMenu {
              display: block;
              width: 50%;
              min-width: 250px;
              border: none;
              top: 0;
              padding-top: 40px;
              z-index: 104;
              -webkit-transform: translateX(-100%);
              -ms-transform: translateX(-100%);
              transform: translateX(-100%);
              -webkit-transition: .5s ease-in-out;
              -o-transition: .5s ease-in-out;
              transition: .5s ease-in-out;
       }

       .megaMenu.expanded {
              -webkit-transform: translateX(0px);
              -ms-transform: translateX(0px);
              transform: translateX(0px);
       }

       .megaMenu .megaMenuContent p {
              display: none;
       }

       .megaMenu .megaMenuContent ul.subList {
              display: none;
       }

       .megaMenu .megaMenuContent .megaMenuColumn {
              padding: 0px;
       }

       .megaMenu .megaMenuContent {
              width: 100%;
              float: none;
              padding-left: 0px;
              padding-top: 25px;
              text-align: left;
              margin-left: 0px;
              margin-right: 0px;
       }

       .megaMenu .megaMenuContent>h3 {
              color: #58585a;
              font-size: 18px;
              margin: 20px 0px 20px;
              padding: 0px 25px 15px 25px;
              border-bottom: 1px solid #dddddd;
       }
       /* For NewmegaMenu Changes */
       .megaMenu .megaMenuContent>h3.mobileLabel{
              display: none !important;
       }
       /* For NewmegaMenu Changes */
       .megaMenu .megaMenuContent>h3.mobileLabel2 {
              display: none !important;
       }

       .megaMenu .megaMenuContent .backIcon>button {
              top: 25px;
              left: 30px;
       }

       .megaMenu .megaMenuAsideContent {
              background-color: #4b8521;
              width: 100%;
              float: none;
              text-align: left;
       }

       .megaMenu .megaMenuContent ul.mainList>li {
              padding: 15px 0px;
       }

       .megaMenu .megaMenuAsideContent ul.asideList>li a {
              color: #ffffff;
       }

       .megaMenu .megaMenuAsideContent ul.asideList>li>.asideArrow {
              display: none;
       }

       .megaMenu .megaMenuAsideContent .magaMenuPromoBanner {
              display: none;
       }

       .megaMenu .megaMenuContent .mainListDivider {
              display: none;
       }

       .megaMenu .megaMenuContent ul.mainList {
              padding: 0px 25px;
              margin-bottom: 20px;
       }

       .megaMenu .megaMenuContent ul.mainList>li a:hover {
              text-decoration: none;
       }

       .megaMenu .megaMenuContent ul.mainList>li a>h3 {
              font-size: 16px;
              font-weight: 700;
              margin: 0px;
              overflow: hidden;
              padding-right: 40px;
              position: relative;
       }

       /* For NewmegaMenu Dropdown*/
       .megaMenu .megaMenuContent ul.mainList>li .megaMenuWithNoDesc {
              border-top: 0;
              padding: 0;
       }

       /* For NewmegaMenu Dropdown*/
       .megaMenu .megaMenuContent ul.mainList>li .megaMenuWithNoDesc h3 {
              color: #4a851f;
              font-size: 16px;
              line-height: 24px;
              font-weight: 700;
              margin: 0px;
              overflow: hidden;
              padding-right: 40px;
              position: relative;
       }

       .megaMenu .megaMenuContent ul.mainList>li h3 .headingArrow {
              float: none;
              background: url("../components/content/partnerheader/clientlibs/site/resources/Icon-Arrow-Right_Green.svg") no-repeat 0 0;
              position: absolute;
              top: 50%;
              right: 0px;
              margin-top: 0px;
              transform: translateY(-50%);
       }

       .megaMenu .megaMenuContent ul.mainList>li h3 .headingArrow.noArrow {
              background: none;
       }

       /* For NewmegaMenu Grey Bg */
       .megaMenu .megaMenuContent ul.mainList>li .megaMenuWithNoDesc h3 .newArrow {
              display: inline-block;
              width: 20px;
              height: 20px;
              background: url("../components/content/partnerheader/clientlibs/site/resources/New-ArrowIcon.png") no-repeat 0 0;
              margin-left: 5px;
              position: relative;
              top: 2px;

       }

       .megaMenu .megaMenuContent ul.subList {
              margin-top: 15px;
              margin-left: 15px;
       }

       .megaMenu .megaMenuContent ul.subList>li {
              padding: 2px 0px;
       }

       .megaMenu .megaMenuContent ul.subList>li>.linkArrow {
              background: none;
       }

       .megaMenu .fullWidthRail .megaMenuColumn {
              width: auto;
       }

       /* mobile search styles */
       .mobile-search {
              right: 0px;
              top: 0px;
              display: none;
              position: absolute;
              min-width: 250px;
              width: 100%;
              z-index: 100;
              -webkit-transform: translateX(+100%);
              -ms-transform: translateX(+100%);
              transform: translateX(+100%);
              -webkit-transition: .5s ease-in-out;
              -o-transition: .5s ease-in-out;
              transition: .5s ease-in-out;
              background-color: #ffffff;
       }

       .mobile-search.expanded {
              -webkit-transform: translateX(0px);
              -ms-transform: translateX(0px);
              transform: translateX(0px);
              display: inline-block;

       }

       .mobile-search input[data-type=search],
       .mobile-search input[type=search] {
              -webkit-appearance: none;
              width: 70%;
              height: 74px;
              border: none;
              font-size: 20px;
       }

       .mobile-search button.ms-search {
              position: absolute;
              top: 25px;
              left: 17px;
              width: 26px;
              height: 26px;
              border: 0px;
              background: transparent url(../components/content/partnerheader/clientlibs/site/resources/Icon-Search.svg) no-repeat 0 0;
              padding: 0px;
       }

       .mobile-search button.ms-close {
              position: absolute;
              top: 25px;
              right: 30px;
              width: 24px;
              height: 24px;
              background: transparent url(../components/content/partnerheader/clientlibs/site/resources/Icon-Close.svg) no-repeat 0 0;
              border: 0px;
              padding: 0px;
       }

       .mobile-search .ms-search-container {
              box-shadow: 0px 3px 6px rgba(0, 0, 0, .15);
       }

       .mobile-search .ms-quick-links>ul {
              padding-top: 25px;
              padding-bottom: 10px;
              margin-left: 5px;
       }

       .mobile-search .ms-quick-links>ul>li {
              display: block;
              text-align: left;
              padding: 15px 0;
              overflow: hidden;
       }

       .mobile-search .ms-quick-links>ul>li>a {
              font-size: 16px;
              border-bottom: 2px solid transparent;
              text-decoration: none;
              transition: border-bottom .5s;
              font-weight: 700;
              color: #4a851f;
       }

       .mobile-search .ms-quick-links>ul>li>a:hover {
              text-decoration: none;
              border-bottom: 2px solid #4a851f;
              color: #4a851f;
       }

       .mobile-search .ms-quick-links>ul>li>.navIcon {
              width: 25px;
              height: 25px;
              background: url(../components/content/partnerheader/clientlibs/site/resources/Icon-Arrow-Right_Green.svg) no-repeat 0 0;
              float: right;
              margin-left: 0;
              margin-right: 50px;
              top: 0;
       }

       .megaMenu .megaMenuContent ul.mainList .col-md-4 {
              width: 100%;
       }

}

@media only screen and (max-width: 1249px) {
    .mobile-search input[data-type=search]::-webkit-search-cancel-button, .mobile-search input[type=search]::-webkit-search-cancel-button {
		display: none
    }
}

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

       .universalHeader .brandingBar .elavonLogo>a>img,
       .universalHeader .brandingBar .elavonLogo .speedbump>a>img {
              max-width: 170px;
              max-height: 32px;
              margin-top: 17px;
       }
}

@media only screen and (max-width: 767px) {
       .universalHeader .container-fluid {
              padding-left: 27px;
              padding-right: 27px;
       }
}

@media only screen and (max-width: 823px) {
       .universalHeader.stickyheader {
              padding-bottom: 74px;
       }
}


.skiptocontent-box {
       position: absolute;
       left: 0;
       top: 0;
       z-index: 9999;
}

.skipToContent {
       font-size: 14px;
       left: 0;
       top: 0;
       background-color: #fff;
       padding: 10px;
}

#skipToMainContent:active,
#skipToMainContent:focus {
       width: 150px;
       height: auto;
       clip: auto;
}

.sr-only {
       position: absolute;
       width: 1px;
       height: 1px;
       padding: 0;
       margin: -1px;
       overflow: hidden;
       clip: rect(0, 0, 0, 0);
       border: 0;
}


/* print */
@media print {
       .universalHeader a[href]:after {
              content: none !important;
       }

       .universalHeader .container-fluid {
              padding-left: 0px;
              padding-right: 0px;
       }

       .universalHeader .brandingBar .elavonLogo {
              top: -35px;
       }

       .universalHeader .brandingBar .primaryNav {
              transform: translateX(0%);
              position: absolute;
              top: 30px;
              left: 200px;
       }

       .universalHeader .brandingBar .primaryNav>ul>li {
              padding: 0px 5px;
       }

       .universalHeader .headerBar .headerRight {
              right: 0px;
       }

       .universalHeader .brandingBar .getStartedCTA {
              right: 0px;
       }

       .universalHeader .headerBar .secondaryNav {
              float: left;
              margin-left: 200px;
              transform: translateX(0%);
              padding: 0px;
       }

       .universalHeader .headerBar .searchBar {
              border: 1px solid #000000;
              border-radius: 4px;
       }

       .universalHeader .headerBar .searchBar input[type='search'] {
              position: absolute;
              padding-left: 10px;
       }

       .universalHeader .headerBar .searchBar .searchIcon {
              display: none;
       }

       .universalHeader .brandingBar .getStartedCTA>a {
              border-radius: 4px;
              background: #4a851f !important;
              color: #ffffff !important;
       }

       .mobile-search {
              display: none;
       }

       .universalHeader .headerBar .headerRight,
       .universalHeader .brandingBar .getStartedCTA {
              margin-right: 20px;
       }

       .universalHeader .container-fluid {
              margin-left: -20px;
       }

       #acs-commons-env-indicator {
              display: none;
       }

       .primaryCTAbutton a,
       a .primaryCTAbutton,
       .primaryCTAbutton {
              border-radius: 4px;
              background: #4a851f !important;
              color: #ffffff !important;
              overflow: hidden;
       }

       .crossCountryMessageOverlay {
              display: none !important;
       }

}

@media only screen and (min-width: 1250px) {
       .universalHeader.leftAlign .brandingBar .elavonLogo {
              left: 0px;
              position: relative;
              float: left;
       }

       .universalHeader.leftAlign .brandingBar .primaryNav {
              transform: none;
              left: 0px;
              position: static;
              top: 0px;
              float: left;
              margin: 27px 0px 0px 20px;
       }

       .mobile-search {
              display: none;
       }
}


@media only screen and (min-width: 1250px) and (max-width: 1260px) {
       .universalHeader .brandingBar .primaryNav>ul>li {
              padding: 0px 13px;
       }
}

@media only screen and (min-width: 1250px) {
       .backIcon>button {
              display: none;
       }
}

.hideApplyNow {
       display: none;
}

/*Header subnav sublist --- arrow in the next line --- fix*/
.megaMenu .megaMenuContent ul.subList>li a {
       color: #4a851f;
       text-decoration: none;
       margin-bottom: 10px;
       padding-right: 20px;
       font-size: 14px;
}

.megaMenu .megaMenuContent ul.subList>li>.linkArrow {
       margin-left: -20px;
}

/*partnerheader styles*/

@media only screen and (min-width: 1250px) {
       .partnerheader .partnerHeaderBar {
              overflow: hidden;
              min-height: 70px;
       }

       .partnerheader .megaMenu {
              top: 140px;
       }

       .partnerheader .universalHeader .brandingBar {
              height: 140px;
       }

       .partnerheader .universalHeader .brandingBar .getStartedCTA {
              top: auto;
              bottom: 15px;
              position: static;
              float: right;
              margin-left: 10px;
       }

       .partnerheader .partnerHeaderBar .elavonLogo {
              float: left;
              padding-top: 10px;
              padding-bottom: 10px;
       }

       .partnerheader .partnerHeaderBar .partnerLogo {
              float: right;
              width: 50%;
              text-align: right;
              padding-top: 10px;
              padding-bottom: 10px;
       }

       .partnerheader .universalHeader.leftAlign .brandingBar .elavonLogo {
              margin-right: 25px;
       }

       .partnerheader .partnerHeaderBar .elavonLogo a {
              margin: 0px;
       }

       .partnerheader .universalHeader .brandingBar .elavonLogo>a>img,
       .partnerheader .universalHeader .brandingBar .elavonLogo .speedbump>a>img {
              max-width: 220px;
              max-height: 50px;
       }

       .partnerheader .universalHeader .brandingBar .partnerLogo>a>img,
       .partnerheader .universalHeader .brandingBar .partnerLogo .speedbump>a>img {
              max-width: 220px;
              max-height: 50px;
       }

       .partnerheader .universalHeader .brandingBar .primaryNav {
              transform: none;
              position: static;
              top: auto;
              left: auto;
              padding: 24px 0px;
              margin: 0px;
       }

       .partnerheader .universalHeader.centerAlign .brandingBar .primaryNav {
              text-align: center;
       }

       .partnerheader .universalHeader.rightAlign .brandingBar .primaryNav {
              float: right;
              margin-right: 170px;
       }

       .partnerheader .universalHeader .brandingBar .primaryNav>ul>li:nth-child(2) {
              padding-left: 0px;
       }

       .partnerheader .universalHeader .partnerHeaderCTA {
              position: absolute;
              right: 57px;
              bottom: 15px;
       }
}

@media only screen and (max-width: 1249px) {
        .partnerheader .universalHeader .brandingBar {
              height: 90px;
       }

       .partnerheader .partnerHeaderBar .elavonLogo {
              float: left;
              width: 50%;
              padding: 0px 0px 10px 40px;
              margin-top: 20px;
       }

       .partnerheader .partnerHeaderBar .partnerLogo {
              float: right;
              width: 50%;
              text-align: right;
              padding-bottom: 0px;
              margin-top: 20px;
       }

       .partnerheader .partnerHeaderBar .elavonLogo a {
              margin: 0px;
       }

       .partnerheader .universalHeader .brandingBar .elavonLogo>a>img,
       .partnerheader .universalHeader .brandingBar .elavonLogo .speedbump>a>img {
              max-width: 120px;
              max-height: 45px;
              margin: 0px;
       }

       .partnerheader .universalHeader .brandingBar .partnerLogo>a>img,
       .partnerheader .universalHeader .brandingBar .partnerLogo .speedbump>a>img {
              max-width: 120px;
              max-height: 45px;
       }

       .partnerheader .universalHeader .getStartedCTA.talkToUs.expanded {
              top: 330px;
       }

       .partnerheader .universalHeader .getStartedCTA.applyNow.expanded {
              top: 380px;
       }

}

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

       .partnerheader .universalHeader .brandingBar .elavonLogo>a>img,
       .partnerheader .universalHeader .brandingBar .elavonLogo .speedbump>a>img {
              max-width: 100px;
              max-height: 45px;
              margin: 5px 0px 0px 0px;
       }

       .partnerheader .universalHeader .brandingBar .partnerLogo>a>img,
       .partnerheader .universalHeader .brandingBar .partnerLogo .speedbump>a>img {
              max-width: 100px;
              max-height: 45px;
              margin: 15px 0px 0px 0px;
       }
}

/*partnerheader styles*/


/*santander header styles*/

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

       .partnerheader .universalHeader.santanderHeader .brandingBar {
              height: auto;
       }

       .partnerheader .santanderHeader .megaMenu {
              top: 70px;
       }
}

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

       .partnerheader .universalHeader.santanderHeader .brandingBar .elavonLogo>a>img,
       .partnerheader .universalHeader.santanderHeader .brandingBar .elavonLogo .speedbump>a>img {
              max-width: 240px;
       }
}

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

       .partnerheader .universalHeader.santanderHeader .brandingBar .elavonLogo>a>img,
       .partnerheader .universalHeader.santanderHeader .brandingBar .elavonLogo .speedbump>a>img {
              max-width: 210px;
       }
}

@-moz-document url-prefix() {
       .partnerheader .universalHeader .searchBar a:focus .searchIcon {
              outline: 2px solid #7DADD9;
       }
}

/*santander header styles*/



/*Hamburger menu white space removed - fix */
@media only screen and (max-width: 1249px) {
       .universalMobileMenuBg {
              position: absolute;
              bottom: auto;
       }

       .universalMobileMenuGreenBg {
              position: absolute;
              bottom: auto;
       }
}

/* Search field for partnerheader - fix */

.partnerheader .universalHeader .searchBar {
       float: left;
       width: 190px;
       height: 26px;
       border-radius: 4px;
       background-color: #fff;
       margin: 8px 10px 0 0;
       border: 1px solid #212121;
}

/* For NewmegaMenu */
.partnerheader .universalHeader.ccpNewprimarynav .searchBar {
       width: 150px;
       height: 38px;
       border: 1px solid #212121;
       margin: 0;
}

.partnerheader .universalHeader .searchBar .searchIcon {
       float: left;
       width: 14px;
       height: 14px;
       display: inline-block;
       margin: 5px 10px 0 10px;
       background: url(../components/content/partnerheader/clientlibs/site/resources/Icon-Search.svg) no-repeat 0 0;
}

/* For NewmegaMenu */
.partnerheader .universalHeader.ccpNewprimarynav .searchBar .searchIcon {
       width: 20px;
       height: 20px;
       margin: 8px 10px 0 10px;
}

.partnerheader .universalHeader .searchBar>input[data-type='search'],
.partnerheader .universalHeader .searchBar>input[type='search'] {
       float: left;
       border: 0;
       font-size: 12px;
       font-weight: normal;
       color: #58585a;
       background: transparent;
       height: 26px;
       outline: 0;
       padding: 0;
       width: 80%;
}

.partnerheader .universalHeader .searchBar>input[data-type='search']::-webkit-search-cancel-button,
.partnerheader .universalHeader .searchBar>input[type='search']::-webkit-search-cancel-button{
	display:none;
}



/* For NewmegaMenu */
.partnerheader .universalHeader.ccpNewprimarynav .searchBar>input[data-type='search'],
.partnerheader .universalHeader.ccpNewprimarynav .searchBar>input[type='search'] {
       font-size: 16px;
       padding-top: 8px;
       width: 40%;
}

.partnerheader .universalHeader.ccpNewprimarynav .searchBar #searchText::-webkit-search-cancel-button{  
    display: none;
}


@media only screen and (min-width: 1250px) {
       .partnerheaderSearchsection {
              float: right;
              margin-top: 10px;
       }

       .partnerheadersearch {
             float: left;
       }

       /* For NewmegaMenu */
       .universalHeader.ccpNewprimarynav .partnerheadersearch {
              float: right;
              padding-left: 12px;
       }

       .partnerheader .universalHeader.costcoHeader .partnerHeaderCTA {
              position: static;
              float: right;
       }

       /* For NewmegaMenu */
       .universalHeader .megaMenu .megaMenuContent>h3.mobileLabel2 {
              display: none;
       }
}

@media only screen and (max-width: 1249px) {
       .partnerheaderSearchsection {
              position: absolute;
              top: 320px;
              left: 0;
              display: inline-block;
              width: 50%;
              background-color: #fff;
              min-width: 250px;
              z-index: 100;
              -webkit-transform: translateX(-100%);
              -ms-transform: translateX(-100%);
              transform: translateX(-100%);
              -webkit-transition: .5s ease-in-out;
              -o-transition: .5s ease-in-out;
              transition: .5s ease-in-out;
       }

       .partnerheaderSearchsection.expanded {
              -webkit-transform: translateX(0);
              -ms-transform: translateX(0);
              transform: translateX(0);
       }

       .partnerheadersearch {
              position: absolute;
              top: 50px;
              width: 100%;
       }

       .partnerheader .universalHeader .searchBar {
              margin: 8px auto 0 auto;
              min-width: 190px;
              width: 80%;
              float: none;
       }

       .partnerheader .universalHeader .partnerheaderSearchsection .getStartedCTA.talkToUs {
              top: 45px !important;
              width: 100%;
       }

       .partnerheader .universalHeader .partnerheaderSearchsection .getStartedCTA.applyNow {
              top: 380px;
              width: 100%;
       }

       .partnerheader .partnerHeaderBar .elavonLogo.noPrimaryNav {
              padding-left: 0px !important;
       }
}

@media only screen and (min-width: 1250px) {
       .partnerheader .universalHeader .brandingBar.noPrimaryNav {
              height: 80px !important;
       }
}


/* For NewmegaMenu Desktop View*/
@media only screen and (min-width: 1250px) {

       .ccpNewprimarynav.universalHeader .megaMenu .megaMenuContent>h3.mobileLabel2 {
              display: none;
       }

       .universalHeader .brandingBar .primaryNav>ul .mobileAccordian {
              display: none;
       }

       .universalHeader .primaryNav>.partnerheaderSearchsection {
              display: none !important;
       }

        .ccpNewprimarynav.universalHeader .brandingBar .primaryNav>ul>li>ul.mobileAccordian{
              display: none;
       }

       /* For desktop Terinary Nav */
       .subList.active,
       .megaMenu.active {
              display: block !important;
       }

       .universalHeader.stickyheader {
              min-height: 124px;
       }

       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav>ul>li:hover{
              border-bottom: 2px solid #CDCDD3;
              color: #007CBE !important;
       }
       
        .ccpNewprimarynav.universalHeader .brandingBar .primaryNav>ul>li:active{
              border-bottom: 2px solid #007CBE;
             
       }
      
       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav>ul>li>a:hover {
              border-bottom: 0 !important;
              color: #007CBE !important;
       }
      
       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav>ul>li>a:focus {
              border: 0 !important;
              outline: none !important;       
       }

      
       /* .ccpNewprimarynav .megaMenu .megaMenuContent ul.mainList a:focus {
              outline: none;       
       } */

       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav>ul>li>a {
              border-bottom: 0;
       }
        
       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav>ul>li:hover span{
              background: url(../components/content/partnerheader/clientlibs/site/resources/new_Icon_Down_Arrow.svg) no-repeat 0 0;

       }    
       
       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav>ul>li.open span{
              background: url(../components/content/partnerheader/clientlibs/site/resources/new_Icon_Down_Arrow.svg) no-repeat 0 0;

       }
     
       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav > ul > li {
              margin:  0 10px !important;
              padding: 0 !important;
              border-bottom: 2px solid transparent;
       }
       
       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav li:hover {
              text-decoration: none;
              border-bottom: 2px solid #007CBE;
              color: #007CBE !important;
              
       } 
      
       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav>ul>li.open>a {
              color: #007CBE;
       }

       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav>ul>li.active{
              color: #007CBE;
              outline: #007CBE solid 2px;
              outline-offset: 7px;
              outline-style: auto;
       }

        
       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav>ul>li.open{
              color: #007CBE;
              border-bottom: 2px solid #007CBE;
              
       }

       
       .megaMenu .megaMenuContent .blueBg {
              background-color: #007CBE !important;

       }

      
       .megaMenu .megaMenuContent .blueBg h3 {
              color: #ffffff !important;
       }

       /* For NewmegaMenu Dropdown*/
       .megaMenu .megaMenuContent .megaMenuWithNoDesc ul.subList {
              top: 0;
              width: 288px;
              position: absolute;
              left: 100%;
              height: 100%;
              border-top: 1px solid #CDCDD3;
              border-right: 1px solid #CDCDD3;
              border-bottom: 1px solid #CDCDD3;
              box-shadow: 0px 4px 0px -1px #0000001F;
              background: linear-gradient(0deg, #FFFFFF, #FFFFFF),
                     linear-gradient(0deg, #CDCDD3, #CDCDD3);
              background-color: #FFFFFF;

       }

       /* For NewmegaMenu Dropdown*/
       .megaMenu .megaMenuContent .megaMenuWithNoDesc ul.subList>li {
              text-align: left;
              padding: 5px 10px;
              padding: 12px 16px 12px 16px;
       }

       /* For NewmegaMenu Dropdown*/
       .megaMenu .megaMenuContent .megaMenuWithNoDesc ul.subList>li a {
              color: #2C2C2C;
              font-size: 16px;
              text-align: center;

       }

       /* For NewmegaMenu Grey Bg */
       .megaMenu .megaMenuContent .greyBg {
              background-color: #F7F7FA;
              border-top: 1px solid #CDCDD3;
              border-left: 1px solid #CDCDD3;
              border-bottom: 1px solid #CDCDD3;
              box-shadow: 0px 4px 0px -1px #0000001F;
              background: linear-gradient(0deg, #F7F7FA, #F7F7FA),
                     linear-gradient(0deg, #CDCDD3, #CDCDD3);
       }
       /*end */
}

/* For NewmegaMenu Tablet View */
@media only screen and (min-width: 1024px) and (max-width: 1249px) {

       .ccpNewprimarynav .universalMobileMenuBg.expanded {
              height: auto !important;

       }
       .universalHeader .primaryNav>.partnerheaderSearchsection {
              display: none !important;
       }
        .ccpNewprimarynav.universalHeader .brandingBar .primaryNav>ul>li>ul.mobileAccordian{
              display: none;
       }

       /* For desktop Terinary Nav */
       .subList.active,
       .megaMenu.active {
              display: block !important;
       }

       .ccpNewprimarynav .onlyMobile {
              display:  none !important;
       }
       
       .ccpNewprimarynav .universalMobileMenuGreenBg.expanded {
              display: none;
       }

       .partnerheader .universalHeader.ccpNewprimarynav .brandingBar {
               height: auto;
       }

       .partnerheader .universalHeader.ccpNewprimarynav .brandingBar .getStartedCTA>a .ctaIcon {
              display: none;
       }

       .partnerheader .universalHeader.ccpNewprimarynav .brandingBar .getStartedCTA>a {
              padding-left: 0;
       }

       .universalHeader.ccpNewprimarynav .container-fluid {
              position: relative;
              padding-left: 42px;
              padding-right: 42px;
       }

       .partnerheader .ccpNewprimarynav .partnerHeaderBar .elavonLogo {
              padding-left: 0 ;
       }
       
       .ccpNewprimarynav .partnerHeaderBar {
              overflow: hidden;
              min-height: 70px;
       }

       .partnerheader .universalHeader.ccpNewprimarynav .brandingBar .primaryNav {
              width: 100%;
              transform: none;
              position: relative;
              top: auto;
              left: auto;
              padding: 12px 14px;
              margin: 0px;
              transition: none;
              float: none;
       }

       .universalHeader.ccpNewprimarynav.leftAlign .brandingBar .primaryNav {
              float: none;
       }

       .universalHeader.ccpNewprimarynav .brandingBar .primaryNav>ul {
              margin: 0px;
              padding: 0px;
       }

       .partnerheader .universalHeader.ccpNewprimarynav .brandingBar .primaryNav>ul>li:nth-child(2) {
              padding-left: 0px;
       }

       .universalHeader.ccpNewprimarynav .brandingBar .primaryNav>ul>li {
              display: inline-block;
              margin: 0px;
              padding: 6px 6px 6px 6px;
              position: relative;
              text-align: left;
              overflow: hidden;
       }  

       .universalHeader.ccpNewprimarynav .brandingBar .primaryNav>ul>li.open::after {
              display: none;
              
       }

       .universalHeader.ccpNewprimarynav .brandingBar .primaryNav>ul>li>a {
              font-size: 16px;
              color: #58585a;
              border-bottom: 2px solid transparent;
              text-decoration: none;
              font-weight: 500;
              transition: none;
       }

       .universalHeader.ccpNewprimarynav .brandingBar .primaryNav>ul>li>.navIcon {
              width: 12px !important;
              height: 12px !important;
              background: url(../components/content/partnerheader/clientlibs/site/resources/Icon-Arrow-Down.svg) no-repeat 0 0;
              display: inline-block !important;
              margin-left: 5px !important;
              position: relative !important;
              top: 8px !important;
              cursor: pointer !important;
       }
       
       .ccpNewprimarynav .partnerheaderSearchsection {
              margin-top: 10px;
              position: relative;
              top: 0;
              left: 0;
              transition: none;
              float: none;
              transform: none;
              width: 100%;
              margin: 0;
              padding-bottom: 20px;
              display: block;
              min-width: 100%
              }

       .ccpNewprimarynav .partnerheadersearch {
              position: relative;
              width: 80%;
              display: inline-block;
              top: 0;
       }

       .partnerheader .universalHeader.ccpNewprimarynav .searchBar {
              float: left;
              width: 150px;
              height: 38px;
              border-radius: 4px;
              background-color: #fff;
              border: 1px solid #212121;
              width: 100%;
              margin: 0;
       }

       .partnerheader .universalHeader.ccpNewprimarynav .searchBar .searchIcon {
              float: left;
              width: 18px;
              height: 18px;
              display: inline-block;
              margin: 8px 8px 0 10px;
              background: url(../components/content/partnerheader/clientlibs/site/resources/Icon-Search.svg) no-repeat 0 0;
       }

       .partnerheader .universalHeader.ccpNewprimarynav .searchBar .label {
              display: none;
              max-width: 100%;
              margin-bottom: 5px;
              font-weight: 700;
       }

       .partnerheader .universalHeader.ccpNewprimarynav .searchBar>input[data-type='search'], .partnerheader .universalHeader.ccpNewprimarynav .searchBar>input[type='search'] {
              float: left;
              border: 0;
              font-size: 16px;
              font-weight: normal;
              color: #58585a;
              background: transparent;
              height: 26px;
              outline: 0;
              padding-top: 10px;
              width: 40%;
       }
	   
	   .partnerheader .universalHeader.ccpNewprimarynav .searchBar #searchText::-webkit-search-cancel-button{  
		display: none;
       }


       .partnerheader .universalHeader.costcoHeader.ccpNewprimarynav .partnerHeaderCTA {
            display: inline-block;
            /* width: 20%; */
            float: left;
              
       }

       .partnerheader .universalHeader.ccpNewprimarynav .brandingBar .getStartedCTA {
              position: relative;
              float: right;
              margin-left: 10px;
              left: 0;
              top:0 !important;
              transition: none;
              transform: none;
              width: 100%;
              min-width: 100%;
       }

       .universalHeader.ccpNewprimarynav .brandingBar .getStartedCTA>a {
              background-color: #0074D9;
              min-width: 123px;
              height: 40px;
              color: #ffffff;
              font-size: 16px;
              font-weight: 500;
              border: none;
              border-radius: 4px;
              display: inline-block;
              line-height: 40px;
              text-align: center;
              text-decoration: none;
              cursor: pointer;
              padding-left: 16px;
       }

       .universalHeader.ccpNewprimarynav .brandingBar .getStartedCTA>a .ctaIcon {
              display: inline-block;
              position: relative;
              top: 3px;
              margin-left: 4px;
              width: 32px;
              height: 16px;
              background: url(../components/content/partnerheader/clientlibs/site/components/content/partnerheader/clientlibs/site/resources/Icon-Circle-Arrow-Right_White.svg) no-repeat 0 0;
              transition: 0.45s;
              transition-timing-function: linear;
       }

       .partnerheader .ccpNewprimarynav .megaMenu {
              top: 140px;
              position: absolute;
              background-color: #ffffff;
              border-top: 0;
              left: 0px;
              right: 0px;
              display: none;
              z-index: 999;
              min-width: 230px;
              transform: none;
              transition: none;
       }

       .ccpNewprimarynav .megaMenu.expanded {
              transform: none;
              transition: none;
              margin-left: 50px;
       }

       .ccpNewprimarynav .megaMenu, .ccpNewprimarynav .megaMenu .megaMenuContent {
              padding-top: 0;
       }

       .ccpNewprimarynav .megaMenu .megaMenuContent .megaMenuWithNoDesc {
              width: 230px;
       }

       .ccpNewprimarynav .megaMenu .megaMenuContent.fullWidthRail {
              width: 100%;
              float: left;
              padding-left: 0;
       }

       .ccpNewprimarynav .megaMenu .megaMenuContent ul.mainList {
              margin-bottom: 0;
              padding: 0px;
              list-style-type: none;
              height: auto;
              
       }
       .ccpNewprimarynav .megaMenu .megaMenuContent .greyBg {
              border-top: 1px solid #CDCDD3;
              border-left: 1px solid #CDCDD3;
              border-bottom: 1px solid #CDCDD3;
              box-shadow: 0px 4px 0px -1px #0000001F;
              background: linear-gradient(0deg, #F7F7FA, #F7F7FA), linear-gradient(0deg, #CDCDD3, #CDCDD3);
       }

       .ccpNewprimarynav .megaMenu .megaMenuContent ul.mainList>li {
              padding: 0px;
       }

       .ccpNewprimarynav .megaMenu .megaMenuContent ul.mainList>li .megaMenuWithNoDesc {
              margin: 0;
              padding: 12px 15px 12px 15px;
             
       }
       
       .ccpNewprimarynav .megaMenu .megaMenuContent ul.mainList>li .megaMenuWithNoDesc h3 {
              color: #2C2C2C;
              margin: 0;
              font-size: 16px;
              font-weight: 400;
              text-decoration: none;
              padding-right: 0;
       }

       .ccpNewprimarynav .megaMenu .megaMenuContent ul.mainList>li.blueBg .megaMenuWithNoDesc h3 .headingArrow {
              display: block;
       }

       .ccpNewprimarynav .megaMenu .megaMenuContent ul.mainList>li a:hover {
              text-decoration: none;
       }

       .ccpNewprimarynav .megaMenu .megaMenuContent .blueBg {
              background-color: #007CBE !important;
       }

       .ccpNewprimarynav .megaMenu .megaMenuContent .blueBg h3 {
              color: #ffffff !important;
       }
       .ccpNewprimarynav .megaMenu .megaMenuContent .backIcon>button {
             display: none;
       }
       .ccpNewprimarynav .megaMenu .megaMenuContent .megaMenuWithNoDesc ul.subList {
              top: 0;
              width: 230px;
              position: absolute;
              left: 100%;
              height: 100%;
              border-top: 1px solid #CDCDD3;
              border-right: 1px solid #CDCDD3;
              border-bottom: 1px solid #CDCDD3;
              box-shadow: 0px 4px 0px -1px #0000001F;
              background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #CDCDD3, #CDCDD3);
              background-color: #FFFFFF;
              margin: 0px;
              padding: 0px;
              list-style-type: none;
              display: none;
       }

       .ccpNewprimarynav .megaMenu .megaMenuContent .megaMenuWithNoDesc ul.subList>li {
              text-align: left;
              margin: 0px;
              padding: 12px 16px 12px 16px;
              line-height: 28px;
       }

       .ccpNewprimarynav .megaMenu .megaMenuContent .megaMenuWithNoDesc ul.subList>li a {
              color: #2C2C2C;
              font-size: 16px;
              text-align: center;
              text-decoration: none;
              margin-bottom: 10px;
              padding-right: 20px;
       }

       .ccpNewprimarynav .megaMenu .megaMenuContent .megaMenuWithNoDesc ul.subList>li>.linkArrow {
              display: none;
       }

       .universalHeader .brandingBar .primaryNav .partnerHeaderBarMob{
              display: none;
       }

       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav>ul>li>a:hover {
              border-bottom: 0 !important;
              color: #007CBE !important;
       }

       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav>ul>li.open span{
              background: url(../components/content/partnerheader/clientlibs/site/resources/new_Icon_Down_Arrow.svg) no-repeat 0 0;
              top: 5px !important;

       }

       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav>ul>li.open{
              color: #007CBE;
              border-bottom: 2px solid #007CBE;
              
       }

       .ccpNewprimarynav .megaMenu .megaMenuContent ul.mainList>li.blueBg .megaMenuWithNoDesc h3 .headingArrow {
              position: absolute;
              top: 50%;
       }
       
       /* For Arrow Icon TernaryNav Desktop */
       .megaMenu .megaMenuContent ul.mainList>li .megaMenuWithNoDesc h3 .headingArrow.subListArrow {
              position: absolute;
              top: 50%;
       }
}

/* For NewmegaMenu Mobile View */
@media only screen and (min-width: 320px) and (max-width: 1023px) {

       .universalHeader .brandingBar .primaryNav>ul .mobileAccordian{
              display:none;
       }

       .ccpNewprimarynav.universalHeader .primaryNav .mainListmobile.hide{
              display: none;
       }

       .ccpNewprimarynav.universalHeader .primaryNav>.partnerheaderSearchsection.ternaryHide{
              display: none;
       }

       .ccpNewprimarynav.universalHeader {
              box-shadow: none;
              border-bottom: 2px solid #D5D8DB;
       }
       .partnerheader .ccpNewprimarynav .partnerHeaderBar .elavonLogo {
              float: none;
              padding: 0;
       }

       .partnerheader .ccpNewprimarynav .partnerHeaderBar .elavonLogo a {
              padding: 0;
              margin-left: 100px;
       }

       .partnerheader .ccpNewprimarynav.universalHeader .brandingBar .elavonLogo>a>img{
              max-width: 67px;
              height: 32px;
              margin: 0;
              margin-left: 0;

       }

       .partnerheader .ccpNewprimarynav.universalHeader .brandingBar .primaryNav .elavonLogo>a>img{
              margin-right: 20px;
       }

       .partnerheader .ccpNewprimarynav.universalHeader .brandingBar .partnerLogo>a>img{
              max-width: 112px;
              height: 32px;
              margin: 0;
              margin-right: 40px;

       }
       .universalHeader .brandingBar .primaryNav .partnerHeaderBarMob{
              display: none;
       }

       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav .partnerHeaderBarMob{
              display: inline-flex;
              padding: 0 0 35px 0;
       }

       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav .partnerHeaderBarMob .elavonLogo,
       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav .partnerHeaderBarMob .partnerLogo{
              margin-top: 20px;
       }

       .ccpNewprimarynav.universalHeader .primaryNav .closeIcon>button {
              /* left: 20vh; */
              background: transparent url(../components/content/partnerheader/clientlibs/site/resources/newclose-icon.svg) no-repeat 0 0;
              display: block;
              position: absolute;
              top: 30px;
              left: 25px;
              /* right: 30px; */

       }
       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav .partnerHeaderBarMob .elavonLogo a{
              padding: 0;
              margin: 0 0 0 100px;    
       }

       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav {
              width: 100%;
       }

       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav .closeIcon{
              border-bottom: 2px solid #D5D8DB;
       }

       .ccpNewprimarynav.universalHeader .universalMobileMenuBg {
              width: 100%;
              height: auto !important;
       }

       .ccpNewprimarynav.universalHeader .primaryNav .partnerheaderSearchsection {
              display: block;
              position: relative;
              top: 0;
              transform: none;
              width: 100%;
       }

       .ccpNewprimarynav.universalHeader .primaryNav .partnerheaderSearchsection .partnerheadersearch{
              top: 70px !important;
       }

       .ccpNewprimarynav.universalHeader .primaryNav .partnerheaderSearchsection .getStartedCTA, 
       .partnerheader .ccpNewprimarynav.universalHeader .partnerheaderSearchsection .getStartedCTA.talkToUs{
              width: 80%;
              top: 0 !important;
              right: 35px;
       }

       .partnerheader .ccpNewprimarynav.universalHeader .partnerheaderSearchsection .getStartedCTA.applyNow {
              width: 80%;
              top: 0 !important;
              right: 35px;
       }

       .ccpNewprimarynav.universalHeader .primaryNav .partnerheaderSearchsection .searchBar{
              width: 80%;
       }
       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav>ul{
              margin-left: 0;
              border-bottom: 2px solid #D5D8DB;
              margin-bottom: 30px;
              min-height: 640px;
              padding-top: 10px;
       }
       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav>ul li.onlyMobile{
              display: none !important;
       }
       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav>ul>li.active {
              background-color: #F7F7FA;
       }

       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav>ul>li.active>.navIcon {
              background: url(../components/content/partnerheader/clientlibs/site/resources/new_Icon_Up_Arrow.svg);
              width: 20px;
              height: 20px;
              margin-left: 0;
              vertical-align: middle;
       }

       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav>ul>li.active a{
              color: #007CBE;
              border-left: 2px solid #007CBE;
              border-bottom: 0;
              /* to remove double focus lines in primary nav when li is active*/
              -webkit-tap-highlight-color: transparent;
              outline: none;
       }

       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav>ul>li>a{
              color: #2C2C2C;
              transition: none;
              padding: 16px 0 16px 24px;
              font-weight: 500;
              /* to remove double focus lines in primary nav*/
              -webkit-tap-highlight-color: transparent;
              outline: none;
              
       }

       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav>ul>li>a:hover{
             border-bottom: none;
             transition: none;
              
       }

       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav>ul>li>.navIcon{
              background: url(../components/content/partnerheader/clientlibs/site/resources/greyIcon-Arrow-Down.svg) no-repeat 0 0;
              width: 13px;
              height: 7px;
              float: none;
              margin-left: 7px;
              top: 0;
       }

       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav>ul>li>ul.mobileAccordian{
              list-style-type: none;
              padding-left: 40px;
              display: none;
       }

       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav>ul>li>ul.mobileAccordian.active{
              display: block;
       }

       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav>ul>li>ul.mobileAccordian>li .megaMenuWithNoDesc h3{
              color: #555555;
              font-size: 16px;
              font-weight: 400;
       }

       .ccpNewprimarynav.universalHeader ul.mobileAccordian li .megaMenuWithNoDesc a .subMenuArrow{
              background: transparent url(../components/content/partnerheader/clientlibs/site/resources/newrightarrow-icon.svg) no-repeat 0 0;
              width: 7px;
              height: 13px;
              display: inline-block;
              vertical-align: middle;
              margin-left: 10px;
              padding-left: 10px;
       }

       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav>ul>li>ul.mobileAccordian>li .megaMenuWithNoDesc a{
              border-left: 0;
              /* to remove double focus lines in secondary nav*/
              -webkit-tap-highlight-color: transparent;
              outline: none;
       }

       /* Css Chnages for Terinary Nmavigation */
       .ccpNewprimarynav.universalHeader .partnerheaderSearchsection,
       .ccpNewprimarynav.universalHeader .megaMenu, .ccpNewprimarynav.universalHeader .megaMenu .megaMenuWithNoDesc h3{
              display: none;
       }

       .ccpNewprimarynav.universalHeader .megaMenu .megaMenuWithNoDesc>.partnerheaderSearchsection {
              display: block;
              top: auto;
              width: 100%;
              margin-top: 15px;
       }
       
       .ccpNewprimarynav.universalHeader .partnerheadersearch {
              top: 70px !important;
             
       }

       .ccpNewprimarynav.universalHeader .brandingBar .getStartedCTA {
              left: 40px;
       }

       .ccpNewprimarynav.universalHeader .megaMenu {
              transform: none;
              top: 100%;
              padding-top: 0;
              width: 100%;
       }

       .ccpNewprimarynav.universalHeader .megaMenu .megaMenuContent.fullWidthRail{
              padding-top: 0;
       }

	   .ccpNewprimarynav.universalHeader .backIcon{
             width: 20px;
             height: 20px;
             position: absolute;
             left: 26px;
             top: 13px;
       }	
       .ccpNewprimarynav.universalHeader .backIcon>button{
              width: 7px;
              height: 13px;
    		  margin: 7px;
    		  position: relative;
    		  left: -15px;
   		      top: -2px;
       }
       .ccpNewprimarynav.universalHeader .closeIcon>button{
              display: none;
       }

       .ccpNewprimarynav .megaMenu .megaMenuContent>h3 {
              display: none !important;
       }

       .ccpNewprimarynav.universalHeader .megaMenu .megaMenuContent>h3.mobileLabel {
              display: block !important;
              padding: 12px 16px 12px 50px;
              margin: 0;
              font-size: 16px;
              font-weight: 500;
              line-height: 24px;
              color: #2C2C2C;
       }

       .ccpNewprimarynav.universalHeader .megaMenu .megaMenuContent>h3.mobileLabel2 {
              display: block !important;
              background-color: #F7F7FA;
              padding: 12px 16px 12px 25px;
              margin: 0;
              font-size: 16px;
              font-weight: 500;
              line-height: 24px;
              color: #2C2C2C;
       }

       .ccpNewprimarynav.universalHeader .megaMenu .megaMenuContent>h3.moblabel span {
              text-transform: lowercase;
       }

       .ccpNewprimarynav .megaMenu .megaMenuContent .megaMenuWithNoDesc ul.subList.active {
              display: block;
              width: 100%; 
              min-height: 560px !important;   
              margin: 0 !important;   
              border-bottom: 2px solid#D5D8DB;
                 
       }

       .ccpNewprimarynav .megaMenu .megaMenuContent .megaMenuWithNoDesc ul.subList.active .partnerheaderSearchsection {
              display: block;
              width: 100%;
              
             
       }
       .ccpNewprimarynav .megaMenu .megaMenuContent ul.mainList>li .megaMenuWithNoDesc {
             width: 100%;
       }

       .ccpNewprimarynav .megaMenu .megaMenuContent ul.mainList {
              padding: 0;
       }

       .ccpNewprimarynav .megaMenu .megaMenuContent ul.mainList>li {
              padding: 0;
              margin: 0;
       }

       .ccpNewprimarynav .megaMenu .megaMenuContent ul.subList>li {
              padding: 16px 48px 16px 40px;
       }

       .ccpNewprimarynav .megaMenu .megaMenuContent ul.subList>li a {
              font-size: 16px;
              line-height: 24px;
              font-weight: 400;
              color: #007CBE;
       }
       /* For NewmegaMenu */
       .partnerheader .universalHeader.ccpNewprimarynav .searchBar {
              margin: 8px auto 0 auto;
              min-width: 190px;
              width: 80%;
              float: none;
       }
} 

/* For NewmegaMenu */
@media only screen and  (min-width: 768px) {
       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav .partnerHeaderBarMob {
              width: 100%;
       }

       .ccpNewprimarynav.universalHeader .brandingBar .primaryNav .partnerHeaderBarMob .partnerLogo {
              position: absolute;
              left: 77%;
       }

       .ccpNewprimarynav.universalHeader .brandingBar .getStartedCTA{
              left: 80px;
       }

}

@media only screen and (max-width: 767px) {
    .partnerheader .universalHeader.ccpNewprimarynav .searchBar > input[type='search']::-webkit-search-cancel-button {
        display: none;
    }
	
	.partnerheader .universalHeader .searchBar>input[data-type='search']::-webkit-search-cancel-button,
.partnerheader .universalHeader .searchBar>input[type='search']::-webkit-search-cancel-button{
	display:none;
}


}


 @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .partnerheader .universalHeader.ccpNewprimarynav .searchBar > input[type='search']::-webkit-search-cancel-button {
        display: none;
    }
	
	.partnerheader .universalHeader .searchBar>input[data-type='search']::-webkit-search-cancel-button,
.partnerheader .universalHeader .searchBar>input[type='search']::-webkit-search-cancel-button{
	display:none;
}
}


.MainContainer{
	max-width: 1280px;
    width: 100%;
    margin: auto;
 }
.content-refresh-header .top-header-bar { 
	background-color: #5C5D5F;
	width: 100%;
	padding-top: 10px; 
	padding-bottom: 10px;
	text-align: right;
	font-weight: 500;
    font-size: 1.2rem;
    padding-left: 10%;
    padding-right: 10%;
    -webkit-transition:0.3s ease;
    -o-transition:0.3s ease;
    transition:0.3s ease;
}
.content-refresh-header .top-header-bar .MainContainer{
	display:flex;
    justify-content:flex-end;
    align-items:center;
}
.content-refresh-header .top-header-nav {
	display: inline-block;
	text-align: right;
	margin: 0 6px;
	vertical-align: middle;
    min-width:48%;
}
.content-refresh-header .top-header-nav ul {
	padding: 2px;
	margin: 0;
    flex:1;
    justify-content:flex-end;
    display:flex;
}

.content-refresh-header .top-header-nav ul li {
	display: inline-block;
	margin: 0 4px;
}

.content-refresh-header .top-header-nav ul li a {
	color: #fff;
    display: block;
    padding: 5px;
	text-decoration:none;
	position:relative;
 }
.content-refresh-header .top-header-nav ul li a:active{opacity:0.8}
.content-refresh-header .top-header-nav ul li a:after {
    content: '';
    height: 1px;
    background-color: currentColor;
    width: calc(100% - 1rem);
    position: absolute;
    left: 0;
    opacity: 0;
    bottom: 5px;
    transition: ease-in 0.2s;
    right: 0;
    margin: auto;
}
.content-refresh-header .top-header-nav ul li a:hover:after {
    bottom: 7px;
    opacity: 1;
}
.content-refresh-header .top-header-search {
	display: inline-block;
	margin-left: 6px;
	vertical-align: middle;	
}

.content-refresh-header .searchBar {
    position: relative;
}

.content-refresh-header .top-header-search-icon {
    background-image: url(../components/content/partnerheader/clientlibs/site/resources/Icon-Search.svg);
    height: 25px;
    width: 25px;
    display: block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    border: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    right: 0;
    background-size: 12px;
    background-repeat:no-repeat;
    top: 0px;
    bottom: 0;
    height: 100%;
    border-radius:4px;
}
.content-refresh-header .top-header-search-icon:hover,.content-refresh-header .top-header-search-icon:focus{
    background-color:#e2dfdf;
}
.content-refresh-header .top-header-search input{
	padding: 5px 40px 5px 11px;
    border: 0;
    text-align: left;
    width: 190px;
    display: inline-block;
    vertical-align: middle;
    font-size: 1.2rem;
    border-radius: 4px;
    -webkit-transition:ease-out 0.2s;
    -o-transition:ease-out 0.2s;
    transition:ease-out 0.2s;
}

.content-refresh-header .top-header-search input:focus {
    outline: none;
    -webkit-box-shadow:0 0 4px 1px rgb(0 0 0 / .4);
            box-shadow:0 0 4px 1px rgb(0 0 0 / .4);
}

.content-refresh-header .top-header-search input::-webkit-search-cancel-button{
display: none;
}

.content-refresh-header .top-header-country-selector {
	display: inline-block;
	margin-left:14px;
	vertical-align: middle;
}
.content-refresh-header .top-header-country-selector a{padding:5px; color:#fff;}
.content-refresh-header .top-header-country-selector img {
	display: inline-block;
	vertical-align: middle;
    width:18px;
}

.content-refresh-header .top-header-country-selector .country-text{
	padding-top: 3px;
    color: #fff;
    display: inline-block;
    margin-left: 3px;
}

.content-refresh-header .primary-header-bar { 
    background: #FFFFFF;
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 11px;
    padding-bottom: 11px;
    -webkit-transition:0.3s ease;
    -o-transition:0.3s ease;
    transition:0.3s ease;
    overflow:hidden;
}
.content-refresh-header .primary-header-bar .MainContainer{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.content-refresh-header .primary-header-bar .primary-logo {
	display:inline-flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    padding-bottom: 0;
    padding-top: 0;
    max-width: 15%;
    padding-right:10px;
}	
.content-refresh-header .primary-header-bar .primary-logo >a{
    height:44px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
	margin-left:5px;
}
.content-refresh-header .primary-header-bar .primary-logo >a:first-child{margin-left:0;}
.content-refresh-header .primary-header-bar .primary-logo img{
    max-height: 100%;
    max-width: 100%;
} 
@media all and (-ms-high-contrast:none){
    .content-refresh-header .primary-header-bar .primary-logo img,
	.content-refresh-header .secondarynav-left-item img {
        flex-shrink:0;
    }
}
.content-refresh-header .primary-header-bar .primary-nav {
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.6rem;
    font-weight: 500;
    margin-top: 10px;
    min-width:55%;
    width:auto;
    flex:1;
	justify-content: center;
}
.content-refresh-header .primary-header-bar .primary-nav ul {
	margin-bottom: 0px;
    padding-left:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width: auto;
	min-width: 44%;
    justify-content: center;
}

.content-refresh-header .primary-header-bar .primary-nav ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    margin: 0;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.content-refresh-header .primary-header-bar .primary-nav ul li a:hover,
.content-refresh-header .primary-header-bar .primary-nav ul li a[aria-expanded='true'],
.content-refresh-header .primary-header-bar .primary-nav ul li a:focus {
    text-decoration: none;
}

.content-refresh-header .primary-header-bar .primary-nav ul li a:hover,
.content-refresh-header .primary-header-bar .primary-nav ul li a[aria-expanded='true']{
    color:#000;
} 


.content-refresh-header .primary-header-bar .primary-nav .arrow-highlight {
    bottom: -13px;
    visibility:visible;
	opacity:1;
    -webkit-transition:ease-out 0.3s 0.2s;
    -o-transition:ease-out 0.3s 0.2s;
    transition:ease-out 0.3s 0.2s;
    border-bottom: 12px #bec9c5 solid;
	border-top: 12px transparent solid;
	border-left: 12px transparent solid;
	border-right: 12px transparent solid;
	background: transparent;
	width: 0; 
  	height: 0; 
  	margin: auto;
	position: absolute;
    left: 0;
    right: 0;
}

.content-refresh-header .primary-header-bar .primary-nav .arrow-highlight-hidden {
	visibility:hidden;
    opacity:0;
    border-width:0;
}

.content-refresh-header .primary-header-bar .primary-nav .down-arrow {
	margin-left: 6px;
    vertical-align: middle;
    display: inline-block;
    padding: 3px;
	position: relative;
    border: 2px solid;
    border-top: 0;
    border-right: 0;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    top: -3px;
    transition: ease 0.1s;
}
.content-refresh-header .primary-header-bar .primary-nav a[aria-expanded="true"] .down-arrow{
   color: #0075c9;
    transform: rotate(135deg);
    top: 1px;
}

.content-refresh-header .primary-header-bar .primary-nav .up-arrow {
	margin-left: 2px;
 	vertical-align: middle;
	display: inline-block;
	height: 12px;
	width: 12px;
	background: url(../components/content/partnerheader/clientlibs/site/resources/Icon-Arrow-Down.svg) no-repeat 0 0;	
	-ms-transform: rotate(180deg);	
	    transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	position: relative;
	top: -3px;
}

.content-refresh-header .primary-header-bar .primary-cta-btns {
	display: inline-block;
    float: right;
    vertical-align: middle;
    padding-bottom: 18px;
    padding-top: 18px;
}

.content-refresh-header .primary-header-bar .primary-cta-btns a,
.content-refresh-header .primary-header-bar .primary-cta-btns a:focus{
	display: inline-block;
	padding: 10px 30px;
	background-color: #0075c9;
	margin: 0 4px;
	color: #FFFFFF;
	border-radius: 5px;
	border-style: none;
	outline: none;
}

.content-refresh-header .primary-header-bar .primary-cta-btns button.emerald-btn{
	background-color: #007079;
}

.content-refresh-header .primary-cta-btns button .cta-icon {
    display: inline-block;
    position: relative;
    top: 3px;
    margin-left: 4px;
    width: 32px;
    height: 16px;
    background: url("../components/content/partnerheader/clientlibs/site/resources/Icon-Circle-Arrow-Right_White.svg") no-repeat 0 0;
    -webkit-transition: 0.45s;
    -o-transition: 0.45s;
    transition: 0.45s;
    -webkit-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
}

.content-refresh-header .primary-cta-btns button:hover .cta-icon {
	background-position-x: 8px;
}

.content-refresh-header .secondarynav {
	border-top: 10px solid #bec9c5;	
	width: 100%;
	padding: 25px calc(10% - 15px);
    font-size:1.4rem;
    background-color: #fff;
    position:absolute;
    opacity: 1;
    overflow: auto;
    display: none;

}
.content-refresh-header .secondarynav.closed .animate-sub-nav-wrapper{
	opacity:0;
}       
.content-refresh-header .animate-sub-nav-wrapper {
    margin: 0 auto;
    max-width: calc(1280px + 30px);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    transition: 0.3s ease-out;
    opacity:1;
}
.content-refresh-header {
    position: relative;
    z-index: 999;
    border-bottom:1px solid #f5f5f5;
    transition:ease 0.3s;
}

.content-refresh-header.opened-submenu{
  z-index: 99990;
}
.content-refresh-header .secondarynav-left-row-items {
    width: 100%;
    margin:0 -15px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.content-refresh-header .secondarynav-left-row-items.secNavCenterAlign{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
        	justify-content: space-evenly;
}
.content-refresh-header .secondarynav-left-item {
	width: calc(25% - 30px);
    margin: 30px 15px;
    list-style: none;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.content-refresh-header .secondarynav-left-item img {
	display: inline-block;
    vertical-align: top;
    width: 40px;
    margin-top: 0;
    margin-right: 10px;
    height: 40px;
    position: absolute;
    top: -5px;
    left:0;
}

.content-refresh-header .secondarynav-left-item-content {
	margin: 0;
    width:100%;
}
.content-refresh-header p:empty{display:none}
.content-refresh-header .secondarynav-left-item-title {
	color: #0075C9;
    font-weight: 500;
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    margin-bottom: 3px;
    position:relative;
}

.content-refresh-header .secondarynav-left-item-title .heading-arrow{
	background: url(../components/content/partnerheader/clientlibs/site/resources/Icon-Circle-Arrow-Right_Blue.svg) no-repeat 0 0;
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	margin-left: 4px;
}


.content-refresh-header .secondarynav-left-item-content ul,
.content-refresh-header .secondarynav-left-item-title {
	padding-left: 50px;
}

.content-refresh-header .secondarynav-left-item-content ul li {
	list-style: none;
}

.content-refresh-header .sublink-arrow {
    border: solid #0075c9;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 1.5px;
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    vertical-align: middle;
    margin-left: 5px;
    position:relative;
    left:0;
    -webkit-transition:ease-out 0.3s;
    -o-transition:ease-out 0.3s;
    transition:ease-out 0.3s;
    margin-top: -3px;
}
.content-refresh-header .sublink-arrow.border-outline:after {
    -webkit-box-shadow: 0 0 0 1.3px currentColor;
            box-shadow: 0 0 0 1.3px currentColor;
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    left: -4px;
    top: -4px;
}
.content-refresh-header .secondarynav a{
    color: #0075c9;
    padding: 3px 8px 3px 0;
    display: inline-block;
    position:relative;
}
.content-refresh-header .secondarynav p{
    font-size: 14px;
    margin: 0;
    padding-left:50px;
    line-height:1.6;
}

.content-refresh-header .secondarynav a:hover .sublink-arrow,
.content-refresh-header .secondarynav a:focus .sublink-arrow,
.content-refresh-header .secondarynav a:hover .button-refresh--icon__arrow,
.content-refresh-header .secondarynav a:focus .button-refresh--icon__arrow{
    left:6px
}

.content-refresh-header .secondarynav-left-landingpage {
	text-align: center;
	font-weight: 500;
	margin: 25px 0;
}

.content-refresh-header .secondarynav-left-landingpage .heading-arrow{
	background: url(../components/content/partnerheader/clientlibs/site/resources/Icon-Circle-Arrow-Right_Blue.svg) no-repeat 0 0;
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	margin-left: 4px;
}
.content-refresh-header .primary-header-bar .primary-cta-btns {
	display: inline-block;
    float: right;
    vertical-align: middle;
    padding-bottom: 18px;
    padding-top: 18px;
}
.button-refresh--icon__arrow.icon__outline-none:after{display:none}
.button-refresh--icon__arrow.icon__outline-none {
    margin-left: 7px;
    margin-right: 0;
}

.content-refresh-header .primary-header-bar .primary-cta-btns a,
.content-refresh-header .primary-header-bar .primary-cta-btns a:focus,
.content-refresh-header .primary-header-bar .primary-cta-btns a:hover{
	display: inline-block;
	padding: 10px 30px;
	background-color: #0075c9;
	margin: 0 4px;
	color: #FFFFFF;
	border-radius: 5px;
	border-style: none;
    text-decoration:none;
}

.content-refresh-header .primary-header-bar .primary-cta-btns a.emerald-btn{
	background-color: #007079;
}

.content-refresh-header .primary-cta-btns a .cta-icon {
    display: inline-block;
    position: relative;
    top: 3px;
    margin-left: 4px;
    width: 32px;
    height: 16px;
    background: url("../components/content/partnerheader/clientlibs/site/resources/Icon-Circle-Arrow-Right_White.svg") no-repeat 0 0;
    -webkit-transition: 0.45s;
    -o-transition: 0.45s;
    transition: 0.45s;
    -webkit-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
}

.content-refresh-header .primary-cta-btns a:hover .cta-icon {
	background-position-x: 8px;
}
.content-refresh-header .language-selector-button .language {
    margin: 0px 3px;
}
.content-refresh-header .language-selector-button .language-selector-arrow {
    border-width: 0 1px 1px 0;
    padding: 3px;
    left: 2px;
}
.content-refresh-header .language-selector .language-selector-button{
 	font-size:1.2rem;
    padding: 0 5px;
    color: #fff;
    font-weight: 500;
    min-width: auto;
    min-height: 24px;
    margin-left: 8px;
}
.content-refresh-header .language-selector-button .language-selector-image img,
.content-refresh-header .language-selector-button .language-selector-hover-image img {
    width: 18px;
    max-height: 24px;
}
.content-refresh-header .language-selector-button .language-selector-image {
    margin-right: 0;
    display:inline-block!important;
}
.content-refresh-header .language-selector-button .language-selector-hover-image,
.content-refresh-header .language-selector-button:focus .language-selector-hover-image {
    display: none!important;
}
.content-refresh-header .primary-nav li a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 10px 12px;
    color: #58585A;
    -webkit-transition: ease-out .2s;
    -o-transition: ease-out .2s;
    transition: ease-out .2s;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
}
.content-refresh-header .button-group {
    display:flex;
    justify-content:flex-end;
    vertical-align: middle;
    margin-left:-6px;
    margin-right:-6px;
    min-width:16%;
    text-align:right;
}
.content-refresh-header .button-group .button-refresh{ 
    min-width: 145px;
    padding-left: 1rem;
    padding-right: 1rem;
    margin: 6px;
    white-space: nowrap;
    overflow:hidden;
	width:auto;
}
.content-refresh-header.stickyTopHeader {
    width: 100%;
    position: fixed!important;
    top: 0;
   	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161);
}
.content-refresh-header.stickyTopHeader .secondarynav{
	max-height:78vh;
    overflow:auto
}
.refresh-viewmore-link{
    font-size:14px;
    text-transform:uppercase;
}
.stickyTopHeader.content-refresh-header .top-header-bar,.stickyTopHeader.content-refresh-header .primary-header-bar {
    padding-top: 4px;
    padding-bottom: 4px;
}
.stickyTopHeader.content-refresh-header .primary-header-bar .primary-nav .arrow-highlight {
    bottom: -9px;
}
.content-refresh-header .language-selector button:focus {
    outline-width: 5px;
    outline-style:auto;
    outline-color:#fff;
    outline-color:-webkit-focus-ring-color;
}
.content-refresh-header .secondarynav *:focus{outline-offset:0}
.refresh-skip-link:focus {
    z-index: 9999;
    clip: auto;
    width: auto;
    height: auto;
    padding: 5px;
    background-color: #fff;
}
.content-refresh-header .nowrap {
    white-space: nowrap;
}


@media(min-width:1250px){
    .overlay-desktop{
        background-color:rgba(0,0,0,0.8);
        position:fixed;
        top:0;
        right:0;
        width:100%;
        height:100%;
        visibility:hidden;
        -webkit-transition:ease-out 0.3s;
        -o-transition:ease-out 0.3s;
        transition:ease-out 0.3s;
        opacity:0;
    }
    .overlay-desktop-show{
        opacity:1;
        visibility:visible;
        z-index: 9999;
    }
    .content-refresh-header .language-selector.onlyDesktop {
        display: inline-block !important;
        position: relative;
        top: 0;
        left: 0;
    }
	.content-refresh-header .language-selector-button .language{  display: inline-block !important;}
	.content-refresh-header .language-selector-button .language-selector-arrow {
    	border-color: #fff;
     }
	 .contentRefresh a:focus{outline-offset:0;}
}
@media(min-width:1440px){
    .content-refresh-header .language-selector .language-selector-button{margin-left:14px;}
    .content-refresh-header .top-header-country-selector {margin-left: 20px;}
    .content-refresh-header .top-header-search input {
        width: 210px;
    }
	.content-refresh-header .top-header-nav ul li a{font-size:1.3rem;}
	.content-refresh-header .primary-nav li a {
    padding: 10px 14px;
        }
}
@media(max-width:1300px){ 
    .content-refresh-header .button-group .button-refresh{ 
        min-width: 135px;
    }
	.content-refresh-header .primary-header-bar .primary-nav,.content-refresh-header .button-refresh {
		font-size: 1.4rem;
	}
	.content-refresh-header .secondarynav-left-item-title {
    	font-size: 1.6rem;
	}
   .content-refresh-header .button-group .button-refresh{
        margin:6px 2px    
    } 
   .content-refresh-header .button-group{
    	margin:0 -2px
   }
	.content-refresh-header .primary-nav li a{
    	padding:10px;
    }
}

@media(max-width:1249px){
	.content-refresh-header{display:none!important}
}
@media(max-width:1200px){
	.content-refresh-header .primary-header-bar,
 	.content-refresh-header .top-header-bar {
        padding-left: 3.5%;
        padding-right: 3.5%; 
    }
    .content-refresh-header .secondarynav {
        padding: 25px calc(3.5% - 20px);
    }
}

.content-refresh-header .primary-nav li a{font-size:16px;}

.content-refresh-header .button-group [class].button-refresh {
 font-size: 16px;
}

        .content-refresh-header .primary-nav li a {
text-decoration: none;
}

.content-refresh-header .top-header-nav ul li a {font-size:16px;}



.content-refresh-header .navcolor-submenu a, 
.content-refresh-header .secondarynav a {font-size:18px;}


.content-refresh-header .navcolor-submenu a, 
.content-refresh-header .secondarynav a {text-decoration: none;}

.content-refresh-header .navcolor-submenu a:hover, 
.content-refresh-header .secondarynav a:hover {text-decoration: underline;}


.content-refresh-header .secondarynav a.refresh-viewmore-link {font-size: 14px;}


.content-refresh-header .top-header-search input {
font-size: 16px;
}

.content-refresh-header .top-header-country-selector {font-size: 12px;}

@media (max-width: 1024px) {
  .main-header-mobile .primary-cta-btns .button-refresh {
    font-size: 12px;
  }
}

@media (min-width: 600px) and (max-width: 1366px) {
  .main-header-mobile .primary-cta-btns .button-refresh {
    font-size: 12px;
  }
}

 .content-refresh-header .top-header-bar .searchBar button.search-close-icon{ position: absolute;
    top: 10px;}

 .content-refresh-header .primary-header-bar {line-height: 1.428;}

.content-refresh-header .top-header-search input,
.content-refresh-header .top-header-country-selector {font-size:12px;}

.content-refresh-header .top-header-country-selector a {text-decoration: none;}

.content-refresh-header .top-header-country-selector a:hover {text-decoration: underline;}

.content-refresh-header .top-header-nav ul li a{font-size:13px;}

.content-refresh-header .button-group [class].button-refresh  { padding: 3.6px 10px;}
.main-header-mobile {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161);
	        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161);
	z-index: 999; 
	position: relative;
	background-color: #fff;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
    height:74px;
}
.main-header-mobile.subnav-mobile--opened {z-index: 99990;}
.main-header-mobile .initial-view{
	padding: 0 calc(10% - 10px);
	height: 74px;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.main-header-mobile .initial-view-close{
	display:none;
} 

.main-header-mobile .language-selector button:focus{outline:5px auto -webkit-focus-ring-color;}
.main-header-mobile .hamburger-nav {
	vertical-align: bottom;
	display: inline-block;
	background-image: url(../components/content/partnerheader/clientlibs/site/resources/hamburger.svg);
	background-color:#fff;
    background-repeat:no-repeat;
    background-position:center;
    text-align: center;
    width: 40px;
    height: 40px;
    margin-top: 0;
    cursor: pointer;
    border: 0;
    padding: 5px;
    background-size: 22px;
}

.main-header-mobile .logo{
  padding:10px 5px;
  flex:1;
}
.main-header-mobile .logo >a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
    margin-top:-5px;
    height:46px;
    width: 220px;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
     margin:auto;
}

.main-header-mobile .logo img{
    max-height: 100%;
    max-width: 100%;
    display: inline-block;
}

.main-header-mobile .mobile-search-open {
	vertical-align: bottom;
	display: inline-block;
	padding: 5px;
	height: 40px;
	width: 40px;
	background-image: url(../components/content/partnerheader/clientlibs/site/resources/Icon-Search.svg);
	border: 0;
	cursor: pointer;
	background-size: 20px;
    background-repeat:no-repeat;
	background-position: center;
    border: 0;
    background-color:transparent;
}

.main-header-mobile .search-view {
	padding: 7px calc(10% - 10px);
    height: 74px;
    text-align: center;
    display: none;
}

.main-header-mobile .search-view-open {
	width: 100%;
	background: #FFFFFF;
	display: block;
	z-index: 2;
	top: 0;
	left: 0;
    transform:translate(0)
}

.main-header-mobile .search-view .search-icon {
    background: url(../components/content/partnerheader/clientlibs/site/resources/Icon-Search.svg) no-repeat 0 0;
    border: 0;
    height: 40px;
    width: 40px;
    display: inline-block;
    cursor: pointer;
    background-size: 20px;
    background-position: center;
    border: 0;
}

.main-header-mobile .search-view input {
	width: 79%;
	display: inline-block;
	height: 60px;
	border: 0;
	padding: 5px;
}

.main-header-mobile .mobile-search .ms-close {
	border: 0;
    display: inline-block;
    background: url(../components/content/partnerheader/clientlibs/site/resources/Icon-Close.svg) no-repeat 0 0;
    height: 40px;
    width: 40px;
    cursor: pointer;
    background-size: 18px;
    background-position: center;
    border: 0;
    padding: 5px;
    order:-1;
    position: static;
}
.main-header-mobile .mobile-search .ms-search{
    position: static;
    height: 40px;
    width: 40px;
    background-size: 20px;
    background-position: center;
}

.main-header-mobile .hamburger-flyout {
    width: 90%;
    max-width: 410px;
    background: #fff;
    height: auto;
    max-height: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: ease-in 0.4s;
    -o-transition: ease-in 0.4s;
    transition: ease-in 0.4s;
    left: -100%;
    position: fixed;
    top: 0;
}
.main-header-mobile .hamburger-flyout-open {
    z-index: 1;
    top: 0;
    left: 0;
    visibility: visible;
    opacity: 1;
}
.main-header-mobile .flyout-control-icons {
	text-align: center;
    padding:10px 20px 10px 55px;
    height: 74px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.main-header-mobile .flyout-back-icon {
	display: none;
    background: url(../components/content/partnerheader/clientlibs/site/resources/Icon-Back-Arrow-Button.svg) no-repeat 0 0;
    height: 40px;
    width: 40px;
    float: left;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding: 5px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-size: 10px;
    background-position: center;
    border: 0;
    position: absolute;
    top: 15px;
    left: 55px
}
.main-header-mobile  .mobile-search-form{
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}


.main-header-mobile .flyout-back-icon-show {
	display: inline-block;
}

.main-header-mobile .flyout-close-icon {
	display: inline-block;
	background-image: url(../components/content/partnerheader/clientlibs/site/resources/Icon-Close.svg);
	background-color:transparent;
    background-repeat: no-repeat;
	height: 40px;
	width: 40px;
	float: right;
	cursor: pointer;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	border: 0;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	background-size: 15px;
	background-position: center;
    padding:5px;
    margin-left:auto;
    position: absolute;
    top: 15px;
    right: 10px;
}

.main-header-mobile .primary-nav-items {
    font-weight: 500;
}
.main-header-mobile .primary-nav-links ul{
	padding: 0;
	margin: 0;
}

.main-header-mobile .primary-nav-items li {
	list-style: none;
    border-bottom: 1px solid #E2E2E2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.main-header-mobile .primary-nav-links li a{
    color: #0075c9;
    font-weight: 500;
    padding: 8px 25px 8px 8px;
    width: 100%;
    position: relative;
}

.main-header-mobile .primary-nav-links li a {
    text-decoration: none;
}

.main-header-mobile .primary-nav-links li a:hover,
.main-header-mobile .primary-nav-links li a[aria-expanded='true'],
.main-header-mobile .primary-nav-links li a:focus {
    text-decoration: none;
}

.main-header-mobile div .right-arrow {
	position: absolute;
    vertical-align: middle;
    display: inline-block;
    height: 7px;
    width: 7px;
    transform: rotate(45deg);
    cursor: pointer;
    right: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 1px solid #0075c9;
    border-bottom: 0;
    border-left: 0;
	transition: ease 0.2s;
}


.main-header-mobile .sec-nav-links .primary-nav-title {
	padding: 8px;
    border-bottom: 1px solid #E2E2E2;
    font-weight: 500;
    color: #0075c9;
}

.main-header-mobile div ul{
	border: 0;
    padding: 0;
	margin-top:0;
    margin-bottom:10px;
}

.main-header-mobile .sec-nav-links li{
	list-style: none;
    border-bottom: 1px solid #E2E2E2;
	font-weight:400;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.main-header-mobile .sec-nav-links li a{
    padding: 8px 25px 8px 8px;
    width: 100%;
    color: #0075c9;
    position: relative;
}

.main-header-mobile .sec-nav-links li a:hover,
.main-header-mobile .sec-nav-links li a:focus{
    text-decoration: none;
}
.main-header-mobile .tertiary-nav-links .primary-nav-title {
    padding: 8px;
    border-bottom: 1px solid #ddd;
    font-weight: 500;
    color: #0075c9;
}

.main-header-mobile .tertiary-nav-links .sec-nav-landing {
	padding: 10px 0;
}

.main-header-mobile .tertiary-nav-links .sec-nav-landing a{
	cursor: pointer;
    color: #0075c9;
	font-weight: normal;
}

.main-header-mobile .tertiary-nav-links .sec-nav-landing a:focus,
.main-header-mobile .tertiary-nav-links .sec-nav-landing a:hover{
	text-decoration: none;
}
.main-header-mobile .tertiary-nav-links ul li {
	list-style: none;
    border-bottom: 1px solid #e2e2e2;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.main-header-mobile .tertiary-nav-links ul li a{
	padding: 8px;
    width: 100%;
    color: #0075c9;
}
.main-header-mobile .tertiary-nav-links li a:hover,
.main-header-mobile .tertiary-nav-links li a:focus{
    cursor: pointer;
    text-decoration: none;
}

.main-header-mobile .top-header-mobile-nav {
	padding: 25px 20px 25px 60px;
    background: #5c5d5f;
}

.main-header-mobile .top-header-mobile-nav ul{
	padding: 0;
	margin: 0;
}

.main-header-mobile .top-header-mobile-nav li{
	list-style: none;
}

.main-header-mobile .top-header-mobile-nav li a{
	color: #fff;
    padding: 3px 8px;
    display: block;
}

.main-header-mobile .top-header-mobile-nav li a:hover,
.main-header-mobile .top-header-mobile-nav li a:focus {
	text-decoration: underline;
    color: #bdc6c4;
}

.main-header-mobile .country-selector {
    padding: 8px;
}

.main-header-mobile .country-selector img{
	display: inline-block;
}

.main-header-mobile .country-selector .country-text{
	display: inline-block;
	margin-left: 5px;
	color: #FFFFFF;
    font-size:1.2rem;
}
.main-header-mobile .locationFlag img {
    width: 25px;
    display: inline-block;
}
.main-header-mobile .primary-cta-btns .button-refresh {
 	min-width: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 134px;
            flex: 0 0 134px;
    margin: 5px;
    white-space: nowrap;
}
.main-header-mobile .primary-cta-btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    padding: 0 20px 0 60px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 0;
    margin-bottom: 15px;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.main-header-mobile .primary-nav-items ul >li:last-child,
.main-header-mobile .sec-nav-links ul >li:last-child,
.main-header-mobile .tertiary-nav-links ul >li:last-child{
    border-bottom:0;
}
.main-header-mobile.stickyTopHeader {
    width: 100%;
    position: fixed!important;
    top: 0;
}
.main-header-mobile .ms-search-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    padding:15px calc(10% - 10px);
}

.main-header-mobile .mobile-search input[type=search] {
    height: 44px; 
    padding:18px;
    text-align:center;
    border-bottom:2px solid #e2e2e2
}
.main-header-mobile .primary-nav-links, .main-header-mobile .sec-nav-links, .main-header-mobile .tertiary-nav-links {
	position: fixed;
    max-width: 410px;
    width: 90%;
    background: #fff;
    max-height: 100%;
    overflow: auto;
  	visibility: hidden;
    opacity: 0;
    left: -100%;
    -webkit-transition:ease-in 0.4s;
    -o-transition:ease-in 0.4s;
    transition:ease-in 0.4s;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 30%);
}

.main-header-mobile .primary-nav-items, .main-header-mobile .sec-nav-links, .main-header-mobile .tertiary-nav-links {
   padding: 74px 20px 20px 60px;
}
.main-header-mobile .primary-nav-links[aria-hidden="false"], .main-header-mobile .sec-nav-links[aria-hidden="false"], .main-header-mobile .tertiary-nav-links[aria-hidden="false"] {
    visibility: visible;
    opacity: 1;
    left: 0;
}
.main-header-mobile li a:hover > .right-arrow,
.main-header-mobile li a:focus > .right-arrow{right:5px;}
.main-header-mobile div li,
.main-header-mobile .primary-cta-btns,
.main-header-mobile .country-selector{
    transform:translateY(2rem);
    transition:0.5s ease-out;
    opacity:0;
}
.main-header-mobile div ul.language-list-item.show {
	padding: 0px;
}
.main-header-mobile div .language-list-item li {
    opacity:1;
}
.main-header-mobile div .language-list-item li a,
.main-header-mobile div .language-list-item li a:active {
	color: #ffffff;
}
.main-header-mobile .hamburger-flyout div[aria-hidden="false"] li,
.main-header-mobile .hamburger-flyout div[aria-hidden="false"] .primary-cta-btns,
.main-header-mobile .hamburger-flyout div[aria-hidden="false"] .country-selector {
    transform:translateY(0);
    opacity:1;
}
.main-header-mobile .hamburger-flyout div[aria-hidden="false"] li:nth-child(1){
	transition-delay:0.3s;
}
.main-header-mobile .hamburger-flyout div[aria-hidden="false"] li:nth-child(2){
	transition-delay:0.4s;
}
.main-header-mobile .hamburger-flyout div[aria-hidden="false"] li:nth-child(3){
	transition-delay:0.5s;
}
.main-header-mobile .hamburger-flyout div[aria-hidden="false"] li:nth-child(4){
	transition-delay:0.6s;
}
.main-header-mobile .hamburger-flyout div[aria-hidden="false"] li:nth-child(5){
	transition-delay:0.7s;
}
.main-header-mobile .hamburger-flyout div[aria-hidden="false"] li:nth-child(6){
	transition-delay:0.8s
}
.main-header-mobile .hamburger-flyout div[aria-hidden="false"] li:nth-child(7){
	transition-delay:0.9s;
}
.main-header-mobile .hamburger-flyout div[aria-hidden="false"] li:nth-child(8){
	transition-delay:1s;
}
.main-header-mobile .hamburger-flyout div[aria-hidden="false"] li:nth-child(9){
	transition-delay:1.1s;
}
.main-header-mobile .hamburger-flyout div[aria-hidden="false"] li:nth-child(10){
	transition-delay:1.2s;
}
.main-header-mobile .hamburger-flyout div[aria-hidden="false"] .primary-cta-btns{
    transition-delay:1s;
}
.main-header-mobile .hamburger-flyout div[aria-hidden="false"] .country-selector{
	transition-delay:1.2s;
}    
.refRearchIconMob{
	width:40px;
}
.flyout-close-icon.flyout-close-icon-end{
    display:none;
    opacity:0;
}
@media(min-width:1250px){	
	.main-header-mobile {
    	display:none!important
    }
}
@media(max-width:1249px){	
    .overlay-mobile{
        background-color:rgba(0,0,0,0.8);
        position:fixed;
        top:0;
        left:0;
        width:0;
        height:100%;
        visibility:hidden;
        transition: ease-in 0.5s;
        opacity:0;
    }
    .overlay-mobile--show{ 
        width:100%;
        visibility:visible;
        z-index:9999;
        transition: ease-out 0.4s;
    	opacity:1;
    }
    .main-header-mobile .language-selector .language-selector-button {
        padding: 5px;
        width: 40px;
        height: 40px;
        text-align: center;
        min-width: 40px;
    }
    .main-header-mobile .language-selector {
        left: calc(10% + 40px);
        right:inherit;
        top:inherit
	}
    .main-header-mobile .language-selector-button .language-selector-image {
        margin-right: 0;
    }

    .main-header-mobile .language-selector-button .language-selector-image img{
        width: 18px;
        height: 18px;
    }
    .main-header-mobile .language-selector-button .language-selector-arrow {
        border: 1px solid #58585A;
        border-width: 0 1px 1px 0;
        left: 3px;
    }
	.refresh-skip-link{display:none}
}
@media(max-width:1023px){ 
	.main-header-mobile .initial-view,.main-header-mobile .ms-search-container{
        padding-left : calc(7.5% - 10px);
    	padding-right : calc(7.5% - 10px);
    }
	.main-header-mobile .language-selector {
    	left: calc(7.5% + 40px);
     }
}
@media(max-width:599px){ 
    .main-header-mobile .logo a{
        max-width: 140px;
    }
    .main-header-mobile .language-selector-button .language-selector-arrow {
        left: 0;
    }

    .main-header-mobile .primary-cta-btns .button-refresh {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 130px;
                flex: 1 0 130px;
    	font-size: 1.4rem;
    }
	.main-header-mobile .primary-nav-items, .main-header-mobile .sec-nav-links, .main-header-mobile .tertiary-nav-links {
        padding-left: 25px;padding-right: 10px;
    }
	.main-header-mobile .primary-cta-btns {
	    padding: 0 10px 0 25px;
	} 
    .main-header-mobile .flyout-control-icons {
        padding: 10px 10px 10px 20px;
    }
    .main-header-mobile .top-header-mobile-nav {
        padding: 25px 10px 25px 20px;
    }
	.main-header-mobile .flyout-back-icon{
    	left:20px;
    }
    .main-header-mobile .language-selector {
    	left: calc(7.5% + 30px);
     }
}

@media (max-width: 599px) {
.main-header-mobile .primary-cta-btns .button-refresh {font-size:14px;} 
.main-header-mobile .top-header-mobile-nav ul li a{
    font-size:12px;
}
.main-header-mobile .primary-cta-btns [class].button-refresh {line-height: 1.4;}
}

@media (min-width: 600px) and (max-width: 1366px) {
  .main-header-mobile .primary-cta-btns .button-refresh {
    font-size: 16px;
  }
  .main-header-mobile .primary-cta-btns [class].button-refresh {
    padding: 3.6px 10px;
  }
}

 .content-refresh-header .top-header-bar .top-header-search input>#searchText::-webkit-search-cancel-button{  
    display: none;
}

.main-header-mobile .country-selector .country-text {  font-size:12px;}

.main-header-mobile .primary-nav-links li a {font-size:14px;}

.main-header-mobile .sec-nav-links li a {font-size: 14px; text-decoration: none;}

.main-header-mobile .sec-nav-links li a:hover { text-decoration: underline;}
.main-header-mobile .sec-nav-links .primary-nav-title {font-size: 14px;}

.main-header-mobile .country-selector span.locationFlag{font-size:14px;}

.main-header-mobile .country-selector a {text-decoration:none;}
.main-header-mobile .country-selector a:hover {text-decoration:underline;}


        @media (max-width: 1024px) {
    .main-header-mobile .top-header-mobile-nav ul li a {
        font-size: 12px;
    }
}
.site-landing-header {
    background: #FFFFFF;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161);
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 7.5%;
    padding-right: 7.5%;
}
.site-landing-header .site-header-main {
     max-width: 1280px;
     width: 100%;
     margin: auto;
}
.site-landing-header .site-branding {
    padding-right: 5%;
}
.site-landing-header .site-branding img{
    max-height: 42px;
    max-width: 160px;
}
.site-landing-header .flex-content {
    display: flex;
    justify-content: space-between;
    align-items:center;
}
.site-landing-header .getintouch-heading {
    align-self: flex-end;
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    font-weight:400;
    margin: 0;
    color: #0C2074;
    text-align: right;
 }
 .site-landing-header .strong-text{font-weight:700}
 .site-landing-header .site-branding>a {
     display: inline-block;
 }

.site-landing-header .getintouch-heading span {
    margin-left: 4px;
}
 .site-landing-header .getintouch-heading a[href^='tel'] {
        color: inherit;
        text-decoration:none;
        speak: spell-out;
    }
.stickyLandingHeader {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}
  @media screen and (min-width:1024px){
    .site-landing-header {
     padding-left: 10%;
     padding-right: 10%;
    }
    .site-landing-header .getintouch-heading a[href^='tel'] {
        pointer-events:none;
    }
   }
  @media screen and (max-width:599px){
    .site-landing-header .getintouch-heading, .site-landing-header .strong-text {
        font-weight:500;
     }
     .site-landing-header .getintouch-heading {
     flex-direction:column;
     font-size: 14px;
     }
  }
.paybillformsection {
    padding: 20px 0px; 
}
.paybillformsection label {
    display: block;
}
.paybillformsection .cmp-form-text__text, .paybillformsection .cmp-form-options__field {
	border: 1px solid #e1e1e1;
	border-radius: 3px 3px 3px 3px;
	width: 100%;
	max-width: 600px;
	padding: 5px;
	margin-bottom: 10px;
}
.paybillformsection h2 {
	font-size: 24px;
}
.paybillformsection .cmp-form-button {
	border: none;
    background-color: #75b639;
    color: white;
    border-radius: 7px;
    padding: 4px;
    width: 129px;
    margin: 15px 0px;
}
.paybillformsection .cmp-form-button:hover {
    background-color: #8ecc4e;
}
.paybillformsection .custom-error-message {
    position: relative;
    bottom: auto;
    font-size: 12px;
	font-weight: bold;
    right: auto;
    color: red;
    display: block;
	margin-bottom: 15px;
}
.paybillformsection .submitErrorMes {
    position: relative;
    bottom: auto;
    font-size: 16px;
	font-weight: bold;
    right: auto;
    color: red;
    display: block;
	margin-bottom: 15px;
	float: left;
}
.countdownclock-wrapper{
    display: inline-block;
    width: 100%;
    padding: 20px 50px;
}

.countdownclock-wrapper .days{
    width: 30%;
    min-height: 250px;
    float: left;
    margin: 7px;
} 

.countdownclock-wrapper .hours{
    width: 21.3%;
    min-height: 250px;
    float: left;
    margin: 7px;
} 


.countdownclock-wrapper p{
    min-height: 180px;
    font-size: 14rem;
    line-height: 200px;
    font-weight: 100;
} 

.countdownclock-wrapper h3{
    font-weight: 500;
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 5px;
}

.counterExpired{
    text-align:center;
    text-transform: capitalize;    
}

.countdownClock { 
    display: none;
    }


@media only screen and (min-width: 560px) and (max-width: 930px){
    .countdownclock-wrapper{
        padding: 10px 20px;
    }

    .countdownclock-wrapper .days{
       width: 29%;
       margin: 5px;
    min-height:150px;
    }

   .countdownclock-wrapper .hours{
       width: 21%;
       margin: 5px;
    min-height:150px;
    } 

  .countdownclock-wrapper h3{
      font-size: 2rem;
    } 

   .countdownclock-wrapper p {
      font-size: 8rem;
      font-weight: 400; 
     min-height:150px;
      line-height:150px;
    }                
}



@media only screen and (max-width: 560px){
    .countdownclock-wrapper{
        padding: 10px 20px;
    }

    .countdownclock-wrapper .days{
       width: 28%;
       margin: 2px;
       min-height:100px;
    }

   .countdownclock-wrapper .hours{
       width: 22%;
       margin: 2px;
       min-height:100px;
    } 

  .countdownclock-wrapper h3{
      font-size: 1.8rem;
    } 

   .countdownclock-wrapper p {
      font-size: 5rem;
      font-weight: 400;   
      min-height:100px;
      line-height:100px;
    } 
                   
}


.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}






/* ************ qTree styles ************ */

.qTree-container {
	padding-top: 35px;
	padding-bottom: 50px;
}
.qTree-percentage {
	max-width: 560px;
	min-height: 50px;
	margin: auto;
	margin-bottom: 75px;
}
.qTree-percentage .qTree-percentage-bar {
	position: relative;
	border: 1px solid #202020;	
	width: 100%;
	height: 8px;	
	border-radius: 20px;
}
.qTree-percentage .qTree-percentage-progress {
	position: absolute;
	width: 5%;
	height: 8px;
	background-color: #4C851E;
	border-radius: 20px;
	transition: width 0.50s ease-out;
}
.qTree-percentage .qTree-percentage-text {
	position: absolute;
	top: 20px;
	left: 0px;
	font-size: 14px;
	color: #58585a;
}

.qTree-container h2 {
	font-weight: 400;
	font-size: 42px;
	text-align: center;
	color: #0A1C76;
	margin: 10px 0px 30px;
}
.qTree-container h3 {
	font-weight: 500;
	font-size: 24px;
	text-align: center;
	color: #0A1C76;
	margin: 10px 0px 20px;
}
.qTree-container h4 {
	font-weight: 500;
	font-size: 17px;
	text-align: center;
	color: #0A1C76;
	margin: 10px 0px 20px;
}
.qTree-container h5 {
	font-weight: 400;
	font-size: 22px;
	text-align: left;
	color: #2B7CBD;
	margin: 10px 0px 20px 0px;
}

.qTree-level-container {
	max-width: 950px;
	margin: 30px auto 50px;
	overflow: hidden;
	position: relative;
}
.qTree-level {
	width: 100%;
	max-width: 470px;
	margin: 25px auto;
	overflow: hidden;
	position: relative;
}
.qTree-level:before {
	content: "";
	display: block;
	width: 80%;
    height: 0.10rem;
    background: #58585a;
	position: absolute;
	top: 17px;
	left: 50px;
    z-index: -1;
}
.qTree-level div.qTree-level-number {
	float: left;
	width: 25%;
	text-align: center;
    text-align: center;
	box-sizing: border-box;
}
.qTree-level div.qTree-level-number:last-child {
	padding: 0px 20px;
}
.qTree-level .level {
	width: 30px;
	height: 30px;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	border: 0.10rem solid #58585a;
	background-color: #ffffff;
	border-radius: 50%;
	text-align: center;
}
.qTree-level .level.active {
	background-color: #2B7CBD;
	color: #ffffff;
	border: 0.10rem solid #2B7CBD;
}
.qTree-level .level-name {
	display: block;
	text-align: center;
	font-size: 14px;
	padding: 10px 37px;
}
.qTree-level div:last-child .level-name {
	padding: 10px 0px;
}
button.qTree-prev-level,
button.qTree-next-level {
	width: 65px;
	height: 90px;
	padding: 0px;
	border: none;
	background: transparent;
	position: absolute;
	top: 62px;
	transform: translateY(-50%);
	cursor: pointer;
}
button.qTree-prev-level {
	left: 0px;
}
button.qTree-next-level {
	right: 0px;
}
button.qTree-prev-level i,
button.qTree-next-level i {
	border: solid #468419;
	border-width: 0 7px 7px 0;
	display: inline-block;
	padding: 12px;
	margin-bottom: 20px;
}
button.qTree-prev-level > span,
button.qTree-next-level > span {
	display: block;
}
button.qTree-prev-level:disabled,
button.qTree-next-level:disabled {
	cursor: not-allowed;
}
button.qTree-prev-level:disabled i,
button.qTree-next-level:disabled i {
	border: solid #A1C28D;
	border-width: 0 7px 7px 0;
}
button.qTree-next-level i {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	position: relative;
	right: 10px;
}
button.qTree-prev-level i {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	position: relative;
    left: 10px;
}

.contact-customercare button.qTree-next-level,
.contact-customercare button.qTree-prev-level,
.apply-two-terminals button.qTree-next-level,
.apply-two-terminals button.qTree-prev-level {
	top: 37px;
}

.qTree-content {
	max-width: 950px;
	margin: auto;
	display: none;
	position: relative;
}
.qTree-content .qTree-q {
	text-align: center;
	display: none;
}
.qTree-content button.qTree-btn-inline {
	display: inline-block;
	min-width: 170px;
    height: 35px;
    border-radius: 5px;
    border: 1px solid #2B7CBD;
	background-color: #ffffff;
	color: #0A1C76;
	font-size: 15px;
	margin: 0px 5px 20px;
}
.qTree-content button.qTree-btn-inline.selected {
	background-color: #4C851E;
	color: #ffffff;
}
.qTree-content button.qTree-btn-fullWidth {
	width: 100%;
	height: 38px;
	position: static;
	left: 0px;
	bottom: 0px;
	margin: 0px;
	padding: 0px 20px;
	border: 1px solid #c1c1c1;
	border-radius: 0px;
	background-color: #ffffff;
	text-align: left;
	color: #4C851E;
	font-weight: 700;
	font-size: 12px;
}
.qTree-content button.qTree-btn-fullWidth .qTree-btn-arrow {
	position: absolute;
    right: 25px;
    top: 13px;
	width: 10px;
    height: 10px;
    display: inline-block;
	overflow: hidden;
}
.qTree-content button.qTree-btn-fullWidth .qTree-btn-arrow i {
	border: solid #468419;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 0.12em;
    margin-bottom: 20px;
	transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
	position: relative;
    top: 2px;
    left: 1px
}
.qTree-content button.qTree-btn-fullWidth.selected .qTree-btn-arrow {
	border: 1px solid #ffffff;
	border-radius: 50%;
}
.qTree-content button.qTree-btn-fullWidth.selected {
    background-color: #4C851E;
    color: #ffffff;
}
.qTree-content button.qTree-btn-fullWidth.selected i {
	border: solid #ffffff;
	border-width: 0 1px 1px 0;
}
.qTree-content .qTree-a-options {
	text-align: center;
}
.qTree-content .qTree-error {
	font-size: 15px;
	color: red;
	text-align: center;
	padding: 15px 0px;
	display: none;
}
.qTree-content .qTree-input {
	position: relative;
	width: 170px;
    min-height: 40px;
	margin: auto;
}
.qTree-content .qTree-input .qTree-currency {
	position: absolute;
	width: 40px;
	z-index: 1;
	left: 0px;
	top: 7px;
	display: inline-block;
	font-size: 17px;
	color: #58585a;
}
.qTree-content .qTree-input .qTree-currency-value {
	position: absolute;
	width: 170px;
	height: 35px;
	border-radius: 5px;
    border: 1px solid #2B7CBD;
	font-size: 12px;
    left: 0px;
    top: 0px;
	padding: 0px 25px 0px 35px;
	box-sizing: border-box;
	text-align: center;
}
.qTree-content .qTree-input .qTree-currency-value::-ms-clear {
    display: none;
}

.qTree-terminals {
	padding: 20px 0px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.qTree-terminals .qTree-terminal-box {
	padding: 20px 20px 60px 20px;
	box-shadow: 0px 0px 2px 2px rgba(80, 80, 90, 0.2);	
	flex: 0 50%;
	margin: 20px 32px;
	max-width: 350px;
	position: relative;
}
.qTree-terminals .qTree-terminal-box.hide-terminal {
    display: none;
}
.qTree-terminals .qTree-desc {
	padding-bottom: 10px;
	text-align: left;
	font-size: 15px;
	overflow: hidden;
}
.qTree-terminals .qTree-desc p {
	margin-bottom: 5px;
	font-size: 15px;
    line-height: 20px;
}
.qTree-terminals .qTree-desc p strong {
	color: #0A1C76;
}
.qTree-terminals .qTree-terminal-box .qTree-terminal-picture {
	max-width: 100px;
    max-height: 120px;
    padding: 5px 10px 0px 0px;
    box-sizing: border-box;
	float: left;
}
.qTree-terminals .qTree-terminal-box .qTree-terminal-picture > img {
	width: 100%;
    height: auto;
}
.qTree-terminals .qTree-terminal-box .qTree-terminal-details {
	float: right;
	width: 65%;
}
.qTree-terminals .qTree-terminal-box .qTree-terminal-details td {
	width: 50%;
	font-size: 14px;
	color: #58585a;
	text-align: left;
	padding: 5px;
}
.qTree-content .qTree-terminal-box button.qTree-btn-fullWidth {
	position: absolute;
}


.qTree-paymentplans {
	padding: 20px 0px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.qTree-paymentplans .qTree-paymentplan-box {
	padding: 20px 20px 60px 20px;
	box-shadow: 0px 0px 2px 2px rgba(80, 80, 90, 0.2);	
	flex: 0 50%;
	margin: 20px 32px;
	max-width: 350px;
	position: relative;
}
.qTree-paymentplans .qTree-paymentplan-box.hide-terminal {
	display: none;
}
.qTree-paymentplans .qTree-paymentplan-box h5 {
	text-align: center;
    margin-top: 10px;
	margin-bottom: 20px;
    color: #2b7cbd;
}
.qTree-paymentplans .qTree-paymentplan-box .qTree-paymentplan-details {
	width: 100%;
}
.qTree-paymentplans .qTree-paymentplan-box .qTree-paymentplan-details table {
	width: 100%;
}
.qTree-paymentplans .qTree-paymentplan-box .qTree-paymentplan-details td {
	font-size: 14px;
	color: #58585a;
	text-align: left;
	padding: 6px 5px 10px 5px;
    min-width: 80px;
}
.qTree-paymentplans .qTree-paymentplan-box .qTree-paymentplan-details td:last-child {
	text-align: right;
}
.qTree-paymentplans .qTree-paymentplan-box .qTree-paymentplan-details tr:last-child td {
	padding-top:40px;
}
.qTree-content .qTree-paymentplan-box button.qTree-btn-fullWidth {
	position: absolute;
}


.contact-customercare {
	max-width: 950px;
	margin: -30px auto 70px;
	display: none;
	text-align: center;
	position: relative;
    padding: 0px 70px;
}

.apply-two-terminals {
	max-width: 950px;
	margin: -30px auto 70px;
	display: none;
	text-align: center;
	position: relative;
    padding: 0px 70px;
}

.apply-online {
	max-width: 950px;
	margin: -30px auto 70px;
	display: none;
	text-align: center;
	position: relative;
}
.apply-online .containerComp:nth-of-type(1) {
    min-height: 120px;
	padding: 0px 0px;
}



@media only screen and (max-width : 1024px) {
	.qTree-level-container {
		max-width: 90%;
	}
}
@media only screen and (max-width : 991px) {
	.qTree-level {
		max-width: 400px;
	}
	.qTree-level:before {
		width: 75%;
	}
	.qTree-level .level-name {
		padding: 10px 15px;
	}
	.qTree-content .qTree-q {
		padding: 0px 20%;
	}
	.qTree-content .qTree-a {
    	margin: 0px -20%;
	}
	.qTree-terminals .qTree-terminal-box {
		flex: 0 100%;
	}
	.qTree-level div.qTree-level-number:last-child {
		padding: 0px 10px;
	}
	.qTree-level div:nth-child(3) .level-name {
		padding: 10px 22px;
	}
}
@media only screen and (max-width : 768px) {
	.qTree-percentage {
		width: 90%;
		margin-bottom: 50px;
	}
	.qTree-container h2 {
		font-size: 32px;
	}
	button.qTree-prev-level,
	button.qTree-next-level {
		top: 57px;
		width: 50px;
		height: 65px;
	}
	button.qTree-prev-level i,
	button.qTree-next-level i {
		border-width: 0 5px 5px 0;
		padding: 10px;
		margin-bottom: 10px;
	}
	button.qTree-next-level i {
		position: relative;
		right: 7px;
	}
	button.qTree-prev-level:disabled i,
	button.qTree-next-level:disabled i {
		border-width: 0 5px 5px 0;
	}
	button.qTree-prev-level > span,
	button.qTree-next-level > span {
		font-size: 12px;
	}
	.qTree-paymentplans .qTree-paymentplan-box {
		padding: 10px 10px 70px 10px;
		flex: 0 100%;
		margin: 20px 0px;
	}
}
@media only screen and (max-width : 640px) {
	.qTree-level {
		max-width: 300px;
	}
	.qTree-level:before {
		top: 13px;
		left: 30px;
	}
	.qTree-level .level {
		width: 25px;
		height: 25px;
		font-size: 12px;
		line-height: 25px;
	}
	.qTree-level .level-name {
		padding: 10px 12px;
		font-size: 10px;
	}
	.qTree-level div:last-child .level-name {
		padding: 10px 0px;
	}
	.qTree-level div.qTree-level-number:last-child {
		padding: 0px;
	}
}
@media only screen and (max-width : 568px) {
	.qTree-container {
		padding-left: 20px;
		padding-right: 20px;
	}
	.qTree-level-container {
		max-width: none;
	}
	.qTree-level {
		max-width: 220px;
	}
	.qTree-level:before {
		width: 75%;
		top: 10px;
		left: 30px;
	}
	.qTree-level .level {
		width: 20px;
		height: 20px;
		font-size: 12px;
		line-height: 20px;
	}
	.qTree-level .level-name {
		padding: 10px 5px;
		font-size: 10px;
	}
	.qTree-level div:nth-child(3) .level-name {
		padding: 10px 10px;
	}
	button.qTree-prev-level i,
	button.qTree-next-level i {
		border-width: 0 3px 3px 0;
		padding: 7px;
		margin-bottom: 5px;
	}
	button.qTree-prev-level:disabled i,
	button.qTree-next-level:disabled i {
		border-width: 0 3px 3px 0;
	}
	button.qTree-next-level > span {
		font-size: 10px;
	}
	button.qTree-prev-level > span,
	button.qTree-next-level > span {
		font-size: 10px;
	}
	button.qTree-prev-level i {
		position: relative;
		left: 5px;
	}
	button.qTree-next-level i {
		position: relative;
		right: 5px;
	}
	button.qTree-prev-level,
	button.qTree-next-level {
		top: 45px;
		width: 45px;
		height: 45px;
	}
	.qTree-terminals .qTree-terminal-box .qTree-terminal-picture {
		max-width: 90px;
		max-height: 120px;
	}
	.qTree-terminals .qTree-terminal-box {
		margin: 20px 0px;
	}
	.qTree-terminals .qTree-terminal-box .qTree-terminal-details {
		width: 70%;
	}
	.qTree-terminals .qTree-terminal-box .qTree-terminal-details td {
		width: auto;
	}
}
@media only screen and (max-width : 414px) {
	.qTree-level-container {
		margin-left: -20px;
		margin-right: -20px;
	}
	.qTree-level {
		max-width: 200px;
	}
	.qTree-container .qTree-terminals .qTree-terminal-box h5 {
		text-align: center;
	}
	.qTree-terminals .qTree-terminal-box .qTree-terminal-picture {
		float: none;
		margin: auto;
		max-width: 100px;
		margin-bottom: 15px;
	}
	.qTree-terminals .qTree-terminal-box .qTree-terminal-details {
		float: none;
		width: 100%;
	}
	.qTree-terminals .qTree-terminal-box .qTree-terminal-details table {
		width: 100%;
	}
	.qTree-terminals .qTree-terminal-box .qTree-terminal-details td:first-child {
		text-align: left;
		width: 50%;
	}
	.qTree-terminals .qTree-terminal-box .qTree-terminal-details td:last-child {
		text-align: right;
	}
}
/*scroll to top function*/
.moveToTop {
    display: inline-block;
    margin: 5px auto;
    height: 15px;
    overflow: hidden;
}
.moveToTop button span {
	border-width: 0 2px 2px 0; 
    display: inline-block;
    padding: 5px;
    margin-bottom: 20px;
	transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
} 
.moveToTop button {
	border: none;
    background: transparent;
    padding: 5px;
	height: 13px;
	overflow:hidden;
}
.qtree-text{
	padding-top: 20px;	
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* ************ sFinder styles ************ */

.sFinder-container {
	padding-top: 35px;
	padding-bottom: 50px;
}
.sFinder-percentage {
	max-width: 600px;
	min-height: 50px;
	margin: 10px auto 30px;
	padding: 0px 30px;
}
.sFinder-percentage .sFinder-percentage-bar {
	position: relative;
	border: 1px solid #202020;	
	width: 100%;
	height: 8px;	
	border-radius: 20px;
}
.sFinder-percentage .sFinder-percentage-progress {
	position: absolute;
	width: 5%;
	height: 8px;
	background-color: #4C851E;
	border-radius: 20px;
	transition: width 0.50s ease-out;
}
.sFinder-percentage .sFinder-percentage-text {
	position: absolute;
	top: 20px;
	left: 0px;
	font-size: 14px;
	color: #58585a;
}

.sFinder-container h2 {
	font-weight: 400;
	font-size: 42px;
	text-align: center;
	color: #0A1C76;
	margin: 10px 0px 30px;
}
.sFinder-container h3 {
	font-weight: 500;
	font-size: 24px;
	text-align: center;
	color: #0A1C76;
	margin: 10px 0px 15px;
}
.sFinder-container h4 {
	font-weight: 500;
	font-size: 17px;
	text-align: center;
	color: #0A1C76;
	margin: 10px 0px 20px;
}
.sFinder-container h5 {
	font-weight: 400;
	font-size: 22px;
	text-align: left;
	color: #2B7CBD;
	margin: 10px 0px 20px 0px; 
}

.sFinder-level-container {
	max-width: 950px;
	margin: 30px auto 50px;
	overflow: hidden;
	position: relative;
}
.level-name-text,
.sFinderHeading-text {
    display: none; 
}

.sFinder-level {
	width: 100%;
	max-width: 600px;
	margin: 25px auto 0px;
	overflow: hidden;
	position: relative;
}
.sFinder-level.pl-levels {
	width: 100%;
	max-width: 720px;
	margin: 25px auto 0px;
	overflow: hidden;
	position: relative;
}
.sFinder-level:before {
	content: "";
	display: block;
	width: 80%;
    height: 0.10rem;
    background: #58585a;
	position: absolute;
	top: 16px;
	left: 50px;
    z-index: -1;
}
.sFinder-level div.sFinder-level-number {
	float: left;
	width: 20%;
	text-align: center;
	box-sizing: border-box;
}
.sFinder-level.pl-levels div.sFinder-level-number {
	float: left;
	width: 16%;
	text-align: center;
	box-sizing: border-box; 
}
.sFinder-level.pl-levels div.sFinder-level-number.lastLevel {
    background-image: linear-gradient(to right, transparent, #ffffff);
}
.sFinder-level.pl-levels div.sFinder-level-number.fadeLevel {
    background-color: #ffffff;
}
.sFinder-level.pl-levels div.sFinder-level-number.fadeLevel span {
    opacity: 0.4;
}
.sFinder-level div.sFinder-level-number:nth-of-type(4),
.sFinder-level div.sFinder-level-number:nth-of-type(5) {
	padding: 0px 10px;
}
.sFinder-level .level {
	width: 30px;
	height: 30px;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	border: 0.10rem solid #58585a;
	background-color: #ffffff;
	border-radius: 50%;
	text-align: center;
}
.sFinder-level .sFinder-level-number.sFinder-level-active .level {
	background-color: #2B7CBD;
	color: #ffffff;
	border: 0.10rem solid #2B7CBD;
}
.sFinder-level .level-name {
	display: block;
	text-align: center;
	font-size: 14px;
	padding: 10px 20px;
}
.sFinder-level .sFinder-level-number:nth-of-type(4) .level-name,
.sFinder-level .sFinder-level-number:nth-of-type(5) .level-name {
	padding: 10px 0px;
}

.sFinder-content-wrapper {
	position: relative;
}

.sFinder-content-wrapper button.sFinder-prev-level,
.sFinder-content-wrapper button.sFinder-next-level {
	width: 65px;
	height: 90px;
	padding: 0px;
	border: none;
	background: transparent;
	position: absolute;
	top: 62px;
	transform: translateY(-50%);
	cursor: pointer;
}
.sFinder-content-wrapper button.sFinder-prev-level {
	left: 7%;
}
.sFinder-content-wrapper button.sFinder-next-level {
	right: 7%;
}
.sFinder-content-wrapper button.sFinder-prev-level i,
.sFinder-content-wrapper button.sFinder-next-level i {
	border: solid #468419;
	border-width: 0 7px 7px 0;
	display: inline-block;
	padding: 12px;
	margin-bottom: 20px;
}
.sFinder-content-wrapper button.sFinder-prev-level > span,
.sFinder-content-wrapper button.sFinder-next-level > span {
	display: block;
}
.sFinder-content-wrapper button.sFinder-prev-level:disabled,
.sFinder-content-wrapper button.sFinder-next-level:disabled {
	cursor: not-allowed;
}
.sFinder-content-wrapper button.sFinder-prev-level:disabled i,
.sFinder-content-wrapper button.sFinder-next-level:disabled i {
	border: solid #A1C28D;
	border-width: 0 7px 7px 0;
}
.sFinder-content-wrapper button.sFinder-next-level i {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	position: relative;
	right: 10px;
}
.sFinder-content-wrapper button.sFinder-prev-level i {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	position: relative;
    left: 10px;
}

.sFinder-content {
	max-width: 950px;
	margin: auto;
	display: none;
}
.sFinderAuthor .sFinder-content {
    display: block;

}
.sFinder-content.sFinder-content-active {
	display: block;
}
.sFinder-content .sFinder-q {
	text-align: center;
	max-width: 800px;
    margin: auto;
}
.sFinder-content button.sFinder-btn-inline {
	display: inline-block;
	min-width: 170px;
    height: 35px;
    border-radius: 5px;
    border: 1px solid #2B7CBD;
	background-color: #ffffff;
	color: #0A1C76;
	font-size: 15px;
	margin: 0px 5px 20px;
}
.sFinder-content button.sFinder-btn-inline.selected {
	background-color: #4C851E;
	color: #ffffff;
}
.sFinder-content button.sFinder-btn.removed {
	display: none;
}
.sFinder-content button.sFinder-btn-fullWidth {
	width: 100%;
	height: 38px;
	position: static;
	left: 0px;
	bottom: 0px;
	margin: 0px;
	padding: 0px 20px;
	border: 1px solid #c1c1c1;
	border-radius: 0px;
	background-color: #ffffff;
	text-align: left;
	color: #4C851E;
	font-weight: 700;
	font-size: 12px;
}
.sFinder-content button.sFinder-btn-fullWidth .sFinder-btn-arrow {
	position: absolute;
    right: 25px;
    top: 13px;
	width: 10px;
    height: 10px;
    display: inline-block;
	overflow: hidden;
}
.sFinder-content button.sFinder-btn-fullWidth .sFinder-btn-arrow i {
	border: solid #468419;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 0.12em;
    margin-bottom: 20px;
	transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
	position: relative;
    top: 2px;
    left: 1px
}
.sFinder-content .sFinder-error {
	font-size: 15px;
    color: red;
    text-align: center;
    padding: 0px;
    margin: 15px 0px 35px;
    min-height: 21px;	
}
.sFinder-content .sFinder-error > span {
	display: none;
}

.checkBoxes {
	text-align: left;
    display: flex;
    flex-wrap: wrap;
}
.checkBox {
	display: inline-block;
	position: relative;
	margin: 0px 0px 15px 0px;
    width: 24%;
}
.checkBox label {
	position: relative;
	top: -8px;
    max-width: 75%;
    float: left;
    word-break: break-word;
}
.checkBox input[type='checkbox'] {
	-webkit-appearance: none;
	background-color: #ffffff;
	border: 1px solid #cacece;
	padding: 12px;
	margin: 0px 10px 0px 0px;
	border-radius: 3px;
	position: relative;
    float: left;
    width: 20px;
	height: 20px;
	display: inline-block;
    top: -11px;
}
.checkBox input[type='checkbox']:active,
.checkBox input[type='checkbox']:checked:active {
	
}

.checkBox input[type='checkbox']:checked {
	background-color: #468419;
	border: 1px solid #468419;
	color: #99a1a7;
}
.checkBox input[type='checkbox']:checked:after {
	content: '\2714';
	font-size: 17px;
	position: absolute;
	top: 1px;
	left: 5px;
	color: #ffffff;
}
.personalizedButton {
    height: auto;
}
.personalizedButton a {
    height: auto;
    line-height: 21px;
    padding-top: 7px;
}

@media only screen and (max-width: 1200px) {
    .sFinder-content .sFinder-q {
    	max-width: 550px;
	}
	.checkBox {
    	width: 32%;
    }
}
@media only screen and (max-width: 1024px) {
	.checkBox {
    	width: 48%;
    }
}
@media only screen and (max-width: 991px) {
    .sFinder-content .sFinder-q {
    	max-width: 420px;
	}
}
@media only screen and (max-width: 640px) {
	.sFinder-content-wrapper button.sFinder-prev-level {
		left: 20px;
	}
	.sFinder-content-wrapper button.sFinder-next-level {
		right: 20px;
	}
}
@media only screen and (max-width: 600px) {
	.sFinder-content .sFinder-q {
    	max-width: 350px;
	}
	.sFinder-level .level-name {
		font-size: 10px;
		padding: 10px 5px;
	}
}
@media only screen and (max-width: 480px) {
	.sFinder-content .sFinder-q {
    	max-width: 240px;
	}
	.sFinder-container h2 {
		font-size: 32px;
	}
	.sFinder-container h3 {
		font-size: 18px;
    	line-height: 27px;
	}
	.sFinder-level .level {
		width: 25px;
		height: 25px;
		font-size: 12px;
		line-height: 25px;
	}
	.sFinder-level:before {
		top: 14px;
		left: 35px;
	}
	.sFinder-content-wrapper button.sFinder-prev-level i,
	.sFinder-content-wrapper button.sFinder-next-level i {
		border-width: 0 4px 4px 0;
		padding: 8px;
		margin-bottom: 10px;
	}
	.sFinder-content-wrapper button.sFinder-prev-level:disabled i,
	.sFinder-content-wrapper button.sFinder-next-level:disabled i {
		border-width: 0 4px 4px 0;
	}
	.sFinder-content-wrapper button.sFinder-prev-level {
		top: 55px;
		left: 0px;
	}
	.sFinder-content-wrapper button.sFinder-next-level {
		top: 55px;
		right: 0px;
	}
	.sFinder-content-wrapper button.sFinder-prev-level > span,
	.sFinder-content-wrapper button.sFinder-next-level > span {
		font-size: 12px;
	}
	.sFinder-content button.sFinder-btn-inline {
		font-size: 12px;
		margin: 0px 5px 14px;
		width: 160px;
		height: auto;
		padding: 5px 10px;
		line-height: 17px;
	}
	.checkBox {
    	width: 100%;
    }
}
@media only screen and (max-width: 375px) {
    .sFinder-level-container {
        margin: 30px auto 25px;
	}
	.sFinder-level .level-name {
    	display: none;
	}
}
@media only screen and (max-width: 319px) {
	.sFinder-content .sFinder-q {
    	max-width: 175px;
	}
}



/* info icon - tooltip*/
.headingInfoWrapper {
	position: relative;
	display: inline-block;
	padding: 0px 20px;
}
.headingInfoIcon { 
	position: absolute;
	top: 0px;
	right: -5px;
	border-radius: 50%;
    padding: 1px 7px;
    border: 1px solid #222;
    background-color: #fff;
	cursor: pointer;
    width: 24px;
    height: 23px;
}
.headingInfo {
	position: absolute;
	top: -6px;
	left: calc(100% + 20px);
    padding: 5px 10px;
    background-color: #eee;
    border: 1px solid #bbb;
    min-width: 200px;
    z-index: 10;
    text-align: left;
}
.headingInfo p {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 0px;
}
.headingInfo:after {
    content:"\A";
    border-style: solid;
    border-width: 5px 7px 5px 0;
    border-color: transparent #eee transparent transparent;
    position: absolute;
    left: -6px;
	top: 10px;
}
.headingInfo:before {
    content:"\A";
    border-style: solid;
    border-width: 6px 8px 6px 0;
    border-color: transparent #bbb transparent transparent;
    position: absolute;
    left: -8px;
	top: 9px;
}
@media only screen and (max-width: 1024px) {
    .headingInfo {
		top: 34px;
        left: auto;
        max-width: 200px;
        right: -10px;
	}
	.headingInfo:after {
        left: auto;
        top: -6px;
        right: 10px;
        bottom: auto;
        border-width: 0px 6px 8px 6px;
        border-color: transparent transparent #eee transparent;
	}
    .headingInfo:before {
    	left: auto;
        top: -8px;
        right: 10px;
        bottom: auto;
        border-width: 0px 6px 8px 6px;
        border-color: transparent transparent #bbb transparent;
    }
}



/* IE fixes for checkbox */
@media all and (-ms-high-contrast:none) {
	.checkBox input[type='checkbox'] {
		top: -6px;
	}
}



/* Final page styles */
.sFinder-recommedations {
	font-size: 24px;
	color: #58585a;
}
.sFinder-recommedation {
	margin-bottom: 25px;
}
.recommedation-selected {
	font-weight: bold;
} 




.terminalWrapper {
	margin: 0px;
}
.terminalImage {
	text-align: center;
	padding: 10px;
}
.terminalImage img {
	max-width: 190px;
}
.terminal {
	margin: 10px;
}
.terminalDescription {
	box-shadow: 0px 0px 7px 0px #ccc;
    position: relative;
    padding-bottom: 40px;
}
.terminalName {
	padding: 10px 5px;
	background-color: #2b7cbd;
	color: #ffffff;
	text-align: center;
}
.terminalName h3 {
	margin: 0px 0px 5px 0px;
	color: #ffffff;
}
.terminalName h4 {
	margin: 0px 0px 5px 0px;
	color: #ffffff;
}
.terminalDetails {
	overflow: hidden;
    padding: 5px 20px;
}
.terminalDetails .circularBlueTickMarkIcon {
    padding-right: 0px;
}
.sdt-getstarted {
    display: none;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.technicalInfo {
    padding: 5px 20px;
    display: none;
}
.sdt-getstarted.show {
    display: block;
}
.technicalInfo.show {
    display: block;
}
.sdt-showmoreinfo {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.sdt-showmoreinfo.hide {
    display: none;
}
.technicalInfo .separator {
    padding-bottom: 10px;
}

.terminalDescription .containerFullWidthButton .fullWidthCTAbutton {
    margin-top: 10px;
}

/* editor mode styles */
.terminalAuthor .sdt-getstarted {
    display: block !important;
}
.terminalAuthor .technicalInfo {
    display: block !important;
}
.terminalAuthor .sdt-showmoreinfo.hide {
    display: block !important;
}
.terminalAuthor .terminalDescription{
    height: auto !important;
}




.solutionDetailsTileWrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.solutionDetailsTileWrapper .solutionDetailsTile {
	margin: 20px 2% 40px;
	width: 28% !important;
	box-shadow: 0px 0px 7px 0px #ccc;
    position: relative;
}
.solutionDetailsTileWrapper .terminalDescription {
	box-shadow: none;
    position: static;
}
.solutionDetailsTileWrapper .terminal {
	margin: 0px;
}
.solutionDetailsTileWrapper .sdt-getstarted,
.solutionDetailsTileWrapper .sdt-showmoreinfo {
    position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

@media only screen and (max-width: 1200px) { 
    .solutionDetailsTileWrapper .solutionDetailsTile {
        width: 45% !important;
		margin: 20px 2% !important;
    }
}
@media only screen and (max-width: 768px) {
    .solutionDetailsTileWrapper .solutionDetailsTile {
        width: 90% !important;
		margin-right: 0px;
    }
}

.cq-Editable-dom .solutionDetailsTileWrapper {
	display: block;
	flex-wrap: nowrap;
}

.grecaptcha-badge-text-wrapper {
    display: none;
    visibility: hidden;
}

.grecaptchaPrivacyText p {
    font-size: 14px;
}
.grecaptchaPrivacyText p>a {
    font-weight: 500;
}
.grecaptchaPrivacyText p .speedbump>a{
    font-weight: 500;
}
/* for authoring page */
.cq-Editable-dom .grecaptcha-badge-text-wrapper {
    display: block !important ;
    visibility: visible !important;
}
.cq-Editable-dom .grecaptchaPrivacyText {
    display: none !important ;
    visibility: hidden !important;
}

.section-container {
    padding-left: 7.5%;
    padding-right: 7.5%;
    width: 100%;
}
.section-content {
    max-width: 1280px;
    margin: auto;
    width: 100%;
}
.light-bg__grey{
        background-color:#F3F6F9
    }
.py-xl{
    padding-top:70px;
   	padding-bottom:70px;
}
.section__title h2 {
    margin-top: 20px;
    margin-bottom: 35px;
    display: flex;
    align-items: center;
    font-size:40px;
    font-weight:300; 
}  

.tile-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    min-height: 1px;
	padding: 0;
}
.tile-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
	-webkit-box-flex:0;
	    -ms-flex:0 0 100%;
	        flex:0 0 100%;
    max-width:100%;
    color:#0C2074;
    font-size:1.6rem;
    margin-bottom:2rem;
}

.tile-item__link{
    font-weight:500;
    font-size:24px;
	line-height: 34px;
    display:block;
    -webkit-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
	text-decoration: none;
}

.tile-item__link:hover{
    text-decoration: underline;
}


[class].secondary-color{
	color:#0075C9;
}
.tile-item__head{
    padding:15px;
}

.tile-item__body{
    padding:15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    flex-direction:column;
}
.tile-item__foot{
    padding:15px;
}
.tile-item span,.span__date{
    font-size: 1.4rem;
    color: #0c2074;
    align-items: center;
    line-height:1.6;
}
.tile-item__category{
    padding-bottom:10px;
    font-weight:500;
 }
.tile-item__media{
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    padding-top: 56.25%;
    background-color: #e6edf5;
}
.tile-item__media .media__object {
    position: absolute;
    top: 0;
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
   	width: 100%;
    -o-object-position: center;
       object-position: center;
    border: 0;
}
a.block-link {
    display: block;
}
.tile-item__head .block-link:focus{
    outline-offset:2px
}
.category__icon {
    max-width: 40px;
    max-height: 30px;
    margin-right: 10px;
}
.section__icon{
     max-width: 80px;
    max-height: 60px;
    margin-right: 10px;
}
.line-height-2{line-height:2.1}
.offset-vertical-20{
	margin-bottom:2rem;
    margin-top:2rem
}
[class].button-refresh {
    min-width: 160px;
    font-size: 16px;
    line-height: 28px;
}
/*media query*/

@media screen and (min-width:600px){
    .tile-item{
		-webkit-box-flex:0;
		    -ms-flex:0 0 50%;
		        flex:0 0 50%;
  	 	max-width:50%;
    }
}

@media screen and (min-width:1024px){
	.section-container {
        padding-left: 10%;
        padding-right: 10%;
        width: 100%;
    }
    .section-content {
        max-width: 1280px;
        margin: auto;
        width: 100%;
    }
    .tile-item{
		-webkit-box-flex:0;
		    -ms-flex:0 0 33.33%;
		        flex:0 0 33.33%;
  	 	max-width:33.33%;
    }
}

@media screen and (max-width:1023px){
	.py-xl{
        padding-top: 50px;
        padding-bottom: 50px;
    }
}
@media screen and (max-width:599px){
    .section__title h2{
        font-size: 28px;
         margin-bottom: 20px;
    }
    .py-xl{
        padding-top: 40px;
        padding-bottom: 40px;
    }
	.tile-item__body,.tile-item__foot{
        padding-top:10px;
        padding-bottom:10px;
	}
	[class].button-refresh {
		font-size: 16px;
	}
}
.articlePage-breadcrumb {
	margin-top: 20px;
	margin-bottom: 40px;
	color: #58585a;
}
.articlePage-breadcrumb ul {
	margin: 0px;
	padding: 0px;
}
.articlePage-breadcrumb ul li {
	margin: 0px;
	padding: px;
	list-style: none;
	display: inline-block;
}
.articlePage-breadcrumb ul li a {
	font-size: 14px;
    font-weight: 400;
    color: #4a851f;
    display: inline-block;
    text-decoration: underline;
    background: transparent;
    border: 0;
    padding: 0 2px;
}
.articlePage-info {
	margin: 20px 0px;
	position: relative;
	color: #58585a;
}
.articlePage-info .articlePage-created-date {
	font-size: 24px;
    line-height: 1.5;
}
.articlePage-info .articlePage-save {
	text-align: right;
	position: absolute;
    right: 0;
    top: 0;
}
.articlePage-info .articlePage-save ul {
	margin: 0px;
	padding: 0px;
}
.articlePage-info .articlePage-save ul li {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	list-style: none;
	display: inline-block;
}
.articlePage-info .articlePage-save ul li a {
	text-decoration: none;
	transition: top ease .25s;
}
.articlePage-info .articlePage-save ul li a:hover {
	position: relative;
    top: -2px;
}
.articlePage-info .articlePage-save ul li img {
	width: 30px;
}

.articlePage-article {
	color: #58585a;
    padding-bottom: 20px;
}
.articlePage-article h3 {
	font-size: 28px;
	font-weight: 600;
	color: #58585a;
    line-height: 1.2;
    margin: 0 0 20px 0;
}
.articlePage-article h4 {
	font-size: 28px;
	font-weight: 300;
	color: #58585a;
    line-height: 1.2;
    margin: 0 0 20px 0;
}
.articlePage-article p {
	font-size: 18px;
    line-height: 26px;
    color: #58585a;
	margin: 0 0 20px 0;
}
.articlePage-article ul {
	font-size: 18px;
    line-height: 26px;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}

.articlePage-shareLinks-desktop {
	position: fixed;
	left: 0px;
	top: 65%;
}
.articlePage-shareLinks-desktop ul {
	margin: 0px;
	padding: 0px;
}
.articlePage-shareLinks-desktop ul li {
	margin: 10px 0px;
	padding: 0px;
	list-style: none;
}
.articlePage-shareLinks-desktop ul li a {
	text-decoration: none;
	box-shadow: 0 0 10px #000;
    background-color: #fff;
    padding: 5px;
    border-radius: 0 10px 10px 0;
    max-width: 45px;
    max-height: 45px;
	display: inline-block;
}
.articlePage-shareLinks-desktop ul li img {
	width: 35px;
    height: 35px;
}

.articlePage-shareLinks-mobile {
	display: none;
	margin: 70px 0px;
}
.articlePage-shareLinks-mobile ul {
	margin: 0px;
	padding: 0px;
	display: flex;
	justify-content: center;
}
.articlePage-shareLinks-mobile ul li {
	margin: 0px 20px;
	padding: 0px;
	list-style: none;
}
.articlePage-shareLinks-mobile ul li a {
	text-decoration: none;
	display: inline-block;
}
.articlePage-shareLinks-mobile ul li img {
	width: 30px;
    height: 30px;
} 


@media only screen and (max-width: 1023px) {
	.articlePage-shareLinks-mobile {
		display: block;
	}
	.articlePage-shareLinks-desktop {
		display: none;
	}
	.articlePage-info .articlePage-save {
		display: none;
	}
}
.article-wrapper {
    width: 80%;
    max-width: 1280px;
    margin: auto;
    position: relative;
}
.article-wrapper .cmp-breadcrumb {
   padding: 40px 0px 20px
}
.article-wrapper .cmp-breadcrumb ul.cmp-breadcrumb__list {
   padding: 0px;
   margin: 0px;
} 
.article-wrapper .cmp-breadcrumb__item {
	color: #337ab7;
}
.article-wrapper .cmp-breadcrumb__item a {
    text-decoration: underline;
}
.article-wrapper .cmp-breadcrumb__item:after {
    content: ">";
	margin: 0px 4px;
}
.article-wrapper .cmp-breadcrumb__item--active:after {
	display: none;
}

.article-wrapper .article-breadcrumb {
   padding: 40px 0px 20px
}
.article-wrapper .article-breadcrumb ul {
   padding: 0px;
   margin: 0px;
}
.article-wrapper .article-breadcrumb ul li {
	display: inline-block;
	color: #337ab7;
	list-style-type: none;
}
.article-wrapper .article-breadcrumb ul li a {
    text-decoration: underline;
	color: #337ab7;
}
.article-wrapper .article-breadcrumb ul li:last-child a {
    text-decoration: none;
}

@media only screen and (max-width: 1249px) {
    .article-wrapper {
       width: 85%;
    }
} 

/*About elavon css*/
.authorDetailsWrapper {
	margin: 20px 0px;
}
.authorDetailsWrapper h3 {
	margin: 0px 0px 10px 0px;
	color: darkblue;
    font-weight: 500;
}
.authorDetailsWrapper .authorDetails {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
.authorDetailsWrapper .authorInfo {
	padding: 0px 40px 0px 0px;
}
.authorDetailsWrapper .author {
	display: flex;
	align-items: center;
}
.authorDetailsWrapper .authorImg {
	width: 120px;
}
.authorDetailsWrapper .authorImg img {
	width: 100%;
}
.authorDetailsWrapper .authorName {
	padding-left: 20px;
    min-width: 140px;
}
.authorDetailsWrapper .authorName .name {
	font-size: 14px;
	font-weight: 700;
}
.authorDetailsWrapper .authorName .title {
	font-size: 12px;
	font-weight: normal;
}
.authorDetailsWrapper .elavonImg {
	text-align: center;
	display: flex;
    align-items: center;
    width: 200px;
}
.authorDetailsWrapper .elavonImg img {
                width: 100%;
}
.authorDetailsWrapper .authorDescription {
    display: flex;
    align-items: center;
}
.authorDetailsWrapper .authorDescription p {
                margin: 0px;
}
.authorDetailsWrapper .authorDescription:before {
    height: 90px;
    display: block;
    width: 50px;
    border-left: 1px #212121 dotted;
    content: '';
}
@media only screen and (max-width: 1023px) {
	.authorDetailsWrapper {
		height: auto;
	}
	.authorDetailsWrapper .authorDetails {
		display: block;
	}
	.authorDetailsWrapper .authorDescription:before {
		display: none;
	}
	.authorDetailsWrapper .authorInfo,
	.authorDetailsWrapper .authorDescription {
		display: block;
	}
	.authorDetailsWrapper .authorInfo {
		margin-bottom: 15px;
		padding: 0px;
	}
	.authorDetailsWrapper .elavonImg {
    	margin-bottom: 30px;
	}
}
@media only screen and (max-width: 768px) {
    .authorDetailsWrapper .author {
        display: block;
    }
    .authorDetailsWrapper .authorImg {
        margin-bottom: 15px;
    }
    .authorDetailsWrapper .authorName {
        padding-left: 0px;
    }
}
/*Topics covered section starts here*/
.topics-covered-container {
	padding: 40px 0px;
}
.topics-covered-container .topics-covered-text {
	text-align: center;
	display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
	font-size: 27px;
}
.topics-covered-container .topics-covered-img-desktop {
	display: block;
	margin-right: 10px;
}
.topics-covered-container .topics-covered-img-desktop img {
	width: 80px;
	height: 80px;
}
.topics-covered-container .topics-covered-img-mobile {
	display: none;
}
.topics-covered-container .topics-covered-img-mobile img {
	width: 80px;
	height: 80px;
}
.topics-covered-container .topics-covered-title {
	font-weight: normal;
	margin: 0px 7px;
}
.topics-covered-container .topics-covered-content {
	font-weight: normal;
	margin: 0px 7px;
}
.topics-covered-container .topics-covered-content ul {
	margin: 0px;
	padding: 0px;
}
.topics-covered-container .topics-covered-content ul li {
	list-style-type: none;
	display: inline;
	margin: 0px 2px;
}
.tag-list {
  display: inline;
  list-style: none;
  padding: 0px;
}
.tag-list li {
  display: inline;
}
.tag-list li::after {
  content: ", ";
}
.tag-list li:last-child::after {
    content: "";
}
@media only screen and (max-width: 768px) {
	.topics-covered-container {
		padding: 60px 0px;
	}
	.topics-covered-container .topics-covered-text {
		display: block;
		line-height: 45px;
		padding: 0px 20px;
		font-size: 32px;
	}
	.topics-covered-container .topics-covered-title  {
		font-weight: bold;
		margin: 0px;
	}
	.topics-covered-container .topics-covered-content {
		margin: 0px;
	}
	.topics-covered-container .topics-covered-img-desktop {
		display: none;
	}
	.topics-covered-container .topics-covered-img-mobile {
		display: block;
		margin-bottom: 10px;
	}
	.topics-covered-container .topics-covered-content ul li {
		display: block;
		margin: 0px;
	}
}
/*Topics covered section ends here*/

.cr-form {
    margin: 20px 0px;
}
.cr-form .textContainer > p {
    font-size: 20px;
    color: #58585a;
    line-height: 27px;
    margin: 0px 0px 15px;
}
.cr-form .cmp-form-text {
    position: relative;
}
.cr-form .cmp-form-text label {
    display: inline-block;
    color: #58585a;
    font-size: 16px;
    font-weight: normal;
    transition: all 0.2s;
    position: absolute;
    -ms-transform: translate(15px,15px);
    transform: translate(15px,15px);
}
.cr-form .cmp-form-text.moveLabel label {
    font-size: 11px;
    padding: 0px 7px;
    background: #ffffff;
    color: #0075C9;
    -ms-transform: translate(7px, -8px);
    transform: translate(7px, -8px);
    font-weight:500;
}
.cr-form .cmp-form-text,
.cr-form .cmp-form-options--drop-down,
.cr-form .cmp-form-options--radio,
.cr-form .cmp-form-options--checkbox {
   margin: 0px 0px 20px;
}
.cr-form .cmp-form-text input {
    display: inline-block;
    max-width: 400px;
    width: 95%;
    font-size: 16px;
    border: 1px solid #a9a7a7;
    border-radius: 4px;
    padding: 14px 10px;
}
.cr-form .cmp-form-text.moveLabel input {
    border: 1px solid #0075C9;
    outline: none;
}
.cr-form .cmp-form-options--drop-down {
    display: block;
    max-width: 400px;
    width: 95%;
    border-radius: 4px;
    position: relative;
}
.cr-form .cmp-form-options--drop-down:after {
    content: '';
    color: #717374;
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    position: absolute;
    right: 1.5rem;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid currentColor;
    top: 2.5em;
    margin: auto;
    transition: 0.2s ease;
    height: 0;
    width: 0;
    pointer-events: none;
}
/*  Axe tool issue - fixes */
.cr-form .cmp-form-options--drop-down label {
    position: absolute;
    height: 0px;
    width: 0px;
    line-height: 0px;
    opacity: 0;
    left: 0px;
    top: 0px;
}
.cr-form .cmp-form-options--drop-down select {
    padding: 14px 30px 14px 15px;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 100%;
    border: none;
    border-radius: 4px;
    border: 1px solid #a9a7a7;
    background-color:#fff;
}
.cr-form .cmp-form-options--drop-down select::-ms-expand{
    display:none;
}
.cr-form .cmp-form-options--checkbox label,
.cr-form .cmp-form-options--checkbox label:last-child,
.cr-form .cmp-form-options--radio label {
    float: none;
}
.cmp-form-options--checkbox .cmp-form-options__legend,
.cmp-form-options--radio .cmp-form-options__legend {
    border: none;
    margin-bottom: 10px;
}
.cr-form .cmp-form-options--checkbox input[type=checkbox],
.cr-form .cmp-form-options--radio input[type=radio] {
    position: relative;
    top: 2px;
}
.cr-form .cmp-form-text textarea {
    display: block;
    width: 95%;
    max-width: 500px;
    height: 150px;
    font-size: 16px;
    border: 1px solid #a9a7a7;
    border-radius: 4px;
    padding: 10px;
    resize: none;
    margin-bottom: 10px;
}
.cr-form .cmp-form-text.moveLabel textarea {
    border: 1px solid #0075C9;
    outline: none;
}
.cr-form .custom-error-message {
    display: block;
    font-size: 12px;
    line-height: 12px;
    margin-top: 5px;
    color: #ce0404!important;
    font-weight: 500;
}
.cr-form .textfield-desc {
    font-size: 12px;
    line-height: 15px;
    margin-top: 3px;
    color:#58585a;
}
.cr-form .cmp-form-button {
    text-align: center;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.8;
    text-decoration: none !important;
    user-select: none;
    cursor: pointer;
    display: inline-block;
    border-radius: 4px;
    padding: .36rem 1.8rem;
    transition: ease .4s;
    border: 2px solid transparent;
    vertical-align: middle;
    color: #fff;
    min-width: 16rem;
    background-color: transparent;
    position: relative;
    box-shadow:0 4px 15px 0 rgb(0 0 0 / 15%);
    margin-top: 10px;
}
.cr-form .submitErrorMes{
    text-align: left;
	color: #ce0404;
	font-weight: 500;
    font-size: 12px;
}
.cr-form .cmp-form-button:hover {
    box-shadow: 0 6px 16px 0 rgb(0 0 0 / 20%);
}
.cr-form .cmp-form-button.cr-form .cmp-form-button:focus{
    box-shadow: 0 0 1px 0.3rem rgb(0 117 201 / 60%);
}
.cr-form .cmp-form-button .cmp-icon-arrow {
     top: -1px;
     background-color: transparent;
     position: relative;
     transform: rotate(-45deg) scale(1.08);
     left: 0px;
     border-width: 0 2px 2px 0;
     border-color: currentColor;
     border-style: solid;
     right: 0;
     bottom: 0;
     margin: auto;
     display: inline-block;
     transition: ease-out 0.45s left;
     vertical-align: middle;
     margin-left: 13px;
     border-radius: 1px;
     background-clip: border-box;
     width: 5px;
     height: 5px;
     margin-right: 7px;
}
.cr-form .cmp-form-button .cmp-icon-arrow:after {
    transition: none;
    border: 1px solid currentColor;
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    left: -5px;
    top: -5px;
}
.cr-form .cmp-form-button:not(:disabled):not(.disabled):hover .cmp-icon-arrow,
.cr-form .cmp-form-button:not(:disabled):not(.disabled):focus .cmp-icon-arrow{
    left:0.8rem;
}
.cr-form-success-msg {
	display: none;
}

.cr-form-error-msg {
   	display: none;
}

.cr-form-success-msg-selected {
    display: block;
}

.cr-form-error-msg-selected {
    display: block;
}

.contentrefreshform .cr-form-cta .textImageContainer {
    display: flex;
    margin-top: 4rem;
}
.contentrefreshform .cr-form-cta .textimage-text {
    padding: 0;
    text-align: left; width: auto;
}
.contentrefreshform .cr-form-cta h3 {
    margin-top: 0;
    margin-bottom:1rem;
}
.contentrefreshform .cr-form-cta {
    width: 30%;
    float:left;
}
.contentrefreshform .cr-form {
    width: 70%;
    float:left;
}
.contentrefreshform .cr-form-cta .textimage-left {
    float: left;
    width: 52px;
    margin-right: 2.5rem;
}
.contentrefreshform .cr-form-cta img{max-width:100%}
.cr-form .outline-error{border-color:#D22B2B!important;}
.cr-form .cmp-form-button:not(:disabled) {
    background-color: #0075c9!important;
}
.cr-form-error-msg,.cr-form-error-msg * {
    color: #f44336 !important;
}
.cr-form .cmp-form-options--checkbox,
.cr-form .cmp-form-options--radio{
    display:flex;
    flex-wrap:wrap; 
    max-width: 420px;
}
.cr-form .cmp-form-options--checkbox .cmp-form-options__field-label,
.cr-form .cmp-form-options--radio .cmp-form-options__field-label{
    flex:1 0 45%;
    padding-right: 20px;
    font-weight: 500;
    font-size: 1.4rem;
}
.cr-form .cmp-form-options--checkbox .custom-error-message,
.cr-form .cmp-form-options--radio .custom-error-message {
    flex-basis: 100%;
}
.cr-form input::-webkit-outer-spin-button,
.cr-form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.cr-form input[type=number] {
  -moz-appearance: textfield;
}

.cr-form button[type='submit']:disabled {
    background-color: #f2f2f2!important;
    cursor: not-allowed;
    color: rgba(148,148,148,0.7);
    box-shadow: none;
}


/* disable button color contrast issue fixes */
.cr-form button[type='submit'][aria-disabled="true"] {
    background-color: #f4f4f4 !important;
    cursor: not-allowed;
    color: #6b6b6b !important;
    box-shadow: none;
}
.contentrefreshform.cr-full-width .cr-form{
    width:100%;
}
.cr-full-width .cr-form .cmp-form-text input,
.cr-full-width .cr-form .cmp-form-text textarea,
.cr-full-width .cr-form .cmp-form-text select,
.cr-full-width .cr-form .cmp-form-options--checkbox,
.cr-full-width .cr-form .cmp-form-options--radio,
.cr-full-width .cr-form .cmp-form-options--drop-down{
    max-width:100%;
}
.cr-full-width .cmp-form .aem-Grid{
    display: flex;
    flex-wrap:wrap;
}
.cr-full-width .cr-author-form .aem-Grid{
    display: block;
}
.cr-full-width .cr-form .cmp-form-options--checkbox .cmp-form-options__field-label,
.cr-full-width .cr-form .cmp-form-options--radio .cmp-form-options__field-label{
    font-size: 1.6rem;
}
.cr-form .grecaptchaPrivacyText.grecaptchaPrivacyText{
	width:100%;
	float:left;
}
@media screen and (min-width:769px){
    .cr-full-width .optionswithothers.options.aem-GridColumn.aem-GridColumn--default--6:first-child {
        margin-right: calc(50% - 10px);
    }
    .cr-form .cmp-form-options--checkbox input[type=checkbox],
	.cr-form .cmp-form-options--radio input[type=radio] {
	    outline-color: #0075c9;
	    outline-offset: 0px;
	}
	.cr-form .cmp-form-options--checkbox input[type=checkbox],
    .cr-form .cmp-form-options--radio input[type=radio] {
        top: 0;
        transform: scale(1.3);
        margin-right: 8px;
        margin-left: 4px;
    }
    .cr-full-width .cr-form .cmp-form-options--checkbox input[type=checkbox],
    .cr-full-width .cr-form .cmp-form-options--radio input[type=radio] {
        transform: scale(1.5);
    }
}
@media screen and (max-width:1023px){
    .contentrefreshform .cr-form-cta,.contentrefreshform .cr-form {
        width: 100%;
    }
    .contentrefreshform .cr-form-cta{display:flex}
    .contentrefreshform .textContainer {
        text-align: left;
    }
}
@media screen and (max-width:599px){
    .contentrefreshform .cr-form-cta{flex-direction:column}
	.cr-form .cmp-form-text input,
    .cr-form .cmp-form-options--drop-down{
    	width: 100%;
    }
	.cr-form .cmp-form-options--checkbox .cmp-form-options__field-label,
    .cr-form .cmp-form-options--radio .cmp-form-options__field-label{
        flex:1 0 100%;
        padding-right: 0;
    }
}

.cr-form .cmp-form-options--checkbox .cmp-form-options__field-label, 
.cr-form .cmp-form-options--radio .cmp-form-options__field-label {
		font-size:14px;
 }

.cr-form .cmp-form-button {
   line-height: 1.5;
   font-size: 16px;
   min-width:10rem;
}
.e-boarding__wrapper-container p,
.e-boarding__wrapper-container h1,
.e-boarding__wrapper-container h2,
.e-boarding__wrapper-container h3,
.refresh-head-section h1{
    margin-top:1rem;
    margin-bottom:1rem;
 }
.e-boarding__selection-container{
    padding-top:1rem;
    padding-bottom:3rem;
}
.selection--form {
    margin-top: 1.5rem;
}
.form-groups__wrapper {
    margin-bottom: 1.5rem;
}
.refresh-strong-label{
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.25;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    color: #3C3D3E;
    display: inline-block;
}
.select-controls {
    display: block;
    border: 1px solid #707070;
    padding:1.2rem 3rem 1.2rem 1.8rem;
    border-radius: 4px;
    line-height: 1.4;
    font-weight: 400;
    appearance: none;
    -moz-appearance: none;
	-webkit-appearance: none;
    font-size: 1.8rem;
    margin-top:1rem;
    margin-bottom:1rem;
    position:relative;
    width:100%;
    outline-color: #0075C9;
    outline-offset:0!important;
    transition: ease 0.3s;
} 
 .select-controls__wrapper{
    max-width: 436px;
    position: relative;
    width:100%;
 }
 .select-controls__wrapper:before{
    content: '';
    color: #717374;
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    position: absolute;
    right: 1.5rem;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid currentColor;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: 0.2s ease;
    height: 0;
    width: 0;
 }
.select-controls__wrapper select::-ms-expand{
    display:none;
}
.refresh-control-label {
    font-size: 1.8rem;
    font-weight:400;
    color:#707172;
}
.refresh-form-animate .refresh-control-label {
    position: absolute;
    top: 0.40em;
    left: 1.5rem;
    background-color: #fff;
    padding: 0.6rem;
    transition: 0.3s ease;
    z-index: -1;
    color: #707172;
}
.refresh-form-animate .refresh-control-label.focused{
    top: -0.65em;
    font-size: 1.2rem;
    left: 1em;
    padding: .2rem .6rem;
    line-height: 1.2;
    z-index: 1;
    color: #0075c9;
    border-radius: 2px;
}
.red-asterisk {
   color: #de2020; 
}
.refresh-form-animate .select-controls{
    background-color:transparent;
 } 
.select-controls__wrapper select.hidden {
    display: none;
}
.e-boarding__main {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}
.e-boarding-info {
    display: flex;
    margin-top: 3rem;
    text-align:left
}
.e-boarding__info-icon {
    width: 52px;
    text-align: center;
    margin-right: 30px;
    margin-top: 1rem;
}
.e-boarding__info-icon img {
    width:100%;
}
.e-boarding__selection-container .disabled{opacity:0.6; cursor:no-drop;}
.e-boarding__wrapper-container{
    padding-bottom:6rem;
    padding-top:1rem;
}
.e-boarding__product-container {
    padding-bottom: 5rem;
    padding-top:3rem
}
.offset-top-60{
     margin-top:6rem;
}
.e-boarding-info .textimage-left {
    width: 52px;
    margin-top: 1.5rem;
    margin-right: 3rem;
    text-align: center;
    float:left;
}
.e-boarding-info .textimage-text {
    width: auto!important;
    padding: 0!important;
    text-align: left;
    float:left;
}
.e-boarding-info .textimage-left img{
    width:auto!important;
    height:auto!important;
    max-width:100%; 
}
div.e-boarding-info .textContainer {
    text-align: left;
}
/*media query*/
@media screen and (min-width:600px){
	.text-ad-center{
		text-align:center;
	}
}
@media (min-width:600px) and (max-width:1023px) {
    .e-boarding__selection-container{
        text-align:center;
   }
   .select-controls__wrapper {
       margin: auto;
   }  
}
@media screen and (min-width:1024px){
	.e-boarding__left {
        max-width: 65%;
        flex: 0 0 65%;
        display: flex;
        flex-direction: column;
    }
    .e-boarding__right{
        max-width: 35%;
        flex: 0 0 35%;
        padding-left:2.5rem;
        display: flex;
        flex-direction: column;
    } 
} 

@media screen and (max-width:1023px){
    .e-boarding__left, .e-boarding__right {
        width: 100%;
        flex-basis: 100%;
        display: flex;
        justify-content: center;
    }
    .e-boarding-info {
        max-width: 400px;
        margin-left:auto;
        margin-right:auto;
        text-align: left;
    }
    .e-boarding-info .textimage-text {
    	text-align: left;
	} 
}
@media (min-width:600px) and (max-width:1023px) {
   .e-boarding__wrapper-container .textContainer{
    	text-align:center;
   }
}

@media screen and (max-width:599px){
    .e-boarding__left, .e-boarding__right {
    	flex-direction: column;
	}
    .e-boarding-info {
        max-width: 100%;
        width:100%;
     }
}
.e-boarding__wrapper-container p,
.e-boarding__wrapper-container h1,
.e-boarding__wrapper-container h2,
.e-boarding__wrapper-container h3,
.refresh-head-section h1{
    margin-top:1rem;
    margin-bottom:1rem;
 }
.refresh-strong-label{
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.25;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    color: #3C3D3E;
    display: inline-block;
}
.e-boarding__product-container {
    padding-bottom: 5rem;
    padding-top:3rem
}
.e-boarding__product-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top:2rem;
    margin-left: -12px;
    margin-right: -12px;
}
.offset-top-60{
     margin-top:6rem;
 }
.refresh-product__list {
 	margin-top: 3rem;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 3rem;
    padding-left: 12px;
    padding-right: 12px;
}
.refresh-product__list-inner {
    border-radius: 2rem;
    margin-bottom: 4rem;
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #0C2074;
    transition:0.3s ease background, 0.2s ease scale;
    cursor:pointer;
    position:relative;
    transform:scale(1);
}
.refresh-product__list-inner:active{
    transform:scale(0.995);
}
.e-boarding__product-container .textContainer h3 {
    margin-top: 3.5rem;
}
.refresh-products__image {
    position: relative;
    padding: 2rem 0.5rem;
    padding-top: 74%;
	display: flex;
    align-items: center;
    justify-content: center;
}

.refresh-products__image .img-responsive{max-height:100%}
.refresh-products__image-source {
    position: absolute;
    top: 0;
    max-width: 100%;
    max-height: 100%;
    left: 0;
    margin: auto;
    bottom: 0;
    right: 0;
    padding: 1rem;
}
.refresh-product__title{
    margin: 0 -1rem 1rem;
}
.refresh-product__name{
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.35;
    margin-bottom: 1rem;
    color: #3C3D3E;
    display: inline-block;
}
.refresh-product-feature {
    font-size: 1.8rem;
    color: #3E3F40;
    text-align: left;
}
.refresh-product-feature li{
    margin-bottom: 0.5rem!important;
    text-align:left;
} 
.refresh-product-subscription {
    padding: 2rem 0;
    min-height: 135px;
    height: auto;
    width: calc(100% - 6rem);
    margin: auto;
    border-top: 1px solid #707070;
}
.refresh-product-border{
    padding:2.4rem 0;
}
.refresh-product__list-top {
    display: flex;
    flex-direction: column;
    padding: 2.2rem;
    background-color: #fff;
    transition:0.3s ease;
    margin:8px auto;
    border-radius: 20px;
    flex: 20 0 auto;
    width: calc(100% - 16px);
}
.refresh-product-subscription p{
   font-weight: 500;
   font-size: 2.4rem;
   margin: 0;
}
.refresh-modal-body {
    overflow: auto;
    position: relative;
    padding-right:2.5rem;
}
.refresh-modal-inner{
    display:flex;
   flex-wrap:wrap;
 }
.refresh-modal__left, .refresh-modal__right {
    max-width:50%;
    flex:0 0 50%;
}

.refresh-overlay-modal {
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    -webkit-transition: ease-out .3s;
    -o-transition: ease-out .3s;
    transition: ease-out .3s;
    opacity: 0;
}

.refresh-overlay-modal.refresh-overlay-modal-show {
    opacity: 1;
    visibility: visible;
    z-index: 9999;
}
.refresh-modal-container {
    height: 100%;
    max-height: 85%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99991;
    display: none;
    max-width: 900px;
    width: 85%;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
}
.refresh-modal-content {
    display: flex;
    height: 100%;
    flex-direction: column;
    padding: 6rem 1rem 1rem 8rem;
    position: relative;
    background-color: #fff;
    border: 1px solid #707070;
    border-radius: 5px;
    text-align:left;
}
.refresh-close-modal {
    background-image: url(clientlib-global/resources/Icon-Close-Button-white.svg);
    border: 0;
    background-color: #000;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    position: absolute;
    right: -14px;
    top: -14px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: arial;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    appearance: none;
    overflow: hidden;
    background-clip: padding-box;
    padding: 0;
}

.refresh-modal-img {
    max-width: 100%;
    position: sticky;
    top: 0;
    margin-bottom: 2rem;
}
.refresh-product-specs ul {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    padding: 0;
    margin-left: -8px;
    margin-right: -8px;
}
.refresh-product-specs ul li {
    font-weight: 400;
    font-size: 1.8rem;
    padding: 8px 8px 8px 4.5rem;
    width: 50%;
    position: relative;
}
.refresh-modal__left {
    padding-right: 3rem;
    text-align:center;
}
.editor-product-author.refresh-product__list {
    flex: 0 0 100%;
    max-width: 1080px;
    margin: auto;
}
.editor-product-author .refresh-products__image {
    position: relative;
    height: 250px;
    padding-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.refresh-modal-body .refresh-product-feature,
.refresh-modal-body .refresh-product-specs{
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.refresh-specs-icon {
    width: 1.2em;
    margin-right: 10px;
    max-height: 30px;
    left: 12px;
    position: absolute;
    top:10px;
}
.refresh-product-desc {
    padding-right: 4.5rem;
	width:100%;
    clear:both;
}
div.refresh-product-desc h3{
    margin-top:3rem;
}
.refresh-product-title_modal h3 {
    margin-top: 0;
} 
div.refresh-product-desc .textContainer {   
	text-align: left;
}
.refresh-close-modal:hover {
    background-color: #2a2a2a;
}
/*media query*/
@media all and (-ms-high-contrast:none){
	.refresh-products__image .img-responsive{width:100%}
}
@media (min-width:600px){
   .refresh-product__list-inner:focus {
        border-color: #0075c9;
        box-shadow: 0 0 1px 0.5rem rgb(0 117 201 / 90%);
    }
    .refresh-product__list-inner:hover, .refresh-product__list-inner.selected {
        border-color: #2287D0;
        color: #fff;
        box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.51);
    }
    .refresh-product__list-inner:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: inherit;
        transition: ease 0.25s;
        width: 100%;
        background-color: #2287D0;
        height: 0;
        left: 0;
        z-index: -1;
        opacity:0;
    }
    .refresh-product__list-inner:hover:before,
    .refresh-product__list-inner.selected:before {
       height:100%;
       opacity:1;
     }
    .refresh-product__list-inner:hover *:not(.refresh-product__list-top *),
    .refresh-product__list-inner.selected *:not(.refresh-product__list-top *){color:#fff}
    .refresh-product__list-inner:hover .refresh-product-subscription *,
    .refresh-product__list-inner.selected .refresh-product-subscription *{color:#fff}

    .refresh-product__list-inner:hover .refresh-product__list-top,
    .refresh-product__list-inner.selected .refresh-product__list-top{
		box-shadow:0 0 6px 1px rgba(0,0,0,0.3);
     }
    .refresh-product__list-inner:hover .refresh-product-subscription,
    .refresh-product__list-inner.selected .refresh-product-subscription{border-color:#2287D0}

}
@media (min-width:1024px){
    .refresh-product__bottom {
        display: flex;
        min-height: 4rem;
        justify-content: center;
        flex-basis: 0;
    }
    .refresh-modal-container ::-webkit-scrollbar {
        width: 8px;
    }
    .refresh-modal-container ::-webkit-scrollbar-track {
        background-color:#fff;
        border-radius: 6px;
     }
    .refresh-modal-container  ::-webkit-scrollbar-thumb {
        border-radius: 6px;
        background-color:#707070;
    }
    .refresh-modal-container *{
        scrollbar-color:#707070 #fff;
        scrollbar-width:thin;
    }
	.refresh-product__list-inner{outline:0;}
}
@media (min-width:600px) and (max-width:1023px) {
    .e-boarding__product-container,
	.e-boarding__wrapper-container .textContainer,
	.e-boarding__product-grid {
        align-items: center;
    }
}

@media screen and (max-width:1023px){
    .e-boarding__product-grid {
        flex-direction: column;
    }
    .refresh-product__list {
        flex-basis:100%;
        max-width: 400px;
    }
    .refresh-modal-content {
        padding: 1rem;
    }
    .refresh-modal-body {
        padding: 4rem 4rem 2rem;
    }
    .refresh-product-desc {
        padding: 0;
    }
	.select-controls__wrapper {
        max-width: 344px;
    }
    .refresh-product-specs ul li {
        font-size: 1.4rem;
    }
    .refresh-product__list{margin-bottom: 2rem;}
    .refresh-product__list-inner{margin-bottom: 3rem; }
	.refresh-product__subscription strong {
        font-weight: 400;
    }

} 

@media screen and (max-width:599px){
     .refresh-modal__left,
     .refresh-modal__right{
        max-width:100%;
        flex-basis:100%;
     }
     .refresh-product__subscription,
     .refresh-product__name,
     .refresh-product-title_modal,
     .refresh-product-feature{
         text-align: center;
     }
     .refresh-product-specs{
        text-align: left;
    }
    .refresh-modal__left {
        padding-right: 0;
    }
    .refresh-product-subscription p{
       font-weight: 700;
       font-size: 1.8rem;
    	color: #3E3F40;
    }
    .refresh-product__list-inner{padding:6px}
    .refresh-product__list-inner:hover,
	.refresh-product__list-inner.selected  {
        box-shadow: 0 0 0 6px #0075c9 inset, 0px 0px 6px rgb(0 0 0 / 50%);
        border: 1px solid #0075C9;
    }
    .refresh-product-feature {
        margin-bottom:0;
    }
	.refresh-product-subscription{
        border: 0;
        padding-top: 0;
        height: auto;
        min-height: auto;
    }

    .refresh-modal-body {
        padding: 1.5rem;
    }
    .refresh-product-feature {
        width: auto;
        flex: 0 0 auto;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .refresh-modal-body p {
        font-size: 1.4rem
    }
    .refresh-product-desc h3{
        font-size: 1.8rem;
    }
	.e-boarding__product-grid {
        padding-top: 0; 
    }
    .refresh-product__list-top {
        width: 100%;
        margin: 0;
    }
	.refresh-product__title {
        margin: 0 0 1rem;
    }
    .refresh-product__list {
  	  max-width: 310px;
    }
	.refresh-specs-icon {
    	width: 1.3em;
    }
}
.refresh-head-section{
    padding-top:4rem;
    padding-bottom:4rem;
    text-align: center;
}
.e-boarding__journey-container{
    box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.16);
    padding-top:2rem;
    padding-bottom:2rem;
    background-color: #fff;
    margin-bottom:2rem;
}
.e-boarding__journey {
    display: flex;
    justify-content: center;
    text-align: center;
    color:#3C3D3E;
    position:relative;
    margin-left:-1rem;
    margin-right:-1rem;
    z-index:1; 
    padding:0;
}
.refresh-head-section h1{
    margin-top:1rem;
    margin-bottom:1rem;
 }
.steps-title{
    font-size: 2rem;
    font-weight: 500;
    flex: 1 0 auto;
}
.e-boarding__steps {
    flex: 1 0 100%;
    max-width: 33%;
    padding: 1rem;
    position: relative;
    display: flex;
    flex-direction: column;
    transition:0.2s ease;
}
.steps-marker {
   width: 50px;
   height: 50px;
   margin: auto;
   background-color: #fff;
   border:1px solid #B8B9BB;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   line-height: 1;
   margin-top: 1rem;
   box-shadow: 0 0 0 1rem #fff;
   transition: inherit;
   user-select:none;
}

.e-boarding__steps.e-boarding__steps-active .steps-marker{
    background-color:currentColor;
    border-color: currentColor;
    color: #007079;
}
.steps__icon{
    color: #fff;
    width: 24px;
    height: 24px;
   	line-height: 1.4;
    display:block;
}

 .e-boarding__steps.e-boarding__steps-completed .steps-marker{
    background-color:currentColor;
    border-color: currentColor;
    color: #0075C9;
 }
 .steps-marker:before {
     content: ''; 
     background-color: #B8B9BB;
     width: 100%;
     height: 1px;
     left: -50%;
     position: absolute;
     z-index: -1;
     transition:ease 0.2s;
 }
 .e-boarding__journey .e-boarding__steps:first-child .steps-marker:before{
    display:none
 }


/*media query*/
@media screen and (max-width:1023px){
    .e-boarding__journey {
       justify-content: space-between;
    }
}
@media screen and (max-width:599px){
    .steps-title{
        font-size: 1.4rem;
        white-space: break-spaces;
        width: min-content;
        margin: auto;
     }
}
.e-boarding__wrapper-container p,
.e-boarding__wrapper-container h1,
.e-boarding__wrapper-container h2,
.e-boarding__wrapper-container h3,
.refresh-head-section h1{
    margin-top:1rem;
    margin-bottom:1rem;
 }
.e-boarding__wrapper-container{
    padding-bottom:6rem;
    padding-top:1rem;
}
.refresh-strong-label{
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.25;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    color: #3C3D3E;
    display: inline-block;
}
.e-boarding__review-container{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.e-boarding__review {
    display: flex;
    flex-wrap: wrap;
}
.e-boarding__review-left {
    max-width: 46%;
    flex: 0 0 46%;
}
.e-boarding__review-right {
    max-width: 528px;
    flex: 0 0 54%;
}

.refresh-review-feature {
    font-size: 1.8rem;
    color: #58585A;
    font-weight: 400;
    line-height: 1.5;
}
.refresh-review-feature ul {
    list-style: none;
    padding: 0;
    margin:1rem 0;
}
.refresh-review-feature ul li {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 5px;
    border-bottom: 1px solid #DBDDDE;
    justify-content: space-between;
}
.refresh-review-feature ul li:first-child{
    border-top: 1px solid #999A9B;
}
.refresh-review-feature li span {
    flex: 1 0 auto;
    padding: 5px;
    display: inline-block;
}
.refresh-review-feature li span:last-child {
    flex: 1 0 38%;
    text-align: right;
}
.refresh-review-feature li span:first-child {
    text-align: left;
}
.refresh-review-feature .refresh-strong-label {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.e-boarding__review-image {
    padding: 3rem;
    text-align: center;
}
.review-button-group .button-refresh{
   margin-top:2rem;
   margin-bottom:2rem;
   margin-right: 2rem;
   margin-left: 4rem;
}
.review-button-group {
    flex-direction: row-reverse;
    display: flex;
    justify-content: center;
    align-items:center;
}
 .refresh-review-feature:last-child ul li:last-child {
     border-bottom: none;
 }

/*media query*/
@media screen and (min-width:600px){
   .review-button-group .button-refresh--block-link{
       margin-right:3rem;
   }
}


@media screen and (min-width:1024px){
    .e-boarding__review--wrapper {
        width:100%;
        max-width: 980px;
    }
    .e-boarding__review-image {
        position: sticky;
        top: 0;
    }
}

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

     .e-boarding__review-right,.e-boarding__review-left {
         max-width: 528px;
         width: 100%;
         flex: 1;
     }
     .e-boarding__review {
         align-items: center;
         flex-direction: column;
     }
     .refresh-review-feature li span {
         flex: 1 0 62%;
      }
}

@media screen and (max-width:599px){
    .review-button-group {
        flex-direction: column;
        align-items:center;
    }
    .review-button-group .button-refresh{
       margin-top:1rem;
       margin-bottom:1rem;
       margin-right: 1rem;
       margin-left: 2rem;
    }
    .e-boarding__review-image {
        padding: 0 0 3rem;
    }
    .refresh-review-feature li span {
        padding: 5px 0;
    }
}
.cmp-separator__horizontal-rule {
    border-color: rgba(29, 30, 31, 0.51);
}

.card:hover {
	text-decoration: none;
}

.card-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin-left: -12px;
	margin-right: -12px;
}

}
.card-img-wrap {
	width: 100%;
}

.card-img-top {
	width: 100%;
}

.card-img-inside-wap {
	width: 50px;
	display: inline-block;
}

.onHoverShow {
	display: none;
}

.choose-industry-wrap .card {
	border-radius: 5px;
	border: 1px solid #B8B9BB !important;
	width: calc(25% - 24px);
	min-height: 250px;
    max-height: 250px;
	float: left;
	margin: 18px 6px;
}

.choose-industry-wrap .card-body {
	position: relative;
	top: 25%;
}

.choose-industry-wrap h5.card-title {
	margin: 5px 0;
	font-size: 24px;
	font-weight: normal;
	color: #3C3D3E;
	line-height: 30px;
    word-spacing: 9999px;
}

.choose-industry-wrap h2 {
	font-style: normal;
	font-weight: 300;
	font-size: 54px;
	line-height: 47px;
	color: #0C2064;
}

.choose-industry-wrap .card.text-center:hover {
   	box-shadow: 0px 0px 0px 3px #1A9AE0;

}

.select-option-wrap .card:hover {
	box-shadow: 0px 0px 0px 3px #007079;
}

.select-option-wrap .card {
	border-radius: 10px;
	border: 1px solid #B8B9BB !important;
	width: calc(25% - 24px);
	min-height: 315px;
    max-height: 315px;
	float: left;
	margin: 18px 6px;
}

.select-option-wrap h5.card-title {
	padding-left: 15px;
	margin: 10px 0;
	font-size: 24px;
	font-weight: normal;
	color: #3C3D3E;
	line-height: 30px;
}

.select-option-wrap .card-body p {
	font-size: 18px;
	line-height: 27px;
	padding-left: 15px;
	padding-right: 10px;
	color: #3E3F40;
}

.select-option-wrap h2 {
	color: #007079;
	font-style: normal;
	font-weight: 300;
	font-size: 54px;
	line-height: 47px;
}

.select-option-wrap .card-img-wrap {
	padding: 15px;
    max-height: 74px;
    min-height: 74px;
}

.select-option-wrap .card-img-wrap.activeTile {
	border-radius: 4px 4px 0px 0px;
	background-color: #007079;
    box-shadow: 0px 0px 0px 2px #007079;
}

.img_arrow_wrap {
	display: none;
}

/*media query*/
@media screen and (max-width:599px) {
	.select-option-wrap .card, .choose-industry-wrap .card {
		width: 341px;
		border-right: none !important;
		border-radius: 0 !important;
		border-left: none !important;
		border-bottom: none !important;
		min-height: auto;
		margin: 0;
		text-align: left;
		box-shadow: none;
	}
	.select-option-wrap .card:last-child, .choose-industry-wrap .card:last-child
		{
		border-bottom: 1px solid #B8B9BB !important;
	}
	.select-option-wrap .card  .card-img-wrap, .choose-industry-wrap .card .card-img-wrap
		{
		display: none;
	}
	.choose-industry-wrap .card .card-img-wrap {
		top: 0 !important;
	}
	.select-option-wrap .card .card-body>p, .choose-industry-wrap .card .card-body>p
		{
		display: none;
	}
	.select-option-wrap h5.card-title, .choose-industry-wrap h5.card-title {
		padding-left: 0px;
		margin: 10px 0;
		font-style: normal;
		font-weight: 500;
		font-size: 24px;
		line-height: 30px;
		color: #3C3D3E;
		width: 90%;
		float: left;
	}
	.img_arrow_wrap {
		display: inline-block;
		position: relative;
		top: 50%;
		line-height: 30px;
		margin: 10px 0;
		width: 10%;
		float: left;
	}
	.img_arrow_wrap img {
		width: 100%;
	}
	.choose-industry-wrap .button-refresh--icon__arrow, .select-option-wrap .button-refresh--icon__arrow
		{
		width: 6px !important;
		height: 6px !important;
	}
	.choose-industry-wrap .button-refresh--icon__arrow::after,
		.select-option-wrap .button-refresh--icon__arrow::after {
		border: 1.5px solid currentColor;
		width: 26px;
		height: 26px;
		left: -10px;
		top: -10px;
	}
	.choose-industry-wrap .button-refresh--primary__blue,
		.choose-industry-wrap .button-refresh--primary__blue:hover,
		.choose-industry-wrap .button-refresh--primary__blue:focus {
		color: #0C2074;
		background-color: transparent;
	}
}

@media screen and (min-width:600px) and (max-width:1023px) {
	.select-option-wrap .card {
		width: calc(41% - 25px);
	}
	.select-option-wrap .card:hover {
		border: 3px solid #007079;
		box-shadow: 1px 1px 3px 1px gray;
	}
	.choose-industry-wrap .card {
		width: calc(32% - 10px);
	}
}


.product-feature-container {
    display: flex;
    flex-wrap: wrap;
    padding-top:2rem;
    padding-bottom:10rem;
    margin-left:-15px;
    margin-right:-15px;
}
.product-feature__left, .product-feature__right {
    max-width: 45%;
    flex: 0 0 45%;
    padding-left:15px;
    padding-right:15px;
    text-align: left;
}
 .product-feature__right {
    max-width: 55%;
    flex: 0 0 55%;
}
.product-feature-image {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
    position: sticky;
    top: 0;
}

.product-feature__content {
    font-size: 1.8rem;
    line-height: 1.5;
    color: #3E3F40;
    margin-top:2rem;
    margin-bottom:2rem;
}
.product-feature__list ul,.product-specs__list ul{
    list-style:none;
    padding:0;
}
.product-feature__list li{
    margin-bottom:10px;
}
.product-specs__list, .product-feature__list {
    margin-bottom: 3.5rem;
    margin-top: 2.5rem;
    max-width: 360px;
    width: 100%;
}
.product-specs__list ul {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    padding: 0;
    margin-left: -20px;
    margin-right: -20px;
}
.product-feature__content .textContainer ul{margin-top:2.5rem; margin-bottom:3.5rem;}
.product-feature__content .textContainer li{
    margin-top: 10px;
	margin-bottom:10px;
}
.product-specs__list ul li {
    font-weight: 400;
    font-size: 1.8rem;
    padding: 10px 20px;
    width: max-content;
}
.product-specs__list li img {
    width: 23px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
    margin-top: -20px;
}
.product-specs__list ul li span {
    display: inline-block;
    width: calc(100% - 40px);
    vertical-align: top;
	font-size:18px;
}
.product-feature__full-desc {
    display: none;
    border-bottom: 1px solid #999A9B;
}
.product-feature__desc h4 {
    font-size: 1.8rem;
    font-weight: 400;
    margin: 0;
    position: relative;
    border-bottom: 1px solid #999A9B;
}
.product-feature__desc .faq-items button {
    font-size: 1.8rem;
    font-weight: 400;
    margin: 0;
    padding: 1.5rem 3.5rem 1.5rem 0;
    position: relative;
    display: block;
    width: 100%;
    border: 0;
    background-color: transparent;
    text-align: left;
    appearance: none;
    color:#3E3F40;
    cursor:pointer;
    border-bottom: 1px solid #999A9B;
}

.product-feature__desc .faq-items button:active{
    background-color:#f1f1f1;
}
.product-feature__desc-list {
    font-size: 1.8rem;
    line-height: 1.5;
    color: #3E3F40;
}
.product-feature__desc p strong,
.product-feature__desc p b {
    margin-bottom: -10px;
    display: inline-block;
    font-weight:700;
    margin-top: 5px;
}
.product-feature__desc .faq-title{
    padding:0;
    border:0;
}
.product-feature__desc .faq-question-module::before{
    display:none;
}
.product-feature__desc .faq-item {
    margin: 0;
}
.product-feature__desc .faq-answer-highlighted {
    border-bottom: 1px solid #999A9B;
    margin: 0;
    padding: 2rem 0;
}
.product-feature__desc button .faq-question {
   color:#3E3F40
}
.product-feature__desc .faq-arrow{
   top:1.4em;
   transition: ease 0.3s;
}
.product-feature__desc button[aria-expanded="true"] .faq-arrow {
    top: 1.1em;
}
.product-feature__desc .faq-items button:hover .faq-question{
    color:#000!important;
}
.product-feature__desc  .faq-items button:focus {
    box-shadow: 0 0 0 2px #0075C9!important;
    border-radius: 4px;
}
.product-feature__desc li:last-child .faq-answer-highlighted{
    border-bottom:0;
}
.tabComponent .MainRefreshContainer {
    padding-left: 0;
    padding-right: 0;
}
.tabComponent .product-feature-container {
    padding-bottom: 0;
}
.tabComponent .product-specs__list ul{
    margin-left:-6px;
    margin-right:-6px;
}
.tabComponent .product-specs__list ul li {
    padding-left: 6px;
	padding-right: 6px;
}
@media screen and (min-width: 1201px) and (max-width: 1450px) { 
    .tabComponent .product-specs__list ul li {
        width: 100%;
    }
}
/*media query*/ 

@media screen and (max-width:1023px){
    .product-feature-container {
        max-width:530px;
        width:100%;
        margin:auto;
    }
    .product-feature__left, .product-feature__right {
    	max-width: 100%;
    	flex: 0 0 100%;
    	padding:0;
     }
    .product-feature-image {
        text-align: left;
    }
    .tabComponent .product-feature-container {
        max-width: 100%;
    }
}

@media screen and (max-width:599px){
	.tabComponent .product-specs__list ul li {
        width: 100%;
	}
}
.dynamicPricingCard{
	background-color: #eee;
    color: blue;
    width:100%;
    padding:3rem 2.5rem;
    border-radius: 2%;
    margin : 2rem auto;
    border: 1px solid #ddd;

}
.cardHeading{
    color: #0c2074;
    font-weight: bold !important;
    text-align: center;
    font-size: 5.0rem !important;
}
.price {
    font-size: 5rem;
	font-weight:bold;
}
.priceCircle{
	border: 1px solid #0c2074;
    border-radius: 50%;
    background: #0c2074;
    color: white;
    height: 18rem;
    width: 19rem;
    text-align: center;
    margin: 0 auto;
}
.priceCircle div:first-child{
	display: block;
    text-align: center;
	margin:3.5rem 0 0 0;
}
.priceCircle div:first-child,  .priceCircle div:last-child{font-size: 18px;}
.priceDetails{
	margin-top: 3rem;
}
.priceDetails p span , .priceDetails p{
font-size: 14px;
font-weight: normal;
color: #0c2074;
}
.feeLabel{font-size:14px;font-weight:bold;}
.priceDetails p span:last-child{
float:right;
    font-size: 14px;
}
.dynamicPricingCard .applybtn,.dynamicPricingCard .applybtn-group{
	margin: 4rem 0 2rem;
    text-align: center;

}
.dynamicPricingCard .applybtn > a{
width:100%;
    height: 45px;
    background-color: #0c2074;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    border: none;
    border-radius: 4px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;


}
.dynamicPricingCard .applybtn:hover a .ctaIcon {
 transform: translateX(10px);
}
.dynamicPricingCard .applybtn > a .ctaIcon{
	display: inline-block;
    position: relative;
    top: 5px;
    width: 19px;
    height: 19px;
    background: url("../components/content/dynamicpricingcard/clientlibs/resources/Icon-Circle-Arrow-Right_White.svg") no-repeat 0 0;
    transition: .45s;
    transition-timing-function: linear;
    transform: translateX(0);
    left: 50px;
}
.subheading{
	text-align: center;
    margin-top: -10px;
    font-size: 18px;
    color: #58585a;
    margin-bottom: 3rem;
    font-weight: bold;
}
.applybtn-group .button-refresh{
	width:100%;
}

@media (max-width:1281px){
.cardHeading{font-size: 4.6rem !important;}
}
@media only screen and (max-width: 991px){
.cardHeading{font-size: 4.1rem !important;}
.dynamicPricingCard .applybtn>a{font-size: 16px;}
}
@media only screen and (max-width: 767px){
.container-component{
    width:100%;
	padding-left: 26px;
    padding-right: 26px;
}

.dynamicPricingCard{ width: 90%;}
    .dynamicPricingCard .applybtn>a .ctaIcon{font-size:16px; left: 8px;}

}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px)
{
   .cardHeading{font-size: 3.3rem !important;}
}
.sf-strong-label {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.25;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    color: rgb(60, 61, 62);
    display: inline-block;
}

.sf__product-container {
    margin-top:2rem;
	margin-bottom:2rem;
}

.sf__product-grid {
    display: flex;
    flex-wrap: wrap;
	height:100%;
}

.offset-top-60 {
    margin-top: 6rem;
}

.sf-product__list {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
	height:100%;
	margin:auto;
}

.sf-product__list-inner {
    border-radius: 2rem;
    margin-bottom: 0;
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: background 0.3s ease, all 0.2s ease;
    position: relative;
    transform: scale(1);
    padding: 8px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 4px;
    border: 1px solid rgb(241, 241, 241);
	background-color: #fff;
}

.sf__product-container .textContainer h3 {
    margin-top: 3.5rem;
}

.sf-products__image {
    position: relative;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sf-products__image .img-responsive {
    max-height: 100%;
}

.sf-products__image-source {
    max-width: 100%;
    max-height: 200px;
    margin: auto;
    height: 100%;
}

.sf-product__title {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.sf-product__title h3 {
    margin-bottom: 0;
    margin-top: 0;
}

.sf-product__title p {
    margin: 0px;
}

.sf-product__name {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.35;
    margin-bottom: 1rem;
    color: rgb(60, 61, 62);
    display: inline-block;
}

.sf-product-feature {
    font-size: 1.8rem;
    color: rgb(62, 63, 64);
    text-align: left;
	margin-top:1rem;
	position:relative;
}
.sf-product-feature:after{
	height:1px;
	background-color:rgb(171, 171, 171);
	content:'';
	position:absolute;
	width:100%;
	left:0;
	bottom:-1.5rem;
}
.sf-product-feature.no-border:after{
	display:none;
}
.sf-product-feature li {
    text-align: left;
    margin-bottom: 0.5rem !important;
}

.sf-product-subscription {
    width: 100%;
    margin-bottom: 1.5rem;
    text-align: left;
    align-items: flex-start;
    justify-self: flex-start;
}

.sf-product-border {
    padding: 2.4rem 0px;
}

.sf-product__list--head {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    background-color: rgb(255, 255, 255);
    transition: all 0.3s ease;
    border-radius: 20px 20px 0px 0px;
    width: 100%;
}

.sf-product__list--body {
    display: flex;
    flex-direction: column;
    background-color: rgb(255, 255, 255);
    border-radius: 0px 0px 20px 20px;
    padding: 0 1rem 1.5rem;
    flex: 20 0 auto;
}
.sf-product__list--foot {
    display: flex;
    min-height: 4rem;
    justify-content: space-between;
    flex-direction: column;
    padding: 2rem 0px;
    width: calc(100% - 2rem);
    margin: auto;
}

.sf-product-subscription p {
    font-weight: 400;
    margin: 10px -5px;
    display: flex;
    justify-content: space-between;
    opacity: .95;
    font-size: 1.7rem;
    line-height: 1.3;
}
.sf-product-subscription p span{
	padding-left: 5px;
    padding-right: 5px;
}

.sf-modal-body {
    overflow: auto;
    position: relative;
    padding-right: 2.5rem;
}

.sf-modal-inner {
    display: flex;
    flex-wrap: wrap;
}

.sf-modal__left, .sf-modal__right {
    max-width: 50%;
    flex: 0 0 50%;
}

.sf-overlay-modal {
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    visibility: hidden;
    transition: all 0.3s ease-out;
    opacity: 0;
}

.sf-overlay-modal.sf-overlay-modal-show {
    opacity: 1;
    visibility: visible;
    z-index: 9999;
}

.sf-modal-container {
    height: 100%;
    max-height: 85%;
    position: fixed;
    z-index: 99991;
    display: none;
    max-width: 900px;
    width: 85%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sf-modal-content {
    display: flex;
    height: 100%;
    flex-direction: column;
    padding: 6rem 1rem 1rem 8rem;
    position: relative;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(112, 112, 112);
    border-radius: 5px;
    text-align: left;
}

.sf-modal-img {
    max-width: 100%;
    margin-bottom: 2rem;
}

.sf-modal__img--wrap {
    position: sticky;
    top: 0px;
}

.sf-product-specs ul {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    padding: 0px;
    margin-left: -8px;
    margin-right: -8px;
    color: rgb(62, 63, 64);
}

.sf-product-specs ul li {
    font-weight: 400;
    font-size: 1.8rem;
    padding: 8px 8px 8px 4.5rem;
    width: 50%;
    position: relative;
}

.sf-modal__left {
    padding-right: 3rem;
    text-align: center;
}

.editor-product-author.sf-product__list {
    flex: 0 0 100%;
    max-width: 1080px;
    margin: auto;
}

.editor-product-author .sf-products__image {
    position: relative;
    height: 250px;
    padding-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sf-modal-body .sf-product-feature, .sf-modal-body .sf-product-specs {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.sf-specs-icon {
    width: 1.2em;
    margin-right: 10px;
    max-height: 30px;
    left: 12px;
    position: absolute;
    top: 10px;
}

.sf-product-desc {
    padding-right: 4.5rem;
    width: 100%;
    clear: both;
    color: rgb(62, 63, 64);
    font-size: 1.8rem;
}

div.sf-product-desc h3 {
    margin-top: 3rem;
}

.sf-product-title_modal h3 {
    margin-top: 0px;
}

div.sf-product-desc .textContainer {
    text-align: left;
}

.sf-close-modal:hover {
    background-color: rgb(42, 42, 42);
}

.sf-product__list .button-refresh--primary__white {
    color: #0075c9;
    border-color: currentcolor;
}
.sf-product__list [class].button-refresh--primary__white:hover, 
.sf-product__list [class].button-refresh--primary__white:focus {
    color: #0075c9;
    background-color: #fff;
}
.sf-product__list [class].button-refresh--primary__white:focus {
	box-shadow:0 0 1px 0.3rem rgb(0 117 201 / 60%);
}
.sf-product__list .button-refresh {
    margin: 5px 0px;
}

.sf-product-subscription p span:last-child {
    flex: 0 0 auto;
    max-width: 110px;
    text-align: right;
    align-self: flex-end;
}

.sf-product__rent .price {   
    font-size: 6rem;
    line-height: 0.9;
    font-weight: 700;
	margin-top:1rem;
}

.sf-product__rent {
    font-size: 1.6rem;
    font-weight: 400;
    display: inline-flex;
    flex-direction: column;
    background-color: #0075c9;
    color: #fff;
    border-radius: 50%;
    min-height: 17rem;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    box-shadow: rgb(0 0 0 / 15%) 0 0 15px 2px;
    margin: 1rem auto;
    min-width: 17rem;
    word-break: break-word;
    aspect-ratio: 1/1;
}
.sf-product__rent div:not(.price) {
    line-height: 1;
    width: 12.5rem;
}
.visible-tablet {
    display: none !important;
}

.sf-product-links {
    display: flex;
    flex-direction: column;
}

.sf-product__list--bottom {
    display: flex;
    flex-direction: column;
    flex: 20 0 auto;
}
.sf-product-links [class].button-refresh--primary__purple{
    padding-right: 3rem;
}
.sf-product-links [class].button-refresh--primary__purple .button-refresh--icon__arrow{
    position: absolute;
    left: inherit;
    right: 1.2rem;
    transition: 0.45s linear;
}
.sf-product-links [class].button-refresh--primary__purple:not(:disabled):not(.disabled):hover .button-refresh--icon__arrow,
.sf-product-links [class].button-refresh--primary__purple:not(:disabled):not(.disabled):focus .button-refresh--icon__arrow{
    right: 0.6rem;
    left:inherit
}
.product-feature-modal .modal-body {
    max-height: 80vh;
    padding-top:2rem;
}
.product-feature-modal .modal-dialog {
    max-width: 900px;
    margin: 30px auto;
    width: 85%;
}
.product-feature-modal .modal-content {
    padding: 1rem;
    border-radius: 4px;
    border: 1px solid rgb(112, 112, 112);
}
.product-feature-modal .productfeatures .MainRefreshContainer {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.product-feature-modal .productfeatures .RefreshContainer {
    max-width: inherit;
}
.product-feature-modal button.close {
    position: absolute;
    margin-right: 0;
    height: 35px;
    width: 35px;
    line-height: 1;
    border: 0;
    overflow: hidden;
    opacity: 1;
    text-shadow: none;
    color: #ffffff;
    padding: 0;
    font-size: 3rem;
    font-weight: 400;
    top: 0;
    z-index: 9;
    margin-top: 0;
    background-color: #040404;
    border-radius: 50%;
    right: -18px;
    top: -18px;
}
.product-feature-modal button.close>span {
    position: relative;
    top: 0;
    line-height: 1;
    left: 0;
    display: block;
    width: 15px;
    height: 15px;
    margin: auto;
    text-indent: -9999em;
}
.product-feature-modal button.close>span:after, .product-feature-modal button.close>span:before {
    content: '';
    width: 2px;
    height: 100%;
    background-color: currentcolor;
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(-45deg);
    transform-origin: center center;
    transition: .15s ease-out;
    right: 0;
    margin: auto;
    border-radius: 2px;
}
.product-feature-modal button.close>span:before {
     transform: rotate(45deg);
}
.product-feature-modal button.close:hover, 
.product-feature-modal button.close:focus {
    background-color: #2a2a2a;
}

.product-feature-modal .product-feature-container {
    margin-left: auto;
    margin-right: auto;
	padding-bottom: 0;
	padding-top:0;
}
.product-feature-modal .product-feature-image .img-responsive {
    margin: auto;
}
.product-feature-modal .textContainer .offset-top-40{margin-top:0}
.product-feature-modal .product-specs__list ul li {
    flex: 1 0 50%;
	width:auto;
}
.product-feature-modal .product-specs__list ul {
    margin-left: -1rem;
    margin-right: -1rem;
}
.product-feature-modal .product-specs__list ul li{
	padding-left:1rem;
	padding-right:1rem;
}
.dynamicpricingcard.cq-Editable-dom .sf-products__image {
    padding: 4rem;
    height: 200px;
}
.sf-product-feature .textContainer p {
    text-align: center;
}
.close-popup-end-btn {
   	position: fixed;
    top: -17px;
    right: -17px;
    height: 35px;
    width: 35px;
    opacity: 0;
    display:none;
}
@media screen and (min-width: 1023px) {	
    .sf-modal-container ::-webkit-scrollbar-track,.product-feature-modal div::-webkit-scrollbar-track {
        background-color: rgb(255, 255, 255);
        border-radius: 6px;
    }
    .sf-modal-container ::-webkit-scrollbar-thumb,.product-feature-modal div::-webkit-scrollbar-thumb {
        border-radius: 6px;
        background-color: rgb(112, 112, 112);
    }
	
	.sf-modal-container ::-webkit-scrollbar,.product-feature-modal div::-webkit-scrollbar{
        width: 8px;
    }
	.product-feature-modal div {
        scrollbar-color: #707070 #ccc;
        scrollbar-width: thin;
    }
}
@media screen and (min-width: 600px) {
	.product-feature-modal .product-feature__left {
		max-width: 45%;
		flex: 0 0 45%;
	}
	.product-feature-modal .product-feature__right {
		max-width: 55%;
		flex: 0 0 55%;
	}
}
@media screen and (min-width: 1201px) {
    .sf-product__list-inner:focus {
        border-color: rgb(0, 117, 201);
        box-shadow: rgb(0 117 201 / 80%) 0 0 1px 0.5rem;
    }
    .sf-product__list-inner:hover, .sf-product__list-inner.selected {
        border-color: rgb(0, 117, 201);
        box-shadow: rgb(0 0 0 / 50%) 0 0 16px 2px;
    }
    .sf-product__list-inner::before {
        content: "";
        position: absolute;
        top: 0px;
        bottom: inherit;
        transition: all 0.25s ease;
        width: 100%;
        background-color: rgb(0, 117, 201);
        height: 0px;
        left: 0px;
        z-index: -1;
        opacity: 0;
    }
    .sf-product__list-inner:hover::before, .sf-product__list-inner.selected::before {
        height: 100%;
        opacity: 1;
    }
    .sf-product__list-inner:hover .sf-product__list--foot, .sf-product__list-inner.selected .sf-product__list--foot {
        color: rgb(255, 255, 255);
		border-color: transparent;
    }
    .sf-product__list-inner:hover .sf-product-subscription *, .sf-product__list-inner.selected .sf-product-subscription * {
        color: rgb(255, 255, 255);
    }
    .sf-product__list-inner:hover .sf-product__list-top, .sf-product__list-inner.selected .sf-product__list-top {
        box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 6px 1px;
    }
    .sf-product__list-inner:hover .sf-product-subscription, .sf-product__list-inner.selected .sf-product-subscription {
        border-color: rgb(0, 117, 201);
    }    
    .sf-product__list-inner {
        outline: 0px;
    }
    .sf-product-feature>p {
        text-align: center;
    }		
	.sf-product-feature ul {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.sf-product__list:hover .button-refresh--primary__white,
	.sf-product__list:focus .button-refresh--primary__white{
		border-color:#fff;
	}
	.sf-product__list-inner:hover .sf-product-feature:after,
    .sf-product__list-inner.selected .sf-product-feature:after{
    	background-color:transparent;
    }
    
}

@media (min-width: 600px) and (max-width: 1200px) {
    .sf__product-container, .sf__wrapper-container .textContainer, .sf__product-grid {
        align-items: center;
    }
    .visible-tablet {
        display: block !important;
    }
    .hidden-tablet {
        display: none !important;
    }
    .sf-product__list--bottom {
        max-width: 65%;
        flex: 0 0 65%;
        margin-left: auto;
        margin-right: inherit;
    }
    .sf-product__list--head {
        max-width: 35%;
        flex: 0 0 35%;
        padding: 1rem;
    }
    .sf-product__list-inner {
        flex-flow: row wrap;
        padding: 2rem;
    }
    .sf-product-links {
        display: flex;
        flex-flow: row wrap;
        margin-left: -5px;
        margin-right: -5px;
        justify-content: space-between;
    }
    .sf-product-links .button-refresh {
        align-items: center;
        margin: 5px;
        flex: 1 0 auto;
    }
    .sf-product__list--body {
        text-align: left;
    }
    .sf-products__image {
        margin-bottom: 2rem
    }
    .sf-product-feature .textContainer p {
	    text-align: left;
	}
}

@media screen and (max-width: 1200px) {
    .sf__product-grid {
        flex-direction: column;
    }
    .sf-product__list {
        flex-basis: 100%;
        max-width: 850px;
		padding-left:0;
		padding-right:0;
    }
    .sf-modal-content {
        padding: 1rem;
    }
    .sf-modal-body {
        padding: 4rem 4rem 2rem;
    }
    .sf-product-desc {
        padding: 0px;
    }
    .select-controls__wrapper {
        max-width: 344px;
    }
    .sf-product-specs ul li {
        font-size: 1.4rem;
    }
    .sf-product__subscription strong {
        font-weight: 400;
    }
	.sf-product__list-inner{
		border-color:#9e9fa2;
	}
    .sf-product__list-inner:hover, .sf-product__list-inner.selected {
        box-shadow: rgb(0, 117, 201) 0px 0px 0px 6px inset, rgba(0, 0, 0, 0.5) 0px 0px 6px;
        border: 1px solid rgb(0, 117, 201);
    }
    .sf-product__rent {
        min-width: 15rem;
        min-height: 15rem;
    }
    .sf-product__rent .price {
        font-size: 5rem;
    }
	.sf__product-container,
	.sf-product__list--foot,
	.sf-product__title{
		height: auto!important;
	}
}
@media screen and (max-width: 1023px) {
	.product-feature-modal .product-feature__right {
	    padding-left: 3rem;
	}
	.product-feature-modal .product-feature-container{
		max-width:100%;
	}
}
@media screen and (max-width: 599px) {
    .sf-modal__left, .sf-modal__right {
        max-width: 100%;
        flex-basis: 100%;
    }
    .sf-product__subscription, .sf-product__name, .sf-product-title_modal, .sf-product-feature {
        text-align: center;
    }
    .sf-product-specs {
        text-align: left;
    }
    .sf-modal__left {
        padding-right: 0px;
    }
    .sf-product__list-inner {
        padding: 6px;
    }
    .sf-product-feature {
        margin-bottom: 0px;
    }
    .sf-product-subscription {
        border: 0px;
        padding-top: 0px;
        height: auto;
        min-height: auto;
    }
    .sf-modal-body {
        padding: 1.5rem;
    }
    .sf-product-feature {
        width: auto;
        flex: 0 0 auto;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }	
	.product-feature-modal .product-specs__list ul li span {
		width: calc(100% - 30px);
	}    
    .sf__product-grid {
        padding-top: 0px;
        justify-content: center;
        align-items: center;
    }
    .sf-product__list-top {
        width: 100%;
        margin: 0px;
    }
    .sf-product__list {
        max-width: 420px;
		margin:auto;
    }
    .sf-specs-icon {
        width: 1.3em;
    }
    .sf-product-feature>p {
        text-align: center;
    }
	.product-feature-modal .product-feature__content .textContainer {
		text-align: center;
		width: auto;
		flex: 0 0 auto;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	.product-feature-modal .modal-body {
		padding:0 1rem 1.5rem;
	}
	.product-feature-modal button.close {
		margin-right: 0;
	}	
	.sf-product__title p {
		font-weight: 500;
		margin-top: 1rem;
	}
	.product-feature-modal .product-feature__content {
		margin-top: 0;
	}
	.product-feature__content .textContainer ul {
		margin-top: 1.5rem;
	}
    .product-feature-modal .textContainer p,
	.product-feature-modal .product-feature__content ul{
        font-size: 1.6rem;
    }
	.product-feature-modal .product-feature__content .textContainer ul,
	.product-feature-modal .textContainer h3{
		font-size: 1.8rem;
	}
	.product-feature-modal .product-feature__content h3{
		font-size: 2.4rem;
	}
	.sf-product__list--foot {
		width: calc(100% - 3.5rem);
	}
	.product-feature-modal .product-feature__right {
	    padding-left: 0;
	}
	.sf-products__image-source {
	    max-height: 120px;
	}
}
.usbi-banner-section {
 width: 100%;
}
.usbi-banner--media .media__object {
    vertical-align: middle;
    width: 100%;
    border: 0;
} 
.usbi-banner__overlay {
    background-color: rgba(255,255,255,0.75);
    width: 100%;
    padding:25px 67px 35px;
    margin: 20px 0;
    position: relative;
    z-index: 1;
    
}
.usbi-banner--content {
    width: 100%;
    position: relative;
    z-index: 1;
}
.usbi-banner--media {
    margin: 0;
    vertical-align: middle; 
    border: 0;
}
.usbi-banner-container:after{
    content: '';
    min-height: inherit;
}
.usbi-banner-container .usbi-banner--content{margin-left: inherit; }
.usbi-banner-container .usbi-banner--alignment__left{margin-left: inherit; }
.usbi-banner-container .usbi-banner--alignment__center{margin: auto; }
body.contentRefresh .usbi-banner__overlay .usbi-banner--content {max-width: 1280px;}
body.contentRefresh .usbi-banner__overlay {
	padding-left: 10%;
    padding-right: 10%;
}
/*media query*/

@media screen and (min-width:991px){
    .usbi-banner--media {
        overflow: hidden;
        position: absolute;
        height: auto;
        width: 100%;
        background-color:#B8B9BB;
        background-image: -o-linear-gradient(134.89deg, #B8B9BB 0.2%, #CECECE 12.27%, #EEEEEE 65.43%, #FFFFFF 100%);
        background-image: linear-gradient(315.11deg, #B8B9BB 0.2%, #CECECE 12.27%, #EEEEEE 65.43%, #FFFFFF 100%);
        color:#0C2074;
        left:0;
        top: 0;
        height: 100%;
    }
    .usbi-banner--media .media__object {        
        object-fit: cover;
        object-position: center;
        height: 100%;
        position: absolute;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%);
    }
    .usbi-banner-container {
        min-height: 550px;
        display: flex;
        flex-wrap: wrap;
        position: relative;
    }
    .usbi-banner__overlay {
        display: flex;
        align-self: center;
    }    
    .content--pos__bottom{
        align-self: flex-end;
    }
    .usbi-banner-container .usbi-banner--width__half{
        width:50%;
    }
    .usbi-banner-container .usbi-banner--width__full,
	.editor-bannerV2 [class*=usbi-banner--width]{
        width:100%;
    }
	.usbi-banner__overlay .textContainer p,
    .usbi-banner__overlay .textContainer h2{
        color: #212121;
    }
}
@media screen and (min-width:1400px){
    .usbi-banner-container {
        min-height: 700px;
    }
}
@media screen and (max-width:990px){
    .usbi-banner__overlay {
        background-color: rgba(255,255,255,1);       
        padding: 0 27px;
        margin: 40px 0;
    }
    .usbi-banner__overlay .textContainer *{text-align:center!important}
     body.contentRefresh .usbi-banner__overlay {
	    padding-left:7.5%;
	    padding-right: 7.5%;
	}
}

.containerBoxShadow {
    border-radius: 4px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .15);
    position: relative;
    background-color: white;
    padding: 26px;
}

/** Desktop Top Padding **/

.noneTopDT{
	padding-top: 0px;
}

.largePaddingTopDT{
	padding-top: 75px;
}

.mediumPaddingTopDT{
	padding-top: 57px;
}

.smallPaddingTopDT{
	padding-top: 40px;
}

.x-smallPaddingTopDT{
	padding-top: 16px;
}


/** Desktop Bottom Padding **/

.noneBottomDT{
	padding-bottom: 0px;
}

.largePaddingBottomDT{
	padding-bottom: 75px;
}

.mediumPaddingBottomDT{
	padding-bottom: 57px;
}

.smallPaddingBottomDT{
	padding-bottom: 40px;
}

.x-smallPaddingBottomDT{
	padding-bottom: 16px;
}


/** Desktop Left Padding **/

.noneLeftDT{
	padding-left: 0px;
}

.largePaddingLeftDT{
	padding-left: 75px;
}

.mediumPaddingLeftDT{
	padding-left: 57px;
}

.smallPaddingLeftDT{
	padding-left: 40px;
}

.x-smallPaddingLeftDT{
	padding-left: 16px;
}

/** Desktop Right Padding **/

.noneRightDT{
	padding-right: 0px;
}

.largePaddingRightDT{
	padding-right: 75px;
}

.mediumPaddingRightDT{
	padding-right: 57px;
}

.smallPaddingRightDT{
	padding-right: 40px;
}

.x-smallPaddingRightDT{
	padding-right: 16px;
}
/** container full width button**/
.containerFullWidthButton .fullWidthCTAbutton{
    margin-top: 30px;
}

@media screen and (max-width: 380px){
    .fullWidthCTAbutton a .fullWidthCTAbuttonArrow, .fullWidthCTAbutton .fullWidthCTAbuttonArrow{
        right: -6px;
        top: 12px;
   }
}

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

/** Mobile Top Padding **/
.noneTopMob{
	padding-top: 0px;
}
.largePaddingTopMob{
	padding-top: 36px;
}
.mediumPaddingTopMob{
	padding-top: 26px;
}
.smallPaddingTopMob{
	padding-top: 10px;
}
.x-smallPaddingTopMob{
	padding-top: 8px;
}

/** Mobile Bottom Padding **/
.noneBottomMob{
	padding-bottom: 0px;
}
.largePaddingBottomMob{
	padding-bottom: 36px;
}
.mediumPaddingBottomMob{
	padding-bottom: 26px;
}
.smallPaddingBottomMob{
	padding-bottom: 10px;
}
.x-smallPaddingBottomMob{
	padding-bottom: 8px;
}

/** Mobile Left Padding **/
.noneleftMob{
	padding-left: 0px;
}
.largePaddingLeftMob{
	padding-left: 36px;
}
.mediumPaddingLeftMob{
	padding-left: 26px;
}
.smallPaddingLeftMob{
	padding-left: 10px;
}
.x-smallPaddingLeftMob{
	padding-left: 8px;
}

/** Mobile Right Padding **/
.noneRightMob{
	padding-right: 0px;
}
.largePaddingRightMob{
	padding-right: 36px;
}
.mediumPaddingRightMob{
	padding-right: 26px;
}
.smallPaddingRightMob{
	padding-right: 10px;
}
.x-smallPaddingRightMob{
	padding-right: 8px;
}

}
/*******************************************************************************
 * Copyright 2016 Adobe Systems Incorporated
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 ******************************************************************************/
/*
 * ADOBE CONFIDENTIAL
 *
 * Copyright 2015 Adobe Systems Incorporated
 * All Rights Reserved.
 *
 * NOTICE:  All information contained herein is, and remains
 * the property of Adobe Systems Incorporated and its suppliers,
 * if any.  The intellectual and technical concepts contained
 * herein are proprietary to Adobe Systems Incorporated and its
 * suppliers and may be covered by U.S. and Foreign Patents,
 * patents in process, and are protected by trade secret or copyright law.
 * Dissemination of this information or reproduction of this material
 * is strictly forbidden unless prior written permission is obtained
 * from Adobe Systems Incorporated.
 */
/* grid component */
.aem-Grid {
  display: block;
  width: 100%;
}
.aem-Grid::before,
.aem-Grid::after {
  display: table;
  content: " ";
}
.aem-Grid::after {
  clear: both;
}
/* placeholder for new components */
.aem-Grid-newComponent {
  clear: both;
  margin: 0;
}
/* column of a grid */
.aem-GridColumn {
  box-sizing: border-box;
  clear: both;
}
/* force showing hidden */
.aem-GridShowHidden > .aem-Grid > .aem-GridColumn {
  display: block !important;
}
/* Generates all the rules for the grid columns up to the given amount of column */
/* Generates all the rules for the grid column offset up to the given amount of column */
/* Generates all the rules for the grid and columns for the given break point and total of columns */
/* Generates all the rules for the grids and columns */
/* API function to be called to generate a grid config */
/* maximum amount of grid cells to be provided */
/* example configuration */
/* 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--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 14.28571429%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 28.57142857%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 42.85714286%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 57.14285714%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 71.42857143%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 85.71428571%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 12.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 37.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 62.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 87.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 11.11111111%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 22.22222222%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 44.44444444%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 55.55555556%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 77.77777778%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 88.88888889%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 11.11111111%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 22.22222222%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 44.44444444%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 55.55555556%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 77.77777778%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 88.88888889%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 10%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 30%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 70%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 90%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 10%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 30%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 70%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 90%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 9.09090909%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 18.18181818%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 27.27272727%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 36.36363636%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 45.45454545%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 54.54545455%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 63.63636364%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 72.72727273%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 81.81818182%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 90.90909091%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 9.09090909%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 18.18181818%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 27.27272727%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 36.36363636%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 45.45454545%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 54.54545455%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 63.63636364%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 72.72727273%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 81.81818182%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 90.90909091%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 8.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 41.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 58.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 91.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 8.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 41.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 58.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 91.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 14.28571429%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 28.57142857%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 42.85714286%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 57.14285714%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 71.42857143%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 85.71428571%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 12.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 37.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 62.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 87.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 11.11111111%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 22.22222222%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 44.44444444%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 55.55555556%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 77.77777778%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 88.88888889%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 11.11111111%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 22.22222222%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 44.44444444%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 55.55555556%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 77.77777778%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 88.88888889%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 10%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 30%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 70%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 90%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 10%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 30%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 70%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 90%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 9.09090909%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 18.18181818%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 27.27272727%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 36.36363636%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 45.45454545%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 54.54545455%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 63.63636364%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 72.72727273%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 81.81818182%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 90.90909091%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 9.09090909%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 18.18181818%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 27.27272727%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 36.36363636%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 45.45454545%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 54.54545455%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 63.63636364%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 72.72727273%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 81.81818182%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 90.90909091%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 8.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 41.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 58.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 91.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 8.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 41.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 58.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 91.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 100%;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--newline {
  /* newline behavior */
  display: block;
  clear: both !important;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--none {
  /* none behavior */
  display: block;
  clear: none !important;
  float: left;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--hide {
  /* hide behavior */
  display: none;
}
/* add gutter in the grid */
.aem-GridColumn {
  padding: 0;
}
/* smaller screen (phone) breakpoint */
@media (max-width: 650px) {
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 100%;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--newline {
    /* newline behavior */
    display: block;
    clear: both !important;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--none {
    /* none behavior */
    display: block;
    clear: none !important;
    float: left;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--hide {
    /* hide behavior */
    display: none;
  }
}
/* tablet breakpoint */
@media (min-width: 651px) 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--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 100%;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--newline {
    /* newline behavior */
    display: block;
    clear: both !important;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--none {
    /* none behavior */
    display: block;
    clear: none !important;
    float: left;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--hide {
    /* hide behavior */
    display: none;
  }
}


        .contactdetails .contactdetails-wrapper {
            float: right;
            padding-right: 100px;
        }
        .contactdetails .contactdetails-wrapper .sales-contact {
            min-width: 200px;
            float: left;
            margin: 10px 10px 10px 0;
            padding: 5px 10px 10px 10px;
            background-color: #DDDDDD;
        }
        .contactdetails .contactdetails-wrapper .sales-phone-icon {
            width: 35px;
            float: left;
            margin-right: 5px;
            margin-top: 3px;
        }
        .contactdetails .contactdetails-wrapper .sales-phone-icon img {
            width: 100%;
        }
        .contactdetails .contactdetails-wrapper .sales-phone {
            min-width: 160px;
            float: left;
        }
        .contactdetails .contactdetails-wrapper .sales-phone a {
            color: #0C2074;
            font-size: 21px;
            line-height: 24px;
            font-weight: 400;
            text-align: center;
        }
        .contactdetails .contactdetails-wrapper .sales-phone p {
            color: #434343;
            line-height: 24px;
            font-size: 15px;
            margin-bottom: 0;
            word-break: break-word;
            font-weight: 400;
            padding-left: 6px;
            
        }
        .contactdetails .contactdetails-wrapper .service-contact {
            min-width: 200px;
            float: left;
            margin: 10px 10px 10px 0;
            padding: 5px 10px 10px 10px;
            background-color: #DDDDDD;
        }
        .contactdetails .contactdetails-wrapper .service-phone-icon {
            width: 35px;
            float: left;
            margin-right: 5px;
            margin-top: 3px;
        }
        .contactdetails .contactdetails-wrapper .service-phone-icon img {
            width: 100%;
        }
        .contactdetails .contactdetails-wrapper .service-phone {
            min-width: 160px;
            float: left;
        }
        .contactdetails .contactdetails-wrapper .service-phone a {
            color: #0C2074;
            font-size: 21px;
            line-height: 24px;
            font-weight: 400;
            text-align: center;
        }
        .contactdetails .contactdetails-wrapper .service-phone p {
            color: #434343;
            line-height: 24px;
            font-size: 15px;
            margin-bottom: 0;
            word-break: break-word;
            font-weight: 400;
            padding-left: 6px;
        }
    
        
        @media screen and (max-width: 1024px) {
            .contactdetails .contactdetails-wrapper {
                float: none;
                padding: 0px 5px;
                display: flex;
                justify-content: space-evenly;
                background-color: #DDDDDD;
                float: none;;
            }
            .contactdetails .contactdetails-wrapper .sales-contact {
                background-color:#DDDDDD;
                float: none;
                margin: 0px;
                padding: 10px;
                min-width: auto;
            }
            .contactdetails .contactdetails-wrapper .service-contact {
                background-color: #DDDDDD;
                float: none;
                margin: 0px;
                padding: 10px;
                min-width: auto;
            }
            .contactdetails .contactdetails-wrapper .sales-phone-icon {
                width: 35px;
            }
       
            .contactdetails .contactdetails-wrapper .service-phone-icon {
                width: 35px;
            }

            .contactdetails .contactdetails-wrapper .sales-phone,
            .contactdetails .contactdetails-wrapper .service-phone {
                min-width: auto;
            }
       
            .contactdetails .contactdetails-wrapper .sales-phone a,
            .contactdetails .contactdetails-wrapper .service-phone a {
                font-size: 18px;
            } 

            .contactdetails .contactdetails-wrapper .content {
                clear: both;
                flex-direction: column;
            }
      
        } 
               
        @media screen and (max-width:426px) and (min-width:320px) {
    
            .contactdetails .contactdetails-wrapper .sales-phone a,
            .contactdetails .contactdetails-wrapper .service-phone a {
                font-size: 14px;
            }

            .contactdetails .contactdetails-wrapper .sales-phone p,
            .contactdetails .contactdetails-wrapper .service-phone p {
                font-size: 10px;
                line-height: 14px;
                padding-left: 0;
            }

            .contactdetails .contactdetails-wrapper {
                padding: 0px;
            }
    
            .contactdetails .contactdetails-wrapper .sales-contact,
            .contactdetails .contactdetails-wrapper .service-contact {
                padding: 5px;
                display: flex;
            }

            .contactdetails .contactdetails-wrapper .sales-phone-icon {
                width: 22px;
            }
       
            .contactdetails .contactdetails-wrapper .service-phone-icon {
                width: 22px;  
            }
        
        } 
    
		.contactdetails .contactdetails-wrapper .sales-phone a {
           text-decoration:none;
        }
		
		 .contactdetails .contactdetails-wrapper .sales-phone a:hover {
           text-decoration:underline;
        }
		
		.contactdetails .contactdetails-wrapper .service-phone a {
           text-decoration:none;
        }
		
		 .contactdetails .contactdetails-wrapper .service-phone a:hover {
           text-decoration:underline;
        }
section#help-chat-widget-loader {
  z-index: 100;
  position: fixed;
  margin-bottom: 2rem;
  margin-right: 2rem;
  bottom: 2.5rem;
  right: 1rem;
  background-color: #fff;
  padding: .25rem .5rem .5rem;
  border-radius: 1rem;
  box-shadow: 0 4px 6px -1px rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.12)
}
@media (max-width:65.9375rem) {
  section#help-chat-widget-loader #help-widget.mini {
    width: auto!important
  }
}
#HelpWidget .sc-ui-card.action-card {
  margin-bottom: 0
}
@media (max-width:41.9375rem) {
  section#help-chat-widget-loader {
    display: none;
    background-color: unset;
    box-shadow: none
  }
  section#help-chat-widget-loader[data-enableChatOnMobile=true] {
    display: block;
    width: 100%;
    right: auto
  }
  section#help-chat-widget-loader[data-enableChatOnMobile=true] #help-widget-container #HelpWidget {
    width: auto
  }
  #HelpWidget #help-widget-fab {
    bottom: 6rem
  }
  body .mobile-help-widget__content .mobile-help-widget__container {
    bottom: 10rem
  }
}