/*@import (once) "/etc/clientlibs/wcm/foundation/grid/grid_base.less";
https://helpx.adobe.com/experience-manager/6-4/sites/deploying/using/sites-repository-restructuring-in-aem-6-4.html
*/
/*
* 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 */
/* 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;
}
/* phone breakpoint */
@media (max-width: 768px) {
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--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: 769px) and (max-width: 1200px) {
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--tablet--1 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--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;
}
}
@charset "UTF-8";
/**
* 'nav' measurement values
* values that apply to the navigation key: 'nav'.
*/
.row::after, .row .row::after, .layout-wrapper::after, .layout-wrapper-nested::after, .layout-inner-wrap::after, .layout-nav::after, .layout-navigation::after, .product-landing .layout-secondary::after, .product-landing .layout-secondary-slim-side::after, .product-landing .layout-secondary-slim-side-grey::after, .product-landing .layout-secondary-cta-container::after, .product-landing .layout-secondary-shaded::after, .layout-full-bleed::after, .layout-full-bleed-medium::after, .layout-full-bleed-small::after, .layout-full-bleed-top::after, .layout-full-bleed-transparent::after, .layout-full-bleed-slim::after, .layout-full-bleed-nopadding::after, .layout-header::after, .section-content::after,
.section-header::after,
.section-footer::after, .section-content-full::after, .blog-recent .hentry::after, .logo-blocks::after, .owl-wallpaper .owl-nav::after, .customer-story-case-banner::after, .customer-story-case-banner .point::after, .customer-story-landing-heading::after, .product-feature-offset::after, .product-feature-offset-sidebox::after, .support-search .support-search-tips::after, .support-news .news-content::after, .logo-bar-container .mobile-logo-bar::after, .wrapper::after, .wrapper-flush::after, .wrapper-nested::after, .no-flexbox .flex-wrap::after, .no-flexbox .cards-4-col::after, .no-flexbox .cards-3-col::after, .no-flexbox .education-cards::after, .no-flexbox .events-cards::after, .no-flexbox .partner-card-carousel-cmp .partner-card-carousel .item::after, .partner-card-carousel-cmp .partner-card-carousel .no-flexbox .item::after, .no-flexbox .flex::after,
.no-flexbox .sm-flex::after,
.no-flexbox .md-flex::after,
.no-flexbox .lg-flex::after, .careers-nav::after {
clear: both;
content: "";
display: table; }
.layout-primary, .layout-primary-slim, .layout-product-feature-banner, .layout-secondary, .layout-secondary-slim-side, .layout-secondary-slim-side-grey, .layout-secondary-cta-container, .layout-secondary-slim, .layout-secondary-shaded, .page-campaign-landing .layout-content, .page-campaign-landing .layout-form, .layout-footer, .feature-contact .contact-information,
.feature-contact .contact-form, .offerings-list-products,
.offerings-list-expertise {
box-sizing: border-box;
float: left;
margin: 0;
min-height: 1px;
width: 100%; }
.cards-4-col, .cards-3-col, .education-cards, .events-cards, .partner-card-carousel-cmp .partner-card-carousel .item {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.cards-4-col h1, .cards-3-col h1, .education-cards h1, .events-cards h1, .partner-card-carousel-cmp .partner-card-carousel .item h1 {
color: color(colorHeadings);
margin-bottom: .5em; }
.cards-4-col h2, .cards-3-col h2, .education-cards h2, .events-cards h2, .partner-card-carousel-cmp .partner-card-carousel .item h2 {
margin-bottom: 2em;
text-align: center;
width: 100%; }
.cards-4-col .flex, .cards-3-col .flex, .education-cards .flex, .events-cards .flex, .partner-card-carousel-cmp .partner-card-carousel .item .flex {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.cards-4-col .flex-item, .cards-3-col .flex-item, .education-cards .flex-item, .events-cards .flex-item, .partner-card-carousel-cmp .partner-card-carousel .item .flex-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: .5em 0;
width: 100%;
background-color: white; }
.cards-4-col .flex-item:hover:not(.noHover), .cards-3-col .flex-item:hover:not(.noHover), .education-cards .flex-item:hover:not(.noHover), .events-cards .flex-item:hover:not(.noHover), .partner-card-carousel-cmp .partner-card-carousel .item .flex-item:hover:not(.noHover) {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
.cards-4-col .flex-item figure, .cards-3-col .flex-item figure, .education-cards .flex-item figure, .events-cards .flex-item figure, .partner-card-carousel-cmp .partner-card-carousel .item .flex-item figure {
background: #fff;
-webkit-transition: .3s linear;
transition: .3s linear; }
.cards-4-col .flex-item figcaption, .cards-3-col .flex-item figcaption, .education-cards .flex-item figcaption, .events-cards .flex-item figcaption, .partner-card-carousel-cmp .partner-card-carousel .item .flex-item figcaption {
padding: 1em 2em 2em; }
.cards-4-col .flex-item img, .cards-3-col .flex-item img, .education-cards .flex-item img, .events-cards .flex-item img, .partner-card-carousel-cmp .partner-card-carousel .item .flex-item img {
width: 100%; }
.cards-4-col .modal-inline:hover figure, .cards-3-col .modal-inline:hover figure, .education-cards .modal-inline:hover figure, .events-cards .modal-inline:hover figure, .partner-card-carousel-cmp .partner-card-carousel .item .modal-inline:hover figure, .cards-4-col .modal-inline:active figure, .cards-3-col .modal-inline:active figure, .education-cards .modal-inline:active figure, .events-cards .modal-inline:active figure, .partner-card-carousel-cmp .partner-card-carousel .item .modal-inline:active figure, .cards-4-col .modal-inline:focus figure, .cards-3-col .modal-inline:focus figure, .education-cards .modal-inline:focus figure, .events-cards .modal-inline:focus figure, .partner-card-carousel-cmp .partner-card-carousel .item .modal-inline:focus figure {
background: #eaeaea; }
.row {
box-sizing: border-box;
margin-left: 0;
margin-right: 0;
min-width: 0;
width: 100%;
margin: 0 auto;
max-width: 1440px;
padding: 16px; }
.row + .row {
padding-top: 0; }
.row .row {
margin-left: 0;
margin-right: 0;
min-width: 0;
width: 100%;
margin-top: 16px;
max-width: none;
padding: 0; }
.row .row:first-child {
margin-top: 0; }
.row .row .column,
.row .row .columns {
padding: 0; }
.row .column,
.row .columns {
box-sizing: border-box;
float: left;
margin: 0;
min-height: 1px;
width: 100%;
padding: 16px;
margin-top: 0;
width: 100%; }
.row .column + .column,
.row .column + .columns,
.row .columns + .column,
.row .columns + .columns {
margin-top: 16px; }
@font-face {
font-family: 'icomoon';
src: url("head/icomoon.eot");
src: url("head/icomoon.eot?#iefix") format("embedded-opentype"), url("head/icomoon.woff") format("woff"), url("head/icomoon.ttf") format("truetype"), url("head/icomoon.svg#icomoon") format("svg");
font-weight: normal;
font-style: normal; }
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined in IE 8/9.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block; }
article {
padding: 1em 0; }
/**
* Correct `inline-block` display not defined in IE 8/9.
*/
audio,
canvas,
video {
display: inline-block; }
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0; }
/**
* Address styling not present in IE 8/9.
*/
[hidden] {
display: none; }
/* ==========================================================================
Base
========================================================================== */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
/**
* Remove default margin.
*/
body {
margin: 0; }
/* ==========================================================================
Links
========================================================================== */
/**
* Address `outline` inconsistency between Chrome and other browsers.
*/
a:focus, .orion-seconday-nav .nav-wrap ul li .dropdownSelected:focus {
outline: thin dotted; }
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active, .orion-seconday-nav .nav-wrap ul li .dropdownSelected:active,
a:hover,
.orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover {
outline: 0; }
/* ==========================================================================
Typography
========================================================================== */
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari 5, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/**
* Address styling not present in IE 8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted; }
/**
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
*/
b,
strong {
font-weight: bold; }
/**
* Address styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic; }
/**
* Address differences between Firefox and other browsers.
*/
hr {
box-sizing: content-box;
height: 0; }
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ffff60;
color: #000; }
/**
* Correct font family set oddly in Safari 5 and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em; }
/**
* Improve readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre-wrap; }
/**
* Set consistent quote types.
*/
q {
quotes: "\201C" "\201D" "\2018" "\2019"; }
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
/* ==========================================================================
Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9.
*/
img {
border: 0; }
/**
* Correct overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden; }
/* ==========================================================================
Forms
========================================================================== */
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
/**
* 1. Correct `color` not being inherited in IE 8/9.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */ }
/**
* 1. Correct font family not being inherited in all browsers.
* 2. Correct font size not being inherited in all browsers.
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
*/
button,
input,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 2 */
margin: 0;
/* 3 */ }
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal; }
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/
button,
select {
text-transform: none; }
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */ }
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default; }
/**
* 1. Address box sizing set to `content-box` in IE 8/9.
* 2. Remove excess padding in IE 8/9.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
/* 2 */
box-sizing: content-box; }
/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
/**
* 1. Remove default vertical scrollbar in IE 8/9.
* 2. Improve readability and alignment in all browsers.
*/
textarea {
overflow: auto;
/* 1 */
vertical-align: top;
/* 2 */ }
/* ==========================================================================
Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0; }
html {
font: 112.5%/1.45 "sofia-pro", sans-serif;
font-weight: 400; }
html:has(body.support-central) {
font-family: "Open Sans", Helvetica, Arial, sans-serif; }
* {
scrollbar-color: #cdcdcd #f0f0f0; }
body {
background: #414042;
color: #313435;
line-height: 1.45;
min-width: 0;
-webkit-font-smoothing: antialiased;
-ms-text-size-adjust: none;
-webkit-text-size-adjust: none;
width: 100%; }
body.bmc-nav-loader-nav {
padding-top: 4em; }
@media only screen and (min-width: 60em) {
body.bmc-nav-loader-nav {
padding-top: 0; } }
body.bmc-nav-loader-navigation {
padding-top: 3.35em; }
@media only screen and (min-width: 60em) {
body.bmc-nav-loader-navigation {
padding-top: 0; } }
body.nav-open {
height: 100%;
overflow: hidden;
padding-top: 4em; }
@media only screen and (min-width: 48em) {
body.nav-open {
height: auto;
overflow: auto; } }
body.navigation-open {
height: 100%;
overflow: hidden;
position: fixed; }
@media only screen and (min-width: 48em) {
body.navigation-open {
position: absolute; } }
@media only screen and (min-width: 60em) {
body.navigation-open {
height: auto;
overflow: auto; } }
body.video-modal {
background: #000;
padding-top: 0; }
body.video-modal .youtube-video {
max-width: 100%; }
body.content-modal {
background: white;
padding-top: 0; }
body .wait {
background: url("head/broken-js.jpg") no-repeat scroll center center transparent;
border: medium none;
height: 230px;
width: 447px; }
html {
height: 0;
padding-bottom: 64.22414%;
position: relative;
width: 100%; }
body {
height: 100% !important;
left: 0;
position: absolute;
top: 0;
width: 100% !important; }
form {
margin: 0; }
form .cmp-title h5 {
font-weight: 800; }
fieldset {
border: none;
margin: 0.66667em 0 0;
padding: 0; }
fieldset:first-child, fieldset.flush {
margin-top: 0; }
fieldset legend {
display: none; }
fieldset ol {
list-style-type: none;
margin: 0;
padding: 0; }
fieldset li {
display: inline-block;
margin: 0.55556em 0;
width: 100%; }
@media only screen and (min-width: 60em) {
.page-campaign-landing fieldset li {
width: 96.6%; } }
fieldset label,
fieldset label + select {
display: inline-block;
line-height: normal; }
fieldset input[type="text"],
fieldset input[type="number"],
fieldset input[type="password"],
fieldset input[type="email"],
fieldset input[type="tel"] {
height: 48px; }
fieldset input[type="text"].active-floatlabel,
fieldset input[type="number"].active-floatlabel,
fieldset input[type="password"].active-floatlabel,
fieldset input[type="email"].active-floatlabel,
fieldset input[type="tel"].active-floatlabel {
height: 90px;
padding-bottom: 0; }
fieldset input[type="text"],
fieldset input[type="number"],
fieldset input[type="password"],
fieldset input[type="email"],
fieldset input[type="tel"],
fieldset textarea {
box-sizing: border-box;
border: 2px solid #cacaca;
border-radius: 4px;
font-size: 14px;
font-size: 0.77778rem;
max-width: 100%;
padding: 0.42857em;
/* WebKit browsers */
/* Mozilla Firefox 4 to 18 */
/* Mozilla Firefox 19+ */
/* Internet Explorer 10+ */
-webkit-transition: border 0.3s linear;
transition: border 0.3s linear;
width: 100%; }
fieldset input[type="text"]::-webkit-input-placeholder,
fieldset input[type="number"]::-webkit-input-placeholder,
fieldset input[type="password"]::-webkit-input-placeholder,
fieldset input[type="email"]::-webkit-input-placeholder,
fieldset input[type="tel"]::-webkit-input-placeholder,
fieldset textarea::-webkit-input-placeholder {
color: #9b9a9a; }
fieldset input[type="text"]:-moz-placeholder,
fieldset input[type="number"]:-moz-placeholder,
fieldset input[type="password"]:-moz-placeholder,
fieldset input[type="email"]:-moz-placeholder,
fieldset input[type="tel"]:-moz-placeholder,
fieldset textarea:-moz-placeholder {
color: #9b9a9a; }
fieldset input[type="text"]::-moz-placeholder,
fieldset input[type="number"]::-moz-placeholder,
fieldset input[type="password"]::-moz-placeholder,
fieldset input[type="email"]::-moz-placeholder,
fieldset input[type="tel"]::-moz-placeholder,
fieldset textarea::-moz-placeholder {
color: #9b9a9a; }
fieldset input[type="text"]:-ms-input-placeholder,
fieldset input[type="number"]:-ms-input-placeholder,
fieldset input[type="password"]:-ms-input-placeholder,
fieldset input[type="email"]:-ms-input-placeholder,
fieldset input[type="tel"]:-ms-input-placeholder,
fieldset textarea:-ms-input-placeholder {
color: #9b9a9a; }
fieldset input[type="text"]:focus, fieldset input[type="text"]:active,
fieldset input[type="number"]:focus,
fieldset input[type="number"]:active,
fieldset input[type="password"]:focus,
fieldset input[type="password"]:active,
fieldset input[type="email"]:focus,
fieldset input[type="email"]:active,
fieldset input[type="tel"]:focus,
fieldset input[type="tel"]:active,
fieldset textarea:focus,
fieldset textarea:active {
border: 2px solid #0078CC;
outline: none; }
fieldset input[type="text"].validation-error, fieldset input[type="number"].validation-error, fieldset input[type="password"].validation-error, fieldset input[type="email"].validation-error, fieldset input[type="tel"].validation-error, fieldset textarea.validation-error {
color: #be0019; }
@media only screen and (min-width: 48em) {
fieldset input[type="text"],
fieldset input[type="number"],
fieldset input[type="password"],
fieldset input[type="email"],
fieldset input[type="tel"],
fieldset textarea {
font-size: 16px;
font-size: 0.88889rem; } }
@media only screen and (min-width: 76.25em) {
fieldset input[type="text"],
fieldset input[type="number"],
fieldset input[type="password"],
fieldset input[type="email"],
fieldset input[type="tel"],
fieldset textarea {
font-size: 18px;
font-size: 1rem; } }
fieldset textarea {
resize: vertical; }
fieldset + button {
margin-top: 0.66667em; }
.select-label {
font-size: 14px;
margin-bottom: .5em;
text-transform: uppercase; }
.form-group {
margin-bottom: 1em; }
[class*="link-icon"] {
display: block;
padding-left: 1.55556em; }
[class*="link-icon"]:before {
font-family: "icomoon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-transform: none;
color: #FE5000;
margin-left: -1.55556em;
margin-right: 0.5em; }
.icon-large:before {
font-size: 32px;
font-size: 1.77778rem; }
.icon-calendar:before,
.icon-map-pin:before {
font-family: "icomoon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-transform: none; }
.icon-calendar:before {
content: ""; }
.icon-map-pin:before {
content: ""; }
.icon-caution {
background: url("head/icon-caution.png") left center no-repeat;
padding-left: 22px; }
.icon-global {
position: relative;
top: -3px; }
.icon-global:before {
font-family: "icomoon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-transform: none;
content: "";
font-size: 18px;
font-size: 1rem;
margin-right: 0.66667em;
position: relative;
top: 3px; }
.fortune-500-bnymellon {
background: url(head/fortune-500-sprite.png) no-repeat 0px 0px transparent;
border: 0;
color: transparent;
font: 0/0 a;
height: 40px;
text-shadow: none;
width: 120px; }
.fortune-500-lockheed {
background: url(head/fortune-500-sprite.png) no-repeat 0px -40px transparent;
border: 0;
color: transparent;
font: 0/0 a;
height: 40px;
text-shadow: none;
width: 120px; }
.fortune-500-cisco {
background: url(head/fortune-500-sprite.png) no-repeat 0px -80px transparent;
border: 0;
color: transparent;
font: 0/0 a;
height: 40px;
text-shadow: none;
width: 120px; }
.fortune-500-duke {
background: url(head/fortune-500-sprite.png) no-repeat -120px 0px transparent;
border: 0;
color: transparent;
font: 0/0 a;
height: 40px;
text-shadow: none;
width: 120px; }
.fortune-500-jbhunt {
background: url(head/fortune-500-sprite.png) no-repeat -120px -40px transparent;
border: 0;
color: transparent;
font: 0/0 a;
height: 40px;
text-shadow: none;
width: 120px; }
.fortune-500-marriot {
background: url(head/fortune-500-sprite.png) no-repeat -120px -80px transparent;
border: 0;
color: transparent;
font: 0/0 a;
height: 40px;
text-shadow: none;
width: 120px; }
.fortune-500-southern-co {
background: url(head/fortune-500-sprite.png) no-repeat 0px -120px transparent;
border: 0;
color: transparent;
font: 0/0 a;
height: 40px;
text-shadow: none;
width: 120px; }
.fortune-500-sands {
background: url(head/fortune-500-sprite.png) no-repeat -120px -120px transparent;
border: 0;
color: transparent;
font: 0/0 a;
height: 40px;
text-shadow: none;
width: 120px; }
.fortune-500-unum {
background: url(head/fortune-500-sprite.png) no-repeat 0px -160px transparent;
border: 0;
color: transparent;
font: 0/0 a;
height: 40px;
text-shadow: none;
width: 120px; }
.fortune-500-buckeye {
background: url(head/fortune-500-sprite.png) no-repeat -120px -160px transparent;
border: 0;
color: transparent;
font: 0/0 a;
height: 40px;
text-shadow: none;
width: 120px; }
.fortune-500-carfax {
background: url(head/fortune-500-sprite-July-2016.png) no-repeat 0px 0px transparent;
border: 0;
color: transparent;
font: 0/0 a;
height: 40px;
text-shadow: none;
width: 120px; }
.fortune-500-ingram {
background: url(head/fortune-500-sprite-July-2016.png) no-repeat -120px 0px transparent;
border: 0;
color: transparent;
font: 0/0 a;
height: 40px;
text-shadow: none;
width: 120px; }
.fortune-500-google {
background: url(head/fortune-500-sprite-July-2016.png) no-repeat 0px -45px transparent;
border: 0;
color: transparent;
font: 0/0 a;
height: 40px;
text-shadow: none;
width: 120px; }
.fortune-500-amazon {
background: url(head/fortune-500-sprite-July-2016.png) no-repeat -120px -50px transparent;
border: 0;
color: transparent;
font: 0/0 a;
height: 40px;
text-shadow: none;
width: 120px; }
.fortune-500-oracle {
background: url(head/fortune-500-sprite-July-2016.png) no-repeat 0px -88px transparent;
border: 0;
color: transparent;
font: 0/0 a;
height: 40px;
text-shadow: none;
width: 120px; }
.fortune-500-boeing {
background: url(head/fortune-500-sprite-July-2016.png) no-repeat -120px -90px transparent;
border: 0;
color: transparent;
font: 0/0 a;
height: 40px;
text-shadow: none;
width: 120px; }
.fortune-500-citi {
background: url(head/fortune-500-sprite-July-2016.png) no-repeat 0px -125px transparent;
border: 0;
color: transparent;
font: 0/0 a;
height: 40px;
text-shadow: none;
width: 120px; }
.fortune-500-ford {
background: url(head/fortune-500-sprite-July-2016.png) no-repeat -120px -125px transparent;
border: 0;
color: transparent;
font: 0/0 a;
height: 40px;
text-shadow: none;
width: 120px; }
.fortune-500-eaton {
background: url(head/fortune-500-sprite-July-2016.png) no-repeat 0px -160px transparent;
border: 0;
color: transparent;
font: 0/0 a;
height: 40px;
text-shadow: none;
width: 120px; }
.icon-evidon {
background-image: url(head/icon-evidon.png);
background-position: left bottom;
background-repeat: no-repeat;
display: inline-block;
padding-left: 20px !important; }
@media only screen and (min-width: 30em) {
.icon-evidon {
background-position: 1em bottom;
padding-left: 32px !important; } }
ol, ul, dd {
font-size: 14px;
font-size: 0.77778rem; }
@media only screen and (min-width: 48em) {
ol, ul, dd {
font-size: 16px;
font-size: 0.88889rem; } }
@media only screen and (min-width: 76.25em) {
ol, ul, dd {
font-size: 18px;
font-size: 1rem; } }
ul, ol {
margin: 0.88889em 0 1.33333em;
padding: 0 0 0 28px; }
ul.plain, ol.plain {
list-style-image: none;
list-style: none;
margin-left: 0;
padding-left: 0;
text-align: left; }
.no-svg ul.plain, .no-svg ol.plain {
list-style-image: none;
list-style: none;
margin: 0; }
ul.-border-bottom, ol.-border-bottom {
margin-top: 0; }
ul.-border-bottom li, ol.-border-bottom li {
border-bottom: 2px solid #cacaca;
margin-bottom: 0;
padding: .5em 0; }
ul ul, ol ul {
margin-left: 1em; }
li {
margin-bottom: 1em; }
dt {
font-weight: 600; }
dd {
margin: 0 0 1.22222em; }
img, object, embed {
height: auto;
max-width: 100%; }
img {
-ms-interpolation-mode: bicubic; }
figure {
margin: 0.88889em 0 0.88889em; }
figure:first-child {
margin-top: 0; }
figcaption {
margin-top: 0.88889em; }
.video-modal video {
width: 100%; }
.video {
/* Added to make non-inline video and text content center */ }
.video video {
width: 100%;
max-width: 880px; }
.video .youtube-video {
max-width: 880px;
margin: auto; }
.video.center-content figure {
text-align: center; }
.video.center-content figure .youtube-video, .video.center-content figure video {
display: block;
margin: 0 auto; }
table {
font-size: 12px;
font-size: 0.66667rem;
width: 100%; }
table th {
background-color: #4A4D4F;
color: white;
vertical-align: middle; }
table td {
background-color: white;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear; }
table th, table td {
border: none;
padding: 0.83333em;
text-align: center; }
@media only screen and (min-width: 48em) {
table th, table td {
padding: 0.71429em; } }
table tr {
border-bottom: 1px solid #F2F3F3; }
table tr:hover > td {
background-color: #F2F3F3; }
table.lpInviteChatTbl td {
padding: 0 !important; }
@media only screen and (min-width: 48em) {
table {
font-size: 14px;
font-size: 0.77778rem; } }
.table {
width: 100%;
max-width: 100%; }
.table th,
.table td {
text-align: left;
vertical-align: top; }
.table th {
vertical-align: bottom; }
a, .orion-seconday-nav .nav-wrap ul li .dropdownSelected {
color: #0058AC;
text-decoration: none;
-webkit-transition: color 0.3s linear;
transition: color 0.3s linear; }
a svg, .orion-seconday-nav .nav-wrap ul li .dropdownSelected svg {
-webkit-transition: fill 0.3s linear;
transition: fill 0.3s linear; }
a:hover, .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, a:active, .orion-seconday-nav .nav-wrap ul li .dropdownSelected:active, a:focus, .orion-seconday-nav .nav-wrap ul li .dropdownSelected:focus {
--color: #3980b2;
color: #00007f; }
p {
font-size: 14px;
font-size: 0.77778rem;
margin: 0 0 1.78571em 0; }
@media only screen and (min-width: 48em) {
p {
font-size: 16px;
font-size: 0.88889rem;
margin: 0 0 1.5em 0; } }
@media only screen and (min-width: 60em) {
p {
font-size: 18px;
font-size: 1rem; }
p.-oll {
width: 50em; } }
p:first-child {
margin-top: 0; }
p.-sm {
font-size: 12px;
font-size: 0.66667rem; }
@media only screen and (min-width: 48em) {
p.-sm {
font-size: 14px;
font-size: 0.77778rem; } }
@media only screen and (min-width: 60em) {
p.-sm {
font-size: 16px;
font-size: 0.88889rem; } }
p.-lg {
font-size: 16px;
font-size: 0.88889rem; }
@media only screen and (min-width: 48em) {
p.-lg {
font-size: 18px;
font-size: 1rem; } }
@media only screen and (min-width: 60em) {
p.-lg {
font-size: 20px;
font-size: 1.11111rem; } }
h1 {
color: #313435;
font-weight: 400;
line-height: 1.2;
margin: 1em 0 0.33em; }
h1:first-child {
margin-top: 0; }
h1 {
font-size: 32px;
font-size: 1.77778rem;
line-height: 1.1;
color: #313435; }
@media only screen and (min-width: 48em) {
h1 {
font-size: 36px;
font-size: 2rem;
font-weight: 400; } }
@media only screen and (min-width: 76.25em) {
h1 {
font-size: 48px;
font-size: 2.66667rem; } }
h2 {
color: #313435;
font-weight: 400;
line-height: 1.1em;
margin: 1em 0 0.33em; }
h2:first-child {
margin-top: 0; }
h2 .timestamp {
font-weight: 400;
font-size: 0.8em;
color: #313435; }
h2 {
font-size: 26px;
font-size: 1.44444rem; }
@media only screen and (min-width: 48em) {
h2 {
font-size: 30px;
font-size: 1.66667rem;
font-weight: 400; } }
@media only screen and (min-width: 76.25em) {
h2 {
font-size: 32px;
font-size: 1.77778rem; } }
h3 {
color: #313435;
font-size: 18px;
font-size: 1rem;
font-weight: 400;
line-height: 1.2;
margin: 1em 0 0.33em; }
h3:first-child {
margin-top: 0; }
@media only screen and (min-width: 48em) {
h3 {
font-size: 26px;
font-size: 1.44444rem; } }
h3 a, h3 .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li h3 .dropdownSelected {
font-size: 26px;
font-size: 1.44444rem;
-webkit-transition: color 0.3s linear;
transition: color 0.3s linear;
--color: #0093C9;
line-height: 1.1em;
letter-spacing: -.03em;
text-decoration: none;
/*&:hover,
&:active,
&:focus {
color: color(darkBlue);
}*/ }
h3 a:after, h3 .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li h3 .dropdownSelected:after {
content: " \00203A"; }
h4 {
font-size: 20px;
font-size: 1.11111rem;
color: #313435;
font-weight: 400;
line-height: 1.2;
margin: 1em 0 0.33em; }
@media only screen and (min-width: 48em) {
h4 {
font-size: 22px;
font-size: 1.22222rem; } }
@media only screen and (min-width: 76.25em) {
h4 {
font-size: 24px;
font-size: 1.33333rem; } }
h4:first-child {
margin-top: 0; }
h5 {
color: #313435;
font-weight: 400;
line-height: 1.2;
margin: .5em 0 0.33em; }
h5:first-child {
margin-top: 0; }
h6 {
color: #313435;
font-weight: 400;
line-height: 1.2;
margin: 1em 0 0.33em; }
h6:first-child {
margin-top: 0; }
::-moz-selection {
background: #d5d5d5; }
::selection {
background: #d5d5d5; }
#top-banner a.button-play, #top-banner .orion-seconday-nav .nav-wrap ul li .button-play.dropdownSelected, .orion-seconday-nav .nav-wrap ul li #top-banner .button-play.dropdownSelected {
-webkit-transition: color 0.3s linear;
transition: color 0.3s linear;
color: #ffffff;
text-decoration: none; }
#top-banner a.button-play:hover, #top-banner .orion-seconday-nav .nav-wrap ul li .button-play.dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li #top-banner .button-play.dropdownSelected:hover, #top-banner a.button-play:active, #top-banner .orion-seconday-nav .nav-wrap ul li .button-play.dropdownSelected:active, .orion-seconday-nav .nav-wrap ul li #top-banner .button-play.dropdownSelected:active, #top-banner a.button-play:focus, #top-banner .orion-seconday-nav .nav-wrap ul li .button-play.dropdownSelected:focus, .orion-seconday-nav .nav-wrap ul li #top-banner .button-play.dropdownSelected:focus {
color: #ffad38; }
#top-banner a.button-play:after, #top-banner .orion-seconday-nav .nav-wrap ul li .button-play.dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li #top-banner .button-play.dropdownSelected:after {
content: url("head/play-button-white.png");
left: 10px;
position: relative;
top: 6px; }
.video-outer-wrapper a, .video-outer-wrapper .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .video-outer-wrapper .dropdownSelected {
-webkit-transition: color 0.3s linear;
transition: color 0.3s linear;
color: #ffffff;
text-decoration: none; }
.video-outer-wrapper a:hover, .video-outer-wrapper .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .video-outer-wrapper .dropdownSelected:hover, .video-outer-wrapper a:active, .video-outer-wrapper .orion-seconday-nav .nav-wrap ul li .dropdownSelected:active, .orion-seconday-nav .nav-wrap ul li .video-outer-wrapper .dropdownSelected:active, .video-outer-wrapper a:focus, .video-outer-wrapper .orion-seconday-nav .nav-wrap ul li .dropdownSelected:focus, .orion-seconday-nav .nav-wrap ul li .video-outer-wrapper .dropdownSelected:focus {
color: #3980b2; }
.button-play2:after {
content: url("head/play-button-white.png"); }
.opening-text {
color: #313435;
font-weight: 400;
line-height: 1.2;
margin-bottom: .33em; }
.opening-text:first-child {
margin-top: 0; }
address {
margin-bottom: 1em;
font-style: normal; }
blockquote {
margin: 0;
padding: 0; }
blockquote cite {
font-style: normal; }
.a-arrow-content {
font-weight: 800; }
.a-arrow-content:after {
content: " \00203A"; }
/* cyrillic-ext */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: local("Open Sans Italic"), local("OpenSans-Italic"), url(//fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Udc1UAw.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
/* cyrillic */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: local("Open Sans Italic"), local("OpenSans-Italic"), url(//fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0ddc1UAw.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: local("Open Sans Italic"), local("OpenSans-Italic"), url(//fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Vdc1UAw.woff2) format("woff2");
unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: local("Open Sans Italic"), local("OpenSans-Italic"), url(//fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0adc1UAw.woff2) format("woff2");
unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: local("Open Sans Italic"), local("OpenSans-Italic"), url(//fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Wdc1UAw.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: local("Open Sans Italic"), local("OpenSans-Italic"), url(//fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Xdc1UAw.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: local("Open Sans Italic"), local("OpenSans-Italic"), url(//fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Zdc0.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* cyrillic-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local("Open Sans Light"), local("OpenSans-Light"), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
/* cyrillic */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local("Open Sans Light"), local("OpenSans-Light"), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local("Open Sans Light"), local("OpenSans-Light"), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2) format("woff2");
unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local("Open Sans Light"), local("OpenSans-Light"), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2) format("woff2");
unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local("Open Sans Light"), local("OpenSans-Light"), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local("Open Sans Light"), local("OpenSans-Light"), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local("Open Sans Light"), local("OpenSans-Light"), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* cyrillic-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local("Open Sans Regular"), local("OpenSans-Regular"), url(//fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
/* cyrillic */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local("Open Sans Regular"), local("OpenSans-Regular"), url(//fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local("Open Sans Regular"), local("OpenSans-Regular"), url(//fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format("woff2");
unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local("Open Sans Regular"), local("OpenSans-Regular"), url(//fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format("woff2");
unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local("Open Sans Regular"), local("OpenSans-Regular"), url(//fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local("Open Sans Regular"), local("OpenSans-Regular"), url(//fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bbck.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local("Open Sans Regular"), local("OpenSans-Regular"), url(//fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* cyrillic-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
/* cyrillic */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2) format("woff2");
unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2) format("woff2");
unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* cyrillic-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local("Open Sans Bold"), local("OpenSans-Bold"), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
/* cyrillic */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local("Open Sans Bold"), local("OpenSans-Bold"), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local("Open Sans Bold"), local("OpenSans-Bold"), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format("woff2");
unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local("Open Sans Bold"), local("OpenSans-Bold"), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format("woff2");
unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local("Open Sans Bold"), local("OpenSans-Bold"), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local("Open Sans Bold"), local("OpenSans-Bold"), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local("Open Sans Bold"), local("OpenSans-Bold"), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* cyrillic-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN8rsOX-hpOqc.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
/* cyrillic */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN8rsOVuhpOqc.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN8rsOXuhpOqc.woff2) format("woff2");
unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN8rsOUehpOqc.woff2) format("woff2");
unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN8rsOXehpOqc.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN8rsOXOhpOqc.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url(//fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN8rsOUuhp.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
.layout-wrapper {
margin-left: 0;
margin-right: 0;
min-width: 0;
width: 100%;
margin: 0 auto;
max-width: 100%;
padding: 0 0;
overflow: hidden; }
.bmc-nav-loader-navigation .layout-header .layout-inner-wrap {
padding: 0;
position: relative;
right: 0;
-webkit-transition: right 0.3s linear;
transition: right 0.3s linear; }
@media only screen and (min-width: 60em) {
.bmc-nav-loader-navigation .layout-header .layout-inner-wrap {
padding: 0 1.55556em; } }
.layout-wrapper-nested {
margin-left: 0;
margin-right: 0;
min-width: 0;
width: 100%;
margin: 0 auto;
max-width: 1440px;
padding: 16px;
padding: 1.77778em 0; }
.layout-inner-wrap {
margin: 0 auto;
max-width: 1440px;
padding: 0 1.55556rem;
width: auto; }
.layout-inner-wrap .layout-inner-wrap {
padding: 0; }
.layout-inner-wrap.-bb {
border-bottom: 1px solid #F2F3F3; }
.layout-inner-wrap.-mb {
margin-bottom: 3em; }
.layout-inner-wrap.-pb {
padding-bottom: 2em; }
.layout-nav .layout-inner-wrap, .layout-navigation .layout-inner-wrap {
box-sizing: border-box;
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch; }
@media only screen and (min-width: 48em) {
.layout-nav .layout-inner-wrap, .layout-navigation .layout-inner-wrap {
overflow-y: visible; } }
.layout-nav .layout-inner-wrap {
height: 100%;
padding: 0.38889em; }
@media only screen and (min-width: 48em) {
.layout-nav .layout-inner-wrap {
box-sizing: content-box;
padding: 0 1.55556em; } }
@media only screen and (min-width: 60em) {
.layout-nav .layout-inner-wrap {
height: auto; } }
.navigation-open .layout-navigation .layout-inner-wrap {
height: 100%; }
@media only screen and (min-width: 60em) {
.navigation-open .layout-navigation .layout-inner-wrap {
height: auto; } }
@media only screen and (min-width: 48em) {
.layout-navigation .layout-inner-wrap {
box-sizing: border-box; } }
@media only screen and (min-width: 60em) {
.layout-navigation .layout-inner-wrap {
box-sizing: content-box; } }
.layout-footer .layout-inner-wrap {
padding: 3.88889em 1.55556em; }
.layout-footer .layout-inner-wrap + .layout-inner-wrap {
padding-top: 0; }
.layout-nav, .layout-navigation {
box-sizing: border-box;
position: fixed;
right: -100%;
-webkit-transition: right 0.3s linear;
transition: right 0.3s linear;
width: 100%;
z-index: 20;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1); }
.layout-nav.navigation-active, .layout-navigation.navigation-active {
right: 0; }
@media only screen and (min-width: 60em) {
.layout-nav, .layout-navigation {
margin-left: 0;
margin-right: 0;
min-width: 0;
width: 100%;
margin: 0 auto;
max-width: 1440px;
padding: 16px;
clear: both;
height: 50px;
max-width: none;
overflow: visible;
opacity: 1;
padding: 0;
position: relative;
right: 0;
-webkit-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
width: 100%; }
.scrolled-up .layout-nav,
.scrolled-down .layout-nav, .scrolled-up .layout-navigation,
.scrolled-down .layout-navigation {
position: fixed;
top: 0;
width: 100%;
z-index: 20; }
.scrolled-down .layout-nav, .scrolled-down .layout-navigation {
opacity: .85; }
.scrolled-up .layout-nav,
.scrolled-down .layout-nav:hover, .scrolled-up .layout-navigation,
.scrolled-down .layout-navigation:hover {
opacity: 1; } }
@media (max-width: 832px) {
.layout-nav, .layout-navigation {
overflow: auto;
z-index: 220; } }
.layout-nav {
height: 100%;
background-color: #413e41;
overflow: hidden;
top: 0; }
.layout-nav.nav-active {
right: 0; }
.layout-navigation {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
background-color: #f3f3f3;
height: calc(100% - 3.35em);
top: 3.35em; }
.layout-navigation.navigation-active {
right: 0; }
@media only screen and (min-width: 60em) {
.layout-navigation {
background: #fff;
height: 50px;
top: 0; } }
.scrolled-up .layout-navigation,
.scrolled-down .layout-navigation {
border-bottom: solid 1px #dedede; }
.layout-primary {
padding-top: 0; }
.layout-primary:first-child {
padding-bottom: 2rem; }
@media only screen and (min-width: 48em) {
.layout-primary:first-child {
padding-bottom: 0; } }
@media only screen and (min-width: 48em) {
.layout-primary {
width: 67.7%; }
.layout-primary:first-child {
padding-right: 7.2%; }
.layout-primary:last-child {
padding-left: 7.2%; } }
.layout-primary.aem-GridColumn {
margin-right: 0 !important; }
.full-width .layout-primary {
width: 100%; }
.page-product-landing .layout-primary {
padding-top: 1.55556em; }
.layout-primary .-shaded {
background-color: #F2F3F3;
padding: 1.66667em; }
.layout-primary-slim {
padding: 2em 0 0 0; }
@media only screen and (min-width: 48em) {
.layout-primary-slim {
width: 65%; }
.layout-primary-slim:first-child {
padding-right: 10%; }
.layout-primary-slim:last-child {
padding-left: 10%; } }
@media only screen and (min-width: 60em) {
.layout-primary-slim {
width: 66%; }
.layout-primary-slim:first-child {
padding-right: 2%; }
.layout-primary-slim:last-child {
padding-left: 2%; } }
.full-width .layout-primary-slim {
width: 100%; }
.page-product-landing .layout-primary-slim {
padding-top: 1.55556em; }
.layout-product-feature-banner {
padding-top: 0; }
.full-width .layout-product-feature-banner {
width: 100%; }
.page-product-landing .layout-product-feature-banner {
padding-top: 1.55556em; }
.layout-product-feature-banner > section {
margin-top: 2.77778em; }
.layout-product-feature-banner > section:first-child {
margin-top: 0; }
@media only screen and (min-width: 48em) {
.layout-product-feature-banner {
margin-right: 0%;
width: 67.7%; } }
.layout-secondary:first-child {
padding-bottom: 2rem; }
@media only screen and (min-width: 48em) {
.layout-secondary:first-child {
padding-bottom: 0; } }
.layout-secondary > .aem-Grid > .aem-GridColumn {
border-top: 1px solid #cccccc;
margin-top: 2.22222em;
padding-top: 2.22222em; }
.layout-secondary > .aem-Grid > .aem-GridColumn:first-child {
border-top: none;
margin-top: 0;
padding-top: 0; }
.page-product-landing .layout-secondary {
margin-top: 3em;
width: 100%; }
.page-product-landing .layout-secondary > section {
border-top: 0;
padding-top: 0; }
.product-landing .layout-secondary {
margin-left: 0;
margin-right: 0;
min-width: 0;
width: 100%;
margin: 0 auto;
max-width: 1440px;
padding: 16px;
padding: 1.55556em 0 0;
border-left: none; }
@media only screen and (min-width: 48em) {
.layout-secondary h3 {
color: #313435;
font-size: 20px;
font-size: 1.11111rem; } }
@media only screen and (min-width: 48em) {
.layout-secondary h4 {
color: #313435;
font-size: 18px;
font-size: 1rem;
font-weight: 400;
padding-top: 0.66667em 0.88889em; } }
@media only screen and (min-width: 48em) {
.layout-secondary p, .layout-secondary ol, .layout-secondary ul, .layout-secondary dd {
font-size: 16px;
font-size: 0.88889rem; } }
.layout-secondary article {
padding: 0; }
@media only screen and (min-width: 48em) {
.layout-secondary .blog-recent .author {
font-size: 14px;
font-size: 0.77778rem; } }
@media only screen and (min-width: 48em) {
.layout-secondary {
float: right;
/* DXP-1062 */
width: 25%; } }
.layout-secondary-slim-side {
padding-bottom: 7.5em; }
.layout-secondary-slim-side:first-child {
padding-bottom: 0; }
@media only screen and (min-width: 48em) {
.layout-secondary-slim-side {
width: 25%; } }
.page-product-landing .layout-secondary-slim-side {
margin-top: 3em;
width: 100%; }
.page-product-landing .layout-secondary-slim-side > section {
border-top: 0;
padding-top: 0; }
.product-landing .layout-secondary-slim-side {
margin-left: 0;
margin-right: 0;
min-width: 0;
width: 100%;
margin: 0 auto;
max-width: 1440px;
padding: 16px;
padding: 1.55556em 0 0;
border-left: none; }
@media only screen and (min-width: 48em) {
.layout-secondary-slim-side h2:first-of-type {
margin-top: 0.3em; } }
@media only screen and (min-width: 76.25em) {
.layout-secondary-slim-side h2:first-of-type {
margin-top: 0.34em; } }
@media only screen and (min-width: 48em) {
.layout-secondary-slim-side h3 {
color: #313435;
font-size: 20px;
font-size: 1.11111rem; } }
@media only screen and (min-width: 48em) {
.layout-secondary-slim-side h4 {
color: #313435;
font-size: 18px;
font-size: 1rem;
font-weight: 400;
padding-top: 0.66667em; } }
@media only screen and (min-width: 48em) {
.layout-secondary-slim-side p, .layout-secondary-slim-side ol, .layout-secondary-slim-side ul, .layout-secondary-slim-side dd {
font-size: 16px;
font-size: 0.88889rem; } }
@media only screen and (min-width: 48em) {
.layout-secondary-slim-side .blog-recent .author {
font-size: 14px;
font-size: 0.77778rem; } }
.layout-secondary-slim-side-grey {
background-color: #F2F3F3;
padding-bottom: 7.5em;
padding-left: 1.11111em;
padding-right: 1.11111em;
position: relative;
z-index: 1; }
.layout-secondary-slim-side-grey:first-child {
padding-bottom: 0; }
.page-product-landing .layout-secondary-slim-side-grey {
margin-top: 3em;
width: 100%; }
.page-product-landing .layout-secondary-slim-side-grey > section {
border-top: 0;
padding-top: 0; }
.product-landing .layout-secondary-slim-side-grey {
margin-left: 0;
margin-right: 0;
min-width: 0;
width: 100%;
margin: 0 auto;
max-width: 1440px;
padding: 16px;
padding: 1.55556em 0 0;
border-left: none; }
@media only screen and (min-width: 48em) {
.layout-secondary-slim-side-grey h2:first-of-type {
margin-top: 0.3em; } }
@media only screen and (min-width: 76.25em) {
.layout-secondary-slim-side-grey h2:first-of-type {
margin-top: 0.34em; } }
@media only screen and (min-width: 48em) {
.layout-secondary-slim-side-grey h3 {
color: #313435;
font-size: 20px;
font-size: 1.11111rem; } }
@media only screen and (min-width: 48em) {
.layout-secondary-slim-side-grey h4 {
color: #313435;
font-size: 18px;
font-size: 1rem;
font-weight: 400;
padding-top: 0.66667em; } }
@media only screen and (min-width: 48em) {
.layout-secondary-slim-side-grey p, .layout-secondary-slim-side-grey ol, .layout-secondary-slim-side-grey ul, .layout-secondary-slim-side-grey dd {
font-size: 16px;
font-size: 0.88889rem; } }
@media only screen and (min-width: 48em) {
.layout-secondary-slim-side-grey .blog-recent .author {
font-size: 14px;
font-size: 0.77778rem; } }
@media only screen and (min-width: 48em) {
.layout-secondary-slim-side-grey {
width: 25%; } }
.layout-secondary-cta-container {
padding-bottom: 0em;
position: relative;
z-index: 1; }
.page-product-landing .layout-secondary-cta-container {
margin-top: 3em;
width: 100%; }
.page-product-landing .layout-secondary-cta-container > section {
border-top: 0;
padding-top: 0; }
.product-landing .layout-secondary-cta-container {
margin-left: 0;
margin-right: 0;
min-width: 0;
width: 100%;
margin: 0 auto;
max-width: 1440px;
padding: 16px;
padding: 1.55556em 0 0;
border-left: none; }
.layout-secondary-cta-container > section {
border-top: 1px solid #cacaca;
margin-top: 2.22222em;
padding-top: 2.22222em; }
@media only screen and (min-width: 48em) {
.layout-secondary-cta-container > section:first-child {
border-top: none;
margin-top: 0em;
padding-top: 0; } }
@media only screen and (min-width: 30em) {
.layout-secondary-cta-container > section:first-child {
border-top: none;
margin-top: 0em;
padding-top: 0; } }
@media only screen and (min-width: 12.5em) {
.layout-secondary-cta-container > section:first-child {
border-top: none;
margin-top: 0em;
padding-top: 0; } }
@media only screen and (min-width: 48em) {
.layout-secondary-cta-container h2:first-of-type {
margin-top: 0.3em; } }
@media only screen and (min-width: 76.25em) {
.layout-secondary-cta-container h2:first-of-type {
margin-top: 0.34em; } }
@media only screen and (min-width: 48em) {
.layout-secondary-cta-container h3 {
color: #313435;
font-size: 20px;
font-size: 1.11111rem; } }
@media only screen and (min-width: 48em) {
.layout-secondary-cta-container h4 {
color: #313435;
font-size: 18px;
font-size: 1rem;
font-weight: 400;
padding-top: 0.66667em; } }
@media only screen and (min-width: 48em) {
.layout-secondary-cta-container p, .layout-secondary-cta-container ol, .layout-secondary-cta-container ul, .layout-secondary-cta-container dd {
font-size: 16px;
font-size: 0.88889rem; } }
@media only screen and (min-width: 48em) {
.layout-secondary-cta-container .blog-recent .author {
font-size: 14px;
font-size: 0.77778rem; } }
@media only screen and (min-width: 48em) {
.layout-secondary-cta-container {
width: 25%; } }
.layout-secondary-slim {
padding-bottom: 0em; }
.page-product-landing .layout-secondary-slim {
margin-top: 3em;
width: 100%; }
.page-product-landing .layout-secondary-slim > section {
border-top: 0;
padding-top: 0; }
.layout-secondary-slim figure {
margin-bottom: 0 !important; }
@media only screen and (min-width: 48em) {
.layout-secondary-slim {
left: 0em;
width: 25%;
padding-top: 0em;
position: relative;
top: 7em;
z-index: 2; } }
@media only screen and (min-width: 60em) {
.layout-secondary-slim {
top: 6.5em; } }
@media only screen and (min-width: 76.25em) {
.layout-secondary-slim {
left: 20px;
top: 4em; } }
.layout-slim-side-image {
float: left;
left: 65px;
position: relative;
top: 100px;
width: 27%;
z-index: 2; }
@media only screen and (min-width: 12.5em) {
.layout-slim-side-image {
float: left;
left: 0px;
position: relative;
top: 0px;
width: 100%;
z-index: 2; } }
@media only screen and (min-width: 60em) {
.layout-slim-side-image {
left: 63px;
top: 130px;
width: 27%; } }
@media only screen and (min-width: 76.25em) {
.layout-slim-side-image {
left: 85px;
top: 100px; } }
.layout-secondary-shaded {
background-color: #F2F3F3; }
.page-product-landing .layout-secondary-shaded {
margin-top: 3em;
width: 100%; }
.page-product-landing .layout-secondary-shaded > section {
border-top: 0;
padding-top: 0; }
.product-landing .layout-secondary-shaded {
margin-left: 0;
margin-right: 0;
min-width: 0;
width: 100%;
margin: 0 auto;
max-width: 1440px;
padding: 16px;
padding: 1.55556em 0 0;
border-left: none; }
.layout-secondary-shaded span {
font-weight: 400; }
.layout-secondary-shaded ul {
list-style-type: none;
padding: 0; }
@media only screen and (min-width: 12.5em) {
.layout-secondary-shaded {
margin-top: 0em; }
.layout-secondary-shaded h3 {
font-size: 1.1em;
color: #fe5000; }
.layout-secondary-shaded h4 {
font-size: 1.1em;
color: #313435; } }
@media only screen and (min-width: 20em) {
.layout-secondary-shaded {
margin-top: 0em; }
.layout-secondary-shaded h3 {
font-size: 1.1em;
color: #fe5000; }
.layout-secondary-shaded h4 {
font-size: 1.1em;
color: #313435; } }
@media only screen and (min-width: 30em) {
.layout-secondary-shaded {
margin-top: 0em; }
.layout-secondary-shaded h3 {
font-size: 1.1em;
color: #fe5000; }
.layout-secondary-shaded h4 {
font-size: 1.1em;
color: #313435; } }
@media only screen and (min-width: 48em) {
.layout-secondary-shaded {
margin-top: 0em; }
.layout-secondary-shaded h3 {
font-size: 1.1em;
color: #fe5000; }
.layout-secondary-shaded h4 {
font-size: 1.1em;
color: #313435; } }
@media only screen and (min-width: 60em) {
.layout-secondary-shaded {
margin-top: 0em; }
.layout-secondary-shaded h3 {
font-size: 1.1em;
color: #fe5000; }
.layout-secondary-shaded h4 {
font-size: 1.1em;
color: #313435; } }
.layout-secondary-shaded > section {
border-top: 1px solid #cacaca;
margin-top: 2.22222em;
padding-top: 2.22222em; }
@media only screen and (min-width: 12.5em) {
.layout-secondary-shaded > section:first-child {
border-top: none;
margin-top: 0;
padding-top: 0; } }
@media only screen and (min-width: 20em) {
.layout-secondary-shaded > section:first-child {
border-top: none;
margin-top: 0;
padding-top: 0; } }
@media only screen and (min-width: 48em) {
.layout-secondary-shaded > section:first-child {
border-top: none;
margin-top: 0;
padding-top: 0; } }
@media only screen and (min-width: 48em) {
.layout-secondary-shaded h2:first-of-type {
margin-top: 0.3em; } }
@media only screen and (min-width: 76.25em) {
.layout-secondary-shaded h2:first-of-type {
margin-top: 0.34em; } }
@media only screen and (min-width: 48em) {
.layout-secondary-shaded h3 {
color: #fe5000;
font-size: 24px;
font-size: 1.33333rem;
font-weight: 400; } }
@media only screen and (min-width: 48em) {
.layout-secondary-shaded h4 {
color: #313435;
font-size: 20px;
font-size: 1.11111rem;
font-weight: 400;
padding-top: 0.66667em; } }
@media only screen and (min-width: 48em) {
.layout-secondary-shaded p, .layout-secondary-shaded ol, .layout-secondary-shaded ul, .layout-secondary-shaded dd {
font-size: 16px;
font-size: 0.88889rem; } }
@media only screen and (min-width: 48em) {
.layout-secondary-shaded .blog-recent .author {
font-size: 14px;
font-size: 0.77778rem; } }
@media only screen and (min-width: 48em) {
.layout-secondary-shaded {
width: 25%; } }
.layout-rotator-container {
overflow: hidden; }
.layout-banner-container-slim {
background-image: url(head/product-bg2.png);
background-position: top center;
background-repeat: no-repeat;
height: 246px;
margin: 0 auto; }
@media only screen and (min-width: 12.5em) {
.layout-banner-container-slim {
background-image: none;
height: 246px;
margin: 0 auto; } }
@media only screen and (min-width: 30em) {
.layout-banner-container-slim {
background-image: none;
height: 246px;
margin: 0 auto; } }
@media only screen and (min-width: 48em) {
.layout-banner-container-slim {
background-image: url(head/product-bg2.png);
background-position: top center;
background-repeat: no-repeat;
height: 246px;
margin: 0 auto; } }
@media only screen and (min-width: 60em) {
.layout-banner-container-slim {
background-image: url(head/product-bg2.png);
background-position: top center;
background-repeat: no-repeat;
height: 246px;
margin: 0 auto; } }
@media only screen and (min-width: 76.25em) {
.layout-banner-container-slim {
background-image: url(head/product-bg2.png);
background-position: top center;
background-repeat: no-repeat;
height: 246px;
margin: 0 auto; } }
.layout-product-finder + .layout-banner-container-slim {
padding-top: 0; }
.layout-banner-container-slim.layout-full-bleed-image {
background-size: cover;
color: #fff; }
.page-campaign-landing .layout-banner-container-slim.layout-full-bleed-image {
padding: 0em 0; }
@media only screen and (min-width: 60em) {
.page-campaign-landing .layout-banner-container-slim.layout-full-bleed-image .layout-inner-wrap {
position: relative; } }
.layout-banner-container-slim.layout-full-bleed-image h1, .layout-banner-container-slim.layout-full-bleed-image h2 {
color: #fff; }
.layout-secondary .secondarycontentcontainer > .layout-full-bleed {
padding: 1.66667rem; }
.layout-secondary .secondarycontentcontainer > .layout-full-bleed > .aem-GridColumn {
border-top: 1px solid #cccccc;
padding-top: 1.11111rem; }
.layout-secondary .secondarycontentcontainer > .layout-full-bleed > .aem-GridColumn:first-child {
border-top: none;
padding-top: 0; }
.layout-full-bleed {
background-color: white;
padding: 0;
box-sizing: border-box; }
@media only screen and (min-width: 48em) {
.layout-full-bleed {
margin-left: 0;
margin-right: 0;
min-width: 0;
width: 100%;
margin: 0 auto;
max-width: 100%;
padding: 16px;
padding: 0;
max-width: none; } }
.home .layout-full-bleed {
padding: 0; }
.home .layout-full-bleed.layout-rotator-container {
padding: 0; }
.home .layout-full-bleed.feature-case-studies {
padding: 3.33333em 0; }
@media only screen and (min-width: 60em) {
.home .layout-full-bleed.feature-case-studies {
padding-bottom: 0; } }
.layout-product-finder + .layout-full-bleed {
padding-top: 0; }
.layout-full-bleed.layout-full-bleed-image {
background-size: cover;
color: #fff;
background-position: center center; }
.page-campaign-landing .layout-full-bleed.layout-full-bleed-image {
padding: 1em 0; }
@media only screen and (min-width: 60em) {
.page-campaign-landing .layout-full-bleed.layout-full-bleed-image .layout-inner-wrap {
position: relative; } }
.layout-full-bleed.layout-full-bleed-image h1, .layout-full-bleed.layout-full-bleed-image h2 {
color: #fff; }
.layout-full-bleed-medium {
background-color: #fff;
padding: 0; }
@media only screen and (min-width: 48em) {
.layout-full-bleed-medium {
margin-left: 0;
margin-right: 0;
min-width: 0;
width: 100%;
margin: 0 auto;
max-width: 1440px;
padding: 16px;
padding: 0;
width: 100%; } }
.layout-full-bleed-medium.layout-full-bleed-image {
background-size: cover;
color: #fff; }
.page-campaign-landing .layout-full-bleed-medium.layout-full-bleed-image {
padding: 0; }
@media only screen and (min-width: 60em) {
.page-campaign-landing .layout-full-bleed-medium.layout-full-bleed-image .layout-inner-wrap {
position: relative; } }
.layout-full-bleed-medium.layout-full-bleed-image h1, .layout-full-bleed-medium.layout-full-bleed-image h2 {
color: #fff; }
.layout-full-bleed-small {
background-color: #fff;
padding: 0; }
@media only screen and (min-width: 48em) {
.layout-full-bleed-small {
margin-left: 0;
margin-right: 0;
min-width: 0;
width: 100%;
margin: 0 auto;
max-width: 1440px;
padding: 16px;
padding: 0; } }
.layout-full-bleed-small.layout-full-bleed-image {
background-size: cover;
color: #fff; }
.page-campaign-landing .layout-full-bleed-small.layout-full-bleed-image {
padding: 0; }
@media only screen and (min-width: 60em) {
.page-campaign-landing .layout-full-bleed-small.layout-full-bleed-image .layout-inner-wrap {
position: relative; } }
.layout-full-bleed-small.layout-full-bleed-image h1, .layout-full-bleed-small.layout-full-bleed-image h2 {
color: #fff; }
.layout-full-bleed-top {
background-color: white;
padding: 0; }
@media only screen and (min-width: 48em) {
.layout-full-bleed-top {
margin-left: 0;
margin-right: 0;
min-width: 0;
width: 100%;
margin: 0 auto;
max-width: 1440px;
padding: 16px;
padding: 0; } }
.layout-full-bleed-top.layout-full-bleed-image {
background-size: cover;
color: #fff; }
.page-campaign-landing .layout-full-bleed-top.layout-full-bleed-image {
padding: 0; }
@media only screen and (min-width: 60em) {
.page-campaign-landing .layout-full-bleed-top.layout-full-bleed-image .layout-inner-wrap {
position: relative; } }
.layout-full-bleed-top.layout-full-bleed-image h1, .layout-full-bleed-top.layout-full-bleed-image h2 {
color: #fff; }
.layout-full-bleed-transparent {
background-color: white;
padding: 0; }
@media only screen and (min-width: 48em) {
.layout-full-bleed-transparent {
margin-left: 0;
margin-right: 0;
min-width: 0;
width: 100%;
margin: 0 auto;
max-width: 100%;
padding: 0 0;
padding: 0;
width: 100%; } }
.layout-full-bleed-transparent.layout-full-bleed-image {
background-size: cover;
color: #fff; }
.page-campaign-landing .layout-full-bleed-transparent.layout-full-bleed-image {
padding: 0; }
@media only screen and (min-width: 60em) {
.page-campaign-landing .layout-full-bleed-transparent.layout-full-bleed-image .layout-inner-wrap {
position: relative; } }
.layout-full-bleed-transparent.layout-full-bleed-image h1, .layout-full-bleed-transparent.layout-full-bleed-image h2 {
color: #fff; }
.layout-full-bleed-slim {
background-color: white;
padding: 0 0 0 0; }
@media only screen and (min-width: 12.5em) {
.layout-full-bleed-slim {
background-image: none;
background-repeat: no-repeat;
background-color: #fff;
background-position: -3000px 0px; } }
@media only screen and (min-width: 30em) {
.layout-full-bleed-slim {
background-image: none;
background-repeat: no-repeat;
background-color: #fff;
background-position: -3000px 0px; } }
@media only screen and (min-width: 48em) {
.layout-full-bleed-slim {
margin-left: 0;
margin-right: 0;
min-width: 0;
width: 100%;
margin: 0 auto;
max-width: 1440px;
padding: 16px;
padding: 0;
width: 100%;
background-color: #fd9b31;
background-image: none;
background-position: -3000px 0px;
background-repeat: no-repeat; } }
@media only screen and (min-width: 60em) {
.layout-full-bleed-slim {
background-color: #fd9b31;
background-position: -3000px 0px; } }
@media only screen and (min-width: 76.25em) {
.layout-full-bleed-slim {
background-color: #fd9b31;
background-position: -3000px 0px; } }
.layout-product-finder + .layout-full-bleed-slim {
padding-top: 0; }
.layout-full-bleed-slim.layout-full-bleed-image {
background-size: cover;
color: #fff; }
.page-campaign-landing .layout-full-bleed-slim.layout-full-bleed-image {
padding: 0em 0; }
@media only screen and (min-width: 60em) {
.page-campaign-landing .layout-full-bleed-slim.layout-full-bleed-image .layout-inner-wrap {
position: relative; } }
.layout-full-bleed-slim.layout-full-bleed-image h1, .layout-full-bleed-slim.layout-full-bleed-image h2 {
color: #fff; }
.layout-full-bleed-nopadding {
background-color: white;
padding: 0em 0; }
@media only screen and (min-width: 48em) {
.layout-full-bleed-nopadding {
margin-left: 0;
margin-right: 0;
min-width: 0;
width: 100%;
margin: 0 auto;
max-width: 1440px;
padding: 16px;
padding: 0;
width: 100%; } }
.layout-full-bleed-nopadding .layout-primary:first-child {
margin-top: 1.5em; }
.layout-product-finder + .layout-full-bleed-nopadding {
padding-top: 0; }
.layout-full-bleed-nopadding.layout-full-bleed-image {
background-size: cover;
color: #fff; }
.page-campaign-landing .layout-full-bleed-nopadding.layout-full-bleed-image {
padding: 1em 0; }
@media only screen and (min-width: 60em) {
.page-campaign-landing .layout-full-bleed-nopadding.layout-full-bleed-image .layout-inner-wrap {
position: relative; } }
.layout-full-bleed-nopadding.layout-full-bleed-image h1, .layout-full-bleed-nopadding.layout-full-bleed-image h2 {
color: #fff; }
.page-campaign-landing h1 {
font-size: 30px;
font-size: 1.66667rem;
font-weight: 400; }
@media only screen and (min-width: 48em) {
.page-campaign-landing h1 {
font-size: 35px;
font-size: 1.94444rem; } }
@media only screen and (min-width: 76.25em) {
.page-campaign-landing h1 {
font-size: 41px;
font-size: 2.27778rem; } }
.page-campaign-landing h2 {
font-size: 32px;
font-size: 1.77778rem;
margin-top: 0;
margin-bottom: 1em; }
@media only screen and (min-width: 48em) {
.page-campaign-landing h2 {
font-size: 32px;
font-size: 1.77778rem; } }
@media only screen and (min-width: 76.25em) {
.page-campaign-landing h2 {
font-size: 32px;
font-size: 1.77778rem; } }
.page-campaign-landing h3 {
font-size: 25px;
font-size: 1.38889rem; }
@media only screen and (min-width: 48em) {
.page-campaign-landing h3 {
font-size: 28px;
font-size: 1.55556rem; } }
@media only screen and (min-width: 60em) {
.page-campaign-landing .layout-content {
clear: left;
padding-right: 3.33333em;
width: 58.3%; } }
.page-campaign-landing .layout-campaign-screenshot {
display: none; }
.page-campaign-landing .layout-campaign-screenshot > img {
display: inline-block;
vertical-align: bottom; }
.page-campaign-landing .layout-campaign-screenshot.flush {
bottom: -1em; }
@media only screen and (min-width: 60em) {
.page-campaign-landing .layout-campaign-screenshot {
bottom: -1.77778em;
display: block;
left: 62.5%;
position: absolute;
text-align: center;
width: 29.1%; } }
.page-campaign-landing .layout-form {
margin-top: 1.77778em; }
@media only screen and (min-width: 60em) {
.page-campaign-landing .layout-form {
margin-top: 0;
width: 41.6%; } }
@media only screen and (min-width: 60em) {
.page-campaign-landing .width-50-percent-large {
width: 50%; } }
.layout-offset-hero {
background-color: #6c6c6c;
background-position: center center;
background-repeat: no-repeat;
background-size: cover; }
.layout-offset-hero h1,
.layout-offset-hero h2,
.layout-offset-hero h3,
.layout-offset-hero h4,
.layout-offset-hero h5,
.layout-offset-hero p {
color: #fff; }
@media only screen and (min-width: 60em) {
.layout-offset-hero {
min-height: 546px;
padding-bottom: 3.33333em; } }
.layout-offset-hero-slim {
background-color: #6c6c6c;
background-position: center center;
background-repeat: no-repeat;
background-size: cover; }
.layout-offset-hero-slim h1,
.layout-offset-hero-slim h2,
.layout-offset-hero-slim h3,
.layout-offset-hero-slim h4,
.layout-offset-hero-slim h5,
.layout-offset-hero-slim p {
color: #fff; }
@media only screen and (min-width: 12.5em) {
.layout-offset-hero-slim h1 {
color: #313435; } }
@media only screen and (min-width: 30em) {
.layout-offset-hero-slim h1 {
color: #313435; } }
@media only screen and (min-width: 48em) {
.layout-offset-hero-slim h1 {
color: #fff; } }
@media only screen and (min-width: 60em) {
.layout-offset-hero-slim {
height: auto; }
.layout-offset-hero-slim h1 {
color: #fff; } }
@media only screen and (min-width: 76.25em) {
.layout-offset-hero-slim {
height: auto; }
.layout-offset-hero-slim h1 {
color: #fff; } }
.layout-offset-hero-medium {
background-color: #6c6c6c;
background-position: center center;
background-repeat: no-repeat;
background-size: cover; }
.layout-offset-hero-medium h1,
.layout-offset-hero-medium h2,
.layout-offset-hero-medium h3,
.layout-offset-hero-medium h4,
.layout-offset-hero-medium h5 {
color: #fff;
font-weight: 400; }
.layout-offset-hero-medium h1 {
color: #fff;
line-height: 1.1em;
letter-spacing: -.03em;
font-weight: 400; }
.layout-offset-hero-medium p {
color: #fff;
font-size: 1.8rem;
font-weight: 400; }
@media only screen and (min-width: 12.5em) {
.layout-offset-hero-medium h1 {
padding: 1em 0 0 0 !important; } }
@media only screen and (min-width: 20em) {
.layout-offset-hero-medium h1 {
padding: 1em 0 0 0 !important; } }
@media only screen and (min-width: 30em) {
.layout-offset-hero-medium h1 {
padding: 1em 0 0 0 !important; } }
@media only screen and (min-width: 60em) {
.layout-offset-hero-medium h1 {
padding: .5em 0 0 0 !important; } }
.layout-offset-hero-small {
background-color: #6c6c6c;
background-position: center center;
background-repeat: no-repeat;
background-size: cover; }
.layout-offset-hero-small h1,
.layout-offset-hero-small h2,
.layout-offset-hero-small h3,
.layout-offset-hero-small h4,
.layout-offset-hero-small h5 {
color: #fff;
font-weight: 400; }
.layout-offset-hero-small h1 {
font-weight: 400; }
.layout-offset-hero-small p {
color: #fff; }
@media only screen and (min-width: 60em) {
.layout-offset-hero-small {
padding: 0; } }
.layout-offset-hero-top {
background-color: #6c6c6c;
background-position: center center;
background-repeat: no-repeat;
background-size: cover; }
.layout-offset-hero-top h1,
.layout-offset-hero-top h2,
.layout-offset-hero-top h3,
.layout-offset-hero-top h4,
.layout-offset-hero-top h5 {
color: #fff;
font-weight: 400; }
.layout-offset-hero-top h1 {
font-weight: 400; }
.layout-offset-hero-top p {
color: #fff;
font-size: 1.5rem; }
@media only screen and (min-width: 60em) {
.layout-offset-hero-top {
padding: 0; } }
.layout-offset-hero-transparent {
background-color: #6c6c6c;
background-position: center center;
background-repeat: no-repeat;
background-size: cover; }
.layout-offset-hero-transparent h1,
.layout-offset-hero-transparent h2,
.layout-offset-hero-transparent h3,
.layout-offset-hero-transparent h4,
.layout-offset-hero-transparent h5 {
color: #fff;
font-weight: 400; }
.layout-offset-hero-transparent h1 {
font-weight: 400; }
.layout-offset-hero-transparent p {
color: #fff;
font-size: 1.5rem; }
@media only screen and (min-width: 60em) {
.layout-offset-hero-transparent {
padding: 0; } }
.layout-right {
float: right; }
[class*="25-75contentcontainer"] > *:first-child,
[class*="33-66contentcontainer"] > *:first-child,
[class*="50-50contentcontainer"] > *:first-child,
[class*="66-33contentcontainer"] > *:first-child,
[class*="75-25contentcontainer"] > *:first-child,
[class*="100contentcontainer"] > *:first-child,
[class*="40-60contentcontainer"] > *:first-child {
padding-top: 2rem;
padding-bottom: 2rem; }
[class*="50-50contentcontainer"] .equal-column:first-child {
margin-bottom: 1rem; }
@media only screen and (min-width: 48em) {
[class*="50-50contentcontainer"] .equal-column {
width: 50%; }
[class*="50-50contentcontainer"] .equal-column:first-child {
padding-right: 1.25%;
margin-bottom: 0; }
[class*="50-50contentcontainer"] .equal-column:last-child {
padding-left: 1.25%; } }
@media only screen and (min-width: 48em) {
.related-CTAs-list h3 {
font-size: 24px;
font-size: 1.33333rem; } }
[class*="100contentcontainer"] > *:first-child .tabs [class*="100contentcontainer"] > *:first-child,
[class*="100contentcontainer"] > *:first-child .tabs [class*="25-75contentcontainer"] > *:first-child,
[class*="100contentcontainer"] > *:first-child .tabs [class*="33-66contentcontainer"] > *:first-child,
[class*="100contentcontainer"] > *:first-child .tabs [class*="50-50contentcontainer"] > *:first-child,
[class*="100contentcontainer"] > *:first-child .tabs [class*="66-33contentcontainer"] > *:first-child,
[class*="100contentcontainer"] > *:first-child .tabs [class*="75-25contentcontainer"] > *:first-child,
[class*="25-75contentcontainer"] > *:first-child .tabs [class*="100contentcontainer"] > *:first-child,
[class*="25-75contentcontainer"] > *:first-child .tabs [class*="25-75contentcontainer"] > *:first-child,
[class*="25-75contentcontainer"] > *:first-child .tabs [class*="33-66contentcontainer"] > *:first-child,
[class*="25-75contentcontainer"] > *:first-child .tabs [class*="50-50contentcontainer"] > *:first-child,
[class*="25-75contentcontainer"] > *:first-child .tabs [class*="66-33contentcontainer"] > *:first-child,
[class*="25-75contentcontainer"] > *:first-child .tabs [class*="75-25contentcontainer"] > *:first-child,
[class*="33-66contentcontainer"] > *:first-child .tabs [class*="100contentcontainer"] > *:first-child,
[class*="33-66contentcontainer"] > *:first-child .tabs [class*="25-75contentcontainer"] > *:first-child,
[class*="33-66contentcontainer"] > *:first-child .tabs [class*="33-66contentcontainer"] > *:first-child,
[class*="33-66contentcontainer"] > *:first-child .tabs [class*="50-50contentcontainer"] > *:first-child,
[class*="33-66contentcontainer"] > *:first-child .tabs [class*="66-33contentcontainer"] > *:first-child,
[class*="33-66contentcontainer"] > *:first-child .tabs [class*="75-25contentcontainer"] > *:first-child,
[class*="50-50contentcontainer"] > *:first-child .tabs [class*="100contentcontainer"] > *:first-child,
[class*="50-50contentcontainer"] > *:first-child .tabs [class*="25-75contentcontainer"] > *:first-child,
[class*="50-50contentcontainer"] > *:first-child .tabs [class*="33-66contentcontainer"] > *:first-child,
[class*="50-50contentcontainer"] > *:first-child .tabs [class*="50-50contentcontainer"] > *:first-child,
[class*="50-50contentcontainer"] > *:first-child .tabs [class*="66-33contentcontainer"] > *:first-child,
[class*="50-50contentcontainer"] > *:first-child .tabs [class*="75-25contentcontainer"] > *:first-child,
[class*="66-33contentcontainer"] > *:first-child .tabs [class*="100contentcontainer"] > *:first-child,
[class*="66-33contentcontainer"] > *:first-child .tabs [class*="25-75contentcontainer"] > *:first-child,
[class*="66-33contentcontainer"] > *:first-child .tabs [class*="33-66contentcontainer"] > *:first-child,
[class*="66-33contentcontainer"] > *:first-child .tabs [class*="50-50contentcontainer"] > *:first-child,
[class*="66-33contentcontainer"] > *:first-child .tabs [class*="66-33contentcontainer"] > *:first-child,
[class*="66-33contentcontainer"] > *:first-child .tabs [class*="75-25contentcontainer"] > *:first-child,
[class*="75-25contentcontainer"] > *:first-child .tabs [class*="100contentcontainer"] > *:first-child,
[class*="75-25contentcontainer"] > *:first-child .tabs [class*="25-75contentcontainer"] > *:first-child,
[class*="75-25contentcontainer"] > *:first-child .tabs [class*="33-66contentcontainer"] > *:first-child,
[class*="75-25contentcontainer"] > *:first-child .tabs [class*="50-50contentcontainer"] > *:first-child,
[class*="75-25contentcontainer"] > *:first-child .tabs [class*="66-33contentcontainer"] > *:first-child,
[class*="75-25contentcontainer"] > *:first-child .tabs [class*="75-25contentcontainer"] > *:first-child {
padding-top: 1rem; }
[class*="100contentcontainer"] > *:first-child .cmp p,
[class*="25-75contentcontainer"] > *:first-child .cmp p,
[class*="33-66contentcontainer"] > *:first-child .cmp p,
[class*="50-50contentcontainer"] > *:first-child .cmp p,
[class*="66-33contentcontainer"] > *:first-child .cmp p,
[class*="75-25contentcontainer"] > *:first-child .cmp p {
margin-bottom: 1rem; }
[class*="100contentcontainer"] > *:first-child .cmp:last-child p:last-child,
[class*="25-75contentcontainer"] > *:first-child .cmp:last-child p:last-child,
[class*="33-66contentcontainer"] > *:first-child .cmp:last-child p:last-child,
[class*="50-50contentcontainer"] > *:first-child .cmp:last-child p:last-child,
[class*="66-33contentcontainer"] > *:first-child .cmp:last-child p:last-child,
[class*="75-25contentcontainer"] > *:first-child .cmp:last-child p:last-child {
margin-bottom: 0; }
[class*="100contentcontainer"] > *:first-child .related-topics:last-child article,
[class*="25-75contentcontainer"] > *:first-child .related-topics:last-child article,
[class*="33-66contentcontainer"] > *:first-child .related-topics:last-child article,
[class*="50-50contentcontainer"] > *:first-child .related-topics:last-child article,
[class*="66-33contentcontainer"] > *:first-child .related-topics:last-child article,
[class*="75-25contentcontainer"] > *:first-child .related-topics:last-child article {
padding-bottom: 0; }
[class*="100contentcontainer"] > *:first-child .related-topics:first-child article,
[class*="25-75contentcontainer"] > *:first-child .related-topics:first-child article,
[class*="33-66contentcontainer"] > *:first-child .related-topics:first-child article,
[class*="50-50contentcontainer"] > *:first-child .related-topics:first-child article,
[class*="66-33contentcontainer"] > *:first-child .related-topics:first-child article,
[class*="75-25contentcontainer"] > *:first-child .related-topics:first-child article {
padding-top: 0; }
[class*="100contentcontainer"] > *:first-child .rcourse-data-grid:last-child .row:last-child,
[class*="25-75contentcontainer"] > *:first-child .rcourse-data-grid:last-child .row:last-child,
[class*="33-66contentcontainer"] > *:first-child .rcourse-data-grid:last-child .row:last-child,
[class*="50-50contentcontainer"] > *:first-child .rcourse-data-grid:last-child .row:last-child,
[class*="66-33contentcontainer"] > *:first-child .rcourse-data-grid:last-child .row:last-child,
[class*="75-25contentcontainer"] > *:first-child .rcourse-data-grid:last-child .row:last-child {
padding-bottom: 0; }
[class*="100contentcontainer"] > *:first-child .rcourse-data-grid:last-child .row:last-child,
[class*="25-75contentcontainer"] > *:first-child .rcourse-data-grid:last-child .row:last-child,
[class*="33-66contentcontainer"] > *:first-child .rcourse-data-grid:last-child .row:last-child,
[class*="50-50contentcontainer"] > *:first-child .rcourse-data-grid:last-child .row:last-child,
[class*="66-33contentcontainer"] > *:first-child .rcourse-data-grid:last-child .row:last-child,
[class*="75-25contentcontainer"] > *:first-child .rcourse-data-grid:last-child .row:last-child {
padding-top: 0; }
[class*="100contentcontainer"] > *:first-child .orion-global:first-child,
[class*="25-75contentcontainer"] > *:first-child .orion-global:first-child,
[class*="33-66contentcontainer"] > *:first-child .orion-global:first-child,
[class*="50-50contentcontainer"] > *:first-child .orion-global:first-child,
[class*="66-33contentcontainer"] > *:first-child .orion-global:first-child,
[class*="75-25contentcontainer"] > *:first-child .orion-global:first-child {
padding-top: 0; }
[class*="100contentcontainer"] > *:first-child .orion-global:last-child,
[class*="25-75contentcontainer"] > *:first-child .orion-global:last-child,
[class*="33-66contentcontainer"] > *:first-child .orion-global:last-child,
[class*="50-50contentcontainer"] > *:first-child .orion-global:last-child,
[class*="66-33contentcontainer"] > *:first-child .orion-global:last-child,
[class*="75-25contentcontainer"] > *:first-child .orion-global:last-child {
padding-bottom: 0; }
[class*="100contentcontainer"] > *:first-child [class*="25-75contentcontainer"]:last-child .cmp:last-child p:last-child,
[class*="100contentcontainer"] > *:first-child [class*="33-66contentcontainer"]:last-child .cmp:last-child p:last-child,
[class*="100contentcontainer"] > *:first-child [class*="50-50contentcontainer"]:last-child .cmp:last-child p:last-child,
[class*="100contentcontainer"] > *:first-child [class*="66-33contentcontainer"]:last-child .cmp:last-child p:last-child,
[class*="100contentcontainer"] > *:first-child [class*="75-25contentcontainer"]:last-child .cmp:last-child p:last-child,
[class*="25-75contentcontainer"] > *:first-child [class*="25-75contentcontainer"]:last-child .cmp:last-child p:last-child,
[class*="25-75contentcontainer"] > *:first-child [class*="33-66contentcontainer"]:last-child .cmp:last-child p:last-child,
[class*="25-75contentcontainer"] > *:first-child [class*="50-50contentcontainer"]:last-child .cmp:last-child p:last-child,
[class*="25-75contentcontainer"] > *:first-child [class*="66-33contentcontainer"]:last-child .cmp:last-child p:last-child,
[class*="25-75contentcontainer"] > *:first-child [class*="75-25contentcontainer"]:last-child .cmp:last-child p:last-child,
[class*="33-66contentcontainer"] > *:first-child [class*="25-75contentcontainer"]:last-child .cmp:last-child p:last-child,
[class*="33-66contentcontainer"] > *:first-child [class*="33-66contentcontainer"]:last-child .cmp:last-child p:last-child,
[class*="33-66contentcontainer"] > *:first-child [class*="50-50contentcontainer"]:last-child .cmp:last-child p:last-child,
[class*="33-66contentcontainer"] > *:first-child [class*="66-33contentcontainer"]:last-child .cmp:last-child p:last-child,
[class*="33-66contentcontainer"] > *:first-child [class*="75-25contentcontainer"]:last-child .cmp:last-child p:last-child,
[class*="50-50contentcontainer"] > *:first-child [class*="25-75contentcontainer"]:last-child .cmp:last-child p:last-child,
[class*="50-50contentcontainer"] > *:first-child [class*="33-66contentcontainer"]:last-child .cmp:last-child p:last-child,
[class*="50-50contentcontainer"] > *:first-child [class*="50-50contentcontainer"]:last-child .cmp:last-child p:last-child,
[class*="50-50contentcontainer"] > *:first-child [class*="66-33contentcontainer"]:last-child .cmp:last-child p:last-child,
[class*="50-50contentcontainer"] > *:first-child [class*="75-25contentcontainer"]:last-child .cmp:last-child p:last-child,
[class*="66-33contentcontainer"] > *:first-child [class*="25-75contentcontainer"]:last-child .cmp:last-child p:last-child,
[class*="66-33contentcontainer"] > *:first-child [class*="33-66contentcontainer"]:last-child .cmp:last-child p:last-child,
[class*="66-33contentcontainer"] > *:first-child [class*="50-50contentcontainer"]:last-child .cmp:last-child p:last-child,
[class*="66-33contentcontainer"] > *:first-child [class*="66-33contentcontainer"]:last-child .cmp:last-child p:last-child,
[class*="66-33contentcontainer"] > *:first-child [class*="75-25contentcontainer"]:last-child .cmp:last-child p:last-child,
[class*="75-25contentcontainer"] > *:first-child [class*="25-75contentcontainer"]:last-child .cmp:last-child p:last-child,
[class*="75-25contentcontainer"] > *:first-child [class*="33-66contentcontainer"]:last-child .cmp:last-child p:last-child,
[class*="75-25contentcontainer"] > *:first-child [class*="50-50contentcontainer"]:last-child .cmp:last-child p:last-child,
[class*="75-25contentcontainer"] > *:first-child [class*="66-33contentcontainer"]:last-child .cmp:last-child p:last-child,
[class*="75-25contentcontainer"] > *:first-child [class*="75-25contentcontainer"]:last-child .cmp:last-child p:last-child {
margin-bottom: 0; }
[class*="100contentcontainer"] [class*="25-75contentcontainer"] > *:first-child,
[class*="100contentcontainer"] [class*="33-66contentcontainer"] > *:first-child,
[class*="100contentcontainer"] [class*="50-50contentcontainer"] > *:first-child,
[class*="100contentcontainer"] [class*="66-33contentcontainer"] > *:first-child,
[class*="100contentcontainer"] [class*="75-25contentcontainer"] > *:first-child,
[class*="100contentcontainer"] [class*="100contentcontainer"] > *:first-child,
[class*="100contentcontainer"] [class*="3-upcontentcontainer"] > *:first-child,
[class*="100contentcontainer"] [class*="4-upcontentcontainer"] > *:first-child,
[class*="25-75contentcontainer"] [class*="25-75contentcontainer"] > *:first-child,
[class*="25-75contentcontainer"] [class*="33-66contentcontainer"] > *:first-child,
[class*="25-75contentcontainer"] [class*="50-50contentcontainer"] > *:first-child,
[class*="25-75contentcontainer"] [class*="66-33contentcontainer"] > *:first-child,
[class*="25-75contentcontainer"] [class*="75-25contentcontainer"] > *:first-child,
[class*="25-75contentcontainer"] [class*="100contentcontainer"] > *:first-child,
[class*="25-75contentcontainer"] [class*="3-upcontentcontainer"] > *:first-child,
[class*="25-75contentcontainer"] [class*="4-upcontentcontainer"] > *:first-child,
[class*="33-66contentcontainer"] [class*="25-75contentcontainer"] > *:first-child,
[class*="33-66contentcontainer"] [class*="33-66contentcontainer"] > *:first-child,
[class*="33-66contentcontainer"] [class*="50-50contentcontainer"] > *:first-child,
[class*="33-66contentcontainer"] [class*="66-33contentcontainer"] > *:first-child,
[class*="33-66contentcontainer"] [class*="75-25contentcontainer"] > *:first-child,
[class*="33-66contentcontainer"] [class*="100contentcontainer"] > *:first-child,
[class*="33-66contentcontainer"] [class*="3-upcontentcontainer"] > *:first-child,
[class*="33-66contentcontainer"] [class*="4-upcontentcontainer"] > *:first-child,
[class*="50-50contentcontainer"] [class*="25-75contentcontainer"] > *:first-child,
[class*="50-50contentcontainer"] [class*="33-66contentcontainer"] > *:first-child,
[class*="50-50contentcontainer"] [class*="50-50contentcontainer"] > *:first-child,
[class*="50-50contentcontainer"] [class*="66-33contentcontainer"] > *:first-child,
[class*="50-50contentcontainer"] [class*="75-25contentcontainer"] > *:first-child,
[class*="50-50contentcontainer"] [class*="100contentcontainer"] > *:first-child,
[class*="50-50contentcontainer"] [class*="3-upcontentcontainer"] > *:first-child,
[class*="50-50contentcontainer"] [class*="4-upcontentcontainer"] > *:first-child,
[class*="66-33contentcontainer"] [class*="25-75contentcontainer"] > *:first-child,
[class*="66-33contentcontainer"] [class*="33-66contentcontainer"] > *:first-child,
[class*="66-33contentcontainer"] [class*="50-50contentcontainer"] > *:first-child,
[class*="66-33contentcontainer"] [class*="66-33contentcontainer"] > *:first-child,
[class*="66-33contentcontainer"] [class*="75-25contentcontainer"] > *:first-child,
[class*="66-33contentcontainer"] [class*="100contentcontainer"] > *:first-child,
[class*="66-33contentcontainer"] [class*="3-upcontentcontainer"] > *:first-child,
[class*="66-33contentcontainer"] [class*="4-upcontentcontainer"] > *:first-child,
[class*="75-25contentcontainer"] [class*="25-75contentcontainer"] > *:first-child,
[class*="75-25contentcontainer"] [class*="33-66contentcontainer"] > *:first-child,
[class*="75-25contentcontainer"] [class*="50-50contentcontainer"] > *:first-child,
[class*="75-25contentcontainer"] [class*="66-33contentcontainer"] > *:first-child,
[class*="75-25contentcontainer"] [class*="75-25contentcontainer"] > *:first-child,
[class*="75-25contentcontainer"] [class*="100contentcontainer"] > *:first-child,
[class*="75-25contentcontainer"] [class*="3-upcontentcontainer"] > *:first-child,
[class*="75-25contentcontainer"] [class*="4-upcontentcontainer"] > *:first-child {
padding-top: 1rem;
padding-bottom: 1rem; }
[class*="100contentcontainer"] [class*="25-75contentcontainer"]:first-child > *:first-child,
[class*="100contentcontainer"] [class*="33-66contentcontainer"]:first-child > *:first-child,
[class*="100contentcontainer"] [class*="50-50contentcontainer"]:first-child > *:first-child,
[class*="100contentcontainer"] [class*="66-33contentcontainer"]:first-child > *:first-child,
[class*="100contentcontainer"] [class*="75-25contentcontainer"]:first-child > *:first-child,
[class*="100contentcontainer"] [class*="100contentcontainer"]:first-child > *:first-child,
[class*="100contentcontainer"] [class*="3-upcontentcontainer"]:first-child > *:first-child,
[class*="100contentcontainer"] [class*="4-upcontentcontainer"]:first-child > *:first-child,
[class*="25-75contentcontainer"] [class*="25-75contentcontainer"]:first-child > *:first-child,
[class*="25-75contentcontainer"] [class*="33-66contentcontainer"]:first-child > *:first-child,
[class*="25-75contentcontainer"] [class*="50-50contentcontainer"]:first-child > *:first-child,
[class*="25-75contentcontainer"] [class*="66-33contentcontainer"]:first-child > *:first-child,
[class*="25-75contentcontainer"] [class*="75-25contentcontainer"]:first-child > *:first-child,
[class*="25-75contentcontainer"] [class*="100contentcontainer"]:first-child > *:first-child,
[class*="25-75contentcontainer"] [class*="3-upcontentcontainer"]:first-child > *:first-child,
[class*="25-75contentcontainer"] [class*="4-upcontentcontainer"]:first-child > *:first-child,
[class*="33-66contentcontainer"] [class*="25-75contentcontainer"]:first-child > *:first-child,
[class*="33-66contentcontainer"] [class*="33-66contentcontainer"]:first-child > *:first-child,
[class*="33-66contentcontainer"] [class*="50-50contentcontainer"]:first-child > *:first-child,
[class*="33-66contentcontainer"] [class*="66-33contentcontainer"]:first-child > *:first-child,
[class*="33-66contentcontainer"] [class*="75-25contentcontainer"]:first-child > *:first-child,
[class*="33-66contentcontainer"] [class*="100contentcontainer"]:first-child > *:first-child,
[class*="33-66contentcontainer"] [class*="3-upcontentcontainer"]:first-child > *:first-child,
[class*="33-66contentcontainer"] [class*="4-upcontentcontainer"]:first-child > *:first-child,
[class*="50-50contentcontainer"] [class*="25-75contentcontainer"]:first-child > *:first-child,
[class*="50-50contentcontainer"] [class*="33-66contentcontainer"]:first-child > *:first-child,
[class*="50-50contentcontainer"] [class*="50-50contentcontainer"]:first-child > *:first-child,
[class*="50-50contentcontainer"] [class*="66-33contentcontainer"]:first-child > *:first-child,
[class*="50-50contentcontainer"] [class*="75-25contentcontainer"]:first-child > *:first-child,
[class*="50-50contentcontainer"] [class*="100contentcontainer"]:first-child > *:first-child,
[class*="50-50contentcontainer"] [class*="3-upcontentcontainer"]:first-child > *:first-child,
[class*="50-50contentcontainer"] [class*="4-upcontentcontainer"]:first-child > *:first-child,
[class*="66-33contentcontainer"] [class*="25-75contentcontainer"]:first-child > *:first-child,
[class*="66-33contentcontainer"] [class*="33-66contentcontainer"]:first-child > *:first-child,
[class*="66-33contentcontainer"] [class*="50-50contentcontainer"]:first-child > *:first-child,
[class*="66-33contentcontainer"] [class*="66-33contentcontainer"]:first-child > *:first-child,
[class*="66-33contentcontainer"] [class*="75-25contentcontainer"]:first-child > *:first-child,
[class*="66-33contentcontainer"] [class*="100contentcontainer"]:first-child > *:first-child,
[class*="66-33contentcontainer"] [class*="3-upcontentcontainer"]:first-child > *:first-child,
[class*="66-33contentcontainer"] [class*="4-upcontentcontainer"]:first-child > *:first-child,
[class*="75-25contentcontainer"] [class*="25-75contentcontainer"]:first-child > *:first-child,
[class*="75-25contentcontainer"] [class*="33-66contentcontainer"]:first-child > *:first-child,
[class*="75-25contentcontainer"] [class*="50-50contentcontainer"]:first-child > *:first-child,
[class*="75-25contentcontainer"] [class*="66-33contentcontainer"]:first-child > *:first-child,
[class*="75-25contentcontainer"] [class*="75-25contentcontainer"]:first-child > *:first-child,
[class*="75-25contentcontainer"] [class*="100contentcontainer"]:first-child > *:first-child,
[class*="75-25contentcontainer"] [class*="3-upcontentcontainer"]:first-child > *:first-child,
[class*="75-25contentcontainer"] [class*="4-upcontentcontainer"]:first-child > *:first-child {
padding-top: 0; }
[class*="100contentcontainer"] [class*="25-75contentcontainer"]:last-child > *:first-child,
[class*="100contentcontainer"] [class*="33-66contentcontainer"]:last-child > *:first-child,
[class*="100contentcontainer"] [class*="50-50contentcontainer"]:last-child > *:first-child,
[class*="100contentcontainer"] [class*="66-33contentcontainer"]:last-child > *:first-child,
[class*="100contentcontainer"] [class*="75-25contentcontainer"]:last-child > *:first-child,
[class*="100contentcontainer"] [class*="100contentcontainer"]:last-child > *:first-child,
[class*="100contentcontainer"] [class*="3-upcontentcontainer"]:last-child > *:first-child,
[class*="100contentcontainer"] [class*="4-upcontentcontainer"]:last-child > *:first-child,
[class*="25-75contentcontainer"] [class*="25-75contentcontainer"]:last-child > *:first-child,
[class*="25-75contentcontainer"] [class*="33-66contentcontainer"]:last-child > *:first-child,
[class*="25-75contentcontainer"] [class*="50-50contentcontainer"]:last-child > *:first-child,
[class*="25-75contentcontainer"] [class*="66-33contentcontainer"]:last-child > *:first-child,
[class*="25-75contentcontainer"] [class*="75-25contentcontainer"]:last-child > *:first-child,
[class*="25-75contentcontainer"] [class*="100contentcontainer"]:last-child > *:first-child,
[class*="25-75contentcontainer"] [class*="3-upcontentcontainer"]:last-child > *:first-child,
[class*="25-75contentcontainer"] [class*="4-upcontentcontainer"]:last-child > *:first-child,
[class*="33-66contentcontainer"] [class*="25-75contentcontainer"]:last-child > *:first-child,
[class*="33-66contentcontainer"] [class*="33-66contentcontainer"]:last-child > *:first-child,
[class*="33-66contentcontainer"] [class*="50-50contentcontainer"]:last-child > *:first-child,
[class*="33-66contentcontainer"] [class*="66-33contentcontainer"]:last-child > *:first-child,
[class*="33-66contentcontainer"] [class*="75-25contentcontainer"]:last-child > *:first-child,
[class*="33-66contentcontainer"] [class*="100contentcontainer"]:last-child > *:first-child,
[class*="33-66contentcontainer"] [class*="3-upcontentcontainer"]:last-child > *:first-child,
[class*="33-66contentcontainer"] [class*="4-upcontentcontainer"]:last-child > *:first-child,
[class*="50-50contentcontainer"] [class*="25-75contentcontainer"]:last-child > *:first-child,
[class*="50-50contentcontainer"] [class*="33-66contentcontainer"]:last-child > *:first-child,
[class*="50-50contentcontainer"] [class*="50-50contentcontainer"]:last-child > *:first-child,
[class*="50-50contentcontainer"] [class*="66-33contentcontainer"]:last-child > *:first-child,
[class*="50-50contentcontainer"] [class*="75-25contentcontainer"]:last-child > *:first-child,
[class*="50-50contentcontainer"] [class*="100contentcontainer"]:last-child > *:first-child,
[class*="50-50contentcontainer"] [class*="3-upcontentcontainer"]:last-child > *:first-child,
[class*="50-50contentcontainer"] [class*="4-upcontentcontainer"]:last-child > *:first-child,
[class*="66-33contentcontainer"] [class*="25-75contentcontainer"]:last-child > *:first-child,
[class*="66-33contentcontainer"] [class*="33-66contentcontainer"]:last-child > *:first-child,
[class*="66-33contentcontainer"] [class*="50-50contentcontainer"]:last-child > *:first-child,
[class*="66-33contentcontainer"] [class*="66-33contentcontainer"]:last-child > *:first-child,
[class*="66-33contentcontainer"] [class*="75-25contentcontainer"]:last-child > *:first-child,
[class*="66-33contentcontainer"] [class*="100contentcontainer"]:last-child > *:first-child,
[class*="66-33contentcontainer"] [class*="3-upcontentcontainer"]:last-child > *:first-child,
[class*="66-33contentcontainer"] [class*="4-upcontentcontainer"]:last-child > *:first-child,
[class*="75-25contentcontainer"] [class*="25-75contentcontainer"]:last-child > *:first-child,
[class*="75-25contentcontainer"] [class*="33-66contentcontainer"]:last-child > *:first-child,
[class*="75-25contentcontainer"] [class*="50-50contentcontainer"]:last-child > *:first-child,
[class*="75-25contentcontainer"] [class*="66-33contentcontainer"]:last-child > *:first-child,
[class*="75-25contentcontainer"] [class*="75-25contentcontainer"]:last-child > *:first-child,
[class*="75-25contentcontainer"] [class*="100contentcontainer"]:last-child > *:first-child,
[class*="75-25contentcontainer"] [class*="3-upcontentcontainer"]:last-child > *:first-child,
[class*="75-25contentcontainer"] [class*="4-upcontentcontainer"]:last-child > *:first-child {
padding-bottom: 0; }
[class*="100contentcontainer"] .orion-global,
[class*="25-75contentcontainer"] .orion-global,
[class*="33-66contentcontainer"] .orion-global,
[class*="50-50contentcontainer"] .orion-global,
[class*="66-33contentcontainer"] .orion-global,
[class*="75-25contentcontainer"] .orion-global {
padding: 1rem 0; }
.generic-content-container .layout-full-bleed {
background-color: transparent; }
.small-container {
max-width: 1080px;
width: auto;
margin: 0 auto; }
.plainfooter .layout-footer .footer-logo {
margin-top: 0.3rem; }
.layout-footer {
background: #313435;
margin-top: -1px;
width: 100%; }
.layout-footer li {
margin-bottom: .5em; }
.layout-footer a, .layout-footer .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .layout-footer .dropdownSelected {
color: white; }
.layout-footer a:hover, .layout-footer .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .layout-footer .dropdownSelected:hover {
color: #61b8ff; }
.layout-footer .layout-inner-wrap {
overflow: auto; }
.layout-footer .layout-inner-wrap .nav-tertiary .nav-tertiary-col h4 {
font-size: 28px; }
.layout-footer .layout-inner-wrap .nav-tertiary .searchLanguage {
border-left: none;
padding-left: 0em;
border-top: 2px solid #919597;
margin-top: 2em; }
.layout-footer .layout-inner-wrap .nav-tertiary .searchLanguage .nav-supplemental .search-site fieldset legend {
display: block;
border-bottom: 0;
padding-top: 1em;
padding-bottom: 0;
color: #C0C3C4;
font-size: 15px;
margin-bottom: 5px;
font-weight: 700; }
@media only screen and (min-width: 30em) {
.layout-footer .layout-inner-wrap .nav-tertiary .searchLanguage {
border-left: none;
padding-left: 0em;
border-top: none;
margin-top: 1em; } }
@media only screen and (min-width: 60em) {
.layout-footer .layout-inner-wrap .nav-tertiary .searchLanguage {
margin-top: 0em; } }
@media only screen and (min-width: 76.25em) {
.layout-footer .layout-inner-wrap .nav-tertiary .searchLanguage {
border-left: 2px solid #919597;
padding-left: 2em;
border-top: none;
margin-top: 0em; } }
@media only screen and (min-width: 48em) {
.layout-footer .layout-inner-wrap .nav-tertiary .searchLanguage li {
width: 100%; } }
.layout-footer .layout-inner-wrap .nav-tertiary .searchLanguage #footer-country_dropdown, .layout-footer .layout-inner-wrap .nav-tertiary .searchLanguage form {
padding: .2em 0em .8em 0em; }
.layout-footer .layout-inner-wrap .nav-tertiary .searchLanguage #footer-country_dropdown .decorator-select, .layout-footer .layout-inner-wrap .nav-tertiary .searchLanguage form .decorator-select {
background: transparent;
border: 1px solid #C0C3C4;
border-radius: 0px;
box-sizing: border-box;
display: inline-block;
height: 2.33333em;
overflow: hidden;
position: relative;
width: 100%;
border-radius: 4px; }
.layout-footer .layout-inner-wrap .nav-tertiary .searchLanguage #footer-country_dropdown .decorator-select:after, .layout-footer .layout-inner-wrap .nav-tertiary .searchLanguage form .decorator-select:after {
content: url("head/select-arrow.png");
height: 48px;
pointer-events: none;
position: absolute;
right: 0px;
top: 3px;
width: 29px;
z-index: 11; }
.layout-footer .layout-inner-wrap .nav-tertiary .searchLanguage #footer-country_dropdown .decorator-select select, .layout-footer .layout-inner-wrap .nav-tertiary .searchLanguage form .decorator-select select {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
background: transparent;
border: none;
box-sizing: border-box;
color: #fff;
display: block;
height: 2.33333em;
padding: 1px 10px 6px 10px;
position: relative;
width: 100%;
outline: none; }
.layout-footer .layout-inner-wrap .nav-tertiary .searchLanguage #footer-country_dropdown .decorator-select select option, .layout-footer .layout-inner-wrap .nav-tertiary .searchLanguage form .decorator-select select option {
color: #313435;
background-color: #fff; }
.layout-footer .layout-inner-wrap .nav-tertiary .searchLanguage #footer-country_dropdown .decorator-select select::-ms-expand, .layout-footer .layout-inner-wrap .nav-tertiary .searchLanguage form .decorator-select select::-ms-expand {
border: none;
display: none; }
.layout-footer .layout-inner-wrap .nav-tertiary .searchLanguage #footer-country_dropdown .decorator-select select::-ms-value, .layout-footer .layout-inner-wrap .nav-tertiary .searchLanguage form .decorator-select select::-ms-value {
background: transparent;
color: #fff; }
.layout-footer .layout-inner-wrap .nav-tertiary .searchLanguage #footer-country_dropdown .decorator-select select option::-ms-value, .layout-footer .layout-inner-wrap .nav-tertiary .searchLanguage form .decorator-select select option::-ms-value {
color: #313435; }
.layout-footer .layout-inner-wrap .nav-tertiary .searchLanguage h4 {
border-bottom: 0px;
padding-top: 1em;
padding-bottom: 0px;
color: #C0C3C4;
font-size: 15px;
margin-bottom: 5px;
font-weight: bold; }
.footer-logo {
background-image: url("head/Tagline-Logo-Lockup.svg");
--background-image: url("head/logo_footer_msg.png");
--background-position: left 10px;
background-repeat: no-repeat;
background-size: auto;
max-width: 200px;
height: 80px;
margin-bottom: 1.66667em;
margin-right: 0rem;
--margin-left: -0.5rem;
margin-top: 0.9rem; }
.no-svg .footer-logo {
background-image: url("head/Tagline-Logo-Lockup.png"); }
.footer-logo > a, .orion-seconday-nav .nav-wrap ul li .footer-logo > .dropdownSelected {
display: block;
height: 100%;
--width: 135px;
text-indent: -9999em; }
@media only screen and (min-width: 60em) {
.footer-logo {
box-sizing: border-box;
float: left;
min-height: 1px;
width: 20%;
--width: 11.6%;
margin-right: 2.5rem;
--margin-left: -0.5rem; } }
.meta {
font-size: 14px;
font-size: 0.77778rem;
margin: 0;
padding: 0; }
.meta > li {
list-style-type: none;
margin-bottom: 0.85714em; }
@media only screen and (min-width: 48em) {
.meta > li {
box-sizing: border-box;
display: inline-block;
margin-right: -0.25em;
padding-right: 4.1%;
vertical-align: top;
width: 49.1%; } }
.meta.nav-supplemental > li {
width: 100%; }
@media only screen and (min-width: 60em) {
.meta.nav-supplemental > li {
width: 83.3%; } }
.meta.nav-supplemental .search-input-m-glass {
font-size: 14px;
font-size: 0.77778rem;
border-width: 1px;
height: 2.33333em;
padding: 0.22222em 0.72222em 0.22222em 0; }
.meta.nav-supplemental .search-input-m-glass input[type=text] {
padding: 0.16667em 2.22222em 0.16667em 0.66667em;
color: #313435; }
.meta.nav-supplemental .search-input-m-glass button {
right: 0.44444em; }
.meta.nav-supplemental .search-input-m-glass button:before {
font-size: 20px;
font-size: 1.11111rem; }
.meta .footer-search {
width: 100%; }
.layout-header {
background: #fff;
padding: 0;
position: fixed;
right: 0;
top: 0;
-webkit-transition: right 0.3s linear;
transition: right 0.3s linear;
width: 100%;
z-index: 20; }
@media only screen and (min-width: 60em) {
.layout-header {
overflow: hidden;
position: static;
right: 0; } }
/**
* 'navigation' navigation key
*/
body.bmc-nav-loader-navigation .layout-header {
height: 3.35em; }
@media only screen and (min-width: 60em) {
body.bmc-nav-loader-navigation .layout-header {
height: 75px;
overflow: hidden;
position: static;
right: 0; } }
body.bmc-nav-loader-navigation .layout-header:after {
bottom: 0px;
height: 10px;
width: 100%;
position: absolute;
box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.4); }
@media only screen and (min-width: 60em) {
body.bmc-nav-loader-navigation .layout-header:after {
display: none; } }
body.bmc-nav-loader-navigation .layout-header .headerSearch {
float: right;
margin: 0.8rem 2rem;
font-size: 24px;
list-style-type: none; }
body.bmc-nav-loader-navigation.scrolled-down .layout-header,
body.bmc-nav-loader-navigation.scrolled-up .layout-header {
background: #f3f3f3;
background: rgba(255, 255, 255, 0.85); }
@media only screen and (min-width: 60em) {
body.bmc-nav-loader-navigation.scrolled-down .layout-header,
body.bmc-nav-loader-navigation.scrolled-up .layout-header {
background: white; } }
.navigation-open .layout-header {
z-index: zIndex(nav)1; }
.navigation-open .layout-header:after {
margin-left: 60px; }
.layout-navigation-open {
background: #f3f3f3;
border-right: 1px solid #999;
border-bottom: 1px solid #f3f3f3;
float: left;
outline: none !important;
padding-top: 12px;
width: 60px;
height: 47px; }
.navigation-open .layout-navigation-open {
height: 45px;
padding-top: 14px;
width: 60px; }
@media only screen and (min-width: 60em) {
.layout-navigation-open {
display: none; } }
.layout-navigation-open:before {
color: #000;
font-family: "icomoon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-transform: none;
content: "";
font-size: 36px;
font-size: 2rem;
padding: 12px; }
.navigation-open .layout-navigation-open:before {
content: '\e629';
font-size: 33px;
font-size: 1.83333rem;
padding: 18px 14px 12px 4px; }
.search-active .layout-navigation-open {
display: none; }
.rgba .scrolled-down .layout-navigation-open,
.rgba .scrolled-up .layout-navigation-open {
background: rgba(255, 255, 255, 0); }
/**
* 'nav' navigation key
*/
body.bmc-nav-loader-nav .layout-header {
height: 4em; }
@media only screen and (min-width: 60em) {
body.bmc-nav-loader-nav .layout-header {
height: 104px;
overflow: hidden;
position: static;
right: 0; } }
html.rgba body.bmc-nav-loader-nav.scrolled-down .layout-header,
html.rgba body.bmc-nav-loader-nav.scrolled-up .layout-header {
background: rgba(255, 255, 255, 0.85); }
@media only screen and (min-width: 60em) {
html.rgba body.bmc-nav-loader-nav.scrolled-down .layout-header,
html.rgba body.bmc-nav-loader-nav.scrolled-up .layout-header {
background: white; } }
body.bmc-nav-loader-nav .nav-open .layout-header {
right: 100%; }
.header-generic .header-generic.layout-inner-wrap {
margin-top: 1.66667rem; }
.section {
box-sizing: border-box;
color: #313435;
position: relative;
z-index: 1; }
.section * {
box-sizing: border-box; }
.section-content,
.section-header,
.section-footer {
margin-left: 28px;
margin-right: 28px;
max-width: 1384px;
position: relative; }
@media (min-width: 1496px) {
.section-content,
.section-header,
.section-footer {
margin-left: auto;
margin-right: auto; } }
.section-content-full {
position: relative; }
@media (min-width: 1496px) {
.section-content-full {
margin-left: auto;
margin-right: auto;
max-width: 1440px; } }
.section-header {
border-bottom: 1px solid #cacaca; }
.section-footer {
border-top: 1px solid #cacaca; }
.section-title {
font-size: 24px;
font-weight: 400; }
@media only screen and (min-width: 48em) {
.section-title {
font-size: 30px; } }
@media only screen and (min-width: 60em) {
.section-title {
font-size: 36px; } }
.section-title.-sm {
font-size: 18px; }
@media only screen and (min-width: 48em) {
.section-title.-sm {
font-size: 24px; } }
@media only screen and (min-width: 60em) {
.section-title.-sm {
font-size: 30px; } }
.section-title.-lg {
font-size: 30px; }
@media only screen and (min-width: 48em) {
.section-title.-lg {
font-size: 36px; } }
@media only screen and (min-width: 60em) {
.section-title.-lg {
font-size: 42px; } }
@media (min-width: 1024px) {
.section .section-hero-image {
background: url("head/category_banner_bg2.png") no-repeat right center;
background-size: auto 100%;
bottom: 0;
left: 0;
position: absolute;
top: 0;
width: 66.66667%; } }
@media (min-width: 1024px) {
.section .section-hero-image.-compact {
background: url("head/banner-compact.png") no-repeat right center;
width: 50%; } }
.section .section-hero-content {
margin-left: 0;
margin-right: 0;
padding: 32px 28px;
position: relative;
vertical-align: middle; }
@media (min-width: 1024px) {
.section .section-hero-content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex; } }
@media (min-width: 1496px) {
.section .section-hero-content {
margin-left: auto;
margin-right: auto; } }
@media (min-width: 1496px) {
.no-flexbox .section .section-hero-content {
padding: 44px 0 40px; } }
.mortar-flex {
-webkit-box-flex: 0;
-ms-flex: 0 0 10px;
flex: 0 0 10px; }
.mortar-top {
margin-top: 10px; }
.mortar-right {
margin-right: 10px; }
.mortar-bottom {
margin-bottom: 10px; }
.mortar-left {
margin-left: 10px; }
.masonry .card, .masonry .rc-card-row .simple-card, .rc-card-row .masonry .simple-card, .masonry .rc-card-row .card-with-header, .rc-card-row .masonry .card-with-header, .masonry .rc-card-row .card-with-description, .rc-card-row .masonry .card-with-description, .masonry .rc-card-row .featured-card, .rc-card-row .masonry .featured-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.masonry .card-content {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
@media (min-width: 1024px) {
.masonry-withgap .lg-col-6 {
width: 49.4%; } }
.masonry-withgap .card, .masonry-withgap .rc-card-row .simple-card, .rc-card-row .masonry-withgap .simple-card, .masonry-withgap .rc-card-row .card-with-header, .rc-card-row .masonry-withgap .card-with-header, .masonry-withgap .rc-card-row .card-with-description, .rc-card-row .masonry-withgap .card-with-description, .masonry-withgap .rc-card-row .featured-card, .rc-card-row .masonry-withgap .featured-card {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
.flex-col.primary {
padding-right: 0px; }
@media (min-width: 1024px) {
.flex-col.primary {
padding-right: 5px; } }
.flex-col.secondary {
padding-left: 0px; }
@media (min-width: 1024px) {
.flex-col.secondary {
padding-left: 5px; } }
.brick .innerWrap.brickLeft {
padding-right: 0px;
padding-bottom: 10px; }
@media all and (min-width: 832px) {
.brick .innerWrap.brickLeft {
padding-right: 5px;
padding-bottom: 0; } }
.brick .innerWrap.brickRight {
padding-left: 0px; }
@media all and (min-width: 832px) {
.brick .innerWrap.brickRight {
padding-left: 5px; } }
.brick .inner {
width: 100%;
height: 100%;
background-size: cover; }
@media (min-width: 1024px) {
.masonry-withgap .lg-col-6 {
width: 49.4%; } }
.masonry-withgap .card, .masonry-withgap .rc-card-row .simple-card, .rc-card-row .masonry-withgap .simple-card, .masonry-withgap .rc-card-row .card-with-header, .rc-card-row .masonry-withgap .card-with-header, .masonry-withgap .rc-card-row .card-with-description, .rc-card-row .masonry-withgap .card-with-description, .masonry-withgap .rc-card-row .featured-card, .rc-card-row .masonry-withgap .featured-card {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
div.accordion ul.accordion {
border-top: 1px solid #cacaca;
border-bottom: 1px solid #cacaca; }
div.accordion + div.accordion ul.accordion {
border-bottom: 1px solid #cacaca;
border-top: 1px solid transparent;
margin-top: 0; }
div.accordion.last-in-accordionList {
margin-bottom: 2rem; }
ul.accordion {
padding: 0;
margin: 0 auto;
max-width: 1440px;
width: 100%; }
ul.accordion .jump-to {
display: block;
height: 4.35em;
margin-top: -4.35em;
visibility: hidden; }
ul.accordion .accordion-item {
list-style: none;
margin: 0 auto;
padding-bottom: 1em;
padding-top: 1em; }
ul.accordion .accordion-item .accordion-item-anchor:hover:before {
background-color: #00368f;
color: #fff; }
ul.accordion .accordion-item.open .accordion-item-anchor:before {
content: '\2013';
line-height: 1.15;
background-color: #00368f;
color: #fff; }
ul.accordion .accordion-item.open .accordion-item-content {
margin: 1em 0;
max-height: 99em;
overflow: auto; }
ul.accordion .accordion-item-anchor {
background-position: left center;
background-repeat: no-repeat;
background-size: contain;
font-size: 1.5em;
font-weight: 400;
text-shadow: none;
cursor: pointer;
cursor: hand; }
ul.accordion .accordion-item-anchor:before {
border: solid 2px;
border-radius: 50%;
content: '\2B';
display: inline-block;
font-size: 1em;
height: 30px;
line-height: 1.15;
margin-right: 20px;
text-align: center;
width: 30px; }
@media only screen and (min-width: 48em) {
ul.accordion .accordion-item-anchor:before {
height: 34px;
margin-right: 34px;
width: 34px; } }
@media only screen and (min-width: 60em) {
ul.accordion .accordion-item-anchor:before {
height: 36px;
width: 36px; } }
@media only screen and (min-width: 76.25em) {
ul.accordion .accordion-item-anchor:before {
height: 38px;
width: 38px; } }
ul.accordion .accordion-item-content {
max-height: 0;
overflow: hidden;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear; }
ul.accordion.accordion-no-border {
border-bottom: none;
margin: 0; }
ul.accordion-training {
margin: 1em 0 0 0 !important; }
ul.accordion-training .accordion-item {
border-top: 1px solid #cacaca; }
.accordion--editing {
list-style: none;
margin: 0;
padding: 0; }
.accordion--editing .accordion-item-content {
display: block !important; }
/* ================================= Accordion New Variation BEGINS ============================================ */
.accordion .accordion-v2 .accordion-item {
border-top: 1px solid #C0C3C4;
padding: 0 1rem 0 1.7rem; }
.accordion .accordion-v2 .accordion-item:last-of-type {
border-bottom: 1px solid #C0C3C4; }
.accordion .accordion-v2 .accordion-item button {
position: relative;
display: block;
text-align: left;
width: 100%;
padding: 1.2rem 2.5rem 0.4rem 0;
font-size: 20px;
font-weight: 400;
line-height: 30px;
border: none;
background: none;
outline: none;
color: #00368f;
margin-top: 0;
cursor: pointer; }
.accordion .accordion-v2 .accordion-item button:hover, .accordion .accordion-v2 .accordion-item button:focus {
cursor: pointer;
color: #00368f; }
.accordion .accordion-v2 .accordion-item button:hover::after, .accordion .accordion-v2 .accordion-item button:focus::after {
cursor: pointer;
color: #00368f;
border: 1px solid #00368f; }
.accordion .accordion-v2 .accordion-item button .icon {
display: inline-block;
position: absolute;
top: 20px;
right: 0;
width: 22px;
height: 22px; }
.accordion .accordion-v2 .accordion-item button .icon::before {
content: '\2B';
display: inline-block;
color: #FE5000;
font-size: 30px;
text-align: center; }
.accordion .accordion-v2 .accordion-item button .icon::after {
content: '\2013';
font-size: 0;
color: #FE5000; }
.accordion .accordion-v2 .accordion-item button[aria-expanded='true'] {
color: #00368f; }
.accordion .accordion-v2 .accordion-item button[aria-expanded='true'] .icon::before {
font-size: 0; }
.accordion .accordion-v2 .accordion-item button[aria-expanded='true'] .icon::after {
font-size: 30px; }
.accordion .accordion-v2 .accordion-item button[aria-expanded='true'] + .accordion-content {
opacity: 1;
max-height: 100%;
-webkit-transition: all 100ms linear;
transition: all 100ms linear;
will-change: opacity; }
.accordion .accordion-v2 .accordion-content {
opacity: 0;
max-height: 0;
overflow: hidden;
-webkit-transition: opacity 100ms linear;
transition: opacity 100ms linear;
will-change: opacity; }
.accordion .accordion-v2 .accordion-content p, .accordion .accordion-v2 .accordion-content .accordionChild-element {
padding-right: 1rem;
padding-bottom: 1.5rem;
margin-bottom: 0em; }
@media only screen and (min-width: 48em) {
.accordion .accordion-v2 .accordion-content p {
padding-right: 2rem;
padding-bottom: 1.5rem; } }
.accordion.accordion--vtLine .accordion-v2 .accordion-item {
border-left: 2px solid transparent;
padding: 0 1rem 0 1.7rem; }
.accordion.accordion--vtLine .accordion-v2 .accordion-item.acc-active {
border-left: 2px solid #FE5000;
box-shadow: 0px 0px 6px 5px rgba(0, 0, 0, 0.03);
border-top: none; }
.accordion.accordion--vtLine .accordion-v2 .accordion-item button {
padding-right: 2.5rem; }
.accordion.accordion--vtLine .accordion-v2 .accordion-item .accordion-content p, .accordion.accordion--vtLine .accordion-v2 .accordion-item .accordion-content .accordionChild-element {
padding-right: 1rem; }
@media only screen and (min-width: 48em) {
.accordion.accordion--vtLine .accordion-v2 .accordion-item .accordion-content p {
padding-right: 2rem;
padding-bottom: 1.5rem; } }
.accordion.accordion--vtLine .accordion-v2 .accordion-item.acc-active + .accordion-item {
border-top: none; }
.accordion-contentContainer {
height: 100%; }
@media (min-width: 1024px) {
.accordion-contentContainer {
padding-left: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; } }
.accordion-contentContainer .accordionChild-element {
display: none;
margin: 0 auto; }
.accordion-contentContainer .accordionChild-element:first-child {
display: block; }
/* ================================= Accordion New Variation ENDS ============================================== */
.aem--no-grid.aem-GridColumn {
clear: none !important;
float: none !important;
width: auto !important; }
.aem--no-grid .aem--inline-block {
display: inline-block !important;
float: none !important;
width: auto !important; }
fieldset .cmp {
padding: 0.5rem;
line-height: 0.7; }
fieldset div.cmp-text {
margin-bottom: 0 !important;
padding-bottom: 0; }
fieldset div.cmp-text p {
margin-bottom: 0; }
.cmp-image + .cmp-image {
padding-top: 1rem; }
.append-around-low-resolution {
display: block !important; }
@media only screen and (min-width: 60em) {
.append-around-low-resolution {
display: none !important; } }
.append-around-high-resolution {
display: none !important; }
@media only screen and (min-width: 60em) {
.append-around-high-resolution {
display: block !important; } }
.autocomplete-suggestions {
background-color: white;
border: 1px solid #2a2a2a;
font-size: 14px;
font-size: 0.77778rem;
line-height: 1.45;
overflow-x: hidden;
overflow-y: auto;
text-align: left; }
@media only screen and (min-width: 48em) {
.autocomplete-suggestions {
font-size: 18px;
font-size: 1rem; } }
.autocomplete-suggestion {
border-top: 1px dashed #2a2a2a;
cursor: pointer;
padding: 0.5em; }
.autocomplete-suggestion:first-child {
border-top: none; }
.autocomplete-suggestion.autocomplete-selected {
background-color: #0078CC;
color: #ffffff; }
#demandbase-autocomplete .ui-widget {
z-index: 11 !important; }
.badge-primary, .badge-secondary, .badge-tertiary, .badge-action {
border-radius: 8px;
cursor: default;
display: inline-block;
font-size: 12px;
font-size: 0.66667rem;
margin-right: 0.5em;
padding: 0.5em; }
[class^="badge-"] + [class^="badge-"] {
margin-top: 0.5em; }
.badge-primary {
background-color: #fefefe;
color: white; }
.badge-secondary {
background-color: #292929;
color: white; }
.badge-tertiary {
background-color: #e1e1e1;
color: white; }
.badge-action {
background-color: #0093C9;
color: white; }
.banner {
position: relative;
text-align: center;
vertical-align: middle; }
@media only screen and (min-width: 60em) {
.banner {
text-align: left; }
.banner .td {
padding: 16px 0; } }
.banner.-ribbon {
background-image: url("head/banner-ribbon.png"); }
.banner .mobile-only {
max-width: 400px;
width: 100%; }
.banner .image {
margin-bottom: 16px; }
@media only screen and (min-width: 60em) {
.banner .image {
margin: 0;
padding: 0;
width: 400px; } }
.banner .content {
margin: 0 auto;
padding: 0 24px;
border: none; }
@media only screen and (min-width: 60em) {
.banner .content {
padding-left: 16px;
padding-right: 16px;
vertical-align: middle;
width: 22em; } }
@media only screen and (min-width: 76.25em) {
.banner .content {
padding-left: 24px;
width: 26em; } }
.banner .content p {
font-size: 18px;
margin-bottom: 5px; }
@media only screen and (min-width: 60em) {
.banner .content p {
font-size: 16px; } }
@media only screen and (min-width: 76.25em) {
.banner .content p {
font-size: 18px; } }
@media screen and (min-width: 1496px) {
.banner .content p {
font-size: 20px; } }
.banner .content .btn-small {
margin-bottom: 0;
padding: .25em 1em;
color: white; }
.banner .countdown {
padding: 5px 0 16px;
width: 100%; }
@media only screen and (min-width: 60em) {
.banner .countdown {
vertical-align: middle;
width: 360px; }
.banner .countdown .cloud-city-countdown {
border-left: 1px solid #333;
padding: 8px 0 16px; } }
@media only screen and (min-width: 60em) {
.banner .bg-home {
background: no-repeat url("head/Engage_Countdown_Desktop_436x183_Final.png") center right;
background-size: 100% auto; } }
.banner .banner-close::before {
content: "";
font-family: "icomoon";
font-size: 1.66667rem;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-transform: none;
position: absolute;
right: 0.44444em;
top: 0.44444em;
font-weight: 700;
color: #0078CC;
text-decoration: none;
text-shadow: 1px 1px 1px rgba(241, 93, 34, 0.07);
-webkit-transition: color 0.25s ease-out 0s;
transition: color 0.25s ease-out 0s; }
.header-form-basic {
background-color: #fe5000;
padding: 2em 0; }
.header-form-basic h1 {
color: #fff; }
@media only screen and (min-width: 60em) {
.header-form-basic h1 {
font-size: 32px;
font-size: 1.77778rem; } }
@media only screen and (min-width: 60em) {
.header-form-basic.header-emphasis h1 {
font-size: 60px;
font-size: 3.33333rem; } }
.hentry .entry-title {
font-size: 22px;
font-size: 1.22222rem; }
.hentry .fn {
font-style: italic; }
.blog-recent figure {
display: none; }
.blog-recent .hentry {
margin-bottom: 1.11111em; }
@media only screen and (min-width: 76.25em) {
.blog-recent .hentry figure {
display: block;
float: right;
width: 50%; }
.blog-recent .hentry figure img {
max-width: 100%; } }
.blog-recent .entry-title {
font-size: 16px;
font-size: 0.88889rem; }
@media only screen and (min-width: 48em) {
.blog-recent .entry-title {
font-size: 18px;
font-size: 1rem; } }
@media only screen and (min-width: 76.25em) {
.blog-recent .entry-title {
box-sizing: border-box;
float: left;
padding-right: 10px;
width: 50%; } }
button,
.btn, .btn-secondary, .btn.btn-secondary, .btn-secondary-corporate, .btn-corporate, .btn-white, .btn-primary-with-border, .btn-primary-white, .btn-secondary-white, .btn-transparent {
font-size: 14px;
font-size: 0.77778rem;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
border-radius: 4px;
border-style: solid;
border-width: 1px;
cursor: pointer;
display: inline-block;
margin: .7em .7em .7em 0;
padding: 0.71429em 1em;
text-align: center; }
button:hover,
.btn:hover, .btn-secondary:hover, .btn-secondary-corporate:hover, .btn-corporate:hover, .btn-white:hover, .btn-primary-with-border:hover, .btn-primary-white:hover, .btn-secondary-white:hover, .btn-transparent:hover, button:active,
.btn:active, .btn-secondary:active, .btn-secondary-corporate:active, .btn-corporate:active, .btn-white:active, .btn-primary-with-border:active, .btn-primary-white:active, .btn-secondary-white:active, .btn-transparent:active {
background-color: #00368f;
border-color: #00368f;
color: #fff; }
button:focus,
.btn:focus, .btn-secondary:focus, .btn-secondary-corporate:focus, .btn-corporate:focus, .btn-white:focus, .btn-primary-with-border:focus, .btn-primary-white:focus, .btn-secondary-white:focus, .btn-transparent:focus {
background-color: #0078CC;
border: 1px solid #00368f;
color: #fff;
outline: thick; }
button.btn-full-width,
.btn-full-width.btn, .btn-full-width.btn-secondary, .btn-full-width.btn-secondary-corporate, .btn-full-width.btn-corporate, .btn-full-width.btn-white, .btn-full-width.btn-primary-with-border, .btn-full-width.btn-primary-white, .btn-full-width.btn-secondary-white, .btn-full-width.btn-transparent {
box-sizing: border-box;
display: block;
margin-right: 0;
margin-top: 0.88889em;
text-align: left;
width: 100%; }
button.btn-full-width:first-child,
.btn-full-width.btn:first-child, .btn-full-width.btn-secondary:first-child, .btn-full-width.btn-secondary-corporate:first-child, .btn-full-width.btn-corporate:first-child, .btn-full-width.btn-white:first-child, .btn-full-width.btn-primary-with-border:first-child, .btn-full-width.btn-primary-white:first-child, .btn-full-width.btn-secondary-white:first-child, .btn-full-width.btn-transparent:first-child {
margin-top: 0; }
button.btn-small,
.btn-small.btn, .btn-small.btn-secondary, .btn-small.btn-secondary-corporate, .btn-small.btn-corporate, .btn-small.btn-white, .btn-small.btn-primary-with-border, .btn-small.btn-primary-white, .btn-small.btn-secondary-white, .btn-small.btn-transparent {
font-size: 14px;
font-size: 0.77778rem;
padding: 0.42857em 0.85714em; }
button.video-play,
.video-play.btn, .video-play.btn-secondary, .video-play.btn-secondary-corporate, .video-play.btn-corporate, .video-play.btn-white, .video-play.btn-primary-with-border, .video-play.btn-primary-white, .video-play.btn-secondary-white, .video-play.btn-transparent {
background-image: url("head/s-VideoPlay-small.png");
background-repeat: no-repeat;
background-position: calc(100% - 10px) center;
padding-right: 2.77778em; }
button[disabled="disabled"],
.btn[disabled="disabled"], .btn-secondary[disabled="disabled"], .btn-sidebar[disabled="disabled"], .btn-primary-white[disabled="disabled"], .btn-secondary-white[disabled="disabled"], .btn-transparent[disabled="disabled"] {
opacity: .5;
cursor: default; }
button,
.btn, .btn-secondary {
background-color: #0078CC;
border-color: #0078CC;
color: #fff;
/*color: #29a5d6; font-weight: bold; padding: .5em 1em .4em 1em; margin-right: 1.5em;*/ }
@media only screen and (min-width: 76.25em) {
button,
.btn, .btn-secondary {
font-size: 18px;
font-size: 1rem; } }
button.-corduroy,
.btn.-corduroy, .btn-secondary.-corduroy {
background-color: #4A4D4F;
border-color: #4A4D4F; }
button.-corduroy:hover, button.-corduroy:active, button.-corduroy:focus,
.btn.-corduroy:hover,
.btn.-corduroy:active,
.btn.-corduroy:focus, .btn-secondary.-corduroy:hover, .btn-secondary.-corduroy:active, .btn-secondary.-corduroy:focus {
background-color: #413e41;
border-color: #413e41;
color: #fff; }
button.btn-green,
.btn.btn-green, .btn-secondary.btn-green {
background-color: #36ba2f;
border-color: #36ba2f; }
button.btn-green:hover, button.btn-green:active, button.btn-green:focus,
.btn.btn-green:hover,
.btn.btn-green:active,
.btn.btn-green:focus, .btn-secondary.btn-green:hover, .btn-secondary.btn-green:active, .btn-secondary.btn-green:focus {
background-color: #2a9125;
border-color: #2a9125; }
button.btn-blue,
.btn.btn-blue, .btn-secondary.btn-blue {
background-color: #ffffff;
border-color: #0078CC;
color: #0078CC;
border: 1px solid; }
button.btn-blue.icon-document,
.btn.btn-blue.icon-document, .btn-secondary.btn-blue.icon-document {
background: url("head/bg-resource-downloads-li.png") left 6px no-repeat;
background-position: 4px 10px;
padding-left: 40px; }
button.btn-blue.icon-documents,
.btn.btn-blue.icon-documents, .btn-secondary.btn-blue.icon-documents {
background: url("head/bg-resource-downloads-li.png") left 6px no-repeat;
background-position: 5px -95px;
padding-left: 40px; }
button.btn-blue:hover, button.btn-blue:active,
.btn.btn-blue:hover,
.btn.btn-blue:active, .btn-secondary.btn-blue:hover, .btn-secondary.btn-blue:active {
background-color: #00368f;
border-color: #00368f;
color: #fff; }
.btn-text {
font-size: 14px;
font-size: 0.77778rem;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
cursor: pointer;
display: inline-block;
margin: .7em .7em .7em 0;
padding: 0.71429em 1em; }
.btn.btn-secondary {
background-color: #fff;
border-color: #0078CC;
color: #0078CC; }
.btn.btn-secondary:hover, .btn.btn-secondary:active {
background-color: #00368f;
border-color: #00368f;
color: #fff; }
@media only screen and (min-width: 76.25em) {
.btn.btn-secondary {
font-size: 18px;
font-size: 1rem; } }
.btn-secondary {
/*@extend %button-config;
background-color: color(colorAction);
border-color: color(colorAction);
color: #fff;
&:hover,
&:active,
&:focus {
background-color: #0b8005;
border-color: #0b8005;
color: #fff;
}*/
background-color: #fff;
border-color: #0078CC;
color: #0078CC; }
.btn-secondary:hover, .btn-secondary:active {
background-color: #00368f;
border-color: #00368f;
color: #fff; }
.btn-secondary-corporate {
background-color: transparent;
border-color: #0078CC;
color: #0078CC; }
@media only screen and (min-width: 76.25em) {
.btn-secondary-corporate {
font-size: 18px;
font-size: 1rem; } }
.btn-corporate {
background-color: #fe5000;
border-color: transparent;
color: #fff; }
.btn-corporate:hover, .btn-corporate:active, .btn-corporate:focus {
background-color: #983000;
border-color: transparent; }
@media only screen and (min-width: 76.25em) {
.btn-corporate {
font-size: 18px;
font-size: 1rem; } }
.btn-white {
background-color: transparent;
border-color: #fff;
color: #fff; }
.btn-white:hover, .btn-white:active, .btn-white:focus {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
border-color: #fff;
color: #00368f; }
@media only screen and (min-width: 76.25em) {
.btn-white {
font-size: 18px;
font-size: 1rem; } }
.btn-primary-with-border {
background-color: #0078CC;
border-color: #fff;
color: #fff; }
.btn-primary-with-border:hover, .btn-primary-with-border:active, .btn-primary-with-border:focus {
background-color: #00368f;
border-color: #fff;
color: #fff; }
@media only screen and (min-width: 76.25em) {
.btn-primary-with-border {
font-size: 18px;
font-size: 1rem; } }
.btn-loading {
background-image: url("head/fancybox-loading.gif");
background-position: 4px center;
background-repeat: no-repeat;
padding-left: 34px; }
.btn-loading.btn-small {
padding-left: 34px; }
.btn-sidebar, .btn-secondary-sidebar {
cursor: pointer;
display: inline-block;
font-weight: 600;
font-size: 22px;
font-size: 1.22222rem;
margin: 0.71429em 0.71429em 0.71429em 0;
padding: 0.71429em 1em;
text-align: center;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear; }
.btn-sidebar:hover, .btn-secondary-sidebar:hover, .btn-sidebar:active, .btn-secondary-sidebar:active, .btn-sidebar:focus, .btn-secondary-sidebar:focus {
background-color: #00368f;
border-color: #00368f;
color: #fff; }
.btn-full-width.btn-sidebar, .btn-full-width.btn-secondary-sidebar {
box-sizing: border-box;
display: block;
margin-bottom: 0;
margin-right: 0;
margin-top: 0;
text-align: left;
width: 100%;
padding: 20px; }
@media only screen and (min-width: 60em) {
.btn-full-width.btn-sidebar:first-child, .btn-full-width.btn-secondary-sidebar:first-child {
margin-top: 3em; } }
.btn-small.btn-sidebar, .btn-small.btn-secondary-sidebar {
font-size: 14px;
font-size: 0.77778rem;
padding: 0.42857em 0.85714em; }
.btn-sidebar {
background-color: #0093C9;
background-image: url("head/arrow-transparent-cta1.png");
background-repeat: no-repeat;
background-position: 98% 50%;
border-bottom: 1px solid #ffffff;
color: #fff; }
.btn-sidebar:hover, .btn-sidebar:active, .btn-sidebar:focus {
border-bottom: 1px solid #ffffff;
color: #fff; }
@media only screen and (min-width: 48em) {
.btn-sidebar {
font-size: 14px;
font-size: 0.77778rem; } }
@media only screen and (min-width: 76.25em) {
.btn-sidebar {
font-size: 22px;
font-size: 1.22222rem; } }
.btn-secondary-sidebar {
background-color: #36ba2f;
background-image: url("head/arrow-transparent-cta1.png");
background-repeat: no-repeat;
background-position: 98% 50%;
color: #fff; }
.btn-secondary-sidebar:hover, .btn-secondary-sidebar:active, .btn-secondary-sidebar:focus {
background-color: #0B8005;
border-color: #0B8005;
color: #fff; }
@media only screen and (min-width: 48em) {
.btn-secondary-sidebar {
font-size: 14px;
font-size: 0.77778rem; } }
@media only screen and (min-width: 76.25em) {
.btn-secondary-sidebar {
font-size: 22px;
font-size: 1.22222rem; } }
.video-outer-wrapper .btn-play-video {
font-weight: 400; }
.video-outer-wrapper .btn-play-video:after {
content: url("head/play-button.png");
left: 10px;
position: relative;
top: 10px; }
.video-outer-wrapper .btn-play-video span {
font-weight: 400; }
.playbutton a, .playbutton .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .playbutton .dropdownSelected {
color: #ffffff;
font-weight: 400;
line-height: 1.1em;
letter-spacing: -.03em;
text-decoration: none;
font-size: 26px;
font-size: 1.44444rem;
-webkit-transition: color 0.3s linear;
transition: color 0.3s linear; }
.playbutton a:hover, .playbutton .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .playbutton .dropdownSelected:hover, .playbutton a:active, .playbutton .orion-seconday-nav .nav-wrap ul li .dropdownSelected:active, .orion-seconday-nav .nav-wrap ul li .playbutton .dropdownSelected:active, .playbutton a:focus, .playbutton .orion-seconday-nav .nav-wrap ul li .dropdownSelected:focus, .orion-seconday-nav .nav-wrap ul li .playbutton .dropdownSelected:focus {
color: #ffad38; }
.playbutton a:after, .playbutton .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li .playbutton .dropdownSelected:after {
content: url("head/play-button-white.png");
margin-left: 8px;
position: relative;
top: 5px; }
@media only screen and (min-width: 48em) {
.playbutton {
font-size: 26px;
font-size: 1.44444rem; } }
.learn a, .learn .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .learn .dropdownSelected {
color: #ffffff;
font-weight: 400;
line-height: 1.1em;
letter-spacing: -.03em;
text-decoration: none;
font-size: 26px;
font-size: 1.44444rem;
-webkit-transition: color 0.3s linear;
transition: color 0.3s linear; }
.learn a:hover, .learn .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .learn .dropdownSelected:hover, .learn a:active, .learn .orion-seconday-nav .nav-wrap ul li .dropdownSelected:active, .orion-seconday-nav .nav-wrap ul li .learn .dropdownSelected:active, .learn a:focus, .learn .orion-seconday-nav .nav-wrap ul li .dropdownSelected:focus, .orion-seconday-nav .nav-wrap ul li .learn .dropdownSelected:focus {
color: #ffad38; }
.learn a:after, .learn .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li .learn .dropdownSelected:after {
content: " \00203A";
margin-left: 8px; }
@media only screen and (min-width: 48em) {
.learn {
font-size: 26px;
font-size: 1.44444rem; } }
span .chatbtn {
background-image: url("head/home-slide-cta-arrow2.png");
background-position: 5px 13px;
background-repeat: no-repeat;
color: #ffffff !important;
display: inline-block;
font-size: 14px;
height: 26px;
padding: 8px 24px 4px 30px;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s; }
span .chatbtn a, span .chatbtn .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li span .chatbtn .dropdownSelected {
color: #ffffff !important;
font-weight: 400;
line-height: 1.1em;
letter-spacing: -.03em;
text-decoration: none;
font-size: 26px;
font-size: 1.44444rem;
-webkit-transition: color 0.3s linear;
transition: color 0.3s linear; }
span .chatbtn:hover, span .chatbtn:active, span .chatbtn:focus {
background-color: #292929;
background-image: url("head/home-slide-cta-arrow2-hover.png");
background-position: 5px 13px;
color: #ffffff !important; }
.form2 .cmp-form form .btn-secondary {
color: #ffffff; }
.btn-play-icon {
background-image: none !important; }
.btn-play-icon::after {
content: "";
font-family: icomoon;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: 400;
font-variant: normal;
speak: none;
vertical-align: middle;
line-height: normal;
display: inline-block;
padding: 0 4px; }
.btn-play-icon.video-play.btn-secondary {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex; }
.btn-play-icon.video-play.btn-secondary::after {
position: absolute;
font-size: 26px;
line-height: 26px;
width: 26px;
height: 26px;
margin: auto;
right: 7px;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
padding: 0; }
@media (min-width: 832px) {
.btn-play-icon.video-play.btn-secondary::after {
right: 10px; } }
.btn-primary-white {
background-color: #fff;
border-color: #fff;
color: #0078CC; }
@media only screen and (min-width: 76.25em) {
.btn-primary-white {
font-size: 18px;
font-size: 1rem; } }
.btn-secondary-white {
background-color: transparent;
border-color: #fff;
color: #fff; }
@media only screen and (min-width: 76.25em) {
.btn-secondary-white {
font-size: 18px;
font-size: 1rem; } }
.btn-secondary-white:hover {
border-color: #fff; }
.btn-transparent {
background-color: transparent;
border-color: #0078CC;
color: #0078CC; }
@media only screen and (min-width: 76.25em) {
.btn-transparent {
font-size: 18px;
font-size: 1rem; } }
.btn-primary-white.btn-download, .btn-secondary.btn-download {
line-height: 1.67; }
.btn-primary-white.btn-download:after, .btn-secondary.btn-download:after {
content: " ";
position: relative;
background: url("head/stl-ty/download-icon-blue.svg") no-repeat;
padding: 1px 32px 1px 1px;
background-position: 10px;
-webkit-transition: 0.3s linear;
transition: 0.3s linear; }
.btn-primary-white.btn-download:hover:after, .btn-secondary.btn-download:hover:after {
content: " ";
position: relative;
background: url("head/stl-ty/download-icon-white.svg") no-repeat;
padding: 1px 32px 1px 1px;
background-position: 10px;
-webkit-transition: 0.3s linear;
transition: 0.3s linear; }
.btn-secondary-white.btn-download, .btn-primary.btn-download {
line-height: 1.67; }
.btn-secondary-white.btn-download:after, .btn-primary.btn-download:after {
content: " ";
position: relative;
background: url("head/stl-ty/download-icon-white.svg") no-repeat;
padding: 1px 32px 1px 1px;
background-position: 10px;
-webkit-transition: 0.3s linear;
transition: 0.3s linear; }
.btn-download {
line-height: 1.67; }
.btn-download:after {
content: " ";
position: relative;
background: url("head/stl-ty/download-icon-white.svg") no-repeat;
padding: 1px 32px 1px 1px;
background-position: 10px;
-webkit-transition: 0.3s linear;
transition: 0.3s linear; }
.callout, .callout-dark {
box-sizing: border-box;
margin-top: 0.55556em;
padding: 2.5em; }
.callout:first-child, .callout-dark:first-child {
margin-top: 0; }
.callout {
background: #e0e0e0; }
.callout-dark {
background: #313435; }
.ctabar {
padding: 1.33333em;
/*
*/ }
@media only screen and (min-width: 48em) {
.ctabar {
padding: 2.66667em; } }
@media only screen and (min-width: 60em) {
.ctabar .ctabar__ctaheader {
font-size: 30px;
font-size: 1.66667rem;
margin-bottom: .25em; } }
.ctabar.bg-ship-gray, .ctabar.bg-corduroy, .ctabar.bg-gray-5, .ctabar.bg-gray-6 {
color: #fff; }
.ctabar.bg-ship-gray h2, .ctabar.bg-corduroy h2, .ctabar.bg-gray-5 h2, .ctabar.bg-gray-6 h2 {
color: #fff;
display: block; }
.ctabar.bg-ship-gray .tagline, .ctabar.bg-corduroy .tagline, .ctabar.bg-gray-5 .tagline, .ctabar.bg-gray-6 .tagline {
display: none; }
.ctabar.bg-ship-gray .ctabar__ctaheader, .ctabar.bg-corduroy .ctabar__ctaheader, .ctabar.bg-gray-5 .ctabar__ctaheader, .ctabar.bg-gray-6 .ctabar__ctaheader {
display: block; }
@media only screen and (min-width: 60em) {
.ctabar.bg-ship-gray .ctabar__ctaheader, .ctabar.bg-corduroy .ctabar__ctaheader, .ctabar.bg-gray-5 .ctabar__ctaheader, .ctabar.bg-gray-6 .ctabar__ctaheader {
font-size: 30px;
font-size: 1.66667rem;
margin-bottom: .25em; } }
.ctabar.bg-white h2, .ctabar.header-generic h2,
.ctabar.header-brand h2, .ctabar.bg-seashell h2, .ctabar.bg-gray-1 h2 {
color: #313435;
display: block; }
.ctabar.bg-white .tagline, .ctabar.header-generic .tagline,
.ctabar.header-brand .tagline, .ctabar.bg-seashell .tagline, .ctabar.bg-gray-1 .tagline {
display: block;
font-size: 24px;
font-size: 1.33333rem;
margin-bottom: .25em; }
@media only screen and (min-width: 60em) {
.ctabar.bg-white .tagline, .ctabar.header-generic .tagline,
.ctabar.header-brand .tagline, .ctabar.bg-seashell .tagline, .ctabar.bg-gray-1 .tagline {
font-size: 30px;
font-size: 1.66667rem; } }
.ctabar.bg-white .tagline p, .ctabar.header-generic .tagline p,
.ctabar.header-brand .tagline p, .ctabar.bg-seashell .tagline p, .ctabar.bg-gray-1 .tagline p {
font-size: inherit;
margin-bottom: 0; }
.ctabar.bg-white .ctabar__buttonwrap-item, .ctabar.header-generic .ctabar__buttonwrap-item,
.ctabar.header-brand .ctabar__buttonwrap-item, .ctabar.bg-seashell .ctabar__buttonwrap-item, .ctabar.bg-gray-1 .ctabar__buttonwrap-item {
padding: 8px; }
.ctabar .tagline {
font-size: 24px;
font-size: 1.33333rem; }
@media only screen and (min-width: 60em) {
.ctabar .tagline {
font-size: 30px;
font-size: 1.66667rem; } }
.ctabar h2 {
display: none; }
@media only screen and (min-width: 48em) {
.ctabar .ctabar__buttonwrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex; } }
.ctabar .ctabar__buttonwrap-item {
box-sizing: border-box;
padding: 16px 32px;
text-align: center; }
.ctabar .ctabar__buttonwrap-item + .ctabar__buttonwrap-item {
border-top: 1px solid #4A4D4F; }
@media only screen and (min-width: 48em) {
.ctabar .ctabar__buttonwrap-item + .ctabar__buttonwrap-item {
border-top: 0;
border-left: 1px solid #4A4D4F; } }
@media only screen and (min-width: 48em) {
.ctabar .ctabar__buttonwrap-item {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%; } }
.contextual-tooltip {
border-radius: 50%;
background-color: #0093C9;
color: #fff;
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
display: inline-block;
text-align: center;
font-size: 0.8em;
vertical-align: middle;
cursor: pointer;
position: relative;
bottom: 1px;
margin: 0 0.5em; }
.cloud-city-tophtml {
clear: both;
margin: 0 auto 10px;
padding: 0; }
.cloud-city-dashboard {
margin: 0 auto;
text-align: center;
width: 100%; }
.cloud-city-tophtml,
.cloud-city-dash_title {
color: #313435;
text-align: center;
font-size: 14px; }
@media only screen and (min-width: 48em) {
.cloud-city-tophtml,
.cloud-city-dash_title {
font-size: 16px; } }
@media only screen and (min-width: 76.25em) {
.cloud-city-tophtml,
.cloud-city-dash_title {
font-size: 18px; } }
.cloud-city-dash_title {
font-size: 12px; }
@media only screen and (min-width: 48em) {
.cloud-city-dash_title {
font-size: 14px; } }
@media only screen and (min-width: 76.25em) {
.cloud-city-dash_title {
font-size: 16px; } }
.cloud-city-dash {
display: inline-block;
vertical-align: top;
margin-right: 8px;
padding-bottom: 22px;
position: relative;
color: #fff;
white-space: nowrap; }
@media only screen and (min-width: 30em) {
.cloud-city-dash {
padding-bottom: 24px; } }
@media only screen and (min-width: 48em) {
.cloud-city-dash {
padding-bottom: 23px; } }
@media only screen and (min-width: 60em) {
.cloud-city-dash {
padding-bottom: 24px; } }
@media only screen and (min-width: 76.25em) {
.cloud-city-dash {
padding-bottom: 26px; } }
.cloud-city-digit {
background: #faf9f6;
border-bottom: 1px solid #c6c6c6;
border-radius: 5px;
color: #313131;
display: inline-block;
font-size: 2.5em;
height: 1.5em;
line-height: 1.5em;
margin-right: -3px;
position: relative;
text-shadow: 0 1px 0 #fff;
vertical-align: top;
width: 1em; }
.cloud-city-digit {
background: #333;
color: #fff;
font-size: 1.5em;
text-shadow: 0 1px 0 #fff;
width: 1em; }
@media only screen and (min-width: 30em) {
.cloud-city-digit {
font-size: 1.75em; } }
@media only screen and (min-width: 48em) {
.cloud-city-digit {
font-size: 2em; } }
@media only screen and (min-width: 60em) {
.cloud-city-digit {
font-size: 1.75em; } }
@media only screen and (min-width: 76.25em) {
.cloud-city-digit {
font-size: 2.25em; } }
.cloud-city-dash_title {
display: block;
position: absolute;
width: 100%;
margin: 0;
bottom: 0;
white-space: nowrap; }
.cloud-city-countdown.-sm .cloud-city-digit {
font-size: 1.25em; }
@media only screen and (min-width: 30em) {
.cloud-city-countdown.-sm .cloud-city-digit {
font-size: 1.5em; } }
@media only screen and (min-width: 48em) {
.cloud-city-countdown.-sm .cloud-city-digit {
font-size: 1.75em; } }
@media only screen and (min-width: 60em) {
.cloud-city-countdown.-sm .cloud-city-digit {
font-size: 1.5em; } }
@media only screen and (min-width: 76.25em) {
.cloud-city-countdown.-sm .cloud-city-digit {
font-size: 2em; } }
.divider, .product-landing .layout-secondary, .product-landing .layout-secondary-slim-side, .product-landing .layout-secondary-slim-side-grey, .product-landing .layout-secondary-cta-container, .product-landing .layout-secondary-shaded, .divider-secondary, .testimonial {
border: none;
margin-top: 32px;
padding-top: 32px; }
.divider, .product-landing .layout-secondary, .product-landing .layout-secondary-slim-side, .product-landing .layout-secondary-slim-side-grey, .product-landing .layout-secondary-cta-container, .product-landing .layout-secondary-shaded {
border-top: 1px solid #cccccc; }
.divider.row, .product-landing .row.layout-secondary, .product-landing .row.layout-secondary-slim-side, .product-landing .row.layout-secondary-slim-side-grey, .product-landing .row.layout-secondary-cta-container, .product-landing .row.layout-secondary-shaded {
margin-top: 0; }
.divider-secondary {
border-top: 1px dashed #cccccc;
padding: 1px 0px; }
/* Component Divider (not used as a styler, but instead for block component element) */
.dividers .divider, .dividers .product-landing .layout-secondary, .product-landing .dividers .layout-secondary, .dividers .product-landing .layout-secondary-slim-side, .product-landing .dividers .layout-secondary-slim-side, .dividers .product-landing .layout-secondary-slim-side-grey, .product-landing .dividers .layout-secondary-slim-side-grey, .dividers .product-landing .layout-secondary-cta-container, .product-landing .dividers .layout-secondary-cta-container, .dividers .product-landing .layout-secondary-shaded, .product-landing .dividers .layout-secondary-shaded {
display: block;
margin: .75rem 0; }
.layout-full-bleed > .dividers {
padding: 0 1.25%; }
.layout-full-bleed > .dividers .divider, .layout-full-bleed > .dividers .product-landing .layout-secondary, .product-landing .layout-full-bleed > .dividers .layout-secondary, .layout-full-bleed > .dividers .product-landing .layout-secondary-slim-side, .product-landing .layout-full-bleed > .dividers .layout-secondary-slim-side, .layout-full-bleed > .dividers .product-landing .layout-secondary-slim-side-grey, .product-landing .layout-full-bleed > .dividers .layout-secondary-slim-side-grey, .layout-full-bleed > .dividers .product-landing .layout-secondary-cta-container, .product-landing .layout-full-bleed > .dividers .layout-secondary-cta-container, .layout-full-bleed > .dividers .product-landing .layout-secondary-shaded, .product-landing .layout-full-bleed > .dividers .layout-secondary-shaded {
margin: 1.85rem 0 0;
padding: 0 0 1.25rem; }
.layout-secondary .dividers {
display: none; }
/* jQuery Dropdown: A simple dropdown plugin
*
* Contribute: https://github.com/claviska/jquery-dropdown
*
* @license: MIT license: http://opensource.org/licenses/MIT
*
*
*/
.jq-dropdown {
display: none;
max-width: 100%;
position: absolute;
z-index: 1039; }
.jq-dropdown .jq-dropdown-menu,
.jq-dropdown .jq-dropdown-panel {
background: rgba(255, 255, 255, 0.9);
border: solid 1px #a7a9ac;
border-radius: 4px;
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
list-style: none;
margin: 0;
max-width: 400px;
min-width: 200px;
overflow: visible;
padding: 10px 0; }
.jq-dropdown .jq-dropdown-panel {
padding: 10px; }
.jq-dropdown.jq-dropdown-tip {
margin-top: 12px; }
.jq-dropdown.jq-dropdown-tip:before {
content: "";
border-left: 11px solid transparent;
border-right: 11px solid transparent;
border-bottom: 11px solid #a7a9ac;
display: inline-block;
left: 50%;
margin-left: -11px;
position: absolute;
top: -10px; }
.jq-dropdown.jq-dropdown-tip:after {
content: "";
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid white;
display: inline-block;
left: 50%;
margin-left: -10px;
position: absolute;
top: -9px; }
.jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:before {
left: auto;
right: 9px; }
.jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:after {
left: auto;
right: 10px; }
.jq-dropdown.jq-dropdown-scroll .jq-dropdown-menu,
.jq-dropdown.jq-dropdown-scroll .jq-dropdown-panel {
max-height: 240px;
overflow-y: auto; }
.jq-dropdown .jq-dropdown-menu li {
border-bottom: 1px solid #a7a9ac;
line-height: 18px;
list-style: none;
margin: 0;
padding: 0; }
.jq-dropdown .jq-dropdown-menu li > *,
.jq-dropdown .jq-dropdown-menu label {
color: inherit;
display: block;
line-height: 36px;
padding: 0 12px;
margin: 0;
text-decoration: none; }
.jq-dropdown .jq-dropdown-menu li > *:hover,
.jq-dropdown .jq-dropdown-menu label:hover {
background-color: #0078CC;
color: white;
cursor: pointer; }
.jq-dropdown.jq-dropdown-relative {
width: 100%; }
.jq-dropdown-trigger {
box-sizing: border-box;
background: #fff;
display: inline-block;
height: 42px;
padding-left: 1.25em;
padding-right: 60px;
position: relative; }
.jq-dropdown-trigger > span {
color: #313435;
display: inline-block;
line-height: 42px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%; }
.jq-dropdown-trigger > span:after {
background: #fe5000;
content: "";
display: block;
height: 22px;
position: absolute;
right: 40px;
top: 10px;
width: 1px; }
.jq-dropdown-trigger svg {
fill: #fe5000;
position: absolute;
right: 10px;
top: 10px; }
.jq-dropdown-trigger.jq-dropdown-orange {
background: #fe5000; }
.jq-dropdown-trigger.jq-dropdown-orange > span {
color: #fff; }
.jq-dropdown-trigger.jq-dropdown-orange > span:after {
background: #fff; }
.jq-dropdown-trigger.jq-dropdown-orange svg {
fill: #fff; }
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
border: 0;
margin: 0;
outline: none;
padding: 0;
vertical-align: top; }
.fancybox-wrap {
left: 0;
position: absolute;
top: 0;
z-index: 8020; }
.fancybox-skin {
background: white;
border-radius: 4px;
color: #444;
position: relative;
text-shadow: none; }
.fancybox-opened {
z-index: 2147483647; }
.fancybox-opened .fancybox-skin {
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner {
position: relative; }
.fancybox-inner {
overflow: hidden; }
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch; }
.fancybox-error {
color: #444;
font: 14px/20px "sofia-pro",sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap; }
.fancybox-image, .fancybox-iframe {
display: block;
height: 100%;
width: 100%; }
.fancybox-image {
max-height: 100%;
max-width: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url("head/fancybox-sprite.png"); }
#fancybox-loading {
background-position: 0 -108px;
cursor: pointer;
left: 50%;
margin-left: -22px;
margin-top: -22px;
opacity: 0.8;
position: fixed;
top: 50%;
z-index: 8060; }
#fancybox-loading div {
background: url("head/fancybox-loading.gif") center center no-repeat;
height: 44px;
width: 44px; }
.fancybox-close {
cursor: pointer;
height: 36px;
position: absolute;
right: -18px;
top: -18px;
width: 36px;
z-index: 8040; }
.fancybox-nav {
background: transparent url("head/fancybox-blank.gif");
/* helps IE */
cursor: pointer;
height: 84%;
position: absolute;
text-decoration: none;
top: 0;
-webkit-tap-highlight-color: transparent;
width: 40%;
z-index: 8040; }
.fancybox-prev {
left: 0; }
.fancybox-next {
right: 0; }
.fancybox-nav span {
cursor: pointer;
height: 34px;
margin-top: -18px;
position: absolute;
top: 58%;
visibility: hidden;
width: 36px;
z-index: 8040; }
.fancybox-prev span {
background-position: 0 -36px;
left: 10px; }
.fancybox-next span {
background-position: 0 -72px;
right: 10px; }
.fancybox-nav:hover span {
visibility: visible; }
.fancybox-tmp {
left: -99999px;
max-height: 99999px;
max-width: 99999px;
overflow: visible !important;
position: absolute;
top: -99999px;
visibility: hidden; }
/* Overlay helper */
.fancybox-lock {
overflow: visible !important;
width: auto; }
.fancybox-lock body {
overflow: hidden !important; }
.fancybox-lock-test {
overflow-y: hidden !important; }
.fancybox-overlay {
background: rgba(0, 0, 0, 0.8);
display: none;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
z-index: 2147483546; }
.no-rgba .fancybox-overlay {
background: black; }
div#drift-frame-controller {
z-index: 2147483445 !important; }
.fancybox-overlay-fixed {
bottom: 0;
position: fixed;
right: 0; }
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll; }
/* Title helper */
.fancybox-title {
font: normal 13px/20px "sofia-pro",sans-serif;
position: relative;
text-shadow: none;
visibility: hidden;
z-index: 8050; }
.fancybox-opened .fancybox-title {
visibility: visible; }
.fancybox-title-float-wrap {
padding-top: .5em;
margin-bottom: -35px;
position: absolute;
right: 50%;
text-align: center;
z-index: 8050; }
.fancybox-title-float-wrap .child {
background: transparent;
/* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
display: inline-block;
font-weight: bold;
line-height: 24px;
margin-right: -100%;
padding: 2px 20px; }
.fancybox-title-outside-wrap {
color: #fff;
margin-top: 10px;
position: relative; }
.fancybox-title-inside-wrap {
padding-top: 10px; }
.fancybox-title-over-wrap {
background: #000;
background: rgba(0, 0, 0, 0.8);
position: absolute;
bottom: 0;
color: #fff;
left: 0;
padding: 10px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url("head/fancybox-sprite-2x.png");
background-size: 44px 152px; }
#fancybox-loading div {
background-image: url("head/fancybox-loading-2x.gif");
background-size: 24px 24px; }
.fancybox-dialog .fancybox-title {
background-image: url("head/alert-caution-2x.png");
background-size: 16px 16px; } }
.fancybox-dialog .fancybox-skin {
background-color: #f5f5f5;
border-radius: 0;
color: #666; }
.fancybox-dialog .fancybox-title {
background: url("head/alert-caution-1x.png") no-repeat 2px 18px;
border-bottom: 1px solid #ccc;
color: #ff4604;
font-size: 16px;
font-weight: 900;
letter-spacing: .05em;
margin: 0 15px;
padding: 16px 0 16px 28px;
z-index: 8040; }
.fancybox-dialog .fancybox-close {
background: url("head/alert-close.png") no-repeat center center;
display: block;
height: 12px;
padding: 4px;
right: 16px;
top: 18px;
width: 12px;
z-index: 8050; }
.fancybox-dialog .fancybox-content {
box-sizing: border-box;
height: 100%;
max-height: 400px;
padding: 0 16px 75px;
position: relative;
width: 100%; }
.fancybox-dialog .fancybox-content .title {
color: #000;
font-size: 16px;
font-weight: 300; }
.fancybox-dialog .fancybox-content .messages {
box-sizing: border-box;
height: 100%;
overflow-y: auto;
padding-top: 20px; }
.fancybox-dialog .fancybox-content .messages .action-button {
display: none; }
.fancybox-dialog .fancybox-content .message {
color: #666;
font-size: 14px;
font-weight: 300; }
.fancybox-dialog .fancybox-content .link {
font-size: 14px;
font-weight: 300;
margin-top: -1.3em; }
.fancybox-dialog .fancybox-content .link a, .fancybox-dialog .fancybox-content .link .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .fancybox-dialog .fancybox-content .link .dropdownSelected {
color: #ff4f11; }
.fancybox-dialog .fancybox-content .link a:hover, .fancybox-dialog .fancybox-content .link .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .fancybox-dialog .fancybox-content .link .dropdownSelected:hover {
text-decoration: underline; }
.fancybox-dialog .fancybox-content .action {
background-color: #f5f5f5;
border-top: 1px solid #bbb5b4;
bottom: 0;
box-sizing: border-box;
left: 15px;
padding: 17px 0;
position: absolute;
right: 15px; }
.fancybox-dialog .fancybox-content .action .action-button {
float: right; }
.fancybox-dialog .fancybox-content .action-button,
.fancybox-dialog .fancybox-content .action-checkbox {
display: inline-block;
font-size: 14px;
line-height: 20px; }
.fancybox-dialog .fancybox-content .action-button {
margin: 0;
padding: 7px 14px; }
.fancybox-dialog .fancybox-content .action-button:disabled {
opacity: .5; }
.fancybox-dialog .fancybox-content .action-checkbox {
padding: 10px 0 10px 15px;
text-indent: -15px; }
.fancybox-dialog .fancybox-content .action-checkbox input {
height: 13px;
margin: 0 1ex 0 0;
padding: 0;
position: relative;
top: -1px;
vertical-align: middle;
width: 13px; }
.touch .fancybox-dialog .fancybox-content {
padding-bottom: 50px; }
.touch .fancybox-dialog .fancybox-content .messages .action-button {
display: inline-block; }
.touch .fancybox-dialog .fancybox-content .action {
padding: 4px 0 6px; }
.touch .fancybox-dialog .fancybox-content .action .action-button {
display: none; }
.feature-blog {
background: #c8c8c8;
color: #7b95ac;
padding: 2em 0 2em 0;
text-align: center; }
.feature-blog h1 {
color: #ffffff !important; }
.feature-blog .section-header {
color: #7b95ac;
font-weight: 600;
margin-bottom: 1.6em; }
.feature-blog a, .feature-blog .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .feature-blog .dropdownSelected {
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
--color: #0093C9; }
.feature-blog a:hover, .feature-blog .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .feature-blog .dropdownSelected:hover {
--color: #fe5000; }
.feature-blog .hentry {
margin-bottom: 0;
text-align: center; }
.feature-blog .hentry h3 {
font-size: 22px;
font-size: 1.22222rem;
margin-top: 0; }
@media only screen and (min-width: 76.25em) {
.feature-blog .hentry {
text-align: left; } }
.feature-blog .author {
font-size: 14px;
font-size: 0.77778rem; }
@media only screen and (min-width: 60em) {
.feature-blog .author {
margin-bottom: 0; } }
@media only screen and (min-width: 60em) {
.feature-blog {
text-align: left; } }
.feature-case-studies {
background: transparent;
padding: 3em 0;
position: relative;
text-align: center; }
.feature-case-studies h3 {
color: #fff; }
.feature-case-studies .case-study a, .feature-case-studies .case-study .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .feature-case-studies .case-study .dropdownSelected {
background-color: rgba(51, 51, 51, 0.26);
box-sizing: border-box;
display: inline-block;
max-width: 100%;
padding: .875em; }
@media only screen and (min-width: 60em) {
.feature-case-studies {
text-align: left; } }
.feature-contact {
background: #F2F3F3; }
.feature-contact .contact-information {
width: 100%; }
@media only screen and (min-width: 60em) {
.feature-contact .contact-information {
margin-right: 8.3%;
width: 33.3%; } }
.feature-contact .contact-form {
width: 100%; }
@media only screen and (min-width: 60em) {
.feature-contact .contact-form {
width: 58.3%; } }
.feature-contact .contact-options {
margin-top: 1.22222em; }
.feature-contact .contact-options li {
margin-bottom: 0.88889em; }
.feature-message {
background: #ffffff !important;
color: #fe5000;
padding: 1.2em 0 1.2em 0;
text-align: left; }
.feature-message h2 {
font-weight: 400;
padding: 0 0 0.5em 0;
font-size: 24px;
font-size: 1.33333rem; }
@media only screen and (min-width: 48em) {
.feature-message h2 {
font-size: 28px;
font-size: 1.55556rem; } }
@media only screen and (min-width: 60em) {
.feature-message h2 {
font-size: 32px;
font-size: 1.77778rem; } }
.feature-message h2 span {
font-weight: 800; }
.feature-offerings {
background: #313435;
color: #fff; }
.feature-offerings h1, .feature-offerings h2, .feature-offerings h3, .feature-offerings p {
color: #7b95ac; }
.feature-offerings h1 {
font-size: 60px;
font-size: 3.33333rem;
margin-bottom: .15em; }
@media only screen and (min-width: 48em) {
.feature-offerings h1 {
font-size: 90px;
font-size: 5rem; } }
.feature-offerings h2 {
font-size: 30px;
font-size: 1.66667rem;
margin: 0 0 .85em; }
.feature-offerings p {
margin-bottom: 4em;
max-width: 83.3%; }
@media only screen and (min-width: 60em) {
.feature-offerings {
background: url("head/bg-feature-offerings.jpg") center center no-repeat;
background-size: cover; } }
.feature-offerings .btn:hover {
color: #000; }
.feature-principles {
background: #313435;
color: #ffffff;
padding: 2em 0 2em 0;
text-align: left; }
.feature-principles h2 {
font-size: 32px;
font-size: 1.77778rem;
font-weight: 400;
padding: 0;
color: #ffffff !important; }
.feature-principles h2 span {
font-weight: 800; }
@media only screen and (min-width: 48em) {
.feature-principles h2 {
font-size: 32px;
font-size: 1.77778rem; } }
.feature-principles .icon-label {
color: #fff;
font-size: 20px;
font-size: 1.11111rem; }
@media only screen and (min-width: 30em) {
.feature-principles .icon-label {
font-size: 20px;
font-size: 1.11111rem; } }
@media only screen and (min-width: 48em) {
.feature-principles .icon-label {
font-size: 20px;
font-size: 1.11111rem; } }
@media only screen and (min-width: 60em) {
.feature-principles .icon-label {
font-size: 20px;
font-size: 1.11111rem; } }
@media only screen and (min-width: 76.25em) {
.feature-principles .icon-label {
font-size: 32px;
font-size: 1.77778rem; } }
.feature-principles .columnleft {
margin: 0 auto;
width: 50%;
margin-right: 10%;
text-align: left;
float: left; }
.feature-principles .columnright {
margin: 0 auto;
width: 40%;
margin-right: 0%;
text-align: left;
float: left; }
.feature-principles .single-line {
float: left;
width: 10%; }
.feature-principles .two-column {
float: left;
width: 100%; }
.feature-principles .one-column {
width: 100%; }
.feature-solutions {
background: #313435;
color: #ffffff;
padding: 2em 0 2em 0;
text-align: left; }
.feature-solutions h1 {
color: #fe5000 !important; }
.feature-solutions h2 {
font-size: 32px;
font-size: 1.77778rem;
font-weight: 400;
padding: 0;
color: #ffffff !important; }
.feature-solutions h2 span {
font-weight: 800; }
@media only screen and (min-width: 48em) {
.feature-solutions h2 {
font-size: 32px;
font-size: 1.77778rem; } }
.feature-solutions h5 {
font-size: 19px;
font-size: 1.05556rem;
font-weight: 400;
padding: 0;
color: #ffffff !important; }
@media only screen and (min-width: 48em) {
.feature-solutions h5 {
font-size: 19px;
font-size: 1.05556rem; } }
.feature-solutions .section-header {
color: #7b95ac;
font-weight: 600;
margin-bottom: 1.6em; }
.feature-solutions .hentry {
margin-bottom: 0;
text-align: center; }
@media only screen and (min-width: 76.25em) {
.feature-solutions .hentry {
text-align: left; } }
.feature-solutions .hentry h3 {
font-size: 22px;
font-size: 1.22222rem;
margin-top: 0; }
.feature-solutions .author {
font-size: 14px;
font-size: .77778rem; }
@media only screen and (min-width: 60em) {
.feature-solutions .author {
margin-bottom: 0; } }
.feature-success-stories {
text-align: center; }
.feature-success-stories figure {
padding: 1em 0 1.5em; }
.feature-success-stories figcaption,
.feature-success-stories figcaption p {
color: #413e41;
font-size: 13px;
line-height: 18px;
margin: 0; }
.feature-success-stories .va {
display: block;
height: 100px;
margin: auto;
white-space: nowrap;
width: 150px; }
.feature-success-stories .va img {
vertical-align: middle; }
.feature-success-stories .content-primary {
background: transparent; }
.feature-success-stories .content-primary .layout-inner-wrap {
margin: auto;
padding-bottom: 2em;
padding-top: 3em; }
@media only screen and (min-width: 48em) {
.feature-success-stories .content-primary .layout-inner-wrap {
max-width: 32em;
min-width: 28em; } }
@media only screen and (min-width: 76.25em) {
.feature-success-stories .content-primary .layout-inner-wrap {
min-width: 34em; } }
@media only screen and (min-width: 76.25em) {
.feature-success-stories .content-primary .layout-inner-wrap h1 {
font-size: 71px;
line-height: 85px; } }
.feature-success-stories .content-primary .layout-inner-wrap p {
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }
@media only screen and (min-width: 76.25em) {
.feature-success-stories .content-primary .layout-inner-wrap p {
font-size: 32px;
line-height: 36px; } }
.feature-success-stories .content-primary .layout-inner-wrap p strong {
display: block; }
.feature-success-stories .content-primary .layout-inner-wrap .actions .btn {
font-weight: 700; }
@media only screen and (min-width: 76.25em) {
.feature-success-stories .content-primary .layout-inner-wrap .actions .btn {
font-size: 19px; } }
.feature-success-stories .content-secondary {
background-color: rgba(255, 255, 255, 0.85); }
.offerings-list a, .offerings-list .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .offerings-list .dropdownSelected {
color: inherit;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear; }
.offerings-list a:hover, .offerings-list .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .offerings-list .dropdownSelected:hover {
color: #7b95ac; }
.offerings-list li a:after, .offerings-list .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul .offerings-list li .dropdownSelected:after {
content: "\203A";
padding-left: .5em; }
.offerings-list ul {
margin: 2.22222em 0.77778em 0 2.22222em 0.77778em 1.94444em 0.77778em; }
@media only screen and (min-width: 60em) {
.offerings-list ul {
margin-left: 0; } }
.offerings-list-products,
.offerings-list-expertise {
width: 100%; }
@media only screen and (min-width: 30em) {
.offerings-list-products,
.offerings-list-expertise {
margin-left: 4.1%;
width: 45.8%; } }
.offerings-highlights strong, .offerings-highlights em {
font-size: 30px;
font-size: 1.66667rem;
font-style: normal; }
.offerings-highlights em {
font-weight: 100; }
.offerings-highlights span {
display: block; }
.offerings-highlights li {
background-position: left 6px;
background-repeat: no-repeat;
padding-left: 2.5em; }
@media only screen and (min-width: 48em) {
.offerings-highlights {
width: 75%; } }
.statistic-time {
background-image: url("head/bg-statistic-time.png"); }
.statistic-money {
background-image: url("head/bg-statistic-money.png"); }
.statistic-arrow-up {
background-image: url("head/bg-statistic-arrow-up.png"); }
.fourtune-500-home-page {
background: #ffffff !important;
color: #000000;
padding: 1.2em 0 1.2em 0;
text-align: center; }
.fourtune-500-home-page p {
font-size: 32px;
font-size: 1.77778rem;
color: #000000;
font-weight: 400;
padding: 0 0 0.5em 0;
margin-bottom: 0px; }
.fourtune-500-home-page p span {
color: #fe5000; }
@media only screen and (min-width: 48em) {
.fourtune-500-home-page p {
font-size: 32px;
font-size: 1.77778rem; } }
.fourtune-500-full-width-banner {
background: url("../../../fortune-500-bg-july-2016.png") center center no-repeat #ffffff;
color: #000000; }
.fourtune-500-full-width-banner .section {
width: 100%;
height: 359px;
display: table; }
.fourtune-500-full-width-banner .section-content {
display: table-cell;
vertical-align: middle; }
.fourtune-500-full-width-banner .lead {
margin-bottom: 0;
background: rgba(255, 255, 255, 0.45);
display: inline-block;
padding: .5em; }
.fourtune-500-full-width-banner .lead.-lg {
font-size: 22px;
font-size: 1.22222rem; }
@media only screen and (min-width: 48em) {
.fourtune-500-full-width-banner .lead.-lg {
font-size: 28px;
font-size: 1.55556rem; } }
@media only screen and (min-width: 60em) {
.fourtune-500-full-width-banner .lead.-lg {
font-size: 36px;
font-size: 2rem; } }
.fourtune-500-full-width-banner .lead span {
color: #fe5000; }
.fortune-500-seconday-layout {
max-width: 320px; }
.fortune-500-seconday-layout figcaption {
margin-top: -8.5rem;
color: white;
margin-left: .5em; }
.fortune-500-seconday-layout figcaption P {
font-size: 1.1rem;
margin-bottom: 0.5em !important; }
.fortune-500-seconday-layout figcaption .note {
font-size: .6rem; }
@media only screen and (min-width: 48em) {
.fortune-500-seconday-layout figcaption {
margin-top: -5rem; }
.fortune-500-seconday-layout figcaption P {
font-size: .6rem; }
.fortune-500-seconday-layout figcaption .note {
font-size: .4rem; } }
@media (min-width: 880px) and (max-width: 960px) {
.fortune-500-seconday-layout figcaption {
margin-top: -6rem; }
.fortune-500-seconday-layout figcaption P {
font-size: .8rem; }
.fortune-500-seconday-layout figcaption .note {
font-size: .5rem; } }
@media only screen and (min-width: 60em) {
.fortune-500-seconday-layout figcaption {
margin-top: -6.9rem; }
.fortune-500-seconday-layout figcaption P {
font-size: .9rem; }
.fortune-500-seconday-layout figcaption .note {
font-size: .5rem; } }
@media only screen and (min-width: 76.25em) {
.fortune-500-seconday-layout figcaption {
margin-top: -8.5rem; }
.fortune-500-seconday-layout figcaption P {
font-size: 1.1rem; }
.fortune-500-seconday-layout figcaption .note {
font-size: .6rem; } }
.fortune-500-bg-product {
text-align: center; }
.fortune-500-bg-product .video-thumbnail {
position: relative; }
.fortune-500-bg-product .video-thumbnail div {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0px;
background: rgba(255, 255, 255, 0.5); }
.fortune-500-bg-product .video-thumbnail div img {
max-height: 90%;
margin: 2.5%;
width: auto; }
.fortune-500-bg-product .video-thumbnail div img:hover {
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02); }
.fortune-500-bg-product p {
color: #FE5000;
font-size: 20px;
font-size: 1.11111rem;
line-height: 25px;
margin: 0 auto;
text-align: center;
max-width: 100%; }
@media only screen and (min-width: 48em) {
.fortune-500-bg-product p {
font-size: 20px;
font-size: 1.11111rem;
line-height: 33px; } }
@media only screen and (min-width: 60em) {
.fortune-500-bg-product p {
font-size: 20px;
font-size: 1.11111rem;
line-height: 33px; } }
.fortune-500-bg-product .h2-legacy {
font-size: 0.95rem; }
.fortune-500-bg-product image {
max-width: 100%;
height: "auto"; }
.fortune-500-bg-product .flex-wrap.py2, .fortune-500-bg-product .py2.cards-4-col, .fortune-500-bg-product .py2.cards-3-col, .fortune-500-bg-product .py2.education-cards, .fortune-500-bg-product .py2.events-cards, .fortune-500-bg-product .partner-card-carousel-cmp .partner-card-carousel .py2.item, .partner-card-carousel-cmp .partner-card-carousel .fortune-500-bg-product .py2.item {
padding-top: 0;
padding-bottom: 0; }
@media only screen and (min-width: 60em) {
.fortune-500-bg-product .flex-wrap, .fortune-500-bg-product .cards-4-col, .fortune-500-bg-product .cards-3-col, .fortune-500-bg-product .education-cards, .fortune-500-bg-product .events-cards, .fortune-500-bg-product .partner-card-carousel-cmp .partner-card-carousel .item, .partner-card-carousel-cmp .partner-card-carousel .fortune-500-bg-product .item {
padding-top: .5rem;
padding-bottom: .5rem; } }
.no-flexbox .fortune-500-bg-product .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.no-flexbox .fortune-500-bg-product .flex .flex-item {
vertical-align: middle;
display: inline-block;
zoom: 1;
*display: inline; }
.key-features .layout-inner-wrap {
padding: 0; }
fieldset:not(#foo) input[type="radio"],
fieldset:not(#foo) input[type="checkbox"] {
float: left;
height: 1px;
margin: 0;
opacity: 0;
padding: 0;
width: 1px; }
fieldset:not(#foo) input[type="radio"] + label,
fieldset:not(#foo) input[type="checkbox"] + label {
clear: none;
display: inline-block;
padding: 6px 5px 4px 27px;
width: 100%; }
fieldset:not(#foo) input[type="radio"] + label:before,
fieldset:not(#foo) input[type="checkbox"] + label:before {
font-family: "icomoon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-transform: none;
margin-left: -1em;
margin-right: 0.55556em; }
fieldset:not(#foo) input[type="radio"] + label.inline,
fieldset:not(#foo) input[type="checkbox"] + label.inline {
display: inline-block; }
fieldset:not(#foo) input[type="radio"] + label:before {
content: ""; }
fieldset:not(#foo) input[type="radio"]:active + label,
fieldset:not(#foo) input[type="radio"]:focus + label {
color: #0078CC; }
fieldset:not(#foo) input[type="radio"]:checked + label:before {
content: ""; }
fieldset:not(#foo) input[type="checkbox"] + label:before {
content: ""; }
fieldset:not(#foo) input[type="checkbox"]:active + label,
fieldset:not(#foo) input[type="checkbox"]:focus + label {
color: #0078CC; }
fieldset:not(#foo) input[type="checkbox"]:checked + label:before {
content: ""; }
fieldset:not(#foo) .decorator-select:after {
content: url("head/bg-select-arrow.png");
height: 48px;
pointer-events: none;
position: absolute;
right: 0px;
top: -2px;
width: 58px;
z-index: 11; }
fieldset:not(#foo) .decorator-select select {
outline: none; }
fieldset:not(#foo) .decorator-select select::-ms-value {
background: none;
color: #000; }
fieldset:not(#foo) .form-group.checkbox li,
fieldset:not(#foo) .form-group.radio li {
margin: 0; }
fieldset:not(#foo) .form-group.checkbox li input[type="radio"] + label,
fieldset:not(#foo) .form-group.checkbox li input[type="checkbox"] + label,
fieldset:not(#foo) .form-group.radio li input[type="radio"] + label,
fieldset:not(#foo) .form-group.radio li input[type="checkbox"] + label {
padding-left: 22px; }
fieldset:not(#foo) .aem-GridColumn {
padding-left: 0; }
@media only screen and (min-width: 48em) {
fieldset:not(#foo) .aem-GridColumn--default--6 {
display: inline-block;
float: none !important;
vertical-align: top;
width: calc(50% - 3px); } }
fieldset:not(#foo) .cmp-options {
padding-top: 0;
padding-bottom: 0; }
fieldset:not(#foo) .cmp-options .form-group {
margin-bottom: 0; }
fieldset:not(#foo) .cmp-options .form-group > label {
font-weight: bold;
margin-top: 0.5rem; }
fieldset:not(#foo) .cmp-options .form-group.checkbox {
margin: 0; }
fieldset:not(#foo) .cmp-options .decorator-select {
margin-top: 0.5rem;
margin-bottom: 0.5rem; }
fieldset:not(#foo) .cmp-text {
line-height: 1.45;
font-size: 14px;
font-size: 0.77778rem;
margin: 0 0 1.78571em 0; }
@media only screen and (min-width: 48em) {
fieldset:not(#foo) .cmp-text {
font-size: 16px;
font-size: 0.88889rem;
margin: 0 0 1.5em 0; } }
@media only screen and (min-width: 76.25em) {
fieldset:not(#foo) .cmp-text {
font-size: 18px;
font-size: 1rem; }
fieldset:not(#foo) .cmp-text p.-oll {
width: 50em; } }
fieldset:not(#foo) .cmp-text :first-child {
margin-top: 0; }
fieldset label.inline {
display: inline-block;
padding-right: 5px; }
.decorator-select-multiple .ms-options-wrap button {
border: 2px solid #cacaca;
border-radius: 4px;
box-sizing: border-box;
display: inline-block;
height: 48px;
position: relative;
width: 100%;
text-align: left;
background-color: #fff;
margin-top: 1px;
color: #313435;
border-radius: 0;
outline: none;
padding-right: 80px;
margin-bottom: 0;
padding-top: 11px;
padding-left: 8px; }
.decorator-select-multiple .ms-options-wrap button span {
font-size: 18px; }
.decorator-select-multiple .ms-options-wrap button:focus {
border: 2px solid #0078CC; }
.decorator-select-multiple .ms-options-wrap button:after {
content: "\e601";
height: 42px;
pointer-events: none;
position: absolute;
right: 0;
top: 1px;
width: 54px;
z-index: 19;
font-size: unset;
font-family: 'icomoon';
text-align: center;
border-left: 1px solid #ccc;
line-height: 48px;
color: #336699;
background: #fff; }
.decorator-select {
background: #e6e6e6;
border: 2px solid #cacaca;
border-radius: 4px;
box-sizing: border-box;
display: inline-block;
height: 48px;
overflow: hidden;
position: relative;
width: 100%; }
.decorator-select.validation-error, fieldset input.decorator-select[type="text"].validation-error,
fieldset input.decorator-select[type="number"].validation-error,
fieldset input.decorator-select[type="password"].validation-error,
fieldset input.decorator-select[type="email"].validation-error,
fieldset input.decorator-select[type="tel"].validation-error {
background: #e6e6e6 url("head/icon-error.png") 0.44444em center no-repeat;
padding: 0 0 0 1.77778em; }
.decorator-select:active {
border: 2px solid #0093C9; }
.decorator-select:first-child {
margin-left: 0; }
.decorator-select select {
-webkit-appearance: none;
background: transparent;
border: none;
box-sizing: border-box;
color: black;
display: block;
height: 48px;
padding: 6px 10px 6px 10px;
position: relative;
width: 100%;
z-index: zIndex(content); }
@supports (-ms-ime-align: auto) {
.decorator-select select {
z-index: 12;
padding-right: 60px; } }
.decorator-select select::-ms-value {
background: none;
color: #000; }
.js input[type="file"] {
visibility: hidden;
width: 0px; }
.form-hidden {
display: none !important; }
.modal-form-header .layout-inner-wrap .offset-hero-clear {
margin: 0px;
width: 100%; }
.modal-form-header .layout-inner-wrap .offset-hero-inner-wrap {
width: 100%;
margin-left: 0px;
padding: 0px; }
.modal-form-thankyou .layout-full-bleed {
padding: 0px; }
.cq-Editable-dom.cmp-form-field label {
color: #fff; }
.label_subtext {
display: inline-block;
padding-top: .5rem;
margin-left: -1rem; }
#C_OptIn_group {
display: none; }
body.opacity-100 {
opacity: 1; }
body.opacity-0 {
opacity: 0; }
.bmc-loader-wrapper {
position: relative;
width: 100%;
height: 100vh;
background: white;
text-align: center; }
@media only screen and (min-width: 60em) {
.bmc-loader-wrapper {
top: 104px;
margin-bottom: 104px; } }
.bmc-loader-wrapper .loader {
position: absolute;
/* Additional loader styles */
display: none;
/* Hidden by default */
position: absolute;
top: 35%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block; }
.icon-point-list {
text-align: center; }
.icon-point-list h3 {
font-size: 1.25em; }
.icon-point-list p {
font-size: 0.85em; }
.icon-point-list-icon {
display: inline-block;
height: 50px;
width: 50px; }
.icon-point-list-item {
display: inline-block;
box-sizing: border-box;
margin-right: -0.25em;
padding: 0.5em;
vertical-align: top;
text-align: center;
width: 100%; }
.icon-point-list-item h3 {
margin-top: 0.5em;
font-size: 1.1em; }
@media only screen and (min-width: 30em) {
.icon-point-list-item {
width: 50%; } }
@media only screen and (min-width: 48em) {
.icon-point-list-item {
width: 25%; } }
.icon-point-list-item-title {
font-weight: bold;
margin-top: 0.75em; }
@media only screen and (min-width: 48em) {
.support-central .icon-point-list.five-column-layout .icon-point-list-item {
width: 50%; } }
@media only screen and (min-width: 60em) {
.support-central .icon-point-list.five-column-layout .icon-point-list-item {
width: 30%; } }
@media only screen and (min-width: 76.25em) {
.support-central .icon-point-list.five-column-layout .icon-point-list-item {
width: 20%; } }
.list-plain {
padding-left: 0; }
.list-plain li::before {
display: none; }
.logo-block, .logo-block-featured {
box-sizing: border-box;
background-color: #fff;
padding: 2em;
display: block;
float: left;
position: relative;
font-size: 0;
margin-left: 1%;
margin-right: 1%;
margin-bottom: 2%; }
.logo-block:before, .logo-block-featured:before {
content: '';
display: inline-block;
padding-top: 100%; }
.logo-block .logo-inner-container, .logo-block-featured .logo-inner-container {
display: block;
box-sizing: border-box;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
font-size: medium; }
.logo-block .logo-area, .logo-block-featured .logo-area {
height: 55%;
margin-top: 10%;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
text-align: center;
position: relative; }
.logo-block .logo-area:before, .logo-block-featured .logo-area:before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0; }
.logo-block .logo-area img, .logo-block-featured .logo-area img {
max-width: 75%;
max-height: 75%;
vertical-align: middle;
width: auto;
height: auto; }
.logo-block .copy, .logo-block-featured .copy {
position: absolute;
left: 2em;
bottom: 2em;
right: 2em; }
.logo-block .copy p, .logo-block-featured .copy p {
font-size: 0.85em; }
.logo-block .copy p:last-child, .logo-block-featured .copy p:last-child {
margin-bottom: 0; }
.logo-block .logo-heading, .logo-block-featured .logo-heading {
position: absolute;
left: 2em;
top: 1em;
right: 2em; }
.logo-block .logo-heading p, .logo-block-featured .logo-heading p {
font-size: 0.85em; }
.logo-block .logo-heading p:last-child, .logo-block-featured .logo-heading p:last-child {
margin-bottom: 0; }
.logo-blocks {
overflow: hidden; }
.logo-block {
width: 100%; }
@media only screen and (min-width: 48em) {
.logo-block {
width: 48%; } }
@media only screen and (min-width: 76.25em) {
.logo-block {
width: 23%; } }
.logo-block-featured {
width: 100%; }
@media only screen and (min-width: 48em) {
.logo-block-featured {
width: 48%;
margin-bottom: 0; } }
/**
* _marquee.scss
* In tandem with jquery.marquee.js
* Both are style and js wrappers for the owl carousel jquery library
*/
.marquee-container {
background-color: #F2F3F3; }
.marquee-container .layout-inner-wrap {
padding: 0; }
.marquee {
position: relative; }
.marquee .item {
display: none; }
.marquee .item:first-child {
display: block; }
.marquee .item .mobile {
display: block; }
@media only screen and (min-width: 60em) {
.marquee .item .mobile {
display: none; } }
.marquee .item .desktop {
display: none; }
@media only screen and (min-width: 60em) {
.marquee .item .desktop {
display: block; } }
.marquee .owl-controls {
bottom: 20px;
left: 0;
position: absolute;
right: 0;
text-align: center;
width: 100%; }
.marquee .owl-dots {
display: inline-block;
margin: auto; }
.marquee .owl-dots .owl-dot {
box-sizing: border-box;
background-color: #cccccc;
border: 3px solid #fff;
border-radius: 50%;
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
display: inline-block;
height: 20px;
margin-left: 20px;
width: 20px; }
.marquee .owl-dots .owl-dot:first-of-type {
margin-left: 0; }
.marquee .owl-dots .owl-dot.active {
background-color: #fe5000; }
.marquee.hidden {
opacity: 0; }
.marquee.hidden .owl-controls {
display: none; }
.owl-carousel .owl-item img {
-webkit-backface-visibility: hidden; }
/**
* Animation Classes
*/
/**
* Direction: Right to Left
* IN: slideRightIn
* OUT: slideLeftOut
*/
@-webkit-keyframes slideRightIn {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%); }
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%); } }
@keyframes slideRightIn {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%); }
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%); } }
.slideRightIn {
-webkit-animation-name: slideRightIn;
animation-name: slideRightIn;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
visibility: visible !important; }
@-webkit-keyframes slideLeftOut {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%); }
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%); } }
@keyframes slideLeftOut {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%); }
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%); } }
.slideLeftOut {
-webkit-animation-name: slideLeftOut;
animation-name: slideLeftOut;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
visibility: visible !important; }
/**
* Direction: Left to Right
* IN: slideLeftIn
* OUT: slideRightOut
*/
@-webkit-keyframes slideLeftIn {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%); }
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%); } }
@keyframes slideLeftIn {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%); }
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%); } }
.slideLeftIn {
-webkit-animation-name: slideLeftIn;
animation-name: slideLeftIn;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
visibility: visible !important; }
@-webkit-keyframes slideRightOut {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%); }
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%); } }
@keyframes slideRightOut {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%); }
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%); } }
.slideRightOut {
-webkit-animation-name: slideRightOut;
animation-name: slideRightOut;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
visibility: visible !important; }
.layout-modal-overlay {
background: transparent;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
position: fixed;
top: -110%;
-webkit-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
width: 100%;
z-index: 1000; }
.contact-modal-active .layout-modal-overlay {
height: 100%;
top: 0;
opacity: 1; }
.country-modal-active .layout-modal-overlay {
height: 100%;
top: 0;
opacity: 1; }
.layout-contact-modal, .content-modal {
box-sizing: border-box;
background: #F2F3F3;
border: none;
opacity: 0;
max-height: 100%;
overflow: auto;
padding: 1.11111em;
position: fixed;
right: -999em;
-webkit-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
-webkit-transition-delay: .25s;
transition-delay: .25s;
z-index: 1001; }
@media (max-width: 832px) {
.layout-contact-modal, .content-modal {
padding-top: 70px; } }
.contact-modal-active .layout-contact-modal, .contact-modal-active .content-modal {
opacity: 1;
top: 0;
left: 0;
right: 0;
max-width: 100%;
width: 100%;
height: 100%; }
.layout-contact-modal .contact-modal-inner-wrap, .content-modal .contact-modal-inner-wrap {
margin: 0 auto;
height: 100%;
font-weight: 400; }
@media (min-width: 1150px) {
.layout-contact-modal .contact-modal-inner-wrap, .content-modal .contact-modal-inner-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
@media (min-width: 832px) {
.layout-contact-modal .contact-modal-inner-wrap, .content-modal .contact-modal-inner-wrap {
max-width: 810px; } }
.layout-contact-modal .contact-modal-inner-wrap hr, .content-modal .contact-modal-inner-wrap hr {
border: none;
max-width: 78px;
margin: 20px auto 20px 0;
height: 5px;
background: #F86E01; }
.layout-contact-modal .contact-modal-inner-wrap .contact-options .content-box, .content-modal .contact-modal-inner-wrap .contact-options .content-box {
margin: 12px;
width: 100%;
padding-top: 40px;
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
color: inherit; }
.layout-contact-modal .contact-modal-inner-wrap .contact-options .content-box:hover, .content-modal .contact-modal-inner-wrap .contact-options .content-box:hover {
box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.21);
-webkit-transition: 0.3s linear;
transition: 0.3s linear; }
.layout-contact-modal .contact-modal-inner-wrap .contact-options .content-box:hover .btn, .content-modal .contact-modal-inner-wrap .contact-options .content-box:hover .btn {
background-color: #00368f;
-webkit-transition: 0.4s linear;
transition: 0.4s linear; }
@media (max-width: 640px) {
.layout-contact-modal .contact-modal-inner-wrap .contact-options .content-box > img, .content-modal .contact-modal-inner-wrap .contact-options .content-box > img {
max-width: 60px; } }
.layout-contact-modal .contact-modal-inner-wrap .contact-options .content-box h3, .content-modal .contact-modal-inner-wrap .contact-options .content-box h3 {
font-weight: 600;
font-size: 25px; }
@media (min-width: 640px) {
.layout-contact-modal .contact-modal-inner-wrap .contact-options .content-box p, .content-modal .contact-modal-inner-wrap .contact-options .content-box p {
min-height: 50px; } }
.layout-contact-modal .contact-modal-inner-wrap .contact-modal-header, .content-modal .contact-modal-inner-wrap .contact-modal-header {
margin-left: 12px; }
.layout-contact-modal .contact-modal-inner-wrap .contact-modal-header h2, .content-modal .contact-modal-inner-wrap .contact-modal-header h2 {
font-weight: 400;
font-size: 28px;
margin-bottom: 10px;
line-height: 38px; }
@media (min-width: 640px) {
.layout-contact-modal .contact-modal-inner-wrap .contact-modal-header h2, .content-modal .contact-modal-inner-wrap .contact-modal-header h2 {
font-size: 50px;
line-height: 68px; } }
.layout-contact-modal .contact-modal-inner-wrap .modal-footer, .content-modal .contact-modal-inner-wrap .modal-footer {
padding-top: 30px; }
@media (max-width: 640px) {
.layout-contact-modal .contact-modal-inner-wrap .modal-footer, .content-modal .contact-modal-inner-wrap .modal-footer {
text-align: left;
padding: 15px 0 30px 12px; } }
.layout-contact-modal .contact-modal-inner-wrap .modal-footer h3, .content-modal .contact-modal-inner-wrap .modal-footer h3 {
font-weight: 400;
font-size: 24px; }
.layout-contact-modal .contact-modal-inner-wrap .modal-footer .btn-secondary, .content-modal .contact-modal-inner-wrap .modal-footer .btn-secondary {
margin-left: 20px; }
@media (max-width: 640px) {
.layout-contact-modal .contact-modal-inner-wrap .modal-footer .btn-secondary, .content-modal .contact-modal-inner-wrap .modal-footer .btn-secondary {
margin-left: 0;
display: block;
margin-top: 10px;
max-width: 130px; } }
.layout-contact-modal .modal-close, .content-modal .modal-close {
color: #313435;
position: absolute;
right: 0.44444em;
top: 1.11111em; }
.layout-contact-modal .modal-close:before, .content-modal .modal-close:before {
font-size: 30px;
font-size: 1.66667rem;
font-family: "icomoon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-transform: none;
content: '\e629'; }
.layout-country-modal {
box-sizing: border-box;
background: #fff;
border: solid 1px #ededed;
box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.15);
opacity: 0;
max-height: 80%;
max-height: calc(100% - 2em);
overflow: auto;
padding: 1.11111em;
position: fixed;
right: -999em;
-webkit-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
-webkit-transition-delay: .25s;
transition-delay: .25s;
top: 1em;
z-index: 1001; }
.layout-country-modal ul {
list-style: none;
padding: 0;
margin-left: 0px;
margin-bottom: 0.1em; }
.layout-country-modal ul li {
margin-bottom: 0.2rem;
font-size: 0.8rem; }
.layout-country-modal h3 {
font-size: 1rem; }
.country-modal-active .layout-country-modal {
opacity: 1;
top: 50%;
left: 50%;
max-width: 90%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
@media only screen and (min-width: 60em) {
.country-modal-active .layout-country-modal {
width: 90%; } }
.layout-country-modal .country-modal-header {
clear: both; }
.layout-country-modal .country-modal-header:after {
clear: both;
content: '.';
display: table;
visibility: hidden; }
.layout-country-modal .country-modal-header h2 {
float: left;
font-size: 22.5px;
font-size: 1.25rem;
padding-right: 1.33333em; }
@media only screen and (min-width: 60em) {
.layout-country-modal .country-modal-header h2 {
font-size: 32px;
font-size: 1.77778rem; } }
.layout-country-modal .country-modal-header .modal-title {
float: left;
font-size: 22.5px;
font-size: 1.25rem;
padding-right: 1.33333em;
color: #FE5000;
font-weight: 400;
line-height: 1.1em; }
@media only screen and (min-width: 60em) {
.layout-country-modal .country-modal-header .modal-title {
font-size: 32px;
font-size: 1.77778rem; } }
.layout-country-modal .country-modal-close {
position: absolute;
right: 0.44444em;
top: 1.11111em; }
.layout-country-modal .country-modal-close:before {
font-size: 30px;
font-size: 1.66667rem;
font-family: "icomoon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-transform: none;
content: '\e629'; }
.layout-rediect-alert {
display: none;
color: white; }
.layout-rediect-alert .alert {
margin: 1.1em 0% 0%;
width: 100%; }
.layout-rediect-alert .alert-region-close::before {
content: "";
font-family: "icomoon";
font-size: 1.66667rem;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-transform: none;
position: absolute;
right: 0.44444em;
font-weight: 700;
color: #0078CC;
text-decoration: none;
text-shadow: 1px 1px 1px rgba(241, 93, 34, 0.07);
-webkit-transition: color 0.25s ease-out 0s;
transition: color 0.25s ease-out 0s; }
.layout-rediect-alert p {
margin-bottom: 10px; }
.layout-rediect-alert input {
margin-bottom: 1em;
margin-right: 10px; }
.layout-rediect-alert a, .layout-rediect-alert .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .layout-rediect-alert .dropdownSelected {
text-align: left; }
.flag {
width: 16px;
height: 16px;
background: url("head/flags.png") no-repeat;
display: inline-block;
margin-right: 0.2em;
vertical-align: middle; }
.flag.flag-ad {
background-position: -16px 0; }
.flag.flag-ae {
background-position: -32px 0; }
.flag.flag-af {
background-position: -48px 0; }
.flag.flag-ag {
background-position: -64px 0; }
.flag.flag-ai {
background-position: -80px 0; }
.flag.flag-al {
background-position: -96px 0; }
.flag.flag-am {
background-position: -112px 0; }
.flag.flag-an {
background-position: -128px 0; }
.flag.flag-ao {
background-position: -144px 0; }
.flag.flag-ar {
background-position: -160px 0; }
.flag.flag-as {
background-position: -176px 0; }
.flag.flag-at {
background-position: -192px 0; }
.flag.flag-au {
background-position: -208px 0; }
.flag.flag-aw {
background-position: -224px 0; }
.flag.flag-az {
background-position: 0 -16px; }
.flag.flag-ba {
background-position: -16px -16px; }
.flag.flag-bb {
background-position: -32px -16px; }
.flag.flag-bd {
background-position: -48px -16px; }
.flag.flag-be {
background-position: -64px -16px; }
.flag.flag-bf {
background-position: -80px -16px; }
.flag.flag-bg {
background-position: -96px -16px; }
.flag.flag-bh {
background-position: -112px -16px; }
.flag.flag-bi {
background-position: -128px -16px; }
.flag.flag-bj {
background-position: -144px -16px; }
.flag.flag-bm {
background-position: -160px -16px; }
.flag.flag-bn {
background-position: -176px -16px; }
.flag.flag-bo {
background-position: -192px -16px; }
.flag.flag-br {
background-position: -208px -16px; }
.flag.flag-bs {
background-position: -224px -16px; }
.flag.flag-bt {
background-position: 0 -32px; }
.flag.flag-bw {
background-position: -16px -32px; }
.flag.flag-by {
background-position: -32px -32px; }
.flag.flag-bz {
background-position: -48px -32px; }
.flag.flag-ca {
background-position: -64px -32px; }
.flag.flag-cd {
background-position: -80px -32px; }
.flag.flag-cf {
background-position: -96px -32px; }
.flag.flag-cg {
background-position: -112px -32px; }
.flag.flag-ch {
background-position: -128px -32px; }
.flag.flag-ci {
background-position: -144px -32px; }
.flag.flag-ck {
background-position: -160px -32px; }
.flag.flag-cl {
background-position: -176px -32px; }
.flag.flag-cm {
background-position: -192px -32px; }
.flag.flag-cn {
background-position: -208px -32px; }
.flag.flag-co {
background-position: -224px -32px; }
.flag.flag-cr {
background-position: 0 -48px; }
.flag.flag-cu {
background-position: -16px -48px; }
.flag.flag-cv {
background-position: -32px -48px; }
.flag.flag-cy {
background-position: -48px -48px; }
.flag.flag-cz {
background-position: -64px -48px; }
.flag.flag-de {
background-position: -80px -48px; }
.flag.flag-dj {
background-position: -96px -48px; }
.flag.flag-dk {
background-position: -112px -48px; }
.flag.flag-dm {
background-position: -128px -48px; }
.flag.flag-do {
background-position: -144px -48px; }
.flag.flag-dz {
background-position: -160px -48px; }
.flag.flag-ec {
background-position: -176px -48px; }
.flag.flag-ee {
background-position: -192px -48px; }
.flag.flag-eg {
background-position: -208px -48px; }
.flag.flag-eh {
background-position: -224px -48px; }
.flag.flag-er {
background-position: 0 -64px; }
.flag.flag-es {
background-position: -16px -64px; }
.flag.flag-et {
background-position: -32px -64px; }
.flag.flag-fi {
background-position: -48px -64px; }
.flag.flag-fj {
background-position: -64px -64px; }
.flag.flag-fm {
background-position: -80px -64px; }
.flag.flag-fo {
background-position: -96px -64px; }
.flag.flag-fr {
background-position: -112px -64px; }
.flag.flag-ga {
background-position: -128px -64px; }
.flag.flag-gb {
background-position: -144px -64px; }
.flag.flag-gd {
background-position: -160px -64px; }
.flag.flag-ge {
background-position: -176px -64px; }
.flag.flag-gg {
background-position: -192px -64px; }
.flag.flag-gh {
background-position: -208px -64px; }
.flag.flag-gi {
background-position: -224px -64px; }
.flag.flag-gl {
background-position: 0 -80px; }
.flag.flag-gm {
background-position: -16px -80px; }
.flag.flag-gn {
background-position: -32px -80px; }
.flag.flag-gp {
background-position: -48px -80px; }
.flag.flag-gq {
background-position: -64px -80px; }
.flag.flag-gr {
background-position: -80px -80px; }
.flag.flag-gt {
background-position: -96px -80px; }
.flag.flag-gu {
background-position: -112px -80px; }
.flag.flag-gw {
background-position: -128px -80px; }
.flag.flag-gy {
background-position: -144px -80px; }
.flag.flag-hk {
background-position: -160px -80px; }
.flag.flag-hn {
background-position: -176px -80px; }
.flag.flag-hr {
background-position: -192px -80px; }
.flag.flag-ht {
background-position: -208px -80px; }
.flag.flag-hu {
background-position: -224px -80px; }
.flag.flag-id {
background-position: 0 -96px; }
.flag.flag-ie {
background-position: -16px -96px; }
.flag.flag-il {
background-position: -32px -96px; }
.flag.flag-im {
background-position: -48px -96px; }
.flag.flag-in {
background-position: -64px -96px; }
.flag.flag-iq {
background-position: -80px -96px; }
.flag.flag-ir {
background-position: -96px -96px; }
.flag.flag-is {
background-position: -112px -96px; }
.flag.flag-it {
background-position: -128px -96px; }
.flag.flag-je {
background-position: -144px -96px; }
.flag.flag-jm {
background-position: -160px -96px; }
.flag.flag-jo {
background-position: -176px -96px; }
.flag.flag-jp {
background-position: -192px -96px; }
.flag.flag-ke {
background-position: -208px -96px; }
.flag.flag-kg {
background-position: -224px -96px; }
.flag.flag-kh {
background-position: 0 -112px; }
.flag.flag-ki {
background-position: -16px -112px; }
.flag.flag-km {
background-position: -32px -112px; }
.flag.flag-kn {
background-position: -48px -112px; }
.flag.flag-kp {
background-position: -64px -112px; }
.flag.flag-kr {
background-position: -80px -112px; }
.flag.flag-kw {
background-position: -96px -112px; }
.flag.flag-ky {
background-position: -112px -112px; }
.flag.flag-kz {
background-position: -128px -112px; }
.flag.flag-la {
background-position: -144px -112px; }
.flag.flag-lb {
background-position: -160px -112px; }
.flag.flag-lc {
background-position: -176px -112px; }
.flag.flag-li {
background-position: -192px -112px; }
.flag.flag-lk {
background-position: -208px -112px; }
.flag.flag-lr {
background-position: -224px -112px; }
.flag.flag-ls {
background-position: 0 -128px; }
.flag.flag-lt {
background-position: -16px -128px; }
.flag.flag-lu {
background-position: -32px -128px; }
.flag.flag-lv {
background-position: -48px -128px; }
.flag.flag-ly {
background-position: -64px -128px; }
.flag.flag-ma {
background-position: -80px -128px; }
.flag.flag-mc {
background-position: -96px -128px; }
.flag.flag-md {
background-position: -112px -128px; }
.flag.flag-me {
background-position: -128px -128px; }
.flag.flag-mg {
background-position: -144px -128px; }
.flag.flag-mh {
background-position: -160px -128px; }
.flag.flag-mk {
background-position: -176px -128px; }
.flag.flag-ml {
background-position: -192px -128px; }
.flag.flag-mm {
background-position: -208px -128px; }
.flag.flag-mn {
background-position: -224px -128px; }
.flag.flag-mo {
background-position: 0 -144px; }
.flag.flag-mq {
background-position: -16px -144px; }
.flag.flag-mr {
background-position: -32px -144px; }
.flag.flag-ms {
background-position: -48px -144px; }
.flag.flag-mt {
background-position: -64px -144px; }
.flag.flag-mu {
background-position: -80px -144px; }
.flag.flag-mv {
background-position: -96px -144px; }
.flag.flag-mw {
background-position: -112px -144px; }
.flag.flag-mx {
background-position: -128px -144px; }
.flag.flag-my {
background-position: -144px -144px; }
.flag.flag-mz {
background-position: -160px -144px; }
.flag.flag-na {
background-position: -176px -144px; }
.flag.flag-nc {
background-position: -192px -144px; }
.flag.flag-ne {
background-position: -208px -144px; }
.flag.flag-ng {
background-position: -224px -144px; }
.flag.flag-ni {
background-position: 0 -160px; }
.flag.flag-nl {
background-position: -16px -160px; }
.flag.flag-no {
background-position: -32px -160px; }
.flag.flag-np {
background-position: -48px -160px; }
.flag.flag-nr {
background-position: -64px -160px; }
.flag.flag-nz {
background-position: -80px -160px; }
.flag.flag-om {
background-position: -96px -160px; }
.flag.flag-pa {
background-position: -112px -160px; }
.flag.flag-pe {
background-position: -128px -160px; }
.flag.flag-pf {
background-position: -144px -160px; }
.flag.flag-pg {
background-position: -160px -160px; }
.flag.flag-ph {
background-position: -176px -160px; }
.flag.flag-pk {
background-position: -192px -160px; }
.flag.flag-pl {
background-position: -208px -160px; }
.flag.flag-pr {
background-position: -224px -160px; }
.flag.flag-ps {
background-position: 0 -176px; }
.flag.flag-pt {
background-position: -16px -176px; }
.flag.flag-pw {
background-position: -32px -176px; }
.flag.flag-py {
background-position: -48px -176px; }
.flag.flag-qa {
background-position: -64px -176px; }
.flag.flag-re {
background-position: -80px -176px; }
.flag.flag-ro {
background-position: -96px -176px; }
.flag.flag-rs {
background-position: -112px -176px; }
.flag.flag-ru {
background-position: -128px -176px; }
.flag.flag-rw {
background-position: -144px -176px; }
.flag.flag-sa {
background-position: -160px -176px; }
.flag.flag-sb {
background-position: -176px -176px; }
.flag.flag-sc {
background-position: -192px -176px; }
.flag.flag-sd {
background-position: -208px -176px; }
.flag.flag-se {
background-position: -224px -176px; }
.flag.flag-sg {
background-position: 0 -192px; }
.flag.flag-si {
background-position: -16px -192px; }
.flag.flag-sk {
background-position: -32px -192px; }
.flag.flag-sl {
background-position: -48px -192px; }
.flag.flag-sm {
background-position: -64px -192px; }
.flag.flag-sn {
background-position: -80px -192px; }
.flag.flag-so {
background-position: -96px -192px; }
.flag.flag-sr {
background-position: -112px -192px; }
.flag.flag-st {
background-position: -128px -192px; }
.flag.flag-sv {
background-position: -144px -192px; }
.flag.flag-sy {
background-position: -160px -192px; }
.flag.flag-sz {
background-position: -176px -192px; }
.flag.flag-tc {
background-position: -192px -192px; }
.flag.flag-td {
background-position: -208px -192px; }
.flag.flag-tg {
background-position: -224px -192px; }
.flag.flag-th {
background-position: 0 -208px; }
.flag.flag-tj {
background-position: -16px -208px; }
.flag.flag-tl {
background-position: -32px -208px; }
.flag.flag-tm {
background-position: -48px -208px; }
.flag.flag-tn {
background-position: -64px -208px; }
.flag.flag-to {
background-position: -80px -208px; }
.flag.flag-tr {
background-position: -96px -208px; }
.flag.flag-tt {
background-position: -112px -208px; }
.flag.flag-tv {
background-position: -128px -208px; }
.flag.flag-tw {
background-position: -144px -208px; }
.flag.flag-tz {
background-position: -160px -208px; }
.flag.flag-ua {
background-position: -176px -208px; }
.flag.flag-ug {
background-position: -192px -208px; }
.flag.flag-us {
background-position: -208px -208px; }
.flag.flag-uy {
background-position: -224px -208px; }
.flag.flag-uz {
background-position: 0 -224px; }
.flag.flag-va {
background-position: -16px -224px; }
.flag.flag-vc {
background-position: -32px -224px; }
.flag.flag-ve {
background-position: -48px -224px; }
.flag.flag-vg {
background-position: -64px -224px; }
.flag.flag-vi {
background-position: -80px -224px; }
.flag.flag-vn {
background-position: -96px -224px; }
.flag.flag-vu {
background-position: -112px -224px; }
.flag.flag-ws {
background-position: -128px -224px; }
.flag.flag-ye {
background-position: -144px -224px; }
.flag.flag-za {
background-position: -160px -224px; }
.flag.flag-zm {
background-position: -176px -224px; }
.flag.flag-zw {
background-position: -192px -224px; }
.content-modal {
opacity: 1;
position: relative;
right: auto;
padding: 30px; }
@media (max-width: 832px) {
.content-modal {
padding-top: 30px; } }
.content-modal .contact-modal-inner-wrap {
max-width: none; }
.content-modal .contact-modal-inner-wrap .contact-options .content-box {
position: relative; }
.content-modal .contact-modal-inner-wrap .contact-options .content-box .content-text {
margin-bottom: 75px; }
.content-modal .contact-modal-inner-wrap .contact-options .content-box .content-text h3 {
margin: 1em 0 0.33em; }
.content-modal .contact-modal-inner-wrap .contact-options .content-box span.btn {
position: absolute;
bottom: 18px; }
@media (min-width: 832px) {
.content-modal .contact-modal-inner-wrap .contact-options .content-box span.btn {
bottom: 30px; } }
.content-modal .contact-modal-inner-wrap .contact-modal-header h2 {
font-size: 28px;
line-height: 38px; }
@media (min-width: 832px) {
.content-modal .contact-modal-inner-wrap .contact-modal-header h2 {
font-size: 30px;
line-height: 42px; } }
.section-products li.nav-products > a, .section-products .orion-seconday-nav .nav-wrap ul li.nav-products > .dropdownSelected, .orion-seconday-nav .nav-wrap ul .section-products li.nav-products > .dropdownSelected,
.section-services li.nav-services > a,
.section-services .orion-seconday-nav .nav-wrap ul li.nav-services > .dropdownSelected, .orion-seconday-nav .nav-wrap ul
.section-services li.nav-services > .dropdownSelected,
.section-education li.nav-education > a,
.section-education .orion-seconday-nav .nav-wrap ul li.nav-education > .dropdownSelected, .orion-seconday-nav .nav-wrap ul
.section-education li.nav-education > .dropdownSelected,
.section-communities li.nav-communities > a,
.section-communities .orion-seconday-nav .nav-wrap ul li.nav-communities > .dropdownSelected, .orion-seconday-nav .nav-wrap ul
.section-communities li.nav-communities > .dropdownSelected,
.section-support li.nav-support > a,
.section-support .orion-seconday-nav .nav-wrap ul li.nav-support > .dropdownSelected, .orion-seconday-nav .nav-wrap ul
.section-support li.nav-support > .dropdownSelected,
.nav-primary li.active > a,
.nav-primary .orion-seconday-nav .nav-wrap ul li.active > .dropdownSelected, .orion-seconday-nav .nav-wrap ul
.nav-primary li.active > .dropdownSelected {
background-color: #292929;
background-color: #292929;
border-bottom: 3px solid #fe5000;
box-sizing: border-box;
color: #fff; }
.nav-primary {
list-style: none;
margin: 0;
padding: 0;
-webkit-transition: margin 0.3s linear;
transition: margin 0.3s linear; }
.nav-primary a, .nav-primary .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-primary .dropdownSelected {
color: #fff;
font-size: 18px;
font-size: 1rem;
padding: 0.66667em 0.66667em 0.77778em;
text-decoration: none;
-webkit-transition: background 0.3s linear;
transition: background 0.3s linear; }
.nav-primary a:hover, .nav-primary .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .nav-primary .dropdownSelected:hover, .nav-primary a:active, .nav-primary .orion-seconday-nav .nav-wrap ul li .dropdownSelected:active, .orion-seconday-nav .nav-wrap ul li .nav-primary .dropdownSelected:active {
color: #fff;
background-color: #292929;
background-color: #292929; }
.nav-primary li {
list-style-type: none; }
.nav-primary > li {
margin-bottom: 0; }
.nav-primary > li > a, .orion-seconday-nav .nav-wrap ul .nav-primary > li > .dropdownSelected {
display: block; }
@media only screen and (min-width: 60em) {
.nav-primary > li > a, .orion-seconday-nav .nav-wrap ul .nav-primary > li > .dropdownSelected {
box-sizing: border-box;
display: inline-block;
height: 50px; } }
@media only screen and (min-width: 60em) {
.nav-primary > li {
float: left; }
.nav-primary > li.nav-primary-contact, .nav-primary > li.nav-contact-us {
float: right;
line-height: 0; } }
@media only screen and (min-width: 60em) {
.nav-primary {
overflow-y: visible; }
.nav-primary::after {
clear: both;
content: "";
display: table; } }
.nav-home {
display: block;
max-width: 80%;
overflow: hidden;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear; }
@media only screen and (min-width: 60em) {
.scrolled-down .nav-home,
.scrolled-up .nav-home {
height: 50px;
margin-right: 0.5em;
margin-top: .125em;
opacity: 1;
width: 2em; } }
.nav-home a, .nav-home .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-home .dropdownSelected {
display: block;
max-height: 1em; }
.nav-home a:hover, .nav-home .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .nav-home .dropdownSelected:hover {
background-color: transparent; }
.nav-home a img, .nav-home .orion-seconday-nav .nav-wrap ul li .dropdownSelected img, .orion-seconday-nav .nav-wrap ul li .nav-home .dropdownSelected img {
height: 1em; }
@media only screen and (min-width: 60em) {
.nav-home {
opacity: 0;
width: 0; } }
.nav-column {
box-sizing: border-box;
float: left;
margin: 0;
min-height: 1px;
width: 100%;
padding: 16px;
margin-top: 0;
width: 32.5%;
margin-left: 1.11111%;
font-size: 16px;
font-size: 0.88889rem;
padding: 0 1em; }
.nav-column:first-child {
margin-left: 0; }
.nav-column ul {
margin-top: 0; }
.nav-column li {
display: block;
margin: 0; }
.nav-column a, .nav-column .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-column .dropdownSelected {
display: block;
padding-left: .75em; }
.nav-spanning-column {
border-top: 1px solid #6c6c6c;
clear: both;
margin-bottom: 0;
padding: 1em; }
.nav-spanning-column ul {
margin-bottom: 0;
margin-top: 0; }
.nav-spanning-column a, .nav-spanning-column .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-spanning-column .dropdownSelected {
float: left; }
.nav-secondary {
background-color: #292929;
box-sizing: border-box;
list-style: none;
position: absolute;
right: -100%;
top: 0;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
width: 100%; }
.nav-secondary.nav-active {
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
right: 0; }
@media only screen and (min-width: 60em) {
.nav-secondary.nav-active {
height: auto;
min-height: 0; } }
.nav-secondary li ul {
margin-left: 0;
padding-left: 0; }
.nav-secondary a, .nav-secondary .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-secondary .dropdownSelected {
color: #fff;
display: block;
font-size: 16px;
font-size: 0.88889rem;
-webkit-transition: none;
transition: none; }
.nav-secondary a:hover, .nav-secondary .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .nav-secondary .dropdownSelected:hover {
background: #fff;
color: #fe5000; }
@media only screen and (min-width: 60em) {
.nav-secondary {
background: transparent;
left: 28px;
max-height: 0;
overflow: hidden;
right: 28px;
top: 100%;
width: auto;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear; }
.nav-secondary.nav-active {
left: 28px;
right: 28px;
max-height: 46em;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear; }
.nav-secondary .layout-inner-wrap {
background-color: #292929;
padding: 0; } }
@media only screen and (min-width: 60em) {
.nav-secondary-close {
display: none !important; } }
.nav-section-header {
color: #a7a9ac;
font-weight: 800;
list-style: none;
font-size: 25px;
font-size: 1.38889rem; }
@media only screen and (min-width: 60em) {
.nav-section-header {
border-bottom: 1px solid #a7a9ac;
padding: 0.66667em 0.66667em;
margin-bottom: 0.5em !important; } }
@media only screen and (min-width: 48em) {
.nav-spanning-column .nav-section-header {
border-bottom: 0; } }
@media only screen and (min-width: 60em) {
.nav-section-header a, .nav-section-header .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-section-header .dropdownSelected {
margin: -1em 0 -1em -.75em; } }
.nav-section-header-cta {
color: #a7a9ac;
display: inline-block;
margin-top: 0.25em;
margin-bottom: 0 !important;
font-weight: 800;
list-style: none;
font-size: 25px;
font-size: 1.38889rem; }
.nav-section-header-cta:first-child {
margin-top: 1em; }
@media only screen and (min-width: 60em) {
.nav-section-header-cta {
border-bottom: 1px solid #a7a9ac;
padding: 1.33333em 0.66667em; }
.nav-section-header-cta, .nav-section-header-cta:first-child {
margin-top: 0; } }
@media only screen and (min-width: 48em) {
.nav-spanning-column .nav-section-header-cta {
border-bottom: 0; } }
@media only screen and (min-width: 60em) {
.nav-section-header-cta a, .nav-section-header-cta .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-section-header-cta .dropdownSelected {
margin: -1em 0 -1em -.75em; } }
.nav-tertiary {
margin: 0;
padding: 0; }
.nav-tertiary h4 {
border-bottom: 2px solid #919597;
color: #C0C3C4;
font-weight: 400;
margin: 1em 0em 1.5em;
padding-bottom: 0.55556em; }
@media only screen and (min-width: 60em) {
.nav-tertiary h4 {
margin-top: 0; } }
@media only screen and (min-width: 60em) {
.bg-matrix .nav-tertiary {
position: relative; } }
@media only screen and (min-width: 60em) {
.bg-matrix .nav-tertiary:after {
background: none;
content: '';
display: block;
height: 297px;
position: absolute;
right: 0;
top: -367px; } }
.nav-tertiary-col {
display: inline-block;
list-style: none;
margin-right: -0.25em;
vertical-align: top;
width: 100%; }
@media only screen and (min-width: 30em) {
.nav-tertiary-col {
margin-left: 3.3%;
width: 48.3%; }
.nav-tertiary-col.nth-child-2np1 {
margin-left: 0; }
.nav-tertiary-col.nth-child-np3 {
margin-top: 3.3%; } }
@media only screen and (min-width: 60em) {
.nav-tertiary-col {
margin-top: 0; } }
@media only screen and (min-width: 76.25em) {
.nav-tertiary-col {
margin-left: 2.2%;
width: 23.3%; }
.nav-tertiary-col.nth-child-2np1 {
margin-left: 2.2%; }
.nav-tertiary-col:first-child {
margin-left: 0; }
.nav-tertiary-col.nth-child-np3 {
margin-top: 0; } }
.nav-spotlight {
background-position: center center;
background-size: cover;
min-height: 320px; }
.nav-spotlight h3 {
color: #fff;
font-size: 28px;
font-size: 1.55556rem;
margin-bottom: 0;
padding: 3em 1em 2em .5em; }
.nav-spotlight a, .nav-spotlight .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-spotlight .dropdownSelected {
background: #313435; }
.nav-utility {
float: right;
font-size: 24px;
font-size: 1.33333rem;
line-height: 1.95833em;
list-style: none;
margin: 0.88889em 1.33333em 0 0;
padding: 0;
text-align: right; }
.nav-utility > li {
display: table-cell;
padding-left: 1.5em;
vertical-align: middle; }
@media only screen and (min-width: 60em) {
.search-active .nav-utility > li[data-set="search-site"] {
border-left: none;
display: block !important; } }
@media only screen and (min-width: 60em) {
.search-active .nav-utility > li {
display: none !important; } }
@media only screen and (min-width: 60em) {
.nav-utility > li {
border-left: 1px solid #cacaca;
float: left;
padding-right: 1.5em; }
.nav-utility > li:first-child {
border-left: none; } }
.nav-utility fieldset {
margin: 0; }
.nav-utility a, .nav-utility .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-utility .dropdownSelected {
text-decoration: none; }
.nav-utility a.nav-free-trials, .nav-utility .orion-seconday-nav .nav-wrap ul li .nav-free-trials.dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-utility .nav-free-trials.dropdownSelected {
color: #fe5000 !important;
font-weight: 800; }
@media only screen and (min-width: 60em) {
.nav-utility {
font-size: 18px;
font-size: 1rem;
line-height: 50px;
margin: 1.5em 0 0; } }
@media only screen and (min-width: 60em) {
.nav-utility .layout-nav-toggle {
display: none; } }
.layout-footer .nav-login:before {
font-family: "icomoon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-transform: none;
content: "";
font-size: 18px;
font-size: 1rem;
margin-right: 0.66667em; }
@media only screen and (min-width: 60em) {
.nav-login:before {
margin-right: 0.66667em; } }
@media only screen and (min-width: 60em) {
.search-active .nav-login {
display: none; } }
.nav-login.nav-login-header {
display: none; }
@media only screen and (min-width: 60em) {
.nav-login.nav-login-header {
display: block; } }
.nav-login:before,
.nav-partners:before,
.nav-worldwide:before,
.nav-blog:before,
.nav-communities:before {
font-family: "icomoon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-transform: none;
font-size: 18px;
font-size: 1rem;
margin-right: 0.5em;
vertical-align: middle; }
@media only screen and (min-width: 60em) {
.nav-primary-contact > div {
display: inline-block;
margin-right: -0.25em; } }
.nav-primary-contact a, .nav-primary-contact .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-primary-contact .dropdownSelected, .nav-contact-us a, .nav-contact-us .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-contact-us .dropdownSelected {
display: inline-block;
padding: 0.88889em 0.88889em;
font-size: 14px;
font-size: 0.77778rem; }
.nav-primary-contact a, .nav-primary-contact .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-primary-contact .dropdownSelected, .nav-primary-contact a:hover, .nav-primary-contact .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .nav-primary-contact .dropdownSelected:hover, .nav-contact-us a, .nav-contact-us .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-contact-us .dropdownSelected, .nav-contact-us a:hover, .nav-contact-us .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .nav-contact-us .dropdownSelected:hover {
background-position: 8px; }
@media only screen and (min-width: 30em) {
.nav-primary-contact a, .nav-primary-contact .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-primary-contact .dropdownSelected, .nav-contact-us a, .nav-contact-us .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-contact-us .dropdownSelected {
color: #717171;
padding: 0.88889em 0.88889em; } }
@media only screen and (min-width: 60em) {
.nav-primary-contact a, .nav-primary-contact .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-primary-contact .dropdownSelected, .nav-contact-us a, .nav-contact-us .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-contact-us .dropdownSelected {
height: 50px;
line-height: 50px;
padding-bottom: 0;
padding-top: 0; }
.nav-primary-contact a, .nav-primary-contact .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-primary-contact .dropdownSelected, .nav-primary-contact a:hover, .nav-primary-contact .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .nav-primary-contact .dropdownSelected:hover, .nav-contact-us a, .nav-contact-us .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-contact-us .dropdownSelected, .nav-contact-us a:hover, .nav-contact-us .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .nav-contact-us .dropdownSelected:hover {
background-position: 0px; } }
@media only screen and (min-width: 76.25em) {
.nav-primary-contact a, .nav-primary-contact .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-primary-contact .dropdownSelected, .nav-primary-contact a:hover, .nav-primary-contact .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .nav-primary-contact .dropdownSelected:hover, .nav-contact-us a, .nav-contact-us .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-contact-us .dropdownSelected, .nav-contact-us a:hover, .nav-contact-us .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .nav-contact-us .dropdownSelected:hover {
background-position: 8px; } }
.nav-primary-contact a:before, .nav-primary-contact .orion-seconday-nav .nav-wrap ul li .dropdownSelected:before, .orion-seconday-nav .nav-wrap ul li .nav-primary-contact .dropdownSelected:before, .nav-contact-us a:before, .nav-contact-us .orion-seconday-nav .nav-wrap ul li .dropdownSelected:before, .orion-seconday-nav .nav-wrap ul li .nav-contact-us .dropdownSelected:before {
font-family: "icomoon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-transform: none;
font-size: 18px;
font-size: 1rem; }
@media only screen and (min-width: 60em) {
.nav-primary-contact a:before, .nav-primary-contact .orion-seconday-nav .nav-wrap ul li .dropdownSelected:before, .orion-seconday-nav .nav-wrap ul li .nav-primary-contact .dropdownSelected:before, .nav-contact-us a:before, .nav-contact-us .orion-seconday-nav .nav-wrap ul li .dropdownSelected:before, .orion-seconday-nav .nav-wrap ul li .nav-contact-us .dropdownSelected:before {
color: #fff; } }
@media only screen and (min-width: 76.25em) {
.nav-primary-contact a:before, .nav-primary-contact .orion-seconday-nav .nav-wrap ul li .dropdownSelected:before, .orion-seconday-nav .nav-wrap ul li .nav-primary-contact .dropdownSelected:before, .nav-contact-us a:before, .nav-contact-us .orion-seconday-nav .nav-wrap ul li .dropdownSelected:before, .orion-seconday-nav .nav-wrap ul li .nav-contact-us .dropdownSelected:before {
color: #717171;
margin-right: 0.44444em; } }
.nav-primary-contact a.alert span, .nav-primary-contact .orion-seconday-nav .nav-wrap ul li .alert.dropdownSelected span, .orion-seconday-nav .nav-wrap ul li .nav-primary-contact .alert.dropdownSelected span, .nav-contact-us a.alert span, .nav-contact-us .orion-seconday-nav .nav-wrap ul li .alert.dropdownSelected span, .orion-seconday-nav .nav-wrap ul li .nav-contact-us .alert.dropdownSelected span {
color: #f83200;
font-weight: 800; }
.nav-primary-contact a.alert-contact span, .nav-primary-contact .orion-seconday-nav .nav-wrap ul li .alert-contact.dropdownSelected span, .orion-seconday-nav .nav-wrap ul li .nav-primary-contact .alert-contact.dropdownSelected span, .nav-contact-us a.alert-contact span, .nav-contact-us .orion-seconday-nav .nav-wrap ul li .alert-contact.dropdownSelected span, .orion-seconday-nav .nav-wrap ul li .nav-contact-us .alert-contact.dropdownSelected span {
color: #f83200;
font-weight: 800; }
.nav-primary-contact a span, .nav-primary-contact .orion-seconday-nav .nav-wrap ul li .dropdownSelected span, .orion-seconday-nav .nav-wrap ul li .nav-primary-contact .dropdownSelected span, .nav-contact-us a span, .nav-contact-us .orion-seconday-nav .nav-wrap ul li .dropdownSelected span, .orion-seconday-nav .nav-wrap ul li .nav-contact-us .dropdownSelected span {
color: #fff;
padding-left: 2em; }
@media only screen and (min-width: 60em) {
.nav-primary-contact a span, .nav-primary-contact .orion-seconday-nav .nav-wrap ul li .dropdownSelected span, .orion-seconday-nav .nav-wrap ul li .nav-primary-contact .dropdownSelected span, .nav-contact-us a span, .nav-contact-us .orion-seconday-nav .nav-wrap ul li .dropdownSelected span, .orion-seconday-nav .nav-wrap ul li .nav-contact-us .dropdownSelected span {
display: none;
opacity: 0;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear; } }
@media only screen and (min-width: 76.25em) {
.nav-primary-contact a span, .nav-primary-contact .orion-seconday-nav .nav-wrap ul li .dropdownSelected span, .orion-seconday-nav .nav-wrap ul li .nav-primary-contact .dropdownSelected span, .nav-contact-us a span, .nav-contact-us .orion-seconday-nav .nav-wrap ul li .dropdownSelected span, .orion-seconday-nav .nav-wrap ul li .nav-contact-us .dropdownSelected span {
display: inline;
opacity: 1; } }
.nav-primary-contact a.nav-telephone-us span, .nav-primary-contact .orion-seconday-nav .nav-wrap ul li .nav-telephone-us.dropdownSelected span, .orion-seconday-nav .nav-wrap ul li .nav-primary-contact .nav-telephone-us.dropdownSelected span, .nav-contact-us a.nav-telephone-us span, .nav-contact-us .orion-seconday-nav .nav-wrap ul li .nav-telephone-us.dropdownSelected span, .orion-seconday-nav .nav-wrap ul li .nav-contact-us .nav-telephone-us.dropdownSelected span {
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear; }
.nav-primary-contact a.nav-chat-live, .nav-primary-contact .orion-seconday-nav .nav-wrap ul li .nav-chat-live.dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-primary-contact .nav-chat-live.dropdownSelected, .nav-contact-us a.nav-chat-live, .nav-contact-us .orion-seconday-nav .nav-wrap ul li .nav-chat-live.dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-contact-us .nav-chat-live.dropdownSelected {
display: block; }
.nav-chat-live {
background-image: url("head/nav-chat-grey6.png");
background-repeat: no-repeat;
color: #ffffff !important; }
.nav-chat-live-red {
background-image: url("head/nav-chat-red3.png");
background-repeat: no-repeat;
color: #f83200 !important; }
.nav-email-us, .nav-contact-us div.nav-secondary a, .nav-contact-us div.nav-secondary .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-contact-us div.nav-secondary .dropdownSelected {
background-image: url("head/nav-email-grey3.png");
background-repeat: no-repeat;
color: #ffffff; }
.nav-email-us-red {
background-image: url("head/nav-email-red3.png");
background-repeat: no-repeat;
color: #ffffff; }
.nav-telephone-link {
background-image: url("head/nav-telephone-grey3.png");
background-repeat: no-repeat;
color: #ffffff !important; }
@media only screen and (min-width: 60em) {
.nav-contact-us {
position: relative; }
.nav-contact-us .nav-secondary {
position: absolute; } }
.nav-contact-us div.nav-secondary {
background: transparent;
margin: 0;
padding: 0;
position: static;
overflow: hidden;
width: 100%; }
.layout-nav .nav-contact-us div.nav-secondary {
left: inherit;
right: 0; }
@media only screen and (min-width: 60em) {
.nav-contact-us div.nav-secondary {
background-color: #292929;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
position: absolute;
width: 225px; } }
.nav-contact-us div.nav-secondary ul {
margin: 0;
padding: 0; }
.nav-contact-us div.nav-secondary ul li {
margin: 0; }
@media only screen and (min-width: 60em) {
.nav-contact-us div.nav-secondary ul {
margin: 0 1em; } }
.nav-contact-us div.nav-secondary a, .nav-contact-us div.nav-secondary .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-contact-us div.nav-secondary .dropdownSelected {
height: auto;
padding: 0.7em 0.8em;
line-height: 1.75em;
background-color: inherit;
display: block; }
.nav-contact-us div.nav-secondary a, .nav-contact-us div.nav-secondary .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-contact-us div.nav-secondary .dropdownSelected, .nav-contact-us div.nav-secondary a span, .nav-contact-us div.nav-secondary .orion-seconday-nav .nav-wrap ul li .dropdownSelected span, .orion-seconday-nav .nav-wrap ul li .nav-contact-us div.nav-secondary .dropdownSelected span {
color: #0093C9; }
@media only screen and (min-width: 60em) {
.nav-contact-us div.nav-secondary a, .nav-contact-us div.nav-secondary .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-contact-us div.nav-secondary .dropdownSelected, .nav-contact-us div.nav-secondary a span, .nav-contact-us div.nav-secondary .orion-seconday-nav .nav-wrap ul li .dropdownSelected span, .orion-seconday-nav .nav-wrap ul li .nav-contact-us div.nav-secondary .dropdownSelected span {
display: inline-block; } }
.nav-contact-us div.nav-secondary a:hover, .nav-contact-us div.nav-secondary .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .nav-contact-us div.nav-secondary .dropdownSelected:hover, .nav-contact-us div.nav-secondary a:active, .nav-contact-us div.nav-secondary .orion-seconday-nav .nav-wrap ul li .dropdownSelected:active, .orion-seconday-nav .nav-wrap ul li .nav-contact-us div.nav-secondary .dropdownSelected:active, .nav-contact-us div.nav-secondary a:focus, .nav-contact-us div.nav-secondary .orion-seconday-nav .nav-wrap ul li .dropdownSelected:focus, .orion-seconday-nav .nav-wrap ul li .nav-contact-us div.nav-secondary .dropdownSelected:focus {
background-color: #292929; }
.nav-contact-us div.nav-secondary a:hover, .nav-contact-us div.nav-secondary .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .nav-contact-us div.nav-secondary .dropdownSelected:hover, .nav-contact-us div.nav-secondary a:hover span, .nav-contact-us div.nav-secondary .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover span, .orion-seconday-nav .nav-wrap ul li .nav-contact-us div.nav-secondary .dropdownSelected:hover span, .nav-contact-us div.nav-secondary a:active, .nav-contact-us div.nav-secondary .orion-seconday-nav .nav-wrap ul li .dropdownSelected:active, .orion-seconday-nav .nav-wrap ul li .nav-contact-us div.nav-secondary .dropdownSelected:active, .nav-contact-us div.nav-secondary a:active span, .nav-contact-us div.nav-secondary .orion-seconday-nav .nav-wrap ul li .dropdownSelected:active span, .orion-seconday-nav .nav-wrap ul li .nav-contact-us div.nav-secondary .dropdownSelected:active span, .nav-contact-us div.nav-secondary a:focus, .nav-contact-us div.nav-secondary .orion-seconday-nav .nav-wrap ul li .dropdownSelected:focus, .orion-seconday-nav .nav-wrap ul li .nav-contact-us div.nav-secondary .dropdownSelected:focus, .nav-contact-us div.nav-secondary a:focus span, .nav-contact-us div.nav-secondary .orion-seconday-nav .nav-wrap ul li .dropdownSelected:focus span, .orion-seconday-nav .nav-wrap ul li .nav-contact-us div.nav-secondary .dropdownSelected:focus span {
color: #046e96; }
@media only screen and (min-width: 60em) {
.nav-contact-us div.nav-secondary a, .nav-contact-us div.nav-secondary .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-contact-us div.nav-secondary .dropdownSelected {
background-position: 0;
display: inline-block; }
.nav-contact-us div.nav-secondary a:hover, .nav-contact-us div.nav-secondary .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .nav-contact-us div.nav-secondary .dropdownSelected:hover, .nav-contact-us div.nav-secondary a:active, .nav-contact-us div.nav-secondary .orion-seconday-nav .nav-wrap ul li .dropdownSelected:active, .orion-seconday-nav .nav-wrap ul li .nav-contact-us div.nav-secondary .dropdownSelected:active, .nav-contact-us div.nav-secondary a:focus, .nav-contact-us div.nav-secondary .orion-seconday-nav .nav-wrap ul li .dropdownSelected:focus, .orion-seconday-nav .nav-wrap ul li .nav-contact-us div.nav-secondary .dropdownSelected:focus {
background-position: 0;
background-color: transparent; } }
.nav-contact-us div.nav-secondary .nav-email-us span, .nav-contact-us div.nav-secondary a span, .nav-contact-us div.nav-secondary .orion-seconday-nav .nav-wrap ul li .dropdownSelected span, .orion-seconday-nav .nav-wrap ul li .nav-contact-us div.nav-secondary .dropdownSelected span {
display: inline-block;
opacity: 1; }
@media only screen and (min-width: 60em) {
.nav-contact-us div.nav-secondary .nav-email-us span, .nav-contact-us div.nav-secondary a span, .nav-contact-us div.nav-secondary .orion-seconday-nav .nav-wrap ul li .dropdownSelected span, .orion-seconday-nav .nav-wrap ul li .nav-contact-us div.nav-secondary .dropdownSelected span {
margin-left: 0; } }
.nav-login:before {
content: ""; }
.nav-partners:before {
content: ""; }
.nav-worldwide:before {
content: ""; }
.nav-blog:before {
content: ""; }
.nav-search-toggle {
display: none; }
.nav-search-toggle:before {
font-family: "icomoon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-transform: none;
content: "";
display: block;
margin-top: 1em; }
@media only screen and (min-width: 60em) {
.nav-search-toggle:before {
margin-right: 0.33333em; } }
@media only screen and (min-width: 60em) {
.nav-search-toggle {
display: block;
float: left; }
.search-active .nav-search-toggle {
display: none; } }
.nav-login-text {
display: none; }
@media only screen and (min-width: 60em) {
.nav-login-text {
display: inline; } }
.layout-nav-open {
background: #fff; }
.layout-nav-open:before {
font-family: "icomoon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-transform: none;
content: ""; }
.search-active .layout-nav-open {
display: none; }
.rgba .scrolled-down .layout-nav-open,
.rgba .scrolled-up .layout-nav-open {
background: rgba(255, 255, 255, 0); }
@media only screen and (min-width: 60em) {
.layout-nav-open {
display: none; } }
.layout-nav-close {
color: white;
font-size: 24px;
font-size: 1.33333rem;
position: absolute;
right: 1em;
top: 1em;
z-index: zIndex(nav)1; }
.layout-nav-close:before {
font-family: "icomoon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-transform: none;
content: ""; }
.layout-nav-close:hover, .layout-nav-close:active, .layout-nav-close:focus {
color: white;
text-decoration: none; }
@media only screen and (min-width: 60em) {
.layout-nav-close {
display: none; } }
.nav-footer-link-list {
font-size: 14px;
font-size: 0.77778rem;
margin: 0 0 .5em 0;
padding: 0; }
.nav-footer-link-list a, .nav-footer-link-list .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-footer-link-list .dropdownSelected {
font-size: 12px;
font-size: 0.66667rem;
padding: 0 1em 0 0; }
.nav-footer-link-list li {
list-style: none;
margin: 0;
padding: 0; }
@media only screen and (min-width: 30em) {
.nav-footer-link-list li + li a, .nav-footer-link-list li + li .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-footer-link-list li + li .dropdownSelected {
border-left: 1px solid #cacaca;
padding-left: 1em; } }
@media only screen and (min-width: 30em) {
.nav-footer-link-list li {
display: inline-block; } }
@media only screen and (min-width: 60em) {
.layout-navigation {
box-shadow: 0px 12px 19px -12px rgba(0, 0, 0, 0.12); } }
@media only screen and (min-width: 60em) {
.layout-navigation .layout-inner-wrap {
padding: 0 1.55556em; } }
.navigation-primary {
list-style: none;
margin: 0;
padding: 2em 0;
position: relative; }
@media only screen and (min-width: 60em) {
.navigation-primary {
height: 50px;
padding: 0; } }
.navigation-primary > li {
margin: 0; }
@media only screen and (min-width: 60em) {
.navigation-primary > li {
border-bottom: 6px solid transparent;
display: inline-block;
float: left;
height: 44px;
line-height: 44px;
margin-right: 0.72222em; } }
.navigation-primary > li > a, .orion-seconday-nav .nav-wrap ul .navigation-primary > li > .dropdownSelected {
font-size: 16px;
font-size: 0.88889rem;
-webkit-transition: border-color 0.3s linear;
transition: border-color 0.3s linear;
font-weight: 700;
border-bottom: 3px transparent;
display: block;
outline: none;
padding: .5em 1em; }
@media only screen and (min-width: 60em) {
.navigation-primary > li > a, .orion-seconday-nav .nav-wrap ul .navigation-primary > li > .dropdownSelected {
font-size: 14px;
font-size: 0.77778rem;
color: #313435;
font-weight: 500;
margin-right: .5em;
padding: 0 .5em; } }
@media only screen and (min-width: 76.25em) {
.navigation-primary > li > a, .orion-seconday-nav .nav-wrap ul .navigation-primary > li > .dropdownSelected {
font-size: 16px;
font-size: 0.88889rem; } }
@media only screen and (min-width: 60em) {
.navigation-primary > li:hover, .navigation-primary > li.hinted, .navigation-primary > li.hinted:hover {
border-bottom-color: #ebebeb; } }
.navigation-primary .navigation-home {
-webkit-transition: background-color 0.3s linear;
transition: background-color 0.3s linear;
display: none;
position: relative;
width: 0; }
.navigation-primary .navigation-home .navigation-home-link {
background-repeat: no-repeat;
background-image: url("head/bmc_logo_header.svg");
height: 30px;
left: 0.66667em;
padding: 0;
position: absolute;
top: 0.61111em;
width: 90px; }
.no-svg .navigation-primary .navigation-home .navigation-home-link {
background-image: url("head/bmc_logo_header.png"); }
@media only screen and (min-width: 76.25em) {
.navigation-primary .navigation-home .navigation-home-link {
padding: 0; } }
.navigation-primary .navigation-menu {
position: relative; }
@media only screen and (min-width: 60em) {
.navigation-primary .navigation-menu {
border: 0 none;
display: none;
line-height: 49px;
margin-right: 0; }
.navigation-primary .navigation-menu .navigation-menu-link {
background: #f3f3f3;
border: solid 1px #cacaca;
border-bottom: 0;
border-top: 0;
box-sizing: border-box;
margin-left: 0;
display: none;
width: 50px;
height: 49px; } }
.navigation-primary .navigation-menu a, .navigation-primary .navigation-menu .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .navigation-primary .navigation-menu .dropdownSelected {
padding: 0; }
.navigation-primary .navigation-menu a:before, .navigation-primary .navigation-menu .orion-seconday-nav .nav-wrap ul li .dropdownSelected:before, .orion-seconday-nav .nav-wrap ul li .navigation-primary .navigation-menu .dropdownSelected:before {
font-family: "icomoon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-transform: none;
font-size: 32px;
font-size: 1.77778rem;
content: "";
left: 5px;
position: relative;
top: 9px; }
.scrolled-down .navigation-home,
.scrolled-up .navigation-home {
border-bottom: 0;
line-height: 40px;
width: auto; }
@media only screen and (min-width: 60em) {
.scrolled-down .navigation-primary > li,
.scrolled-up .navigation-primary > li {
opacity: 0;
-webkit-transition: opacity 0.3s linear;
transition: opacity 0.3s linear; }
.scrolled-down .navigation-primary > li.navigation-menu, .scrolled-down .navigation-primary > li.navigation-home,
.scrolled-up .navigation-primary > li.navigation-menu,
.scrolled-up .navigation-primary > li.navigation-home {
opacity: 1;
-webkit-transition: -webkit-transform 0.3s linear;
transition: -webkit-transform 0.3s linear;
transition: transform 0.3s linear;
transition: transform 0.3s linear, -webkit-transform 0.3s linear;
display: inline-block;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
.scrolled-down .navigation-primary > li.navigation-home,
.scrolled-up .navigation-primary > li.navigation-home {
width: 90px; }
.scrolled-down .navigation-primary > li .navigation-menu-link,
.scrolled-up .navigation-primary > li .navigation-menu-link {
display: block; }
.scrolled-down .navigation-primary > li > a, .scrolled-down .orion-seconday-nav .nav-wrap ul .navigation-primary > li > .dropdownSelected, .orion-seconday-nav .nav-wrap ul .scrolled-down .navigation-primary > li > .dropdownSelected,
.scrolled-up .navigation-primary > li > a,
.scrolled-up .orion-seconday-nav .nav-wrap ul .navigation-primary > li > .dropdownSelected, .orion-seconday-nav .nav-wrap ul
.scrolled-up .navigation-primary > li > .dropdownSelected {
margin-left: .25em;
padding: 0 .25em; } }
.display-scrolled-menu .navigation-menu a:before, .display-scrolled-menu .navigation-menu .orion-seconday-nav .nav-wrap ul li .dropdownSelected:before, .orion-seconday-nav .nav-wrap ul li .display-scrolled-menu .navigation-menu .dropdownSelected:before {
content: "";
left: -3px; }
@media only screen and (min-width: 60em) {
.display-scrolled-menu .navigation-primary > li {
line-height: 49px;
opacity: 1;
-webkit-transition-delay: .15s;
transition-delay: .15s; }
.display-scrolled-menu .navigation-primary > li.navigation-menu {
line-height: 49px;
-webkit-transform: translateX(-5px);
-ms-transform: translateX(-5px);
transform: translateX(-5px); }
.display-scrolled-menu .navigation-primary > li.navigation-home {
display: none; } }
.navigation-open .navigation-primary .navigation-menu {
display: none; }
.no-svg .navigation-primary .navigation-home .navigation-home-link {
background-image: url("head/bmc_logo_header-scrolled.png"); }
.nav-wrapper {
background: #eee;
border-bottom: 1px solid rgba(255, 255, 255, 0.8);
height: 75px;
position: fixed;
-webkit-transition: opacity .25s ease;
transition: opacity .25s ease;
width: 100%;
z-index: 15; }
.scrolled-down .nav-wrapper {
opacity: .96; }
.pl-nav-open .nav-wrapper {
opacity: 1 !important; }
#nav-main {
margin-top: 0;
padding-bottom: 0;
padding-top: 0;
position: fixed;
width: 100%;
z-index: 10; }
.nav-logo {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 75px;
float: left;
padding: 12px 0 0 16px;
position: fixed;
width: 170px;
z-index: 12; }
.nav-logo img {
height: 50px; }
.nav-control {
background: #fe5000 url(head/icon-menu-pl.png) 17px center no-repeat;
display: block;
font-size: 45px;
font-size: 2.5rem;
height: 75px;
float: right;
outline: none !important;
position: relative;
text-align: center;
width: 75px;
z-index: 30; }
.pl-nav-open .nav-control {
background-image: url(head/icon-close-pl.png); }
.nav-navigation {
background: #fe5000;
box-sizing: border-box;
height: 100%;
margin: 0;
overflow: auto;
padding: 5.55556em 4.16667em;
position: fixed;
right: -100%;
top: 0;
-webkit-transition: right .25s ease;
transition: right .25s ease;
width: 100%;
z-index: 20; }
@media only screen and (min-width: 48em) {
.nav-navigation {
right: -50%;
width: 50%; } }
.pl-nav-open .nav-navigation {
right: 0; }
.nav-navigation li {
list-style-type: none;
margin-bottom: .75em; }
.nav-navigation a, .nav-navigation .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-navigation .dropdownSelected {
color: #fff;
display: block;
font-size: 30px;
font-size: 1.66667rem;
font-weight: bold;
text-align: right;
text-decoration: none;
-webkit-transition: none;
transition: none; }
.nav-navigation a:hover, .nav-navigation .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .nav-navigation .dropdownSelected:hover, .nav-navigation a:active, .nav-navigation .orion-seconday-nav .nav-wrap ul li .dropdownSelected:active, .orion-seconday-nav .nav-wrap ul li .nav-navigation .dropdownSelected:active, .nav-navigation a:focus, .nav-navigation .orion-seconday-nav .nav-wrap ul li .dropdownSelected:focus, .orion-seconday-nav .nav-wrap ul li .nav-navigation .dropdownSelected:focus {
color: #2a2a2a;
outline: none; }
.nav-pagenav {
list-style: none;
margin: 0;
padding: 0; }
.nav-pagenav li {
display: inline-block;
padding: 0.33333em 0.66667em; }
.nav-pagenav li + li {
border-left: 1px solid #cacaca; }
.nav-pagenav li:before {
content: ''; }
.navigation-secondary {
background-color: #fcfcfc;
color: #313435;
height: 100%;
margin: 0;
overflow-y: auto;
padding: 1em 0 0 1em;
position: fixed;
top: 60px;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
width: 100%;
z-index: 5;
display: none; }
@media only screen and (min-width: 60em) {
.navigation-secondary {
border-top: solid 1px #ebebeb;
box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.15);
height: 0;
top: 100%;
max-height: 200px;
opacity: 0;
overflow: hidden;
padding: 1em;
position: absolute;
-webkit-transition: max-height .25s ease;
transition: max-height .25s ease;
width: auto; } }
@media only screen and (min-width: 60em) {
.navigation-secondary:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
background-color: transparent;
box-shadow: 1px 0px 10px 1px rgba(0, 0, 0, 0.25);
z-index: 10; } }
@media only screen and (min-width: 60em) {
.navigation-secondary.navigation-one-col {
width: 25%; } }
@media only screen and (min-width: 60em) {
.navigation-secondary.navigation-two-col {
width: 50%; } }
@media only screen and (min-width: 60em) {
.navigation-secondary.navigation-three-col {
width: 75%; } }
.navigation-secondary.navigation-four-col, .navigation-secondary.navigation-tabbed-menu {
width: 100%; }
@media only screen and (min-width: 60em) {
.navigation-secondary.navigation-four-col.navigation-active, .navigation-secondary.navigation-tabbed-menu.navigation-active {
right: 0;
display: block; } }
.navigation-secondary.navigation-active {
right: 0;
margin: 0;
overflow: auto;
display: block; }
@media only screen and (min-width: 60em) {
.navigation-secondary.navigation-active {
height: auto;
margin-top: 0;
max-height: auto;
opacity: .97;
right: 0.66667em;
top: 100%; } }
@media only screen and (min-width: 60em) {
.navigation-secondary.layout-inner-wrap {
padding: 0px !important; } }
.navigation-secondary > ul {
list-style: none;
margin: 0; }
.navigation-secondary li {
line-height: normal;
list-style: none;
margin-bottom: 0; }
.navigation-secondary a, .navigation-secondary .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .navigation-secondary .dropdownSelected {
color: #0078CC;
display: block;
font-weight: normal;
padding: 0.33333em 0; }
@media only screen and (min-width: 60em) {
.navigation-secondary a, .navigation-secondary .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .navigation-secondary .dropdownSelected {
font-size: 15px;
font-size: 0.83333rem;
color: #313435;
padding: 0.33333em 0; } }
.navigation-secondary a:hover, .navigation-secondary .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .navigation-secondary .dropdownSelected:hover, .navigation-secondary a:active, .navigation-secondary .orion-seconday-nav .nav-wrap ul li .dropdownSelected:active, .orion-seconday-nav .nav-wrap ul li .navigation-secondary .dropdownSelected:active {
color: #00368f; }
.navigation-secondary a.link-view-all, .navigation-secondary .orion-seconday-nav .nav-wrap ul li .link-view-all.dropdownSelected, .orion-seconday-nav .nav-wrap ul li .navigation-secondary .link-view-all.dropdownSelected {
color: #0078CC;
font-weight: bold;
margin-top: 0.44444em; }
.navigation-secondary a.link-view-all:hover, .navigation-secondary .orion-seconday-nav .nav-wrap ul li .link-view-all.dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .navigation-secondary .link-view-all.dropdownSelected:hover, .navigation-secondary a.link-view-all:active, .navigation-secondary .orion-seconday-nav .nav-wrap ul li .link-view-all.dropdownSelected:active, .orion-seconday-nav .nav-wrap ul li .navigation-secondary .link-view-all.dropdownSelected:active {
color: #00368f; }
.navigation-secondary .btn {
color: #fff;
display: inline-block;
margin-top: 1.77778em;
padding: 0.77778em 1.11111em;
-webkit-transition: none;
transition: none; }
.navigation-secondary .btn:hover, .navigation-secondary .btn:active {
color: #fff; }
.navigation-secondary .navigation-mobile-back {
margin-bottom: 2em; }
@media only screen and (min-width: 60em) {
.navigation-secondary .navigation-mobile-back {
display: none; } }
.navigation-secondary .navigation-secondary-close {
color: #0093C9;
padding: 0.33333em 0 0 0; }
@media only screen and (min-width: 60em) {
.navigation-secondary .navigation-secondary-close {
color: #353537; } }
.navigation-secondary .navigation-secondary-close:before {
font-family: "icomoon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-transform: none;
content: "";
font-size: 20px;
font-size: 1.11111rem;
position: relative;
top: 3px; }
.navigation-secondary .navigation-section-header {
font-size: 16px;
font-size: 0.88889rem;
font-weight: 700;
line-height: 20px;
padding: 0.44444em 0 1.11111em; }
@media only screen and (min-width: 60em) {
.navigation-secondary .navigation-section-header {
padding: 1em 0 1.11111em; } }
.navigation-secondary .navigation-tab-controls {
box-sizing: border-box;
padding: 0; }
@media only screen and (min-width: 60em) {
.navigation-secondary .navigation-tab-controls {
float: left;
padding: 1em 0 2em 1em;
width: 25%; } }
.navigation-secondary .navigation-tab-controls .navigation-section-header {
padding-left: 1.33333em; }
.navigation-secondary .navigation-tab-controls .btn {
margin-left: 1.77778em; }
.navigation-secondary .navigation-tab-controls a, .navigation-secondary .navigation-tab-controls .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .navigation-secondary .navigation-tab-controls .dropdownSelected {
color: #313435; }
@media only screen and (min-width: 60em) {
.navigation-secondary .navigation-tab-controls a, .navigation-secondary .navigation-tab-controls .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .navigation-secondary .navigation-tab-controls .dropdownSelected {
font-size: 16px;
font-size: 0.88889rem; } }
@media only screen and (min-width: 60em) {
.navigation-secondary .navigation-tab-content {
float: right;
width: 75%; } }
@media only screen and (min-width: 60em) {
.navigation-secondary .navigation-tab-content .navigation-section-header {
padding-top: 2.11111em; } }
.navigation-secondary a.tab-control, .navigation-secondary .orion-seconday-nav .nav-wrap ul li .tab-control.dropdownSelected, .orion-seconday-nav .nav-wrap ul li .navigation-secondary .tab-control.dropdownSelected {
background-image: url("head/sprite-icon-product-types.png");
background-repeat: no-repeat;
line-height: auto;
outline: 0;
padding: 0.88889em 0.44444em 0.88889em 4.44444em;
-webkit-transition: none;
transition: none; }
.navigation-secondary a.tab-control.icon-service-management, .navigation-secondary .orion-seconday-nav .nav-wrap ul li .tab-control.icon-service-management.dropdownSelected, .orion-seconday-nav .nav-wrap ul li .navigation-secondary .tab-control.icon-service-management.dropdownSelected {
background-position: 1.11111em 0px; }
.navigation-secondary a.tab-control.icon-featured-offerings, .navigation-secondary .orion-seconday-nav .nav-wrap ul li .tab-control.icon-featured-offerings.dropdownSelected, .orion-seconday-nav .nav-wrap ul li .navigation-secondary .tab-control.icon-featured-offerings.dropdownSelected {
background-position: 0.94444em -593px; }
.navigation-secondary a.tab-control.icon-workload-automation, .navigation-secondary .orion-seconday-nav .nav-wrap ul li .tab-control.icon-workload-automation.dropdownSelected, .orion-seconday-nav .nav-wrap ul li .navigation-secondary .tab-control.icon-workload-automation.dropdownSelected {
background-position: 1.11111em -192px; }
.navigation-secondary a.tab-control.icon-it-operations, .navigation-secondary .orion-seconday-nav .nav-wrap ul li .tab-control.icon-it-operations.dropdownSelected, .orion-seconday-nav .nav-wrap ul li .navigation-secondary .tab-control.icon-it-operations.dropdownSelected {
background-position: 1.11111em -395px; }
.navigation-secondary a.tab-control.icon-cloud-management, .navigation-secondary .orion-seconday-nav .nav-wrap ul li .tab-control.icon-cloud-management.dropdownSelected, .orion-seconday-nav .nav-wrap ul li .navigation-secondary .tab-control.icon-cloud-management.dropdownSelected {
background-position: 1.11111em -91px; }
.navigation-secondary a.tab-control.icon-it-automation, .navigation-secondary .orion-seconday-nav .nav-wrap ul li .tab-control.icon-it-automation.dropdownSelected, .orion-seconday-nav .nav-wrap ul li .navigation-secondary .tab-control.icon-it-automation.dropdownSelected {
background-position: 1.11111em -291px; }
.navigation-secondary a.tab-control.icon-mainframe, .navigation-secondary .orion-seconday-nav .nav-wrap ul li .tab-control.icon-mainframe.dropdownSelected, .orion-seconday-nav .nav-wrap ul li .navigation-secondary .tab-control.icon-mainframe.dropdownSelected {
background-position: 1.11111em -496px; }
.navigation-secondary a.tab-control:hover, .navigation-secondary .orion-seconday-nav .nav-wrap ul li .tab-control.dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .navigation-secondary .tab-control.dropdownSelected:hover {
background-color: #f0f0f0;
color: #313435; }
.navigation-secondary a.tab-control.active-tab, .navigation-secondary .orion-seconday-nav .nav-wrap ul li .tab-control.active-tab.dropdownSelected, .orion-seconday-nav .nav-wrap ul li .navigation-secondary .tab-control.active-tab.dropdownSelected {
background-color: #ebebeb;
cursor: default;
font-weight: bold; }
.navigation-column {
box-sizing: border-box;
padding: 1.33333em;
position: relative; }
@media only screen and (min-width: 60em) {
.navigation-column {
float: left;
padding: 0 0.88889em 1.33333em; } }
.navigation-column + .navigation-column {
padding-top: 0; }
.navigation-column.navigation-column-emphasis {
background-color: #fcfcfc;
padding: 1.33333em; }
@media only screen and (min-width: 60em) {
.navigation-column.navigation-column-emphasis {
padding-top: 0; } }
.navigation-column.navigation-column-emphasis .nav-supplemental-with-images img {
margin-top: -1rem; }
.navigation-column.navigation-column-emphasis .nav-supplemental-with-images .navigation-section-header.pt1 {
padding-top: .5rem; }
.navigation-column ul {
list-style: none;
margin: 0;
padding: 0; }
@media only screen and (min-width: 60em) {
.navigation-one-col .navigation-column {
width: 100%; } }
@media only screen and (min-width: 60em) {
.navigation-two-col .navigation-column {
width: 50%; } }
@media only screen and (min-width: 60em) {
.navigation-three-col .navigation-column {
width: 33.3%; } }
@media only screen and (min-width: 60em) {
.navigation-four-col .navigation-column {
width: 25%; } }
@media only screen and (min-width: 60em) {
.navigation-tabbed-menu .navigation-column {
width: 33.3%; } }
.navigation-supplementary {
background: #ebebeb;
box-sizing: border-box;
height: 100%;
margin: 0;
overflow-y: auto;
padding: 80px 0 0;
position: fixed;
right: -110%;
top: 0;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
width: 100%;
z-index: 9; }
@media only screen and (min-width: 60em) {
.navigation-supplementary {
background: transparent;
padding-top: 0;
position: relative;
right: 0; } }
.navigation-two-column .navigation-supplementary {
border-top: 3px solid #fe5000; }
.navigation-supplementary.navigation-active {
right: 0; }
.navigation-supplementary ul {
list-style: none;
margin: 0;
padding: 0; }
.navigation-supplementary ul li {
margin: 0;
padding: 0; }
@media only screen and (min-width: 60em) {
.navigation-tab-controls .navigation-supplementary {
display: none; } }
.navigation-supplementary a, .navigation-supplementary .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .navigation-supplementary .dropdownSelected {
-webkit-transition: none;
transition: none; }
.navigation-supplementary a.spotlight, .navigation-supplementary .orion-seconday-nav .nav-wrap ul li .spotlight.dropdownSelected, .orion-seconday-nav .nav-wrap ul li .navigation-supplementary .spotlight.dropdownSelected {
box-sizing: border-box;
padding: 0; }
.navigation-supplementary a.spotlight:hover, .navigation-supplementary .orion-seconday-nav .nav-wrap ul li .spotlight.dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .navigation-supplementary .spotlight.dropdownSelected:hover {
background-color: transparent; }
.navigation-supplementary a.spotlight img, .navigation-supplementary .orion-seconday-nav .nav-wrap ul li .spotlight.dropdownSelected img, .orion-seconday-nav .nav-wrap ul li .navigation-supplementary .spotlight.dropdownSelected img {
box-sizing: border-box;
border: 12px solid #eee;
padding: 0; }
.navigation-supplementary a:hover, .navigation-supplementary .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .navigation-supplementary .dropdownSelected:hover, .navigation-supplementary a:active, .navigation-supplementary .orion-seconday-nav .nav-wrap ul li .dropdownSelected:active, .orion-seconday-nav .nav-wrap ul li .navigation-supplementary .dropdownSelected:active {
color: #0093C9; }
.navigation-supplementary a.btn, .navigation-supplementary .orion-seconday-nav .nav-wrap ul li .btn.dropdownSelected, .orion-seconday-nav .nav-wrap ul li .navigation-supplementary .btn.dropdownSelected {
background-color: #0093C9;
border-color: transparent;
color: #fff;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear; }
.navigation-supplementary a.btn:hover, .navigation-supplementary .orion-seconday-nav .nav-wrap ul li .btn.dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .navigation-supplementary .btn.dropdownSelected:hover {
background-color: #00b8fc; }
@media only screen and (min-width: 60em) {
.navigation-supplementary .navigation-close-supplementary-container {
display: none; } }
.navigation-supplementary .navigation-close-supplementary {
padding-left: 0.22222em; }
.navigation-supplementary .navigation-close-supplementary:before {
font-family: "icomoon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-transform: none;
content: "";
font-size: 20px;
font-size: 1.11111rem;
position: relative;
top: 3px; }
@media only screen and (min-width: 60em) {
.navigation-supplementary .navigation-close-supplementary {
display: none; } }
@media only screen and (min-width: 60em) {
.navigation-tab-content {
background: #ebebeb;
box-sizing: border-box;
display: block; } }
.navigation-two-column .navigation-tab-content {
border-left: 0; }
.navigation-tertiary {
margin: 0;
padding: 0; }
.navigation-tertiary h4 {
border-bottom: 2px solid #a7a9ac;
color: #a7a9ac;
font-weight: 400;
margin: 1em 0 1.5em;
padding-bottom: 0.55556em; }
@media only screen and (min-width: 60em) {
.navigation-tertiary h4 {
margin-top: 0; } }
@media only screen and (min-width: 60em) {
.bg-matrix .navigation-tertiary {
position: relative; } }
@media only screen and (min-width: 60em) {
.bg-matrix .navigation-tertiary:after {
background: none;
content: '';
display: block;
height: 297px;
position: absolute;
right: 0;
top: -367px; } }
.navigation-tertiary-col {
display: inline-block;
list-style: none;
margin-right: -0.25em;
vertical-align: top;
width: 100%; }
@media only screen and (min-width: 30em) {
.navigation-tertiary-col {
margin-left: 3.3%;
width: 48.3%; }
.navigation-tertiary-col.nth-child-2np1 {
margin-left: 0; }
.navigation-tertiary-col.nth-child-np3 {
margin-top: 3.3%; } }
@media only screen and (min-width: 60em) {
.navigation-tertiary-col {
margin-top: 0; } }
@media only screen and (min-width: 76.25em) {
.navigation-tertiary-col {
margin-left: 2.2%;
width: 23.3%; }
.navigation-tertiary-col.nth-child-2np1 {
margin-left: 2.2%; }
.navigation-tertiary-col:first-child {
margin-left: 0; }
.navigation-tertiary-col.nth-child-np3 {
margin-top: 0; } }
body.no-scroll {
overflow: hidden; }
.navigation-utility {
box-sizing: border-box;
border-top: 1px solid;
list-style: none;
margin: 0;
padding: 2em 0; }
@media only screen and (min-width: 60em) {
.navigation-utility {
border: 0;
padding: 0;
position: absolute;
right: 28px;
top: -50px; } }
.navigation-utility > li {
box-sizing: border-box;
height: 49px;
line-height: 49px;
margin: 0; }
@media only screen and (min-width: 60em) {
.navigation-utility > li {
float: left;
height: 34px;
line-height: 34px;
--margin-left: 12px;
position: relative; } }
.navigation-utility > li > a, .orion-seconday-nav .nav-wrap ul .navigation-utility > li > .dropdownSelected {
box-sizing: border-box;
display: block;
margin: 0 1rem;
padding: 0; }
@media only screen and (min-width: 60em) {
.navigation-utility > li > a, .orion-seconday-nav .nav-wrap ul .navigation-utility > li > .dropdownSelected {
font-size: 13px;
font-size: 0.72222rem;
font-weight: 700; } }
@media only screen and (min-width: 76.25em) {
.navigation-utility > li > a, .orion-seconday-nav .nav-wrap ul .navigation-utility > li > .dropdownSelected {
font-size: 14px;
font-size: 0.77778rem; } }
.navigation-utility > li > a > .verticalBar, .orion-seconday-nav .nav-wrap ul .navigation-utility > li > .dropdownSelected > .verticalBar {
color: #ededed;
padding-left: 1em;
display: none; }
@media only screen and (min-width: 48em) {
.navigation-utility > li > a > .verticalBar, .orion-seconday-nav .nav-wrap ul .navigation-utility > li > .dropdownSelected > .verticalBar {
display: inline; } }
.navigation-utility > li a.navigation_search_link, .orion-seconday-nav .nav-wrap ul .navigation-utility > li .navigation_search_link.dropdownSelected {
cursor: pointer; }
.navigation-utility a, .navigation-utility .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .navigation-utility .dropdownSelected {
--color: #0093C9;
text-shadow: none; }
.navigation-utility a:hover, .navigation-utility .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .navigation-utility .dropdownSelected:hover {
--color: #3980b2; }
.navigation-utility .btn-small.btn {
-webkit-transition: background-color 0.3s linear;
transition: background-color 0.3s linear;
background: transparent;
border: 0;
margin: 0;
padding: 0; }
.navigation-utility .btn-small.btn span {
border: solid 2px #0093C9;
border-radius: 4px;
display: block;
padding: 0.66667em 1em;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear; }
.navigation-utility .btn-small.btn:hover {
color: #fff; }
.navigation-utility .btn-small.btn:hover span {
background-color: #0093C9; }
@media only screen and (min-width: 60em) {
.navigation-utility .navigation-contact a, .navigation-utility .navigation-contact .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .navigation-utility .navigation-contact .dropdownSelected {
padding-left: 40px; }
.navigation-utility .navigation-support a, .navigation-utility .navigation-support .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .navigation-utility .navigation-support .dropdownSelected {
padding-left: 26px; }
.navigation-utility .navigation-search {
--padding-left: 26px;
cursor: pointer; } }
.navigation-country a:after, .navigation-country .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li .navigation-country .dropdownSelected:after,
.navigation-contact a:after,
.navigation-contact .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li
.navigation-contact .dropdownSelected:after,
.navigation-search a:after,
.navigation-search .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li
.navigation-search .dropdownSelected:after,
.navigation-support a:after,
.navigation-support .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li
.navigation-support .dropdownSelected:after {
font-family: "icomoon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-transform: none;
font-size: 16px;
font-size: 0.88889rem;
margin-left: 12px;
position: relative;
top: 3px; }
@media only screen and (min-width: 60em) {
.navigation-country a:after, .navigation-country .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li .navigation-country .dropdownSelected:after,
.navigation-contact a:after,
.navigation-contact .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li
.navigation-contact .dropdownSelected:after,
.navigation-search a:after,
.navigation-search .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li
.navigation-search .dropdownSelected:after,
.navigation-support a:after,
.navigation-support .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li
.navigation-support .dropdownSelected:after {
left: 0;
margin: 0;
position: absolute;
top: 10px; } }
@media only screen and (min-width: 76.25em) {
.navigation-country a:after, .navigation-country .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li .navigation-country .dropdownSelected:after,
.navigation-contact a:after,
.navigation-contact .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li
.navigation-contact .dropdownSelected:after,
.navigation-search a:after,
.navigation-search .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li
.navigation-search .dropdownSelected:after,
.navigation-support a:after,
.navigation-support .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li
.navigation-support .dropdownSelected:after {
font-size: 18px;
font-size: 1rem;
top: 8px; } }
.navigation-country a:after, .navigation-country .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li .navigation-country .dropdownSelected:after,
.navigation-contact a:after,
.navigation-contact .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li
.navigation-contact .dropdownSelected:after,
.navigation-support a:after,
.navigation-support .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li
.navigation-support .dropdownSelected:after,
.navigation-search a:after,
.navigation-search .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li
.navigation-search .dropdownSelected:after {
color: #6A6F71;
font-size: 1.1rem; }
.navigation-country a:after, .navigation-country .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li .navigation-country .dropdownSelected:after {
content: ""; }
.navigation-contact a:after, .navigation-contact .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li .navigation-contact .dropdownSelected:after {
content: "\e60f \e610"; }
.navigation-support a:after, .navigation-support .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li .navigation-support .dropdownSelected:after {
font-size: 14px;
font-size: 0.77778rem;
content: "\e62a"; }
@media only screen and (min-width: 76.25em) {
.navigation-support a:after, .navigation-support .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li .navigation-support .dropdownSelected:after {
font-size: 16px;
font-size: 0.88889rem; } }
.navigation-utility .navigation-trials a, .navigation-utility .navigation-trials .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .navigation-utility .navigation-trials .dropdownSelected {
color: #d43200;
margin-right: 0rem; }
@media only screen and (min-width: 60em) {
.navigation-utility .navigation-trials a, .navigation-utility .navigation-trials .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .navigation-utility .navigation-trials .dropdownSelected {
font-size: 14px;
font-size: 0.77778rem; } }
@media only screen and (min-width: 76.25em) {
.navigation-utility .navigation-trials a, .navigation-utility .navigation-trials .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .navigation-utility .navigation-trials .dropdownSelected {
font-size: 14px;
font-size: 0.77778rem; } }
.navigation-utility .navigation-trials a:hover, .navigation-utility .navigation-trials .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .navigation-utility .navigation-trials .dropdownSelected:hover {
color: #f83200; }
.navigation-utility .navigation-trials.nav-li-override a:hover, .navigation-utility .navigation-trials.nav-li-override .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .navigation-utility .navigation-trials.nav-li-override .dropdownSelected:hover {
color: #00368f; }
.global-option.navigation-search {
width: 200px; }
.global-option.navigation-search:after {
content: ""; }
.navigation-search {
position: relative;
width: 40px;
cursor: pointer; }
@media only screen and (min-width: 60em) {
.navigation-search {
--width: 200px; } }
.navigation-search .search-site {
position: absolute;
right: 0;
top: 20px;
width: 100%; }
@media only screen and (min-width: 60em) {
.navigation-search .search-site {
top: 0; } }
.navigation-search .search-site-b {
box-sizing: border-box;
border: solid 1px #cacaca;
border-radius: 4px;
box-shadow: 0 0 2px #cacaca;
height: 34px;
overflow: hidden;
padding: 3px 34px 0 12px; }
.navigation-search .search-site-b:after {
font-family: "icomoon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-transform: none;
color: #6c6c6c;
content: "";
display: block;
font-size: 21px;
pointer-events: none;
position: absolute;
right: 8px;
top: 6px;
z-index: -1; }
.navigation-search .search-focus {
position: relative;
z-index: 1; }
.navigation-search [type="text"] {
background: url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw%3D%3D) transparent;
border: none;
color: #cacaca;
font: 16px arial,sans-serif;
line-height: 27px;
height: auto;
left: 0;
margin: 0;
outline: none;
padding: 0;
position: absolute;
width: 100%;
z-index: 6; }
.navigation-search [type="text"]:focus {
color: #6c6c6c;
opacity: 1;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear; }
.navigation-search button {
background-color: transparent;
border: 1px solid transparent;
border-radius: 0;
bottom: 1px;
height: 32px;
margin: 0;
position: absolute;
right: 1px;
top: 1px;
width: 34px;
z-index: 2; }
.navigation-search button:hover {
background-color: rgba(0, 0, 0, 0.08);
border-left: 1px solid rgba(0, 0, 0, 0.1); }
.navigation-search:after {
font-family: "icomoon";
content: "";
color: #6A6F71;
font-size: 1.1rem; }
.scrolled-up .navigation-utility > li.navigation-search:after {
padding-left: 14px; }
.scrolled-down .navigation-utility > li.navigation-search:after {
padding-left: 14px; }
.scrolled-down #hf-search-container {
top: 0px;
height: 50px; }
.scrolled-down #hf-search-container #hf-search-box {
height: 50px; }
.scrolled-down #hf-search-container #hf-search-box .hf-centered-content #hf-search-form #hf-search-text {
height: 50px; }
.scrolled-down #hf-search-container #hf-search-box .hf-centered-content #hf-search-form #hf-search:before {
margin-top: -40px; }
.scrolled-down #hf-search-container #hf-search-box .hf-centered-content #hf-search-right-wedge {
padding: 10px 35px 0 25px; }
.nav-li-override {
display: none; }
.scrolled-down .navigation-utility > li,
.scrolled-up .navigation-utility > li {
height: 49px;
line-height: 49px; }
@media only screen and (min-width: 60em) {
.scrolled-down .navigation-utility > li,
.scrolled-up .navigation-utility > li {
height: 49px;
line-height: 49px; } }
.scrolled-down .navigation-utility > li > a, .scrolled-down .orion-seconday-nav .nav-wrap ul .navigation-utility > li > .dropdownSelected, .orion-seconday-nav .nav-wrap ul .scrolled-down .navigation-utility > li > .dropdownSelected,
.scrolled-up .navigation-utility > li > a,
.scrolled-up .orion-seconday-nav .nav-wrap ul .navigation-utility > li > .dropdownSelected, .orion-seconday-nav .nav-wrap ul
.scrolled-up .navigation-utility > li > .dropdownSelected {
color: #0078CC; }
.scrolled-down .navigation-utility > li > a .verticalBar, .scrolled-down .orion-seconday-nav .nav-wrap ul .navigation-utility > li > .dropdownSelected .verticalBar, .orion-seconday-nav .nav-wrap ul .scrolled-down .navigation-utility > li > .dropdownSelected .verticalBar,
.scrolled-up .navigation-utility > li > a .verticalBar,
.scrolled-up .orion-seconday-nav .nav-wrap ul .navigation-utility > li > .dropdownSelected .verticalBar, .orion-seconday-nav .nav-wrap ul
.scrolled-up .navigation-utility > li > .dropdownSelected .verticalBar {
display: none; }
@media only screen and (min-width: 60em) {
.scrolled-down .navigation-search,
.scrolled-up .navigation-search {
border-right: solid 1px #cacaca;
width: 50px; }
.scrolled-down .navigation-search.on,
.scrolled-up .navigation-search.on {
--width: 200px; }
.scrolled-down .navigation-search.on .search-site-b,
.scrolled-up .navigation-search.on .search-site-b {
padding-left: 10px;
padding-right: 40px; }
.scrolled-down .navigation-search.on button,
.scrolled-up .navigation-search.on button {
display: block; }
.scrolled-down .navigation-search .search-site-b,
.scrolled-up .navigation-search .search-site-b {
border: 0;
box-shadow: none;
cursor: pointer;
height: 49px;
padding: 12px 14px 10px; }
.scrolled-down .navigation-search .search-site-b:after,
.scrolled-up .navigation-search .search-site-b:after {
display: block;
color: #6c6c6c;
right: 13px;
top: 13px; }
.scrolled-down .navigation-search [type="text"],
.scrolled-up .navigation-search [type="text"] {
cursor: pointer;
padding-left: 50px;
top: 0; }
.scrolled-down .navigation-search [type="text"]:focus,
.scrolled-up .navigation-search [type="text"]:focus {
cursor: auto;
padding-left: 0; }
.scrolled-down .navigation-search button,
.scrolled-up .navigation-search button {
display: none;
height: 49px;
right: 0;
top: 0;
width: 49px; } }
@media only screen and (min-width: 60em) {
.scrolled-down .navigation-utility,
.scrolled-up .navigation-utility {
top: 0;
-webkit-transition: opacity 0.3s linear;
transition: opacity 0.3s linear; }
.scrolled-down .navigation-utility > li,
.scrolled-up .navigation-utility > li {
border-left: 1px solid #cacaca; }
.scrolled-down .navigation-utility .navigation-country a, .scrolled-down .navigation-utility .navigation-country .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .scrolled-down .navigation-utility .navigation-country .dropdownSelected,
.scrolled-up .navigation-utility .navigation-country a,
.scrolled-up .navigation-utility .navigation-country .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li
.scrolled-up .navigation-utility .navigation-country .dropdownSelected {
padding-left: 40px; }
.scrolled-down .navigation-utility .navigation-contact a, .scrolled-down .navigation-utility .navigation-contact .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .scrolled-down .navigation-utility .navigation-contact .dropdownSelected,
.scrolled-up .navigation-utility .navigation-contact a,
.scrolled-up .navigation-utility .navigation-contact .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li
.scrolled-up .navigation-utility .navigation-contact .dropdownSelected {
padding-left: 50px; }
.scrolled-down .navigation-utility .navigation-support,
.scrolled-down .navigation-utility .navigation-country,
.scrolled-up .navigation-utility .navigation-support,
.scrolled-up .navigation-utility .navigation-country {
display: none; }
.scrolled-down .navigation-country a:after, .scrolled-down .navigation-country .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li .scrolled-down .navigation-country .dropdownSelected:after,
.scrolled-down .navigation-contact a:after,
.scrolled-down .navigation-contact .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li
.scrolled-down .navigation-contact .dropdownSelected:after,
.scrolled-down .navigation-support a:after,
.scrolled-down .navigation-support .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li
.scrolled-down .navigation-support .dropdownSelected:after,
.scrolled-down .navigation-search a:after,
.scrolled-down .navigation-search .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li
.scrolled-down .navigation-search .dropdownSelected:after,
.scrolled-up .navigation-country a:after,
.scrolled-up .navigation-country .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li
.scrolled-up .navigation-country .dropdownSelected:after,
.scrolled-up .navigation-contact a:after,
.scrolled-up .navigation-contact .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li
.scrolled-up .navigation-contact .dropdownSelected:after,
.scrolled-up .navigation-support a:after,
.scrolled-up .navigation-support .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li
.scrolled-up .navigation-support .dropdownSelected:after,
.scrolled-up .navigation-search a:after,
.scrolled-up .navigation-search .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li
.scrolled-up .navigation-search .dropdownSelected:after {
left: 12px;
top: 16px; }
.scrolled-down .navigation-contact,
.scrolled-up .navigation-contact {
margin-left: 0px; }
.scrolled-down .nav-li-override-hide,
.scrolled-up .nav-li-override-hide {
display: none; }
.scrolled-down .nav-li-override,
.scrolled-up .nav-li-override {
display: block;
background-color: transparent; }
.scrolled-down .nav-li-override a, .scrolled-down .nav-li-override .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .scrolled-down .nav-li-override .dropdownSelected,
.scrolled-up .nav-li-override a,
.scrolled-up .nav-li-override .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li
.scrolled-up .nav-li-override .dropdownSelected {
background-color: transparent;
color: #0078CC; } }
@media only screen and (min-width: 60em) and (min-width: 60em) {
.scrolled-down .nav-li-override a, .scrolled-down .nav-li-override .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .scrolled-down .nav-li-override .dropdownSelected,
.scrolled-up .nav-li-override a,
.scrolled-up .nav-li-override .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li
.scrolled-up .nav-li-override .dropdownSelected {
font-size: 14px;
font-size: 0.77778rem; } }
@media only screen and (min-width: 60em) and (min-width: 76.25em) {
.scrolled-down .nav-li-override a, .scrolled-down .nav-li-override .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .scrolled-down .nav-li-override .dropdownSelected,
.scrolled-up .nav-li-override a,
.scrolled-up .nav-li-override .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li
.scrolled-up .nav-li-override .dropdownSelected {
font-size: 16px;
font-size: 0.88889rem; } }
@media only screen and (min-width: 60em) {
.scrolled-down .nav-li-override a:after, .scrolled-down .nav-li-override .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li .scrolled-down .nav-li-override .dropdownSelected:after,
.scrolled-up .nav-li-override a:after,
.scrolled-up .nav-li-override .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li
.scrolled-up .nav-li-override .dropdownSelected:after {
content: "\a0\00203A";
margin-left: 6px; } }
.scrolled-down .scrollTextHide,
.scrolled-up .scrollTextHide {
display: none; }
@media only screen and (min-width: 0) and (max-width: 960px) {
.scrolled-down .scrollTextHide,
.scrolled-up .scrollTextHide {
display: inline; } }
.scrolled-down .navigation-utility .navigation-trials a, .scrolled-down .navigation-utility .navigation-trials .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .scrolled-down .navigation-utility .navigation-trials .dropdownSelected,
.scrolled-up .navigation-utility .navigation-trials a,
.scrolled-up .navigation-utility .navigation-trials .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li
.scrolled-up .navigation-utility .navigation-trials .dropdownSelected {
margin-right: 1rem; }
.scrolled-down .navigation-pricing,
.scrolled-up .navigation-pricing {
display: none; }
.hideInDesktop {
display: none; }
@media only screen and (min-width: 0) and (max-width: 960px) {
.hideInDesktop {
display: inline; } }
@media only screen and (min-width: 60em) {
.display-scrolled-menu .navigation-utility {
top: -100%; } }
.bmc-nav-loader-navigation .layout-header .headerSearch.mobile-only {
text-align: center;
margin-right: 24px; }
body.no-scroll {
overflow: hidden; }
/************************************************** Search Overlay **********************************************************/
#bodyOverlay {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
opacity: 0.7;
z-index: 109;
cursor: pointer;
display: none;
height: 100%;
background-color: #293e41; }
#bodyOverlay.backgroundColor {
display: block; }
.search-overlay {
overflow-x: hidden !important;
width: 100%;
min-width: 320px;
min-height: 100%;
padding-bottom: 5rem;
position: fixed;
top: 0rem;
right: 0;
z-index: 109;
overflow: auto !important; }
@media only screen and (min-width: 48em) {
.search-overlay {
top: 0rem;
width: 50%; } }
@media only screen and (min-width: 60em) {
.search-overlay {
--top: -4rem;
width: 50%; } }
.search-overlay .rows_flex {
width: 100%;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -ms-flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
max-width: 941px; }
.search-overlay .rows_flex .columns {
background: #f5f5f5;
width: 100%;
min-height: 100%;
padding: 0 0 1rem 0;
text-align: left;
position: absolute;
left: 0;
top: 0;
background: #fff;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.search-overlay .rows_flex .columns .component_search .component_search_close {
position: absolute;
padding: 0.4rem;
right: 0; }
.search-overlay .rows_flex .columns .component_search .component_search_close:after {
font-family: "icomoon";
content: "";
color: #fff;
font-size: 1.2rem;
cursor: pointer; }
.search-overlay .rows_flex .columns .component_search .search-panel {
background: #ff5a4d;
text-align: left;
color: #fff;
padding: 3% 0 0 5%;
top: 0; }
.search-overlay .rows_flex .columns .component_search .search-panel .search_click {
font-size: 1rem;
line-height: 1.5;
color: #fff;
border: 2px solid #ffffff;
cursor: pointer;
display: inline-block;
position: absolute;
z-index: 21;
right: 1rem;
top: 2.2rem;
padding: 0.5rem 0.8rem; }
@media screen and (max-width: 640px) {
.search-overlay .rows_flex .columns .component_search .search-panel .search_click {
right: 3rem;
top: 1.7rem; } }
@media only screen and (min-width: 48em) {
.search-overlay .rows_flex .columns .component_search .search-panel .search_click {
right: 2rem;
font-size: 0.7rem;
top: 2.2rem; } }
@media only screen and (min-width: 60em) {
.search-overlay .rows_flex .columns .component_search .search-panel .search_click {
right: 3rem;
font-size: 0.8rem;
top: 2.4rem; } }
.search-overlay .rows_flex .columns .component_search .search-panel .search_click:hover {
color: #333; }
.search-overlay .rows_flex .columns .component_search .search-panel form {
width: 80%;
padding-left: 0;
line-height: 5.7rem; }
.search-overlay .rows_flex .columns .component_search .search-panel form input {
width: 80%;
margin: 0 auto;
border: none;
background: transparent;
color: #fff;
padding: 0 0.2rem;
font-size: 1.7rem;
line-height: 2.4rem;
text-decoration: none;
outline-width: 0;
border-bottom: 1px solid #ffffff; }
@media screen and (max-width: 640px) {
.search-overlay .rows_flex .columns .component_search .search-panel form input {
width: 60%; } }
@media only screen and (min-width: 30em) {
.search-overlay .rows_flex .columns .component_search .search-panel form input {
font-size: 1.7rem;
width: 80%; } }
@media only screen and (min-width: 48em) {
.search-overlay .rows_flex .columns .component_search .search-panel form input {
font-size: 1.7rem;
width: 80%; } }
@media only screen and (min-width: 60em) {
.search-overlay .rows_flex .columns .component_search .search-panel form input {
font-size: 1.7rem;
width: 85%; } }
.search-overlay .rows_flex .columns .component_search .search-panel form ::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: rgba(255, 255, 255, 0.6); }
.search-overlay .rows_flex .columns .component_search .search-panel form ::-moz-placeholder {
/* Firefox 19+ */
color: rgba(255, 255, 255, 0.6); }
.search-overlay .rows_flex .columns .component_search .search-panel form :-ms-input-placeholder {
/* IE 10+ */
color: rgba(255, 255, 255, 0.6); }
.search-overlay .rows_flex .columns .component_search .search-panel form :-moz-placeholder {
/* Firefox 18- */
color: rgba(255, 255, 255, 0.6); }
.search-overlay .rows_flex .columns .component_search .search-panel .drop_overlay {
height: calc(100vh - 190px);
width: 50vw !important;
overflow-x: hidden;
padding: 1.2rem 0;
font-size: 1.8rem;
background: #fff;
left: 0;
z-index: 21;
margin-bottom: 0;
display: none; }
.search-overlay .rows_flex .columns .component_search .overlay_keywords {
background: transparent !important;
height: auto;
text-align: center;
color: inherit;
padding: 2rem;
top: 80px; }
.search-overlay .rows_flex .columns .component_search .overlay_keywords div.heading {
color: #293e40;
font-size: 1.2rem;
text-align: left; }
.search-overlay .rows_flex .columns .component_search .overlay_keywords div.keywords {
margin-bottom: 2rem;
padding: 1rem 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -ms-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media only screen and (min-width: 60em) {
.search-overlay .rows_flex .columns .component_search .overlay_keywords div.keywords {
margin-bottom: 0; } }
.search-overlay .rows_flex .columns .component_search .overlay_keywords div.keywords a, .search-overlay .rows_flex .columns .component_search .overlay_keywords div.keywords .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .search-overlay .rows_flex .columns .component_search .overlay_keywords div.keywords .dropdownSelected {
font-size: 1rem;
line-height: 1.7;
padding: 0.2rem 1rem;
margin: 0.3rem 0.8rem 0.3rem 0;
background: #fff;
font-size: 0.85rem;
border: #ccc solid 1px;
cursor: pointer;
text-align: left; }
.search-overlay .rows_flex .columns .component_search .overlay_keywords div.keywords a:link, .search-overlay .rows_flex .columns .component_search .overlay_keywords div.keywords .orion-seconday-nav .nav-wrap ul li .dropdownSelected:link, .orion-seconday-nav .nav-wrap ul li .search-overlay .rows_flex .columns .component_search .overlay_keywords div.keywords .dropdownSelected:link {
text-decoration: none; }
.search-overlay .rows_flex .columns .component_search .autocomplete {
width: 90% !important;
overflow-x: hidden;
background: #fff;
position: absolute;
left: 1.5rem !important;
top: 7.5rem !important;
z-index: 999;
margin-bottom: 0;
display: none;
height: 75%;
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
/* Firefox */ }
.search-overlay .rows_flex .columns .component_search .autocomplete::-webkit-scrollbar {
display: none; }
.search-overlay .rows_flex .columns .component_search .autocomplete .with_sections {
--padding: 1rem 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -ms-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.search-overlay .rows_flex .columns .component_search .autocomplete .with_sections a.result, .search-overlay .rows_flex .columns .component_search .autocomplete .with_sections .orion-seconday-nav .nav-wrap ul li .result.dropdownSelected, .orion-seconday-nav .nav-wrap ul li .search-overlay .rows_flex .columns .component_search .autocomplete .with_sections .result.dropdownSelected {
font-size: 0.85rem;
line-height: 1.7;
text-decoration: none;
padding: .2rem 1rem;
margin: 0.3rem 0.8rem 0.3rem 0;
background: #fff;
border: #ccc solid 1px;
cursor: pointer; }
.search-overlay .rows_flex .columns .component_search .autocomplete .no_sections {
--padding: 1rem 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -ms-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 1rem; }
.search-overlay .rows_flex .columns .component_search .autocomplete.autocompleteData {
display: block !important; }
.search-overlay .rows_flex .columns .component_search .resultHeading {
display: none;
color: #293e40;
font-size: 1.2rem;
text-align: left;
padding: .5rem;
margin: 1.2rem 0 0 0; }
.search-overlay .rows_flex .columns .component_search .viewResults {
display: none;
margin: 0.5rem;
margin-bottom: 10rem; }
.search-overlay .rows_flex .columns .component_search .viewResults #viewAll {
cursor: pointer; }
.search-overlay .rows_flex .columns .component_search .viewResults #viewAll.btn-corporate {
background-color: #ff5a4d;
color: #052140;
border-color: #ff5a4d; }
.search-overlay .rows_flex .columns .component_search .viewResults #viewAll.btn-corporate:hover {
background-color: transparent; }
.search-overlay.topHeader {
top: 0rem; }
@media only screen and (min-width: 48em) {
.search-overlay.topHeader {
top: 0rem; } }
@media only screen and (min-width: 60em) {
.search-overlay.topHeader {
top: 0rem; } }
.search-overlay.off {
display: none; }
.search-overlay.on {
display: block; }
@media only screen and (min-width: 60em) {
.navigation-upgrade > li > a, .orion-seconday-nav .nav-wrap ul .navigation-upgrade > li > .dropdownSelected {
font-size: 18px;
font-size: 1rem; } }
@media only screen and (min-width: 76.25em) {
.navigation-upgrade > li > a, .orion-seconday-nav .nav-wrap ul .navigation-upgrade > li > .dropdownSelected {
font-size: 18px;
font-size: 1rem; } }
.navigation-upgrade .navigation-secondary.navigation-four-col, .navigation-upgrade .navigation-secondary.navigation-tabbed-menu {
max-width: 1440px; }
@media only screen and (min-width: 60em) {
.navigation-upgrade .navigation-secondary.layout-inner-wrap {
padding: 0px !important;
padding-top: 18px !important;
padding-bottom: 18px !important; } }
.navigation-upgrade .navigation-secondary > ul {
padding-left: 0px; }
@media only screen and (min-width: 60em) {
.navigation-upgrade .navigation-secondary > ul {
padding-left: 1.5rem; } }
.navigation-upgrade .navigation-secondary a, .navigation-upgrade .navigation-secondary .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .navigation-upgrade .navigation-secondary .dropdownSelected {
-webkit-transition: all .25s ease-out;
transition: all .25s ease-out; }
.navigation-upgrade .navigation-secondary a.boldlink, .navigation-upgrade .navigation-secondary .orion-seconday-nav .nav-wrap ul li .boldlink.dropdownSelected, .orion-seconday-nav .nav-wrap ul li .navigation-upgrade .navigation-secondary .boldlink.dropdownSelected {
font-size: 0.88889rem;
font-weight: inherit;
padding-top: 0px; }
.navigation-upgrade .navigation-secondary .navigation-section-header {
padding: 0.44444em 0 0.33333em; }
@media only screen and (min-width: 60em) {
.navigation-upgrade .navigation-secondary .navigation-section-header {
padding: 1.11111em 0 0.33333em; } }
.navigation-upgrade .navigation-secondary .navigation-section-header .subtitle {
font-size: .7rem;
font-style: italic;
font-weight: normal; }
.navigation-upgrade .navigation-secondary .featured-product-title {
font-size: 1.2rem;
margin-left: 16px; }
.navigation-upgrade .navigation-secondary .nav-floating-promo {
float: left;
position: absolute;
bottom: 0px;
padding: 1rem;
width: 60%; }
.navigation-upgrade .navigation-secondary .nav-mobile-back-outside-link {
margin: 0px;
padding-left: 16px; }
@media only screen and (min-width: 60em) {
.navigation-upgrade .navigation-column.navigation-column-emphasis {
padding-bottom: 0px;
padding-top: 1rem;
text-align: center; } }
.navigation-upgrade .navigation-column ul:not(:last-child) {
padding-bottom: 1rem; }
.navigation-breadcrumb {
margin: 0;
padding: 1px 0px 0px !important; }
.navigation-breadcrumb ul {
padding-left: 0px;
margin-bottom: 0px; }
.navigation-breadcrumb li {
display: inline-block; }
.navigation-breadcrumb li :after {
content: " \00203A"; }
.navigation-breadcrumb a, .navigation-breadcrumb .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .navigation-breadcrumb .dropdownSelected {
font-weight: bold; }
.navigation-breadcrumb.white-links {
color: white;
margin-top: 2em;
text-align: left; }
@media only screen and (min-width: 48em) {
.navigation-breadcrumb.white-links {
margin-top: 1em; } }
@media only screen and (min-width: 60em) {
.navigation-breadcrumb.white-links {
margin-top: 0em; } }
.navigation-breadcrumb.white-links li {
margin-bottom: 0; }
.navigation-breadcrumb.white-links a, .navigation-breadcrumb.white-links .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .navigation-breadcrumb.white-links .dropdownSelected {
color: white; }
.navigation-breadcrumb + .layout-full-bleed {
padding-top: 0; }
.navigation-breadcrumb .cmp-breadcrumb {
margin-top: 1.66667rem;
display: block; }
.pagination p {
padding-top: 1em; }
.pagination ul {
display: inline-block;
padding: 1em 0 1em;
margin: 0;
float: right;
font-size: 1em; }
.pagination ul li {
display: inline; }
.pagination ul li a, .pagination .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap .pagination ul li .dropdownSelected {
float: left;
padding: .5em .5em 0 .5em;
text-decoration: none;
border-radius: 5px;
font-size: 1em;
line-height: 1.6em;
color: #0078CC;
font-weight: 400; }
.pagination ul li a.active, .pagination .orion-seconday-nav .nav-wrap ul li .active.dropdownSelected, .orion-seconday-nav .nav-wrap .pagination ul li .active.dropdownSelected {
color: black;
border-radius: 5px; }
.pagination ul li a:hover:not(.active), .pagination .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover:not(.active), .orion-seconday-nav .nav-wrap .pagination ul li .dropdownSelected:hover:not(.active) {
text-decoration: underline;
background-color: #F2F3F3; }
.sitemap h2, .sitemap h3, .sitemap h4 {
font-weight: 400; }
.sitemap h1 {
margin-top: 2rem;
font-weight: 400; }
.sitemap .lastSeen {
font-size: 15px; }
.sitemap .h2 {
color: #FE5000;
margin: 1rem 0; }
.sitemap hr {
border-color: #eeeeee; }
.sitemap ul {
-webkit-column-count: 1;
column-count: 1;
-webkit-column-gap: 0rem;
column-gap: 0rem;
padding: 0; }
@media only screen and (min-width: 48em) {
.sitemap ul {
-webkit-column-count: 2;
column-count: 2;
-webkit-column-gap: .5rem;
column-gap: .5rem; } }
@media only screen and (min-width: 60em) {
.sitemap ul {
-webkit-column-count: 4;
column-count: 4;
-webkit-column-gap: .5rem;
column-gap: .5rem; } }
.sitemap ul li {
width: 100%;
list-style: none;
margin-bottom: 0.5em; }
.opentip-container,
.opentip-container * {
box-sizing: border-box; }
.opentip-container {
position: absolute;
max-width: 300px;
z-index: 100;
-webkit-transition: -webkit-transform 1s ease-in-out;
transition: -webkit-transform 1s ease-in-out;
transition: transform 1s ease-in-out;
transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
pointer-events: none;
-webkit-transform: translateX(0) translateY(0);
-ms-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0); }
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-center,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-center,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-center {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px); }
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-right {
-webkit-transform: translateY(-5px) translateX(5px);
-ms-transform: translateY(-5px) translateX(5px);
transform: translateY(-5px) translateX(5px); }
.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-right {
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px); }
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-right {
-webkit-transform: translateY(5px) translateX(5px);
-ms-transform: translateY(5px) translateX(5px);
transform: translateY(5px) translateX(5px); }
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-center,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-center,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-center {
-webkit-transform: translateY(5px);
-ms-transform: translateY(5px);
transform: translateY(5px); }
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-left {
-webkit-transform: translateY(5px) translateX(-5px);
-ms-transform: translateY(5px) translateX(-5px);
transform: translateY(5px) translateX(-5px); }
.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-left {
-webkit-transform: translateX(-5px);
-ms-transform: translateX(-5px);
transform: translateX(-5px); }
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-left {
-webkit-transform: translateY(-5px) translateX(-5px);
-ms-transform: translateY(-5px) translateX(-5px);
transform: translateY(-5px) translateX(-5px); }
.opentip-container.ot-fixed .opentip {
pointer-events: auto; }
.opentip-container.ot-hidden {
display: none; }
.opentip-container .opentip {
position: relative;
font-size: 13px;
line-height: 120%;
padding: 9px 14px;
color: #4f4b47;
text-shadow: -1px -1px 0px rgba(255, 255, 255, 0.2); }
.opentip-container .opentip .header {
margin: 0;
padding: 0; }
.opentip-container .opentip .ot-close {
pointer-events: auto;
display: block;
position: absolute;
top: -12px;
left: 60px;
color: rgba(0, 0, 0, 0.5);
background: transparent;
text-decoration: none; }
.opentip-container .opentip .ot-close span {
display: none; }
.opentip-container .opentip .ot-loading-indicator {
display: none; }
.opentip-container.ot-loading .ot-loading-indicator {
width: 30px;
height: 30px;
font-size: 30px;
line-height: 30px;
font-weight: bold;
display: block; }
.opentip-container.ot-loading .ot-loading-indicator span {
display: block;
-webkit-animation: otloading 2s linear infinite;
animation: otloading 2s linear infinite;
text-align: center; }
.opentip-container.style-dark .opentip,
.opentip-container.style-alert .opentip {
color: #f8f8f8;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); }
.opentip-container.style-glass .opentip {
padding: 15px 25px;
color: #317cc5;
text-shadow: 1px 1px 8px rgba(0, 94, 153, 0.3); }
.opentip-container.ot-hide-effect-fade {
-webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out, -webkit-transform 0.5s ease-in-out;
transition: opacity 1s ease-in-out, -webkit-transform 0.5s ease-in-out;
transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
transition: transform 0.5s ease-in-out, opacity 1s ease-in-out, -webkit-transform 0.5s ease-in-out;
opacity: 1;
-ms-filter: none;
-webkit-filter: none;
filter: none; }
.opentip-container.ot-hide-effect-fade.ot-hiding {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.opentip-container.ot-show-effect-appear.ot-going-to-show,
.opentip-container.ot-show-effect-appear.ot-showing {
-webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out, -webkit-transform 0.5s ease-in-out;
transition: opacity 1s ease-in-out, -webkit-transform 0.5s ease-in-out;
transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
transition: transform 0.5s ease-in-out, opacity 1s ease-in-out, -webkit-transform 0.5s ease-in-out; }
.opentip-container.ot-show-effect-appear.ot-going-to-show {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.opentip-container.ot-show-effect-appear.ot-showing {
opacity: 1;
-ms-filter: none;
-webkit-filter: none;
filter: none; }
.opentip-container.ot-show-effect-appear.ot-visible {
opacity: 1;
-ms-filter: none;
-webkit-filter: none;
filter: none; }
@-webkit-keyframes otloading {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes otloading {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg); } }
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut; }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
-webkit-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out; }
/*
* Core Owl Carousel CSS File
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y; }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel .owl-refresh .owl-item {
display: none; }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d; }
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto; }
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab; }
.owl-carousel .owl-rtl {
direction: rtl; }
.owl-carousel .owl-rtl .owl-item {
float: right; }
/* No Js */
.no-js .owl-carousel {
display: block; }
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease; }
.owl-carousel .owl-item img {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("head/owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
transition: scale 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1; }
/*
* Owl Carousel CSS3 Transitions
* v1.3.2
*/
.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x: 50%;
-webkit-perspective-origin-y: 50%;
-moz-perspective: 1200px;
-moz-perspective-origin-x: 50%;
-moz-perspective-origin-y: 50%;
perspective: 1200px; }
/* fade */
.owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease; }
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease; }
/* backSlide */
.owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease; }
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease; }
/* goDown */
.owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both; }
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
animation: goDown .6s ease both; }
/* scaleUp */
.owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both; }
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both; }
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
0% {
opacity: 1; } }
@keyframes empty {
0% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes backSlideOut {
25% {
opacity: .5;
-webkit-transform: translateZ(-500px); }
75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%); }
100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%); } }
@keyframes backSlideOut {
25% {
opacity: .5;
-webkit-transform: translateZ(-500px);
transform: translateZ(-500px); }
75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
transform: translateZ(-500px) translateX(-200%); }
100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
transform: translateZ(-500px) translateX(-200%); } }
@-webkit-keyframes backSlideIn {
0%, 25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%); }
75% {
opacity: .5;
-webkit-transform: translateZ(-500px); }
100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0); } }
@keyframes backSlideIn {
0%, 25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%);
transform: translateZ(-500px) translateX(200%); }
75% {
opacity: .5;
-webkit-transform: translateZ(-500px);
transform: translateZ(-500px); }
100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0);
transform: translateZ(0) translateX(0); } }
@-webkit-keyframes scaleToFade {
to {
opacity: 0;
-webkit-transform: scale(0.8); } }
@keyframes scaleToFade {
to {
opacity: 0;
-webkit-transform: scale(0.8);
transform: scale(0.8); } }
@-webkit-keyframes goDown {
from {
-webkit-transform: translateY(-100%); } }
@keyframes goDown {
from {
-webkit-transform: translateY(-100%);
transform: translateY(-100%); } }
@-webkit-keyframes scaleUpFrom {
from {
opacity: 0;
-webkit-transform: scale(1.5); } }
@keyframes scaleUpFrom {
from {
opacity: 0;
-webkit-transform: scale(1.5);
transform: scale(1.5); } }
@-webkit-keyframes scaleUpTo {
to {
opacity: 0;
-webkit-transform: scale(1.5); } }
@keyframes scaleUpTo {
to {
opacity: 0;
-webkit-transform: scale(1.5);
transform: scale(1.5); } }
.owl-wallpaper {
position: relative; }
.owl-wallpaper .owl-item .section {
padding: 0; }
@media (min-width: 832px) {
.owl-wallpaper .owl-item .section {
padding: 0 80px; } }
@media (min-width: 1024px) {
.owl-wallpaper .owl-item .section {
padding: 0 95px; } }
@media (min-width: 1496px) {
.owl-wallpaper .owl-item .section {
padding: 0 130px; } }
.owl-wallpaper .owl-controls {
background-color: #0078CC; }
@media (min-width: 832px) {
.owl-wallpaper .owl-controls {
background-color: transparent;
height: 48px;
margin-top: -24px;
position: absolute;
top: 50%;
width: 100%;
z-index: 1; } }
@media (min-width: 832px) and (min-width: 1024px) {
.owl-wallpaper .owl-controls {
height: 56px;
margin-top: -28px; } }
@media (min-width: 832px) and (min-width: 1496px) {
.owl-wallpaper .owl-controls {
height: 64px;
margin-top: -32px; } }
@media (min-width: 832px) {
.owl-wallpaper .owl-nav {
height: 100%;
position: relative;
width: 100%; } }
.owl-wallpaper .owl-next,
.owl-wallpaper .owl-prev {
box-sizing: border-box;
color: #fff;
font-weight: bold;
padding: 16px;
text-align: center;
width: 49%; }
@media (min-width: 832px) {
.owl-wallpaper .owl-next,
.owl-wallpaper .owl-prev {
display: block;
float: none;
height: 100%;
padding: 0;
position: absolute;
top: 0;
width: 30px; }
.owl-wallpaper .owl-next svg,
.owl-wallpaper .owl-prev svg {
height: 100%;
width: 100%; } }
@media (min-width: 1024px) {
.owl-wallpaper .owl-next,
.owl-wallpaper .owl-prev {
width: 35px; } }
@media (min-width: 1496px) {
.owl-wallpaper .owl-next,
.owl-wallpaper .owl-prev {
width: 40px; } }
.owl-wallpaper .owl-next {
float: right; }
@media (min-width: 832px) {
.owl-wallpaper .owl-next {
right: 40px; } }
@media (min-width: 1024px) {
.owl-wallpaper .owl-next {
right: 50px; } }
@media (min-width: 1496px) {
.owl-wallpaper .owl-next {
right: 80px; } }
.owl-wallpaper .owl-prev {
float: left; }
@media (min-width: 832px) {
.owl-wallpaper .owl-prev {
left: 40px; } }
@media (min-width: 1024px) {
.owl-wallpaper .owl-prev {
left: 50px; } }
@media (min-width: 1496px) {
.owl-wallpaper .owl-prev {
left: 80px; } }
.color-swatch {
color: #fff;
min-height: 100px !important;
padding: 1em !important; }
.color-swatch h1 {
color: #fff;
font-size: 20px;
font-size: 1.11111rem; }
.color-swatch > span {
display: block; }
.grid-system-pattern-library img {
width: 100%; }
.item-container {
text-align: center; }
article.item {
text-align: left; }
@media only screen and (min-width: 48em) {
article.item.item-skinny {
margin-left: 33.3%;
max-width: 33.3%; } }
article.item > h2 {
border: 1px solid #cacaca;
border-left: none;
border-right: none;
color: #4f5a65;
margin: 2em 0;
padding: .5em 0;
text-align: center; }
article.item + article.item {
margin-bottom: 2em;
margin-top: 4em; }
article.item img.fpo {
width: 100%; }
article.item pre {
display: none;
margin: .5em 0;
tab-size: 2;
-moz-tab-size: 2;
-o-tab-size: 2; }
@media only screen and (min-width: 60em) {
article.item pre {
display: block;
max-height: 250px;
overflow-y: auto; } }
article.item .navigation-utility {
top: 0; }
article.item .fancybox-overlay-fixed {
position: absolute; }
.element-notes code {
font-size: inherit; }
.element-example {
margin-bottom: 2em;
overflow: hidden; }
body.pattern-library {
background: #fff;
padding-bottom: 100px; }
#content-wrapper {
background: #fff;
padding-top: 100px;
-webkit-transition: all .25s ease;
transition: all .25s ease; }
.pl-nav-open #content-wrapper {
opacity: .3; }
@media only screen and (min-width: 48em) {
.pl-nav-open #content-wrapper {
-webkit-transform: scale(0.96);
-ms-transform: scale(0.96);
transform: scale(0.96);
filter: grayscale(100%);
-webkit-filter: grayscale(100%); } }
#nav-logo {
-webkit-transition: all .25s ease;
transition: all .25s ease; }
@media only screen and (min-width: 48em) {
.pl-nav-open #nav-logo {
filter: grayscale(100%);
-webkit-filter: grayscale(100%); } }
@media only screen and (min-width: 48em) {
.about-pattern-library {
padding: 0 16.6%; } }
.about-pattern-library > h1 {
font-size: 32px;
font-size: 1.77778rem; }
.about-pattern-library > p {
margin-bottom: 2em; }
.about-pattern-library cite {
display: block;
font-style: normal;
margin: 3em 0; }
.about-pattern-library cite > * {
display: block; }
.about-pattern-library cite author {
font-weight: bold; }
.about-pattern-library cite author-title {
font-style: italic;
margin-bottom: 2em; }
.about-pattern-library cite p {
margin-bottom: .66em; }
.example-pages-list {
list-style: none;
padding: 0; }
.example-pages-list a, .example-pages-list .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .example-pages-list .dropdownSelected {
font-weight: bold; }
.item#customer-story {
margin-bottom: 200px; }
.item#customer-story .layout-inner-wrap {
padding: 0 0 0 28px; }
.item .support-chat-now {
border-top-right-radius: 0;
border-top-left-radius: 0;
position: absolute;
top: 97px;
z-index: 14; }
.item aside.layout-secondary {
float: none; }
.item .navigation-utility a.contact-bmc, .item .navigation-utility .orion-seconday-nav .nav-wrap ul li .contact-bmc.dropdownSelected, .orion-seconday-nav .nav-wrap ul li .item .navigation-utility .contact-bmc.dropdownSelected {
display: inline; }
.pattern-library .layout-modal-overlay {
left: 0; }
.pattern-library .page-about-us .leadership-content {
padding-right: 0; }
.pattern-library .-shaded {
background-color: #F2F3F3;
padding: 1.666667em; }
.pattern-library .product-feature-offset-photo {
margin-top: 0 !important; }
.pattern-library .desktop-only {
display: none; }
@media only screen and (min-width: 48em) {
.pattern-library .desktop-only {
display: block; } }
.element-code-preview {
-webkit-transition: all .25s ease;
transition: all .25s ease; }
#top-link-wrapper {
background-color: rgba(255, 255, 255, 0.6);
border-top: 1px solid rgba(0, 0, 0, 0.05);
bottom: -100px;
opacity: 0;
position: fixed;
text-align: center;
-webkit-transition: all .25s ease;
transition: all .25s ease;
width: 100%;
z-index: 1200; }
.scrolled-down #top-link-wrapper,
.scrolled-up #top-link-wrapper {
bottom: 0;
opacity: 1; }
.pl-nav-open #top-link-wrapper {
bottom: -100px;
opacity: 0; }
#top-link-wrapper a.nav-top, #top-link-wrapper .orion-seconday-nav .nav-wrap ul li .nav-top.dropdownSelected, .orion-seconday-nav .nav-wrap ul li #top-link-wrapper .nav-top.dropdownSelected {
color: #000;
display: inline-block;
height: 40px;
margin: 1em 0;
text-align: center; }
#top-link-wrapper a.nav-top:before, #top-link-wrapper .orion-seconday-nav .nav-wrap ul li .nav-top.dropdownSelected:before, .orion-seconday-nav .nav-wrap ul li #top-link-wrapper .nav-top.dropdownSelected:before {
border: 4px solid;
border-bottom: 0;
border-right: 0;
content: '';
display: block;
height: 8px;
margin-left: 9px;
width: 8px;
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform: rotate(45deg); }
.icon-list {
margin-bottom: 3em; }
.icon-list a, .icon-list .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .icon-list .dropdownSelected {
display: block; }
.layout-example {
overflow: hidden; }
.layout-example .layout-primary,
.layout-example .layout-secondary {
min-height: 350px;
padding: 16px; }
.layout-example .layout-primary {
background-color: #F2F3F3; }
.layout-example .layout-secondary {
background-color: #cacaca; }
.layout-example .row + .row {
margin-top: 1em; }
.layout-example .row > div {
background-color: rgba(0, 0, 0, 0.2);
min-height: 100px; }
.flex-demo {
background-color: #eee;
padding: 16px; }
.flex-demo .flex-item {
background-color: #ddd;
border: 1px solid #fff;
box-sizing: border-box;
font-size: 14px;
font-size: 0.77778rem;
padding: 0.75em;
text-align: center; }
.flex-demo .highlight, .flex-demo.highlight {
border: 1px solid #fff; }
@media only screen and (min-width: 48em) {
.flex-tab {
padding: 16px; } }
.flex-tab .flex-item {
box-sizing: border-box;
padding: 0.75em; }
.flex-tab .flex-item img, .flex-tab .flex-item object, .flex-tab .flex-item embed {
width: 100%; }
.flex-tab .flex-item:first-child {
margin-right: 3em; }
html.no-flexbox .toggle-flexbox-support:before {
content: 'Enable '; }
html.flexbox .toggle-flexbox-support:before {
content: 'Disable '; }
html.no-flexbox .flex-demo:before {
content: '(Flexbox disabled) '; }
.two-up,
.three-up,
.four-up {
display: inline-block;
vertical-align: top;
width: 100%; }
.two-up:first-child,
.three-up:first-child,
.four-up:first-child {
margin-top: 0; }
.two-up:nth-child(n+2),
.three-up:nth-child(n+2),
.four-up:nth-child(n+2) {
margin-top: 2.5%; }
@media only screen and (min-width: 60em) {
.two-up:nth-child(n+2),
.three-up:nth-child(n+2),
.four-up:nth-child(n+2) {
margin-top: 0; } }
@media only screen and (min-width: 60em) {
.two-up,
.four-up {
width: 48.7%; } }
@media only screen and (min-width: 60em) {
.two-up:nth-child(n+3),
.four-up:nth-child(n+3) {
margin-top: 2.5%; } }
@media only screen and (min-width: 60em) {
.three-up {
width: 31.6%; } }
@media only screen and (min-width: 60em) {
.three-up:nth-child(3n+1) {
margin-left: 0; } }
@media only screen and (min-width: 60em) {
.three-up:nth-child(n+4) {
margin-top: 2.5%; } }
@media only screen and (min-width: 76.25em) {
.four-up {
width: 23.1%; } }
@media only screen and (min-width: 76.25em) {
.four-up:nth-child(4n+1) {
margin-left: 0; } }
@media only screen and (min-width: 76.25em) {
.four-up:nth-child(n+3) {
margin-top: 0; } }
@media only screen and (min-width: 76.25em) {
.four-up:nth-child(n+5) {
margin-top: 2.5%; } }
.bmc-nav-loader-nav .search-site fieldset {
margin: 0;
padding: 0 0.92857em 0.92857em; }
.bmc-nav-loader-nav .search-site fieldset li {
margin: 0; }
.bmc-nav-loader-nav .search-site fieldset input {
background: transparent;
border: none;
border-bottom: 1px solid #F2F3F3;
border-radius: 0;
color: white;
font-size: 18px;
font-size: 1rem;
padding: 0; }
.bmc-nav-loader-nav .search-site fieldset input:active, .bmc-nav-loader-nav .search-site fieldset input:focus {
border: none;
border-bottom: 1px solid #F2F3F3; }
@media only screen and (min-width: 60em) {
.bmc-nav-loader-nav .search-site fieldset input {
color: #313435;
height: 35px;
max-width: none;
-webkit-transition: width 0.3s linear;
transition: width 0.3s linear;
width: 1px; } }
@media only screen and (min-width: 60em) {
.bmc-nav-loader-nav .search-site fieldset {
float: left;
padding: 0; } }
@media only screen and (min-width: 60em) {
.bmc-nav-loader-nav .search-active .search-site input {
width: 250px; } }
.search-input-m-glass {
position: relative; }
.search-input-m-glass button {
background-color: transparent;
border: 2px solid transparent;
margin: 0;
padding: 0.42857em;
position: absolute;
right: 2px;
top: 0; }
.search-input-m-glass button:hover, .search-input-m-glass button:active, .search-input-m-glass button:focus {
background-color: transparent;
border-color: transparent;
outline: none; }
.search-input-m-glass button:before {
font-family: "icomoon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-transform: none;
color: #0078CC;
content: "";
display: block;
font-size: 1.55556em; }
.search-results-header .search-input-m-glass, .search-results-header .decorator-select {
display: inline-block;
margin-bottom: 1em;
vertical-align: top; }
.search-results-header .search-input-m-glass {
width: 100%; }
.search-results-header .decorator-select {
vertical-align: middle;
width: 100%; }
.search-results-header .decorator-select select::-ms-value {
background: none;
color: #000; }
.search-results-header .results-count {
color: #a7a9ac;
font-size: 0.77778em;
margin-bottom: 2em; }
@media only screen and (min-width: 48em) {
.search-results-header .search-input-m-glass {
margin-right: 1.38889em;
max-width: 450px;
min-width: 300px;
width: 60%; }
.search-results-header .decorator-select {
max-width: 300px;
min-width: 180px;
width: 30%; } }
.search-results .results-list {
list-style: none;
margin: 0;
padding: 0; }
.search-results .results-item {
border-bottom: 1px solid #c1c3c5;
margin: 0;
padding: 1em 0; }
.search-results .results-item:first-child {
border-top: 1px solid #c1c3c5; }
.search-results .results-item-heading {
font-size: 1.22222em;
font-weight: 900;
margin-bottom: 0.11111em; }
.search-results .results-item-url {
font-size: 0.88889em;
margin-top: 0.5em; }
.search-results .results-item-desc, .search-results .results-item-url {
color: #413e41; }
.search-pager {
display: inline-block;
list-style: none;
margin: 1em 0;
padding: 0; }
.search-pager li {
color: #0093C9;
display: inline-block;
font-size: 1.11111em;
font-weight: 800;
margin-right: 0.5em; }
.search-pager li.active span {
color: #413e41; }
.search-results-header .st-ui-search-input,
.search-results-header .st-default-search-input {
background: none; }
.st-position-container {
font-family: "sofia-pro";
-webkit-text-size-adjust: 100%;
font-weight: 400; }
.st-position-container .st-ui-injected-search-summary .st-query-present {
color: #a7a9ac;
font-size: 0.77778em;
padding-bottom: 2em;
border-bottom: 1px solid #c1c3c5; }
.st-position-container .st-ui-type-heading {
font-size: 1.22222em;
font-weight: 900;
margin-bottom: 0.11111em; }
.st-position-container .st-ui-type-detail {
color: #413e41;
font-size: 1rem;
display: block;
/* or */
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
max-height: 5.4em !important;
line-height: 1.8em; }
.st-position-container .st-ui-type-detail .st-ui-type-detail-bold {
color: #413e41;
font-size: 1rem; }
.st-position-container .st-ui-result {
border-bottom: 1px solid #c1c3c5; }
.st-ui-container-footer_bar {
display: inline-block;
list-style: none;
margin: 1em 0;
padding: 0; }
.st-ui-container-footer_bar .st-ui-pagination-link {
color: #0093C9;
display: inline-block;
font-size: 1.11111em;
font-weight: 400;
margin-right: 0.5em; }
.st-ui-container-footer_bar .st-ui-pagination-link.active {
color: #413e41; }
.st-ui-container-footer_bar .st-ui-arrow {
display: none; }
section.st-ui-no-results .st-ui-type-heading, div.st-ui-injected-overlay-container section.st-ui-no-results .st-ui-type-heading {
display: none; }
.social-facebook:before {
content: ""; }
.social-twitter:before {
content: ""; }
.social-linkedin:before {
content: ""; }
.social-googleplus:before {
content: ""; }
.social-youtube:before {
content: ""; }
.social-slideshare:before {
content: ""; }
.social-communities:before {
content: ""; }
.social-weibo:before {
content: ""; }
.social-wechat:before {
content: ""; }
.social-instagram:before {
content: ""; }
.nav-social a, .nav-social .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .nav-social .dropdownSelected,
.social-sharing a,
.social-sharing .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li
.social-sharing .dropdownSelected {
display: block; }
.nav-social a:before, .nav-social .orion-seconday-nav .nav-wrap ul li .dropdownSelected:before, .orion-seconday-nav .nav-wrap ul li .nav-social .dropdownSelected:before,
.social-sharing a:before,
.social-sharing .orion-seconday-nav .nav-wrap ul li .dropdownSelected:before, .orion-seconday-nav .nav-wrap ul li
.social-sharing .dropdownSelected:before {
font-family: "icomoon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-transform: none;
font-size: 18px;
font-size: 1rem;
vertical-align: middle; }
.nav-social a:before, .nav-social .orion-seconday-nav .nav-wrap ul li .dropdownSelected:before, .orion-seconday-nav .nav-wrap ul li .nav-social .dropdownSelected:before {
display: block;
float: left;
margin-right: 0.66667em;
text-align: center;
width: 1.3em; }
.social-sharing {
margin: 32px 0; }
.social-sharing.rounded a, .social-sharing.rounded .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .social-sharing.rounded .dropdownSelected {
border-radius: 50%; }
.social-sharing a, .social-sharing .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .social-sharing .dropdownSelected {
color: white;
font-size: 14px;
font-size: 0.77778rem;
height: 2em;
line-height: 2em;
text-align: center;
width: 2em; }
.social-sharing .social-facebook {
background-color: #36609f; }
.social-sharing .social-facebook:hover {
background-color: #00007f; }
.social-sharing .social-twitter {
background-color: #29a9e0; }
.social-sharing .social-twitter:hover {
background-color: #0058AC; }
.social-sharing .social-linkedin {
background-color: #056c9a; }
.social-sharing .social-linkedin:hover {
background-color: #00368f; }
.social-sharing ul {
padding: 0; }
.social-sharing li {
display: inline-block;
margin: 0 0.44444em 0 0; }
.social-sharing.mid a, .social-sharing.mid .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .social-sharing.mid .dropdownSelected {
font-size: 18px;
font-size: 1rem;
line-height: 1.77778em; }
.social-sharing.large a, .social-sharing.large .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .social-sharing.large .dropdownSelected {
font-size: 24px;
font-size: 1.33333rem;
line-height: 1.77778em; }
.social-sharing.condensed li {
margin: 0; }
.supplement-share {
padding-top: 45px; }
.supplement-share:before {
font-family: "icomoon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-transform: none;
content: ""; }
.tooltip {
cursor: help; }
.tooltip.high-res-only {
cursor: auto; }
.tipsy {
font-size: 14px;
font-size: 0.77778rem;
padding: 10px;
position: absolute;
z-index: 1000; }
.tipsy-inner {
background-color: #e55030;
border-radius: 3px;
color: white;
max-width: 200px;
padding: 10px;
text-align: center; }
.tipsy-inner {
box-shadow: 0 0 10px black; }
.tipsy-arrow {
border: 5px dashed #e55030;
height: 0;
line-height: 0;
position: absolute;
width: 0; }
.tipsy-arrow-n {
border-bottom-color: #e55030; }
.tipsy-arrow-s {
border-top-color: #e55030; }
.tipsy-arrow-e {
border-left-color: #e55030; }
.tipsy-arrow-w {
border-right-color: #e55030; }
.tipsy-n .tipsy-arrow {
border-bottom-style: solid;
border-left-color: transparent;
border-right-color: transparent;
border-top: none;
left: 50%;
margin-left: -5px;
top: 5px; }
.tipsy-nw .tipsy-arrow {
border-bottom-style: solid;
border-left-color: transparent;
border-right-color: transparent;
border-top: none;
left: 5px;
top: 5px; }
.tipsy-ne .tipsy-arrow {
border-bottom-style: solid;
border-left-color: transparent;
border-right-color: transparent;
border-top: none;
right: 5px;
top: 5px; }
.tipsy-s .tipsy-arrow {
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
border-top-style: solid;
bottom: 5px;
left: 50%;
margin-left: -5px; }
.tipsy-sw .tipsy-arrow {
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
border-top-style: solid;
bottom: 5px;
left: 5px; }
.tipsy-se .tipsy-arrow {
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
border-top-style: solid;
bottom: 5px;
right: 5px; }
.tipsy-e .tipsy-arrow {
border-bottom-color: transparent;
border-left-style: solid;
border-right: none;
border-top-color: transparent;
margin-top: -5px;
right: 5px;
top: 50%; }
.tipsy-w .tipsy-arrow {
border-bottom-color: transparent;
border-left: none;
border-right-style: solid;
border-top-color: transparent;
left: 5px;
margin-top: -5px;
top: 50%; }
.validation-error, fieldset input[type="text"].validation-error,
fieldset input[type="number"].validation-error,
fieldset input[type="password"].validation-error,
fieldset input[type="email"].validation-error,
fieldset input[type="tel"].validation-error,
fieldset textarea.validation-error {
background: white url("head/icon-error.png") 0.44444em center no-repeat;
border: 2px solid #be0019;
border-radius: 4px;
color: #be0019;
padding: 0.44444em 0.44444em 0.44444em 1.77778em; }
input[type="checkbox"] + .validation-error, fieldset input[type="checkbox"] + input[type="text"].validation-error,
fieldset input[type="checkbox"] + input[type="number"].validation-error,
fieldset input[type="checkbox"] + input[type="password"].validation-error,
fieldset input[type="checkbox"] + input[type="email"].validation-error,
fieldset input[type="checkbox"] + input[type="tel"].validation-error,
fieldset input[type="checkbox"] + textarea.validation-error,
input[type="radio"] + .validation-error, fieldset
input[type="radio"] + input[type="text"].validation-error,
fieldset
input[type="radio"] + input[type="number"].validation-error,
fieldset
input[type="radio"] + input[type="password"].validation-error,
fieldset
input[type="radio"] + input[type="email"].validation-error,
fieldset
input[type="radio"] + input[type="tel"].validation-error,
fieldset
input[type="radio"] + textarea.validation-error {
border: 0; }
fieldset:not(#foo) input[type="checkbox"] + .validation-error, fieldset:not(#foo)
input[type="radio"] + .validation-error {
background-position: 0;
padding-left: 55px; }
.valign, .valign-top {
display: table;
width: 100%; }
.valign > div, .valign-top > div {
display: table-cell; }
.valign > div.valign-narrow, .valign-top > div.valign-narrow {
width: 100px; }
.valign > div.valign-icon, .valign-top > div.valign-icon {
width: 48px; }
.valign > div {
vertical-align: middle; }
.valign-top > div {
vertical-align: top; }
div.videos {
position: relative; }
div.videos::before {
content: '';
display: block;
padding-top: 64.22414%; }
div.videos > embed,
div.videos > iframe,
div.videos > object,
div.videos > video,
div.videos > a, .orion-seconday-nav .nav-wrap ul li
div.videos > .dropdownSelected,
div.videos > div,
div.videos > img {
height: 100% !important;
left: 0;
position: absolute !important;
top: 0;
width: 100% !important; }
div.videos video {
height: 100%;
width: 100%; }
div.videos [id*="play_button_div_embedded_player_"] {
height: 100% !important;
width: 100% !important; }
div.videos video {
height: 100%;
width: 100%; }
div.videos [id*="play_button_div_embedded_player_"] {
height: 100% !important;
width: 100% !important; }
div.videos a[id^="embedded_player_"], div.videos .orion-seconday-nav .nav-wrap ul li [id^="embedded_player_"].dropdownSelected, .orion-seconday-nav .nav-wrap ul li div.videos [id^="embedded_player_"].dropdownSelected {
position: relative !important; }
div.videos div[id^="embedded_player_"] {
width: 100% !important;
height: 100% !important; }
.page-campaign-landing div.videos {
display: none; }
@media only screen and (min-width: 60em) {
.page-campaign-landing div.videos {
display: block; } }
.video-caption p {
font-size: 17px;
font-size: 0.94444rem;
font-weight: 700; }
.video-container-wrapper {
width: 100%;
background-color: #313435;
display: inline-block;
padding: 0 0 20px 0;
padding: 0 0 20px 0; }
@media only screen and (min-width: 60em) {
.video-container-wrapper {
margin: 0em 12.5% 1em 12.5%;
max-width: 75% !important;
background-color: transparent; } }
.video-container-wrapper .video-container-wrapper-inner {
width: 100%;
background-color: #313435;
padding: 0 0 20px 0; }
.video-container-wrapper .left-column {
color: #fff;
font-size: 19px;
font-size: 1.05556rem;
float: left;
padding: 10px 0 0 30px;
width: 50%; }
.video-container-wrapper .left-column span {
color: #fe5000;
font-weight: 800; }
.video-container-wrapper .right-column {
float: right;
padding: 10px 40px 0 0; }
.video-outer-wrapper {
margin: 0 auto;
width: 100%; }
.video-outer-wrapper .columnleft {
margin: 0 auto;
width: 48%;
float: left; }
.video-outer-wrapper .columnright {
margin: 0 auto;
width: 48%;
float: right; }
@media only screen and (min-width: 48em) {
.video-outer-wrapper {
width: 80%; } }
@media only screen and (min-width: 60em) {
.video-outer-wrapper {
width: 100%; } }
#single-row-video {
display: none; }
@media only screen and (min-width: 60em) {
#single-row-video {
display: block; } }
#single-column-video {
display: block; }
@media only screen and (min-width: 60em) {
#single-column-video {
display: none; } }
.video-icon-large {
background-image: url(head/play-icon-large.svg);
display: inline-block;
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
vertical-align: middle;
background-color: #FE5000;
background-repeat: no-repeat;
background-position: center;
border-radius: 50%;
width: 64px;
height: 64px;
background-size: 24px;
background-position-x: 24px; }
@media (min-width: 640px) {
.video-icon-large {
width: 84px;
height: 84px;
background-size: 31px 39px;
background-position-x: 31px; } }
@media (min-width: 1024px) {
.video-icon-large {
width: 116px;
height: 116px;
background-size: 41px 52px;
background-position-x: 41px; } }
.video-icon-large:hover {
background-color: #d43200; }
.video-icon-small {
background-image: url(head/play-icon-small.svg);
display: inline-block;
background-size: 100%;
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
vertical-align: middle;
background-color: #FE5000;
background-repeat: no-repeat;
background-position: center;
border-radius: 50%;
width: 64px;
height: 64px;
background-size: 24px;
background-position-x: 24px; }
@media (min-width: 640px) {
.video-icon-small {
width: 84px;
height: 84px;
background-size: 31px 39px;
background-position-x: 31px; } }
.video-icon-small:hover {
background-color: #d43200; }
.video-icon-xsmall {
background-image: url(head/play-icon-small-xs.svg);
display: inline-block;
background-size: 100%;
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
vertical-align: middle;
background-color: #FE5000;
background-repeat: no-repeat;
background-position: center;
border-radius: 50%;
width: 58px;
height: 58px;
background-size: 22px;
background-position-x: 20px; }
.video-icon-xsmall:hover {
background-color: #d43200; }
/*
* Wallpaper v3.1.18 - 2014-06-16
* A jQuery plugin for smooth-scaling image and video backgrounds. Part of the Formstone Library.
* http://formstone.it/wallpaper/
* Copyright 2014 Ben Plum; MIT Licensed
*/
.wallpaper {
overflow: hidden;
position: relative; }
.wallpaper.-left-center .wallpaper-media {
background-position: left center; }
.wallpaper.-no-mobile .wallpaper-container {
display: none; }
@media (min-width: 1024px) {
.wallpaper.-no-mobile .wallpaper-container {
display: block; } }
.wallpaper .wallpaper-container {
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
width: 100%; }
.wallpaper .wallpaper-container,
.wallpaper .wallpaper-media {
-webkit-transition: none !important;
transition: none !important; }
.wallpaper .wallpaper-media {
left: 0;
opacity: 0;
position: absolute;
top: 0; }
.wallpaper .wallpaper-media.animated {
-webkit-transition: opacity 0.5s linear !important;
transition: opacity 0.5s linear !important; }
.wallpaper .wallpaper-media img,
.wallpaper .wallpaper-media video,
.wallpaper .wallpaper-media iframe {
display: block;
height: 100%;
width: 100%; }
.wallpaper .wallpaper-embed.ready:after {
content: '';
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%; }
.wallpaper .wallpaper-media.native {
background-position: center;
background-size: cover;
height: 100%;
width: 100%; }
.wallpaper .wallpaper-media.native img {
display: none; }
.wallpaper .wallpaper-media.fixed {
background-position: center;
background-attachment: fixed;
height: 100%;
width: 100%; }
.wallpaper .wallpaper-media.fixed img {
display: none; }
.wallpapered {
margin: 0;
padding-top: 0%;
width: 100%; }
.wallpapered .square {
padding-top: 100%; }
.wallpapered .bar {
margin: 0; }
.wallpapered .heading {
font-size: 32px;
font-size: 1.77778rem;
color: #fff;
margin: 1em 0 1.125em; }
@media only screen and (min-width: 48em) {
.wallpapered .heading {
font-size: 32px;
font-size: 1.77778rem;
font-weight: 400; } }
@media only screen and (min-width: 76.25em) {
.wallpapered .heading {
font-size: 32px;
font-size: 1.77778rem; } }
.responsive-table, .non-responsive-table {
/* Define the background color for all the EVEN background rows */ }
.responsive-table .legend, .non-responsive-table .legend {
font-size: 0.8rem;
margin-top: 1em;
padding-bottom: 1em;
margin-bottom: 1em;
line-height: 0.8rem; }
.responsive-table .legend div, .non-responsive-table .legend div {
float: right;
padding-left: 2em; }
.responsive-table .legend div :last-child, .non-responsive-table .legend div :last-child {
padding-left: 0em; }
.responsive-table .legend span, .non-responsive-table .legend span {
padding-top: .3em; }
.responsive-table .legend img, .non-responsive-table .legend img {
padding-right: .5em;
vertical-align: middle; }
.responsive-table tr:nth-child(even), .non-responsive-table tr:nth-child(even) {
background: #F2F3F3; }
.responsive-table tr:hover > td, .non-responsive-table tr:hover > td {
background-color: inherit; }
.responsive-table th, .non-responsive-table th {
background-color: #4A4D4F;
border-left: 2px solid white;
border-right: 2px solid white; }
.responsive-table td, .non-responsive-table td {
font-size: 0.7rem;
border-left: 2px solid white;
border-right: 2px solid white;
background-color: transparent; }
@media only screen and (min-width: 60em) {
.responsive-table td, .non-responsive-table td {
font-size: 1rem; } }
.responsive-table td.td-format-opt-1, .non-responsive-table td.td-format-opt-1 {
color: #fe5000; }
.responsive-table td.td-format-opt-2, .non-responsive-table td.td-format-opt-2 {
color: #00a79d; }
.responsive-table td.td-format-opt-3, .non-responsive-table td.td-format-opt-3 {
color: #a7a9ac;
font-size: .6rem; }
@media only screen and (max-width: 640px), (min-device-width: 640px) and (max-device-width: 768px) {
.responsive-table.responsive-table, .non-responsive-table.responsive-table {
/* Force table to not be like tables anymore */
/* Force table to not be like tables anymore */
/* Hide table headers (but not display: none;, for accessibility) */
/* Define the background color for all the EVEN background rows */
/*
Label the data
*/ }
.responsive-table.responsive-table .legend, .non-responsive-table.responsive-table .legend {
font-size: .7rem; }
.responsive-table.responsive-table table, .responsive-table.responsive-table thead, .responsive-table.responsive-table tbody, .responsive-table.responsive-table th, .responsive-table.responsive-table td, .responsive-table.responsive-table tr, .non-responsive-table.responsive-table table, .non-responsive-table.responsive-table thead, .non-responsive-table.responsive-table tbody, .non-responsive-table.responsive-table th, .non-responsive-table.responsive-table td, .non-responsive-table.responsive-table tr {
display: block;
font-size: .8rem; }
.responsive-table.responsive-table thead tr, .non-responsive-table.responsive-table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
text-align: center; }
.responsive-table.responsive-table tr:nth-child(even), .non-responsive-table.responsive-table tr:nth-child(even) {
background: transparent; }
.responsive-table.responsive-table tr td:nth-child(1), .non-responsive-table.responsive-table tr td:nth-child(1) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
background: #F2F3F3;
text-align: left;
padding-left: 20px; }
.responsive-table.responsive-table br, .non-responsive-table.responsive-table br {
display: none; }
.responsive-table.responsive-table td, .non-responsive-table.responsive-table td {
position: relative !important;
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 10px 0;
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
text-align: left;
font-size: 0.7rem; }
.responsive-table.responsive-table td:before, .non-responsive-table.responsive-table td:before {
position: relative !important;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
white-space: inherit;
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
vertical-align: middle;
left: 1.5em;
width: 45%;
padding-right: 20px;
font-weight: 800;
color: #313435; }
.responsive-table.responsive-table td:before, .non-responsive-table.responsive-table td:before {
content: attr(data-title); }
.responsive-table.responsive-table.generic-table td div, .non-responsive-table.responsive-table.generic-table td div {
width: 50%;
padding-right: 8px;
padding-left: 8px; }
.responsive-table.responsive-table.generic-table .no-first-row-styling, .non-responsive-table.responsive-table.generic-table .no-first-row-styling {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: inherit !important;
flex-direction: inherit !important;
padding-left: 0rem !important; } }
.responsive-table img, .non-responsive-table img {
width: 18px;
margin-right: .5em; }
.responsive-table .text-align-left, .non-responsive-table .text-align-left {
text-align: left;
padding-left: 1rem; }
.responsive-table .text-align-center, .non-responsive-table .text-align-center {
text-align: center; }
@media only screen and (max-width: 640px), (min-device-width: 640px) and (max-device-width: 768px) {
.responsive-table.non-responsive-table td, .non-responsive-table.non-responsive-table td {
font-size: 0.7rem; } }
.compititive-table {
background-color: #F6F6F6; }
.compititive-table tbody {
border-bottom: 2px solid white; }
.compititive-table .table-lagend {
font-weight: 700;
margin: 2.5em 0px; }
.compititive-table .table-lagend .partial-indicator {
border-style: solid;
border-width: 0px 22.5px 38px;
border-color: transparent transparent #D5DF0F;
display: inline-block;
height: 0px;
vertical-align: middle;
width: 0px; }
.compititive-table .compititive-criteria {
text-align: left !important;
font-size: 1rem;
padding: 1.5em; }
.compititive-table .table-title {
color: #fff !important; }
.compititive-table .critical-capability {
background-color: #4A4D4F !important;
border-top-left-radius: 5px; }
.compititive-table .bmc-col-2 {
background-color: #FE5000 !important;
padding: 1.5em; }
.compititive-table .hp-col-3 {
background-color: #29a5d6 !important;
padding: 1.5em;
border-top-right-radius: 5px; }
/*
Used in Legal Section.
*/
.responsive-table-legal {
width: 100%;
border-collapse: collapse; }
.responsive-table-legal thead tr {
text-align: center;
padding-left: 60px;
background-color: #018ec4; }
.responsive-table-legal thead tr td {
color: white;
border: 1px solid beige;
background-color: #018ec4;
text-align: left; }
.responsive-table-legal tr:nth-child(even) > td {
background: #F2F3F3; }
.responsive-table-legal tr:hover > td {
background-color: inherit; }
.responsive-table-legal th {
background: #4A4D4F;
color: white;
font-weight: bold; }
.responsive-table-legal td, .responsive-table-legal th {
border: 1px solid #ccc; }
.responsive-table-legal td {
border: none;
text-align: left !important; }
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
.responsive-table-legal {
/* Force table to not be like tables anymore */
/* Hide table headers (but not display: none;, for accessibility) */ }
.responsive-table-legal thead, .responsive-table-legal tbody, .responsive-table-legal th, .responsive-table-legal td, .responsive-table-legal tr {
display: block; }
.responsive-table-legal thead tr {
position: absolute;
top: -9999px;
left: -9999px; }
.responsive-table-legal tr {
border-bottom: 1px solid #F2F3F3;
border: 1px solid #ccc; }
.responsive-table-legal tr td {
border-bottom: 1px solid #eee;
border: none;
position: relative;
padding-left: 10em;
border: none; }
.responsive-table-legal tr td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 40%;
white-space: nowrap;
font-weight: bold; }
.responsive-table-legal tr td:nth-of-type(1):before {
content: "Cookie Name"; }
.responsive-table-legal tr td:nth-of-type(2):before {
content: "Source"; }
.responsive-table-legal tr td:nth-of-type(3):before {
content: "Expiry (Days)"; }
.responsive-table-legal tr td:nth-of-type(4):before {
content: "Purpose"; }
.responsive-table-legal th, .responsive-table-legal td {
border: none;
text-align: center; } }
.promo {
background-color: #f98700;
margin-top: 0em;
padding: 0 !important;
text-align: center; }
.promo p {
margin-bottom: 0em;
color: white;
font-weight: bold; }
.promo a, .promo .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .promo .dropdownSelected {
margin-left: 1em;
padding-top: .3em;
padding-bottom: .3em;
font-size: .9em; }
.promo img {
width: 100%; }
.promo .narrow-promo-container {
display: block; }
@media only screen and (min-width: 60em) {
.promo .narrow-promo-container {
display: none; } }
.promo .wide-promo-container {
display: none; }
@media only screen and (min-width: 60em) {
.promo .wide-promo-container {
display: block; } }
.filters {
background-color: white;
margin: 0;
padding: 0; }
@media only screen and (min-width: 48em) {
.filters {
top: 0;
position: relative;
display: block; } }
@media only screen and (min-width: 60em) {
.filters .course-lead {
width: 50%; } }
@media only screen and (min-width: 48em) {
.filters ol {
display: -webkit-box;
display: -ms-flexbox;
display: flex; } }
.filters li {
box-sizing: border-box;
width: 100%; }
.filters li.tooltipField > div:first-child {
width: 86%; }
@media only screen and (min-width: 48em) {
.filters li.tooltipField > div:first-child {
width: 73%; } }
@media only screen and (min-width: 60em) {
.filters li.tooltipField > div:first-child {
width: 78%; } }
@media only screen and (min-width: 76.25em) {
.filters li.tooltipField > div:first-child {
width: 83%; } }
.filters li.tooltipField .tooltip-wrapper {
float: right;
display: inline-block; }
@media only screen and (min-width: 48em) {
.filters li {
display: inline-block;
margin-right: 2%;
width: 25%; } }
@media only screen and (min-width: 60em) {
.filters li {
width: 21%; } }
.filters li select {
font-size: 0.8em; }
.filters .resetBtnContainer {
width: 60px;
margin-right: 1.5em; }
.filters .resetBtnContainer .resetBtn {
margin: 0px;
height: 1.1em; }
.filters #versionContainer {
display: none;
margin-top: 1em; }
.fixed-filter-btn {
display: block; }
@media only screen and (min-width: 60em) {
.fixed-filter-btn {
display: none; } }
.fixed-filter-btn .fixed-filter-link {
background-color: #be0019;
border-radius: 5px;
font-size: 15px;
font-size: 0.83333rem;
color: #fff .5;
height: 45px;
position: fixed;
right: 1em;
top: 5em;
width: 45px;
z-index: 1111;
border: 2px solid white; }
.fixed-filter-btn .fixed-filter-link:hover, .fixed-filter-btn .fixed-filter-link:active {
background-color: red; }
.fixed-filter-btn .fixed-filter-link:before {
font-family: "icomoon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-transform: none;
content: "";
font-size: 25px;
font-size: 1.38889rem;
left: 0.38889em;
position: absolute;
top: 0.38889em;
color: white; }
.tooltip-wrapper {
background: #0078CC;
color: #fff;
cursor: help;
padding: 2px;
position: relative;
text-align: center;
width: 25px;
height: 25px;
-webkit-transform: translateZ(0);
/* webkit flicker fix */
-webkit-font-smoothing: antialiased;
/* webkit text rendering fix */
border-radius: 15px;
margin-left: .5em;
margin-top: .5em;
line-height: 25px;
z-index: 19; }
.tooltip-wrapper .tooltip {
background: #fff;
bottom: 100%;
color: #4f5a65;
display: block;
margin-bottom: 15px;
opacity: 0;
pointer-events: none;
text-align: left;
width: 270px;
position: absolute;
padding: 20px;
left: -270px;
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: all .25s ease-out;
transition: all .25s ease-out;
-ms-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.28);
-o-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.28);
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.28); }
@media only screen and (min-width: 48em) {
.tooltip-wrapper .tooltip {
padding: 20px;
left: -200px; } }
.tooltip-wrapper .tooltip h5 {
font-size: .8rem;
color: #fe5000; }
.tooltip-wrapper .tooltip p {
font-size: .8rem;
margin: 0; }
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.tooltip-wrapper .tooltip:before {
bottom: -20px;
content: " ";
display: block;
height: 20px;
left: 0;
position: absolute;
-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); }
/* CSS Triangles - see Trevor's post */
.tooltip-wrapper .tooltip:after {
border-left: solid transparent 10px;
border-right: solid transparent 10px;
border-top: solid #fff 10px;
bottom: -10px;
content: " ";
height: 0;
left: 270px;
position: absolute; }
@media only screen and (min-width: 48em) {
.tooltip-wrapper .tooltip:after {
left: 205px; } }
.tooltip-wrapper:hover .tooltip,
.tooltip-wrapper:focus .tooltip {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px); }
/* IE can just show/hide with no transition */
.lte8 .tooltip-wrapper .tooltip {
display: none; }
.lte8 .tooltip-wrapper:hover .tooltip {
display: block; }
.float-rail-nav-container {
background-color: #F2F3F3;
padding: 1em 1em .1em 1em;
border: 1px solid #cacaca;
border-top: 1px solid #cacaca !important;
padding-top: 1em !important; }
.float-rail-nav-container h3 {
margin-bottom: 1em; }
.float-rail-nav-container .float-rail-nav {
list-style-type: none;
margin-left: 0px;
padding-left: 0px;
padding-right: 0px; }
.float-rail-nav-container .float-rail-nav.ol li {
counter-increment: step-counter; }
.float-rail-nav-container .float-rail-nav.ol li a, .float-rail-nav-container .float-rail-nav.ol .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul .float-rail-nav-container .float-rail-nav.ol li .dropdownSelected {
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -moz-box; }
.float-rail-nav-container .float-rail-nav.ol li::before {
content: counter(step-counter);
margin-right: 15px;
font-size: 100%;
background-color: #0078CC;
color: white;
font-weight: bold;
border-radius: 50%;
float: left;
width: 30px;
height: 27px;
text-align: center;
text-align: center;
padding-top: 3px; }
.float-rail-nav-container .float-rail-nav li {
font-weight: 400;
margin-bottom: 1.33em;
word-wrap: break-word; }
.float-rail-nav-container .float-rail-nav li a::after, .float-rail-nav-container .float-rail-nav .orion-seconday-nav .nav-wrap ul li .dropdownSelected::after, .orion-seconday-nav .nav-wrap ul .float-rail-nav-container .float-rail-nav li .dropdownSelected::after {
position: absolute;
white-space: pre; }
.float-rail-nav-container .float-rail-nav li:hover::before {
background-color: #046e96; }
.float-rail-nav-container .float-rail-nav a.current, .float-rail-nav-container .float-rail-nav .orion-seconday-nav .nav-wrap ul li .current.dropdownSelected, .orion-seconday-nav .nav-wrap ul li .float-rail-nav-container .float-rail-nav .current.dropdownSelected {
color: #FE5000;
white-space: pre-wrap;
word-break: keep-all;
word-wrap: break-word; }
.float-rail-nav-container .float-rail-nav li.current::before {
background-color: #FE5000; }
.stt_container {
display: none;
opacity: 0.75;
position: fixed;
height: 48px;
bottom: 15px;
right: 15px;
z-index: 1; }
.stt_container:hover {
opacity: 1;
cursor: pointer; }
.stt_image {
height: 48px; }
@media (max-width: 1200px) {
.stt_container {
display: none !important; } }
.comparison-section .flex-grid-layout-container .flex-grid-layout-3.mobile-only {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media (min-width: 640px) {
.comparison-section .flex-grid-layout-container .flex-grid-layout-3.mobile-only {
display: none; } }
.comparison-section .flex-grid-layout-container .flex-grid-layout-3.desktop-only {
display: none; }
@media (min-width: 640px) {
.comparison-section .flex-grid-layout-container .flex-grid-layout-3.desktop-only {
display: -webkit-box;
display: -ms-flexbox;
display: flex; } }
@media (max-width: 640px) {
.comparison-section .flex-grid-layout-container .flex-grid-layout-3.owl-carousel {
padding: 0; } }
.comparison-section .flex-grid-layout-container .flex-grid-layout-3.owl-carousel .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.comparison-section .flex-grid-layout-container .flex-grid-layout-3.owl-carousel .owl-stage .owl-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
.comparison-section .flex-grid-layout-container .flex-grid-layout-3 .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-right: 20px; }
.comparison-section .flex-grid-layout-container .flex-grid-layout-3 .item.grid-layout-col {
max-width: 100%; }
@media (min-width: 640px) {
.comparison-section .flex-grid-layout-container .flex-grid-layout-3 .item.grid-layout-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
@media only screen and (min-width: 76.25em) {
.comparison-section .flex-grid-layout-container .flex-grid-layout-3 .item.grid-layout-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; } }
.comparison-section .flex-grid-layout-container .flex-grid-layout-3 .item .simple-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
margin-bottom: 30px;
border-radius: 10px;
border: 1px solid #C0C3C4; }
.comparison-section .flex-grid-layout-container .flex-grid-layout-3 .item .simple-card .card-header {
padding: 43px 33px 0; }
@media only screen and (min-width: 48em) {
.comparison-section .flex-grid-layout-container .flex-grid-layout-3 .item .simple-card .card-header {
padding-top: 72px; } }
.comparison-section .flex-grid-layout-container .flex-grid-layout-3 .item .simple-card .card-header h2:first-child {
margin: 0;
padding: 0;
font-size: 26px;
font-size: 1.44444rem; }
@media only screen and (min-width: 48em) {
.comparison-section .flex-grid-layout-container .flex-grid-layout-3 .item .simple-card .card-header h2:first-child {
font-size: 30px;
font-size: 1.66667rem; } }
@media only screen and (min-width: 76.25em) {
.comparison-section .flex-grid-layout-container .flex-grid-layout-3 .item .simple-card .card-header h2:first-child {
font-size: 40px;
font-size: 2.22222rem; } }
.comparison-section .flex-grid-layout-container .flex-grid-layout-3 .item .simple-card .card-desc {
padding: 0 33px 0; }
.comparison-section .flex-grid-layout-container .flex-grid-layout-3 .item .simple-card .card-desc p {
border-top: 1px solid #C0C3C4;
margin-top: 33px;
padding-top: 30px;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #00007f;
margin-bottom: 0; }
@media only screen and (min-width: 48em) {
.comparison-section .flex-grid-layout-container .flex-grid-layout-3 .item .simple-card .card-desc p {
line-height: 28px;
font-size: 18px; } }
.comparison-section .flex-grid-layout-container .flex-grid-layout-3 .item .simple-card .card-content {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
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-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 33px 33px;
padding-top: 36px; }
@media only screen and (min-width: 48em) {
.comparison-section .flex-grid-layout-container .flex-grid-layout-3 .item .simple-card .card-content {
padding-top: 40px; } }
.comparison-section .flex-grid-layout-container .flex-grid-layout-3 .item .simple-card .card-content ul {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: left;
margin-top: 0; }
.comparison-section .flex-grid-layout-container .flex-grid-layout-3 .item .simple-card .card-content ul li {
list-style-type: none;
position: relative;
padding-left: 27px;
font-size: 16px;
line-height: 24px;
font-weight: 400; }
@media only screen and (min-width: 48em) {
.comparison-section .flex-grid-layout-container .flex-grid-layout-3 .item .simple-card .card-content ul li {
line-height: 28px;
font-size: 18px; } }
.comparison-section .flex-grid-layout-container .flex-grid-layout-3 .item .simple-card .card-content ul li:before {
content: '';
width: 21px;
height: 16px;
position: absolute;
top: 7px;
left: -13px;
background: url("head/pxr/icon/checkmark-blue.svg") no-repeat;
display: block; }
.comparison-section .flex-grid-layout-container .flex-grid-layout-3 .item .simple-card .card-content a.btn, .comparison-section .flex-grid-layout-container .flex-grid-layout-3 .item .simple-card .card-content .orion-seconday-nav .nav-wrap ul li .btn.dropdownSelected, .orion-seconday-nav .nav-wrap ul li .comparison-section .flex-grid-layout-container .flex-grid-layout-3 .item .simple-card .card-content .btn.dropdownSelected {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center; }
.bg-light-blue .comparison-section .flex-grid-layout-container .flex-grid-layout-3 .item .simple-card {
border: 1px solid transparent; }
.card, .rc-card-row .simple-card, .rc-card-row .card-with-header, .rc-card-row .card-with-description, .rc-card-row .featured-card {
box-sizing: border-box;
display: block;
height: 100%;
overflow: hidden;
position: relative;
width: 100%; }
.card.-action, .rc-card-row .-action.simple-card, .rc-card-row .-action.card-with-header, .rc-card-row .-action.card-with-description, .rc-card-row .-action.featured-card {
padding-bottom: 2.4rem; }
a.card:hover, .rc-card-row a.simple-card:hover, .rc-card-row .orion-seconday-nav .nav-wrap ul li .simple-card.dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .rc-card-row .simple-card.dropdownSelected:hover, .rc-card-row a.card-with-header:hover, .rc-card-row .orion-seconday-nav .nav-wrap ul li .card-with-header.dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .rc-card-row .card-with-header.dropdownSelected:hover, .rc-card-row a.card-with-description:hover, .rc-card-row .orion-seconday-nav .nav-wrap ul li .card-with-description.dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .rc-card-row .card-with-description.dropdownSelected:hover, .rc-card-row a.featured-card:hover, .rc-card-row .orion-seconday-nav .nav-wrap ul li .featured-card.dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .rc-card-row .featured-card.dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .card.dropdownSelected:hover {
cursor: pointer; }
.card-title {
display: block;
font-size: 26px;
line-height: 1.2; }
@media only screen and (min-width: 48em) {
.card-title {
font-size: 24px; } }
@media only screen and (min-width: 60em) {
.card-title {
font-size: 36px; } }
.card-title.-sm {
font-size: 22px; }
@media only screen and (min-width: 48em) {
.card-title.-sm {
font-size: 20px; } }
@media only screen and (min-width: 60em) {
.card-title.-sm {
font-size: 32px; } }
.card-title.-lg {
font-size: 30px; }
@media only screen and (min-width: 48em) {
.card-title.-lg {
font-size: 28px; } }
@media only screen and (min-width: 60em) {
.card-title.-lg {
font-size: 40px; } }
.card-title.-xl {
font-size: 40px; }
@media only screen and (min-width: 48em) {
.card-title.-xl {
font-size: 38px; } }
@media only screen and (min-width: 60em) {
.card-title.-xl {
font-size: 50px; } }
.card-image {
overflow: hidden;
position: relative; }
.card-image img {
height: auto;
width: auto;
max-width: 100%;
max-height: 100%;
vertical-align: middle; }
.card-image img.max-width-320 {
max-width: 320px;
width: 100%; }
.card-image.logo-max-height {
height: 130px;
white-space: nowrap; }
.card-image.logo-max-height:before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0; }
.card-content {
box-sizing: border-box; }
.card-content p {
line-height: 1.2; }
.card-content p.-sm {
font-size: 14px; }
@media only screen and (min-width: 48em) {
.card-content p.-sm {
font-size: 13px; } }
@media only screen and (min-width: 60em) {
.card-content p.-sm {
font-size: 14px; } }
.card-content p.-lg {
font-size: 16px; }
@media only screen and (min-width: 48em) {
.card-content p.-lg {
font-size: 20px; } }
@media only screen and (min-width: 60em) {
.card-content p.-lg {
font-size: 24px; } }
@media only screen and (min-width: 76.25em) {
.card-content p.-lg {
font-size: 28px; } }
.card-action {
bottom: 0;
left: 0;
position: absolute;
right: 0; }
.cards-4-col {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: .5em;
padding-bottom: .5em; }
@media only screen and (min-width: 30em) {
.cards-4-col {
-ms-flex-pack: distribute;
justify-content: space-around; } }
@media only screen and (min-width: 48em) {
.cards-4-col {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; } }
.cards-4-col h2 {
margin-bottom: auto; }
.cards-4-col .flex-item {
margin: 1em;
width: 100%;
border: 1px solid red;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border: 1px rgba(0, 0, 0, 0.12);
display: inline-block; }
.cards-4-col .flex-item img, .cards-4-col .flex-item figcaption {
box-sizing: border-box; }
.cards-4-col .flex-item img {
width: 100%; }
@media only screen and (min-width: 48em) {
.cards-4-col .flex-item {
max-width: none;
width: calc(50% - 2em);
display: inline-block; }
.cards-4-col .flex-item img {
max-width: none;
padding: 0; } }
@media only screen and (min-width: 60em) {
.cards-4-col .flex-item {
margin: 1em;
width: calc(25% - 2em);
display: inline-block; }
.cards-4-col .flex-item img,
.cards-4-col .flex-item figcaption {
float: none;
margin: 0; } }
@media only screen and (min-width: 76.25em) {
.cards-4-col .flex-item {
display: inline-block; }
.cards-4-col .flex-item img,
.cards-4-col .flex-item figcaption {
margin: 0;
width: 100%; }
.cards-4-col .flex-item img {
padding: 0; } }
.cards-3-col {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: .5em;
padding-bottom: .5em; }
@media only screen and (min-width: 30em) {
.cards-3-col {
-ms-flex-pack: distribute;
justify-content: space-around; } }
@media only screen and (min-width: 48em) {
.cards-3-col {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; } }
.cards-3-col h2 {
margin-bottom: auto; }
.cards-3-col .flex-item {
margin: 1em;
width: 100%;
border: 1px solid #be0019;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border: 1px rgba(0, 0, 0, 0.12);
display: inline-block; }
.cards-3-col .flex-item img, .cards-3-col .flex-item figcaption {
box-sizing: border-box; }
.cards-3-col .flex-item figcaption {
padding: 1em 1em 0em; }
.cards-3-col .flex-item img {
width: 100%; }
@media only screen and (min-width: 48em) {
.cards-3-col .flex-item {
max-width: none;
width: 42%;
display: inline-block; }
.cards-3-col .flex-item img {
max-width: none;
padding: 0; } }
@media only screen and (min-width: 60em) {
.cards-3-col .flex-item {
margin: 1em;
width: 27%;
display: inline-block; }
.cards-3-col .flex-item img,
.cards-3-col .flex-item figcaption {
float: none;
margin: 0; } }
@media only screen and (min-width: 76.25em) {
.cards-3-col .flex-item {
display: inline-block; }
.cards-3-col .flex-item img,
.cards-3-col .flex-item figcaption {
margin: 0;
width: 100%; }
.cards-3-col .flex-item img {
padding: 0; } }
.lead {
display: block;
font-size: 18px;
font-weight: 500;
line-height: 1.25;
margin-bottom: 1.5rem; }
@media only screen and (min-width: 48em) {
.lead {
font-size: 24px; } }
@media only screen and (min-width: 60em) {
.lead {
font-size: 30px; } }
.lead strong {
display: block;
font-weight: 700; }
.lead.-sm {
font-size: 14px; }
@media only screen and (min-width: 48em) {
.lead.-sm {
font-size: 20px; } }
@media only screen and (min-width: 60em) {
.lead.-sm {
font-size: 26px; } }
.lead.-lg {
font-size: 24px; }
@media only screen and (min-width: 48em) {
.lead.-lg {
font-size: 30px; } }
@media only screen and (min-width: 60em) {
.lead.-lg {
font-size: 36px; } }
@media only screen and (min-width: 60em) {
.lead.-oll {
width: auto; } }
@media only screen and (min-width: 76.25em) {
.lead.-oll {
max-width: 30em; } }
#scroll-nav {
-webkit-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
width: 100%; }
@media only screen and (min-width: 60em) {
#scroll-nav {
border-top: 5px solid #413e41; } }
#scroll-nav.fixed {
border: 0 none;
position: fixed;
top: 67px;
z-index: 19; }
@media only screen and (min-width: 60em) {
#scroll-nav.fixed {
top: 50px; } }
.scrolled-down #scroll-nav.fixed {
opacity: .85; }
.scrolled-up #scroll-nav.fixed,
.scrolled-down #scroll-nav.fixed:hover {
opacity: 1; }
.tabs-nav {
list-style-image: none;
list-style: none;
margin-top: 0;
padding: 0; }
.tabs-nav li {
margin: 0; }
.tabs-nav li a, .tabs-nav .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul .tabs-nav li .dropdownSelected {
display: block;
outline: none;
text-shadow: none; }
.tabs-nav li.active, .tabs-nav li.r-tabs-state-active {
font-weight: 400;
position: relative;
z-index: 5; }
.tabs-nav.bg-robins-egg-blue li a, .tabs-nav.bg-robins-egg-blue .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul .tabs-nav.bg-robins-egg-blue li .dropdownSelected {
background-color: #0093C9;
border-bottom: 1px solid #fff;
color: #fff; }
.tabs-nav.bg-robins-egg-blue li a:hover, .tabs-nav.bg-robins-egg-blue .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul .tabs-nav.bg-robins-egg-blue li .dropdownSelected:hover, .tabs-nav.bg-robins-egg-blue li a:focus, .tabs-nav.bg-robins-egg-blue .orion-seconday-nav .nav-wrap ul li .dropdownSelected:focus, .orion-seconday-nav .nav-wrap ul .tabs-nav.bg-robins-egg-blue li .dropdownSelected:focus {
background-color: #0080b0; }
.tabs-nav.bg-robins-egg-blue li.active a, .tabs-nav.bg-robins-egg-blue .orion-seconday-nav .nav-wrap ul li.active .dropdownSelected, .orion-seconday-nav .nav-wrap ul .tabs-nav.bg-robins-egg-blue li.active .dropdownSelected,
.tabs-nav.bg-robins-egg-blue li.r-tabs-state-active a,
.tabs-nav.bg-robins-egg-blue .orion-seconday-nav .nav-wrap ul li.r-tabs-state-active .dropdownSelected, .orion-seconday-nav .nav-wrap ul
.tabs-nav.bg-robins-egg-blue li.r-tabs-state-active .dropdownSelected {
background-color: #F2F3F3;
color: #0093C9; }
.tabs-nav.bg-white li a, .tabs-nav.header-generic li a,
.tabs-nav.header-brand li a, .tabs-nav.bg-white .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul .tabs-nav.bg-white li .dropdownSelected, .tabs-nav.header-generic .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul .tabs-nav.header-generic li .dropdownSelected,
.tabs-nav.header-brand .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul
.tabs-nav.header-brand li .dropdownSelected {
color: #6c6c6c; }
.tabs-nav.bg-white li a:hover, .tabs-nav.header-generic li a:hover,
.tabs-nav.header-brand li a:hover, .tabs-nav.bg-white .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul .tabs-nav.bg-white li .dropdownSelected:hover, .tabs-nav.header-generic .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul .tabs-nav.header-generic li .dropdownSelected:hover,
.tabs-nav.header-brand .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul
.tabs-nav.header-brand li .dropdownSelected:hover, .tabs-nav.bg-white li a:focus, .tabs-nav.header-generic li a:focus,
.tabs-nav.header-brand li a:focus, .tabs-nav.bg-white .orion-seconday-nav .nav-wrap ul li .dropdownSelected:focus, .orion-seconday-nav .nav-wrap ul .tabs-nav.bg-white li .dropdownSelected:focus, .tabs-nav.header-generic .orion-seconday-nav .nav-wrap ul li .dropdownSelected:focus, .orion-seconday-nav .nav-wrap ul .tabs-nav.header-generic li .dropdownSelected:focus,
.tabs-nav.header-brand .orion-seconday-nav .nav-wrap ul li .dropdownSelected:focus, .orion-seconday-nav .nav-wrap ul
.tabs-nav.header-brand li .dropdownSelected:focus {
background-color: #F2F3F3;
color: #000; }
.tabs-nav.bg-white li.active a, .tabs-nav.header-generic li.active a,
.tabs-nav.header-brand li.active a, .tabs-nav.bg-white .orion-seconday-nav .nav-wrap ul li.active .dropdownSelected, .orion-seconday-nav .nav-wrap ul .tabs-nav.bg-white li.active .dropdownSelected, .tabs-nav.header-generic .orion-seconday-nav .nav-wrap ul li.active .dropdownSelected, .orion-seconday-nav .nav-wrap ul .tabs-nav.header-generic li.active .dropdownSelected,
.tabs-nav.header-brand .orion-seconday-nav .nav-wrap ul li.active .dropdownSelected, .orion-seconday-nav .nav-wrap ul
.tabs-nav.header-brand li.active .dropdownSelected,
.tabs-nav.bg-white li.r-tabs-state-active a, .tabs-nav.header-generic li.r-tabs-state-active a,
.tabs-nav.header-brand li.r-tabs-state-active a,
.tabs-nav.bg-white .orion-seconday-nav .nav-wrap ul li.r-tabs-state-active .dropdownSelected, .orion-seconday-nav .nav-wrap ul
.tabs-nav.bg-white li.r-tabs-state-active .dropdownSelected, .tabs-nav.header-generic .orion-seconday-nav .nav-wrap ul li.r-tabs-state-active .dropdownSelected, .orion-seconday-nav .nav-wrap ul .tabs-nav.header-generic li.r-tabs-state-active .dropdownSelected,
.tabs-nav.header-brand .orion-seconday-nav .nav-wrap ul li.r-tabs-state-active .dropdownSelected, .orion-seconday-nav .nav-wrap ul
.tabs-nav.header-brand li.r-tabs-state-active .dropdownSelected {
background-color: #413e41;
color: #fff; }
.tabs-nav.bg-corduroy li a, .tabs-nav.bg-corduroy .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul .tabs-nav.bg-corduroy li .dropdownSelected, .tabs-nav.bg-gray-5 li a, .tabs-nav.bg-gray-5 .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul .tabs-nav.bg-gray-5 li .dropdownSelected {
color: #F2F3F3; }
.tabs-nav.bg-corduroy li a:hover, .tabs-nav.bg-corduroy .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul .tabs-nav.bg-corduroy li .dropdownSelected:hover, .tabs-nav.bg-corduroy li a:focus, .tabs-nav.bg-corduroy .orion-seconday-nav .nav-wrap ul li .dropdownSelected:focus, .orion-seconday-nav .nav-wrap ul .tabs-nav.bg-corduroy li .dropdownSelected:focus, .tabs-nav.bg-gray-5 li a:hover, .tabs-nav.bg-gray-5 .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul .tabs-nav.bg-gray-5 li .dropdownSelected:hover, .tabs-nav.bg-gray-5 li a:focus, .tabs-nav.bg-gray-5 .orion-seconday-nav .nav-wrap ul li .dropdownSelected:focus, .orion-seconday-nav .nav-wrap ul .tabs-nav.bg-gray-5 li .dropdownSelected:focus {
color: #fff; }
.tabs-nav.bg-corduroy li.active a, .tabs-nav.bg-corduroy .orion-seconday-nav .nav-wrap ul li.active .dropdownSelected, .orion-seconday-nav .nav-wrap ul .tabs-nav.bg-corduroy li.active .dropdownSelected,
.tabs-nav.bg-corduroy li.r-tabs-state-active a,
.tabs-nav.bg-corduroy .orion-seconday-nav .nav-wrap ul li.r-tabs-state-active .dropdownSelected, .orion-seconday-nav .nav-wrap ul
.tabs-nav.bg-corduroy li.r-tabs-state-active .dropdownSelected, .tabs-nav.bg-gray-5 li.active a, .tabs-nav.bg-gray-5 .orion-seconday-nav .nav-wrap ul li.active .dropdownSelected, .orion-seconday-nav .nav-wrap ul .tabs-nav.bg-gray-5 li.active .dropdownSelected,
.tabs-nav.bg-gray-5 li.r-tabs-state-active a,
.tabs-nav.bg-gray-5 .orion-seconday-nav .nav-wrap ul li.r-tabs-state-active .dropdownSelected, .orion-seconday-nav .nav-wrap ul
.tabs-nav.bg-gray-5 li.r-tabs-state-active .dropdownSelected {
background-color: #F2F3F3;
color: #4A4D4F; }
.tabs-nav.-vr li.active a:after, .tabs-nav.-vr .orion-seconday-nav .nav-wrap ul li.active .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul .tabs-nav.-vr li.active .dropdownSelected:after {
content: " \00203A"; }
.tabs-nav.-hr {
margin-bottom: 0; }
.tabs-nav.-hr li {
text-align: center; }
@media only screen and (min-width: 60em) {
.tabs-nav.-hr li {
border-bottom: none;
display: inline-block;
font-size: 16px;
text-align: center; } }
.tabs-nav.-hr li.active, .tabs-nav.-hr li.r-tabs-state-active {
font-weight: 500; }
@media screen and (max-width: 767px) {
.tabs-nav.-hr {
display: none; } }
.r-tabs {
-webkit-transition: height 0.3s linear;
transition: height 0.3s linear;
background-color: #4A4D4F; }
.r-tabs .r-tabs-tab {
list-style: none; }
.r-tabs .r-tabs-panel {
display: none; }
.r-tabs .r-tabs-nav {
background-color: #4A4D4F;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.r-tabs .r-tabs-accordion-title {
display: none; }
.r-tabs .r-tabs-panel.r-tabs-state-active {
display: block; }
/* Accordion responsive breakpoint */
@media (max-width: 831px) {
.r-tabs .r-tabs-nav {
display: none; }
.r-tabs .r-tabs-accordion-title {
display: block; } }
/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
opacity: 0.5; }
/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
border-top-right-radius: 4px;
border-top-left-radius: 4px; }
/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
background-image: url("head/icon-open.svg");
background-color: #fff;
background-position: 8px center;
background-repeat: no-repeat;
border-top: 1px solid #cacaca;
display: block;
font-size: 16px;
font-weight: 400;
padding: 16px 8px 16px 3.5em; }
.no-svg .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
background-image: url("head/icon-open.png"); }
@media (min-width: 640px) {
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
font-size: 18px; } }
@media (min-width: 832px) {
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
font-size: 24px; } }
/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
background-image: url("head/icon-closed.svg");
border-bottom: 1px solid #cacaca; }
.no-svg .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
background-image: url("head/icon-closed.png"); }
/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
opacity: 0.5; }
/* Image Vertical Alignment inside Tab Comp */
.tabs {
padding-bottom: 0 !important; }
.tabs .r-tabs .r-tabs-panel .layout-inner-wrap .layout-inner-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.tabs .r-tabs .r-tabs-panel .layout-inner-wrap .layout-inner-wrap .layout-secondary {
display: none; }
@media (min-width: 832px) {
.tabs .r-tabs .r-tabs-panel .layout-inner-wrap .layout-inner-wrap .layout-secondary {
display: block;
width: 370px;
min-width: 370px; } }
.tabs .r-tabs .r-tabs-panel .layout-inner-wrap .layout-inner-wrap .layout-secondary .cq-dd-image.align_bottom {
min-height: 500px; }
.tabs .r-tabs .r-tabs-panel .layout-inner-wrap .layout-inner-wrap .layout-secondary .cq-dd-image.align_bottom img {
bottom: 0;
padding-bottom: 0;
display: none; }
@media (min-width: 832px) {
.tabs .r-tabs .r-tabs-panel .layout-inner-wrap .layout-inner-wrap .layout-secondary .cq-dd-image.align_bottom img {
position: absolute;
display: block;
width: 370px;
max-width: 370px;
min-width: 370px; } }
.tabs .r-tabs .r-tabs-panel .layout-inner-wrap .layout-inner-wrap .layout-primary {
width: 100%; }
@media (min-width: 832px) {
.tabs .r-tabs .r-tabs-panel .layout-inner-wrap .layout-inner-wrap .layout-primary {
width: 67.7%; } }
.tabs .r-tabs .r-tabs-panel .layout-inner-wrap [class*="50-50contentcontainer"] > *:first-child .layout-inner-wrap {
display: inline-block; }
.svg-defs {
position: absolute;
height: 0;
overflow: hidden;
width: 0; }
svg:not(:root) {
overflow: hidden; }
svg {
display: inline-block; }
.fallback {
background-position: center;
background-repeat: no-repeat;
display: block; }
.arrow-next .fallback {
height: 100%;
width: 100%; }
.svg-inline {
display: inline-block;
fill: currentColor;
height: 1em;
position: relative;
stroke-width: 0;
stroke: currentColor;
top: .15em;
width: 1em; }
.s-CloudMgmt {
background-image: url("head/s-CloudMgmt.png"); }
.s-DollarSign {
background-image: url("head/s-DollarSign.png"); }
.s-Globe {
background-image: url("head/s-Globe.png"); }
.s-ITAuto {
background-image: url("head/s-ITAuto.png"); }
.s-ITOps {
background-image: url("head/s-ITOps.png"); }
.s-ITSMgmt {
background-image: url("head/s-ITSMgmt.png"); }
.s-Mainframe {
background-image: url("head/s-Mainframe.png"); }
.s-MyIT {
background-image: url("head/s-MyIT.png"); }
.s-Ribbon {
background-image: url("head/s-Ribbon.png"); }
.s-Star {
background-image: url("head/s-Star.png"); }
.s-User {
background-image: url("head/s-User.png"); }
.s-Users {
background-image: url("head/s-Users.png"); }
.s-VideoPlay {
background-image: url("head/s-VideoPlay.png"); }
.s-Workload {
background-image: url("head/s-Workload.png"); }
.s-caution {
background-image: url("head/s-caution.png"); }
.s-close {
background-image: url("head/s-close.png"); }
.s-chevronLeft {
background-image: url("head/s-chevronLeft.png"); }
.s-chevronRight {
background-image: url("head/s-chevronRight.png"); }
.s-playVideo {
background: url("head/s-playVideo.png");
height: 50px;
width: 50px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.s-CloudMgmt {
background-image: url("head/s-CloudMgmt-2x.png"); }
.s-DollarSign {
background-image: url("head/s-DollarSign-2x.png"); }
.s-Globe {
background-image: url("head/s-Globe-2x.png"); }
.s-ITAuto {
background-image: url("head/s-ITAuto-2x.png"); }
.s-ITOps {
background-image: url("head/s-ITOps-2x.png"); }
.s-ITSMgmt {
background-image: url("head/s-ITSMgmt-2x.png"); }
.s-Mainframe {
background-image: url("head/s-Mainframe-2x.png"); }
.s-MyIT {
background-image: url("head/s-MyIT-2x.png"); }
.s-Ribbon {
background-image: url("head/s-Ribbon-2x.png"); }
.s-Star {
background-image: url("head/s-Star-2x.png"); }
.s-User {
background-image: url("head/s-User-2x.png"); }
.s-Users {
background-image: url("head/s-Users-2x.png"); }
.s-VideoPlay {
background-image: url("head/s-VideoPlay-2x.png"); }
.s-Workload {
background-image: url("head/s-Workload-2x.png"); }
.s-caution {
background-image: url("head/s-caution-2x.png"); }
.s-close {
background-image: url("head/s-close-2x.png"); } }
.youtube-video-modal-container {
padding: 0px;
overflow-y: hidden; }
.youtube-video-modal-container body {
background-color: black; }
.youtube-video {
position: relative;
background-color: black;
height: 100%; }
.youtube-video::before {
content: '';
display: block;
padding-top: 50%; }
.youtube-video > embed,
.youtube-video > iframe,
.youtube-video > object,
.youtube-video > video,
.youtube-video > a, .orion-seconday-nav .nav-wrap ul li
.youtube-video > .dropdownSelected,
.youtube-video > div,
.youtube-video > img {
height: 100% !important;
left: 0;
position: absolute !important;
top: 0;
width: 100% !important; }
.percentage_display .percentage_display-container {
padding-bottom: 0px; }
.percentage_display .percentage_display-container .stat .border-bottom {
border-bottom: 1px dotted black; }
.percentage_display .percentage_display-container .px1 .up-arrow {
height: 54px; }
.percentage_display .percentage_display-container .px1 .number {
font-size: 3.25em; }
.percentage_display .source-block {
font-size: .7em;
text-align: center;
margin-top: 2em; }
.percentage_display-full-width {
background: #F2F3F3;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
padding-top: 3rem; }
.percentage_display-full-width .layout-inner-wrap {
max-width: 1440px;
text-align: center; }
.percentage_display-full-width .layout-inner-wrap .lead {
max-width: 35em;
margin: 0 auto;
color: #313435; }
.percentage_display-full-width .layout-inner-wrap .lead strong {
font-weight: 800; }
.percentage_display-full-width .layout-inner-wrap .card, .percentage_display-full-width .layout-inner-wrap .rc-card-row .simple-card, .rc-card-row .percentage_display-full-width .layout-inner-wrap .simple-card, .percentage_display-full-width .layout-inner-wrap .rc-card-row .card-with-header, .rc-card-row .percentage_display-full-width .layout-inner-wrap .card-with-header, .percentage_display-full-width .layout-inner-wrap .rc-card-row .card-with-description, .rc-card-row .percentage_display-full-width .layout-inner-wrap .card-with-description, .percentage_display-full-width .layout-inner-wrap .rc-card-row .featured-card, .rc-card-row .percentage_display-full-width .layout-inner-wrap .featured-card {
cursor: default;
margin-bottom: 0;
padding-bottom: 0; }
.percentage_display-full-width .layout-inner-wrap .card > .px1, .percentage_display-full-width .layout-inner-wrap .rc-card-row .simple-card > .px1, .rc-card-row .percentage_display-full-width .layout-inner-wrap .simple-card > .px1, .percentage_display-full-width .layout-inner-wrap .rc-card-row .card-with-header > .px1, .rc-card-row .percentage_display-full-width .layout-inner-wrap .card-with-header > .px1, .percentage_display-full-width .layout-inner-wrap .rc-card-row .card-with-description > .px1, .rc-card-row .percentage_display-full-width .layout-inner-wrap .card-with-description > .px1, .percentage_display-full-width .layout-inner-wrap .rc-card-row .featured-card > .px1, .rc-card-row .percentage_display-full-width .layout-inner-wrap .featured-card > .px1 {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: black; }
.percentage_display-full-width .layout-inner-wrap .card > .px1 img, .percentage_display-full-width .layout-inner-wrap .rc-card-row .simple-card > .px1 img, .rc-card-row .percentage_display-full-width .layout-inner-wrap .simple-card > .px1 img, .percentage_display-full-width .layout-inner-wrap .rc-card-row .card-with-header > .px1 img, .rc-card-row .percentage_display-full-width .layout-inner-wrap .card-with-header > .px1 img, .percentage_display-full-width .layout-inner-wrap .rc-card-row .card-with-description > .px1 img, .rc-card-row .percentage_display-full-width .layout-inner-wrap .card-with-description > .px1 img, .percentage_display-full-width .layout-inner-wrap .rc-card-row .featured-card > .px1 img, .rc-card-row .percentage_display-full-width .layout-inner-wrap .featured-card > .px1 img {
height: 54px; }
.percentage_display-full-width .layout-inner-wrap .card > .px1 .number, .percentage_display-full-width .layout-inner-wrap .rc-card-row .simple-card > .px1 .number, .rc-card-row .percentage_display-full-width .layout-inner-wrap .simple-card > .px1 .number, .percentage_display-full-width .layout-inner-wrap .rc-card-row .card-with-header > .px1 .number, .rc-card-row .percentage_display-full-width .layout-inner-wrap .card-with-header > .px1 .number, .percentage_display-full-width .layout-inner-wrap .rc-card-row .card-with-description > .px1 .number, .rc-card-row .percentage_display-full-width .layout-inner-wrap .card-with-description > .px1 .number, .percentage_display-full-width .layout-inner-wrap .rc-card-row .featured-card > .px1 .number, .rc-card-row .percentage_display-full-width .layout-inner-wrap .featured-card > .px1 .number {
font-size: 3.25em; }
.percentage_display-full-width .layout-inner-wrap .card .py1, .percentage_display-full-width .layout-inner-wrap .rc-card-row .simple-card .py1, .rc-card-row .percentage_display-full-width .layout-inner-wrap .simple-card .py1, .percentage_display-full-width .layout-inner-wrap .rc-card-row .card-with-header .py1, .rc-card-row .percentage_display-full-width .layout-inner-wrap .card-with-header .py1, .percentage_display-full-width .layout-inner-wrap .rc-card-row .card-with-description .py1, .rc-card-row .percentage_display-full-width .layout-inner-wrap .card-with-description .py1, .percentage_display-full-width .layout-inner-wrap .rc-card-row .featured-card .py1, .rc-card-row .percentage_display-full-width .layout-inner-wrap .featured-card .py1 {
font-size: 1em; }
.percentage_display-full-width .layout-inner-wrap .source-block {
font-size: 0.7em;
text-align: center;
margin-top: 2em;
padding-bottom: 0.5em; }
.parallax-box {
margin-top: 4em;
background-size: auto;
background-repeat: no-repeat;
background-attachment: fixed; }
.parallax-box .section-content {
margin-top: 5em;
margin-bottom: 2em;
text-align: center; }
.parallax-box .section-content h2 {
margin-bottom: 1em;
font-size: 2.2em; }
.parallax-box .section-content h2.h2-white {
color: #FFF; }
.parallax-box .section-content h2.h2-black {
color: #000; }
.parallax-box .section-content h2 span {
font-weight: normal;
display: block;
margin-top: .5em;
font-size: .6em; }
.blog-post h3 {
margin-bottom: 15px;
margin-bottom: 1em; }
.blog-post .bloghide {
width: 100%;
margin-bottom: 0em;
font-weight: 400; }
@media (min-width: 1200px) {
.blog-post .bloghide {
width: 50% !important;
margin-bottom: 3em;
font-weight: 400;
font-size: .93em;
vertical-align: top;
padding-top: 0em;
margin-top: 0em; } }
.blog-post .entry-image {
margin-top: .2em !important;
width: 50% !important; }
.blog-post .entry-image img {
margin-top: 0px;
margin-left: 1em; }
@media (max-width: 1200px) {
.blog-post .entry-image img {
display: none; } }
.rc-filter-panel-group {
background-color: #fff; }
.rc-filter-panel-group .heading-group ul {
list-style-type: none;
/* Remove bullets */
padding: 0;
/* Remove padding */
margin: 0;
/* Remove margins */
background-image: none;
position: relative; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.rc-filter-panel-group .heading-group ul {
cursor: pointer; } }
.rc-filter-panel-group .heading-group ul::before {
content: "+";
padding: 10px;
color: #0078CC;
display: inline-block;
font-size: 22px;
font-weight: bold;
position: absolute;
right: 10px;
top: 0;
cursor: pointer; }
.rc-filter-panel-group .heading-group ul.rc-arrow-up {
background-image: none; }
.rc-filter-panel-group .heading-group ul.rc-arrow-up::before {
content: "\2212";
top: 0px; }
.rc-filter-panel-group .heading-group ul.rc-arrow-down {
background-image: none; }
.rc-filter-panel-group .heading-group ul.rc-arrow-down::before {
content: "\002B"; }
.rc-filter-panel-group .heading-group li {
border: 1px solid #ddd;
/* Add a thin border to each list item */
margin-top: -1px;
/* Prevent double borders */
/*background-color: #f6f6f6; /* Add a grey background color */
padding: 15px;
/* Add some padding */
margin-bottom: 0px;
text-transform: uppercase;
font-weight: bold;
cursor: pointer; }
@media (max-width: 1024px) {
.rc-filter-panel-group .heading-group li {
font-size: small; } }
.rc-filter-panel-group .list-group ul {
list-style-type: none;
/* Remove bullets */
padding: 0;
/* Remove padding */
margin: 0;
/* Remove margins */ }
.rc-filter-panel-group .list-group .filter-checkbox-item {
margin-bottom: 0px;
padding: 0px; }
.rc-filter-panel-group .list-group .filter-checkbox-item div {
border: 1px solid #ddd;
/* Add a thin border to each list item */
margin-top: -1px;
/* Prevent double borders */
padding: 15px;
/* Add some padding */
margin-bottom: 0px;
color: #0078CC;
cursor: pointer; }
.rc-filter-panel-group .list-group .filter-checkbox-item div:hover {
color: #00368f; }
@media (max-width: 1024px) {
.rc-filter-panel-group .list-group .filter-checkbox-item div {
font-size: smaller; } }
@media (max-width: 832px) {
.rc-filter-panel-group .list-group .filter-checkbox-item div {
font-size: small; } }
.rc-filter-panel-group .typeahead-search input {
box-sizing: border-box;
width: 100%;
border: 0px;
border: 1px solid #ddd;
/* Add a thin border to each list item */
padding: 15px;
/* Add some padding */
margin-bottom: 0px;
font-size: 0.888889rem;
cursor: pointer; }
.rc-filter-panel-group .typeahead-search input:hover {
color: #00368f; }
@media (max-width: 1024px) {
.rc-filter-panel-group .typeahead-search input {
font-size: small; } }
.rc-filter-panel-group .typeahead-search input:focus {
outline: none !important;
border: 1px solid #0078CC; }
.rc-filter-panel-group .typeahead-search input::-webkit-input-placeholder {
color: #6A6F71; }
.rc-filter-panel-group .typeahead-search input:-ms-input-placeholder {
color: #6A6F71; }
.rc-filter-panel-group .typeahead-search input::-ms-input-placeholder {
color: #6A6F71; }
.rc-filter-panel-group .typeahead-search input::-webkit-input-placeholder {
color: #6A6F71; }
.rc-filter-panel-group .typeahead-search input:-ms-input-placeholder {
color: #6A6F71; }
.rc-filter-panel-group .typeahead-search input::placeholder {
color: #6A6F71; }
.rc-filter-panel-group .keyword-search input {
width: 100%;
border: 0px; }
.rc-filter-panel-group .keyword-search input::-webkit-input-placeholder {
color: #0078CC; }
.rc-filter-panel-group .keyword-search input:-ms-input-placeholder {
color: #0078CC; }
.rc-filter-panel-group .keyword-search input::-ms-input-placeholder {
color: #0078CC; }
.rc-filter-panel-group .keyword-search input::-webkit-input-placeholder {
color: #0078CC; }
.rc-filter-panel-group .keyword-search input:-ms-input-placeholder {
color: #0078CC; }
.rc-filter-panel-group .keyword-search input::placeholder {
color: #0078CC; }
.rc-filter-panel-group .list-group .filter-checkbox-item div.active .sub-filter .sub-filter-checkbox-items div.active {
background-color: #d7f1fc; }
@media (max-width: 768px) {
.rc-filter-panel-group .list-group .filter-checkbox-item div.active .sub-filter .sub-filter-checkbox-items div.active::after {
content: none; } }
@media (max-width: 768px) {
.rc-filter-panel-group .list-group .filter-checkbox-item div.active::after {
content: "\2713";
position: absolute;
left: 92%; } }
@media all and (min-width: 768px) {
.rc-filter-panel-group .list-group .filter-checkbox-item div.active {
border-right: solid; } }
.rc-filter-panel-group .sub-filter-label {
font-size: 80%; }
.rc-filter-panel-group .sub-filter-checkbox-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 10px;
border: 0px solid #ddd; }
.rc-filter-panel-group .sub-filter .sub-filter-checkbox-items {
border: 0px solid #ddd;
padding: 15px 0px; }
.rc-filter-panel-group .sub-filter .sub-filter-checkbox-items div {
border: 1px solid #ddd;
padding: 10px; }
.rc-filter-panel-group .readMore,
.rc-filter-panel-group .readLess {
cursor: pointer;
display: none;
border: 1px solid #ddd;
padding: 15px;
margin-bottom: 0px;
border-top: none;
color: #0078CC; }
.rc-filter-panel-group .readMore:hover,
.rc-filter-panel-group .readLess:hover {
color: #0093c9; }
.rc-filter-panel-group .readMore:after,
.rc-filter-panel-group .readLess:after {
font-family: icomoon;
padding: 5px;
vertical-align: middle; }
.rc-filter-panel-group .readMore:after {
content: ""; }
.rc-filter-panel-group .readLess:after {
content: ""; }
.rc-filter-header {
margin-top: -1px;
/* Prevent double borders */
padding: 0px 2px 14px;
/* Add some padding */
margin-bottom: 0px;
color: #313435;
/*For IE10+*/ }
@media (max-width: 768px) {
.rc-filter-header {
padding: 12px;
/* Add some padding */ } }
.rc-filter-header.filter-menu.filter-menu-dynamic {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end; }
@media (max-width: 768px) {
.rc-filter-header.filter-menu.filter-menu-dynamic {
display: none; } }
.rc-filter-header.filter-menu.filter-menu-dynamic .selected-filter-list {
width: 100%;
display: none; }
.rc-filter-header .header-label {
text-transform: uppercase;
font-size: initial;
font-size: 16px;
margin-right: 16px; }
.rc-filter-header .empty-filter {
font-size: smaller;
color: #666666;
width: 100%;
margin-top: 5px;
margin-left: 2px; }
.rc-filter-header .js-filter-title {
max-width: 80%; }
@media (max-width: 1280px) {
.rc-filter-header .js-filter-title {
max-width: 75%; } }
@media (max-width: 1024px) {
.rc-filter-header .js-filter-title {
max-width: 70%; } }
@media (max-width: 832px) {
.rc-filter-header .js-filter-title {
max-width: 65%; } }
.rc-filter-header .badge-filter-title {
margin-right: 2px;
margin-left: 2px;
display: inline-block;
background-color: white;
padding: 0.25em 0.4em;
font-size: 65%;
padding-right: 1em;
padding-left: 1em;
border-radius: 10rem;
color: #313435;
border: 1px solid #C0C3C4;
margin-top: 0; }
.rc-filter-header .reset-btn {
position: absolute;
color: #0078CC;
border: none;
font-size: initial;
pointer-events: none;
padding: 5px;
cursor: pointer;
margin-left: -70px;
font-size: 14px; }
.rc-filter-header .submit-btn {
width: 100%;
color: white;
text-transform: uppercase;
font-weight: 700; }
.rc-filter-header .results-info {
font-size: small;
color: black;
float: right;
margin-top: 5px; }
.rc-filter-header.rc-filter-header__container {
padding-left: 5px; }
.rc-filter-header.rc-filter-header__container #filter-count {
color: #00368f; }
.rc-filter-header.rc-filter-header__container #filter-count:before {
background-image: url("head/equalizer.png");
margin-right: 5px;
background-size: 13px 13px;
display: inline-block;
width: 13px;
height: 13px;
content: ""; }
.rc-filter-header.filter-selected .reset-btn {
color: #0078CC;
cursor: pointer;
pointer-events: auto; }
.rc-filter-header.filter-selected .reset-btn:hover {
color: #0093c9; }
.rc-filter-header.filter-selected.filter-menu.filter-menu-dynamic .selected-filter-list {
width: 100%;
display: inline-block; }
.rc-filter-header .rc-sort-select-wrapper {
float: right; }
.rc-filter-header .rc-sort-select {
color: #0078CC !important;
border: 0px;
background: transparent;
font-size: 14px;
cursor: pointer;
padding-right: 1.3em;
padding-left: 0.5em;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
background-image: -webkit-linear-gradient(45deg, transparent 50%, #0078CC 50%), -webkit-linear-gradient(315deg, #0078CC 50%, transparent 50%), -webkit-linear-gradient(#ccc, #ccc);
background-image: linear-gradient(45deg, transparent 50%, #0078CC 50%), linear-gradient(135deg, #0078CC 50%, transparent 50%), linear-gradient(#ccc, #ccc);
background-position: calc(100% - 10px) calc(0.5em + 1px), calc(100% - 5px) calc(0.5em + 1px), calc(100% - 2.5em) 0.5em;
background-size: 5px 5px,
6px 6px,
0px 0em;
background-repeat: no-repeat;
outline: none;
text-align: right; }
.rc-filter-header .rc-sort-select:hover {
color: #00368f !important; }
.rc-filter-header .rc-sort-select option {
text-align: left; }
.rc-filter-header .rc-sort-select-wrapper select::-ms-expand {
display: none; }
.rc-result-header, .rc-result-header-bottom {
margin-top: -1px;
/* Prevent double borders */
padding: 1px 2px 12px;
/* Add some padding */
margin-bottom: 0px;
color: #177ba2; }
.rc-result-header.filter-menu, .filter-menu.rc-result-header-bottom {
min-height: 25px; }
.rc-result-header .results-info, .rc-result-header-bottom .results-info {
font-size: small;
color: black; }
.rc-result-header .pages-info, .rc-result-header-bottom .pages-info {
font-size: small;
color: black; }
.rc-result-header .result-page, .rc-result-header-bottom .result-page {
padding: 5px;
font-size: small;
color: #0078CC;
cursor: pointer; }
.rc-result-header .result-page.bold, .rc-result-header-bottom .result-page.bold {
cursor: default;
color: #00368f; }
.rc-result-header .result-page:hover, .rc-result-header-bottom .result-page:hover {
color: #00368f; }
.rc-result-header-bottom {
border: 0;
display: none; }
.rc-result-header-bottom .backtotop-container {
float: right; }
@media (max-width: 768px) {
.rc-result-header-bottom .backtotop-container {
text-align: center;
float: none; } }
.rc-result-header-bottom .backtotop-container #backtores {
position: relative;
background: transparent;
bottom: 10px;
float: none;
left: 0px;
z-index: 99;
border: none;
outline: none;
cursor: pointer;
font-size: 14px;
color: #0078CC;
width: 48px;
text-align: center;
font-weight: 700;
padding: 10px;
border-radius: 4px; }
@media (max-width: 768px) {
.rc-result-header-bottom .backtotop-container #backtores {
bottom: 0px; } }
.rc-result-header-bottom .backtotop-container #backtores:after {
content: "";
font-family: "icomoon";
font-size: 1rem;
margin-left: 0.5rem;
position: relative;
top: 3px; }
.rc-result-header-bottom .displayCount-info,
.rc-result-header-bottom .displayCount-more-resource-message {
color: #000000;
font-size: 16px;
font-weight: 600;
display: none; }
.rc-result-header-bottom button.btn {
padding: 0.61429em 1.3em;
display: none; }
.rc-result-header-bottom button.btn:after {
content: "";
font-family: "icomoon";
font-size: 1.3rem;
margin-left: 0.5rem;
position: relative;
top: 3px; }
body.no-scroll {
overflow: hidden; }
.rc-arrow-down {
background-image: -webkit-linear-gradient(45deg, transparent 50%, #0078CC 50%), -webkit-linear-gradient(315deg, #0078CC 50%, transparent 50%), -webkit-linear-gradient(#ccc, #ccc);
background-image: linear-gradient(45deg, transparent 50%, #0078CC 50%), linear-gradient(135deg, #0078CC 50%, transparent 50%), linear-gradient(#ccc, #ccc);
background-position: calc(100% - 20px) calc(1.5em + 1px), calc(100% - 15px) calc(1.5em + 1px), calc(100% - 2.5em) 0.5em;
background-size: 5px 5px,
5px 5px,
0px 0em;
background-repeat: no-repeat; }
@media (max-width: 1024px) {
.rc-arrow-down {
background-position: calc(99% - 14px) calc(1.5em - 5px), calc(99% - 10px) calc(1.5em - 5px), calc(100% - 2.5em) 0.5em; } }
@media (max-width: 832px) {
.rc-arrow-down {
background-position: calc(99% - 10px) calc(1.5em - 5px), calc(99% - 6px) calc(1.5em - 5px), calc(100% - 2.5em) 0.5em; } }
.rc-arrow-up {
background-image: -webkit-linear-gradient(315deg, transparent 50%, #0078CC 50%), -webkit-linear-gradient(45deg, #0078CC 50%, transparent 50%), -webkit-linear-gradient(#ccc, #ccc);
background-image: linear-gradient(135deg, transparent 50%, #0078CC 50%), linear-gradient(45deg, #0078CC 50%, transparent 50%), linear-gradient(#ccc, #ccc);
background-position: calc(100% - 20px) calc(1.5em + 1px), calc(100% - 15px) calc(1.5em + 1px), calc(100% - 2.5em) 0.5em;
background-size: 5px 5px,
5px 5px,
0px 0em;
background-repeat: no-repeat; }
@media (max-width: 1024px) {
.rc-arrow-up {
background-position: calc(99% - 14px) calc(1.5em - 5px), calc(99% - 10px) calc(1.5em - 5px), calc(100% - 2.5em) 0.5em; } }
@media (max-width: 832px) {
.rc-arrow-up {
background-position: calc(99% - 10px) calc(1.5em - 5px), calc(99% - 6px) calc(1.5em - 5px), calc(100% - 2.5em) 0.5em; } }
.rc-card-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 0px;
margin-right: -20px;
/*========================== New Implementation BEGINS ========================*/
/*========================== New Implementation ENDS ========================*/ }
.rc-card-row .rc-featured-card-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
box-sizing: border-box;
margin-bottom: 20px; }
.rc-card-row .rc-featured-card-col img,
.rc-card-row .rc-featured-card-col figcaption {
box-sizing: border-box; }
.rc-card-row .rc-featured-card-col figcaption {
padding: 1em 1em 0em; }
.rc-card-row .rc-featured-card-col img {
width: 100%; }
@media (max-width: 832px) {
.rc-card-row .rc-featured-card-col .rc-bg-image-container,
.rc-card-row .rc-featured-card-col .rc-bg-image-container-new {
display: none; } }
@media (max-width: 832px) {
.rc-card-row .rc-featured-card-col .card-desktop {
display: none; } }
@media all and (min-width: 832px) {
.rc-card-row .rc-featured-card-col .card-desktop {
display: inline-block; } }
@media (max-width: 832px) {
.rc-card-row .rc-featured-card-col .card-mobile {
display: block; } }
@media all and (min-width: 832px) {
.rc-card-row .rc-featured-card-col .card-mobile {
display: none; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.rc-card-row .rc-featured-card-col {
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: 100%; } }
.rc-card-row .rc-card-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
box-sizing: border-box;
padding-bottom: 20px;
padding-right: 20px; }
@media (max-width: 640px) {
.rc-card-row .rc-card-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; } }
@media all and (min-width: 640px) and (max-width: 1280px) {
.rc-card-row .rc-card-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
@media (min-width: 1280px) {
.rc-card-row .rc-card-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; } }
.rc-card-row .rc-card-col .flip-card {
box-sizing: border-box;
height: 100%; }
.rc-card-row .rc-card-col .flip-card,
.rc-card-row .rc-card-col .flip-card-inner,
.rc-card-row .rc-card-col .flip-card-front,
.rc-card-row .rc-card-col .flip-card-back {
height: 100%; }
.rc-card-row .rc-card-col .flip-card.cardSecondaryContent {
background-color: transparent;
width: 100%;
-webkit-perspective: 10000px;
perspective: 10000px; }
.rc-card-row .rc-card-col .flip-card.cardSecondaryContent:hover .flip-card-inner {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg); }
.rc-card-row .rc-card-col .flip-card.cardSecondaryContent.defaultFlip .flip-card-inner {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg); }
.rc-card-row .rc-card-col .flip-card.cardSecondaryContent.defaultFlip:hover .flip-card-inner {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg); }
.rc-card-row .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner {
min-height: 300px;
position: relative;
width: 100%;
-webkit-transition: -webkit-transform 0.9s;
transition: -webkit-transform 0.9s;
transition: transform 0.9s;
transition: transform 0.9s, -webkit-transform 0.9s;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
color: #fff !important; }
.rc-card-row .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-front,
.rc-card-row .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-webkit-transition-duration: 0.9s;
transition-duration: 0.9s;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform; }
.rc-card-row .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-front {
background-color: #bbb;
color: black;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg); }
.rc-card-row .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back {
background-color: #06213f;
color: #fff !important;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
padding: 20px;
padding-bottom: 0px;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);
box-sizing: border-box; }
.rc-card-row .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .card-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1rem;
position: absolute;
top: 0;
left: 5px; }
.rc-card-row .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .card-header .flip-card-icon {
font-size: 5rem;
color: white;
position: absolute;
top: 0px;
font-weight: 600; }
.rc-card-row .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .card-header .flip-card-secondary-title {
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 30px;
color: #ffffff;
margin-left: 46px;
display: block;
line-height: 1.3; }
.rc-card-row .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back p {
display: -webkit-box;
-webkit-box-orient: vertical;
position: relative;
left: 0.3rem;
top: 3.3rem;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 6;
font-weight: 200;
color: #ffffff;
font-size: 15px;
line-height: 20px;
margin-bottom: 16px; }
.rc-card-row .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .card-content cite {
display: block;
position: relative;
font-size: 12px;
line-height: 16px;
top: 50px;
left: 7px; }
.rc-card-row .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .card-footer, .rc-card-row .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .card .featured-card-footer, .rc-card-row .card .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .featured-card-footer, .rc-card-row .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .simple-card .featured-card-footer, .rc-card-row .simple-card .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .featured-card-footer, .rc-card-row .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .card-with-header .featured-card-footer, .rc-card-row .card-with-header .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .featured-card-footer, .rc-card-row .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .card-with-description .featured-card-footer, .rc-card-row .card-with-description .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .featured-card-footer, .rc-card-row .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .featured-card .featured-card-footer, .rc-card-row .featured-card .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .featured-card-footer {
width: 100%;
margin: 0px -3px 0 -3px;
position: absolute;
bottom: 0;
right: 0;
font-size: 16px;
line-height: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 23px;
border-top: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 50px;
box-sizing: border-box; }
.rc-card-row .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .card-footer hr, .rc-card-row .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .card .featured-card-footer hr, .rc-card-row .card .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .featured-card-footer hr, .rc-card-row .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .simple-card .featured-card-footer hr, .rc-card-row .simple-card .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .featured-card-footer hr, .rc-card-row .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .card-with-header .featured-card-footer hr, .rc-card-row .card-with-header .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .featured-card-footer hr, .rc-card-row .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .card-with-description .featured-card-footer hr, .rc-card-row .card-with-description .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .featured-card-footer hr, .rc-card-row .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .featured-card .featured-card-footer hr, .rc-card-row .featured-card .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .featured-card-footer hr {
position: absolute;
top: 0px;
left: 0;
right: 0;
margin: auto;
border-bottom: 1px solid #fff;
border-top: none;
width: calc(100% - 46px);
border-left: 0px;
border-right: 0px; }
.rc-card-row .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .card-footer .card-footer-action, .rc-card-row .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .card .featured-card-footer .card-footer-action, .rc-card-row .card .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .featured-card-footer .card-footer-action, .rc-card-row .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .simple-card .featured-card-footer .card-footer-action, .rc-card-row .simple-card .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .featured-card-footer .card-footer-action, .rc-card-row .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .card-with-header .featured-card-footer .card-footer-action, .rc-card-row .card-with-header .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .featured-card-footer .card-footer-action, .rc-card-row .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .card-with-description .featured-card-footer .card-footer-action, .rc-card-row .card-with-description .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .featured-card-footer .card-footer-action, .rc-card-row .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .featured-card .featured-card-footer .card-footer-action, .rc-card-row .featured-card .rc-card-col .flip-card.cardSecondaryContent .flip-card-inner .flip-card-back .featured-card-footer .card-footer-action {
float: right;
color: #fff;
text-transform: uppercase;
font-size: 16px;
line-height: 20px; }
.rc-card-row .card, .rc-card-row .simple-card, .rc-card-row .card-with-header, .rc-card-row .card-with-description, .rc-card-row .featured-card {
padding: 20px;
padding-bottom: 0px;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);
box-sizing: border-box; }
.rc-card-row .card:hover:not(.disableHover), .rc-card-row .simple-card:hover:not(.disableHover), .rc-card-row .card-with-header:hover:not(.disableHover), .rc-card-row .card-with-description:hover:not(.disableHover), .rc-card-row .featured-card:hover:not(.disableHover) {
-webkit-transition: 0.3s linear;
transition: 0.3s linear; }
.rc-card-row .card .card-header h4, .rc-card-row .simple-card .card-header h4, .rc-card-row .card-with-header .card-header h4, .rc-card-row .card-with-description .card-header h4, .rc-card-row .featured-card .card-header h4 {
text-transform: uppercase;
font-weight: bold;
font-size: small;
color: #313435;
float: left;
padding-top: 20px;
word-break: break-word;
width: calc(100% - 45px); }
.rc-card-row .card .card-header h3, .rc-card-row .simple-card .card-header h3, .rc-card-row .card-with-header .card-header h3, .rc-card-row .card-with-description .card-header h3, .rc-card-row .featured-card .card-header h3 {
text-transform: uppercase;
font-weight: bold;
font-size: smaller;
color: #313435;
float: left;
padding-top: 1.25rem; }
.rc-card-row .card .card-header .card-icon, .rc-card-row .simple-card .card-header .card-icon, .rc-card-row .card-with-header .card-header .card-icon, .rc-card-row .card-with-description .card-header .card-icon, .rc-card-row .featured-card .card-header .card-icon {
position: absolute;
right: 20px;
background-repeat: no-repeat;
background-size: 872px 92px;
float: right;
width: 46px;
height: 46px;
background-position: 0 0;
background-image: url("head/rc-header-icons.svg"); }
.rc-card-row .card .card-header .ic_advisory, .rc-card-row .simple-card .card-header .ic_advisory, .rc-card-row .card-with-header .card-header .ic_advisory, .rc-card-row .card-with-description .card-header .ic_advisory, .rc-card-row .featured-card .card-header .ic_advisory,
.rc-card-row .card .card-header .ic_course, .rc-card-row .simple-card .card-header .ic_course, .rc-card-row .card-with-header .card-header .ic_course, .rc-card-row .card-with-description .card-header .ic_course, .rc-card-row .featured-card .card-header .ic_course,
.rc-card-row .card .card-header .ic_subscription, .rc-card-row .simple-card .card-header .ic_subscription, .rc-card-row .card-with-header .card-header .ic_subscription, .rc-card-row .card-with-description .card-header .ic_subscription, .rc-card-row .featured-card .card-header .ic_subscription {
background-position: 0px 0px; }
.rc-card-row .card .card-header .ic_partner, .rc-card-row .simple-card .card-header .ic_partner, .rc-card-row .card-with-header .card-header .ic_partner, .rc-card-row .card-with-description .card-header .ic_partner, .rc-card-row .featured-card .card-header .ic_partner {
background-position: -828px 0px; }
.rc-card-row .card .card-header .ic_advisory-white, .rc-card-row .simple-card .card-header .ic_advisory-white, .rc-card-row .card-with-header .card-header .ic_advisory-white, .rc-card-row .card-with-description .card-header .ic_advisory-white, .rc-card-row .featured-card .card-header .ic_advisory-white,
.rc-card-row .card .card-header .ic_course-white, .rc-card-row .simple-card .card-header .ic_course-white, .rc-card-row .card-with-header .card-header .ic_course-white, .rc-card-row .card-with-description .card-header .ic_course-white, .rc-card-row .featured-card .card-header .ic_course-white,
.rc-card-row .card .card-header .ic_subscription-white, .rc-card-row .simple-card .card-header .ic_subscription-white, .rc-card-row .card-with-header .card-header .ic_subscription-white, .rc-card-row .card-with-description .card-header .ic_subscription-white, .rc-card-row .featured-card .card-header .ic_subscription-white {
background-position: 0px -46px; }
.rc-card-row .card .card-header .ic_partner-white, .rc-card-row .simple-card .card-header .ic_partner-white, .rc-card-row .card-with-header .card-header .ic_partner-white, .rc-card-row .card-with-description .card-header .ic_partner-white, .rc-card-row .featured-card .card-header .ic_partner-white {
background-position: -828px -46px; }
.rc-card-row .card .card-header .ic_play, .rc-card-row .simple-card .card-header .ic_play, .rc-card-row .card-with-header .card-header .ic_play, .rc-card-row .card-with-description .card-header .ic_play, .rc-card-row .featured-card .card-header .ic_play,
.rc-card-row .card .card-header .ic_demo, .rc-card-row .simple-card .card-header .ic_demo, .rc-card-row .card-with-header .card-header .ic_demo, .rc-card-row .card-with-description .card-header .ic_demo, .rc-card-row .featured-card .card-header .ic_demo {
background-position: -46px 0; }
.rc-card-row .card .card-header .ic_play-white, .rc-card-row .simple-card .card-header .ic_play-white, .rc-card-row .card-with-header .card-header .ic_play-white, .rc-card-row .card-with-description .card-header .ic_play-white, .rc-card-row .featured-card .card-header .ic_play-white,
.rc-card-row .card .card-header .ic_demo-white, .rc-card-row .simple-card .card-header .ic_demo-white, .rc-card-row .card-with-header .card-header .ic_demo-white, .rc-card-row .card-with-description .card-header .ic_demo-white, .rc-card-row .featured-card .card-header .ic_demo-white {
background-position: -46px -46px; }
.rc-card-row .card .card-header .ic_webpage, .rc-card-row .simple-card .card-header .ic_webpage, .rc-card-row .card-with-header .card-header .ic_webpage, .rc-card-row .card-with-description .card-header .ic_webpage, .rc-card-row .featured-card .card-header .ic_webpage {
background-position: -92px 0; }
.rc-card-row .card .card-header .ic_webpage-white, .rc-card-row .simple-card .card-header .ic_webpage-white, .rc-card-row .card-with-header .card-header .ic_webpage-white, .rc-card-row .card-with-description .card-header .ic_webpage-white, .rc-card-row .featured-card .card-header .ic_webpage-white {
background-position: -92px -46px; }
.rc-card-row .card .card-header .ic_technical, .rc-card-row .simple-card .card-header .ic_technical, .rc-card-row .card-with-header .card-header .ic_technical, .rc-card-row .card-with-description .card-header .ic_technical, .rc-card-row .featured-card .card-header .ic_technical,
.rc-card-row .card .card-header .ic_assessment, .rc-card-row .simple-card .card-header .ic_assessment, .rc-card-row .card-with-header .card-header .ic_assessment, .rc-card-row .card-with-description .card-header .ic_assessment, .rc-card-row .featured-card .card-header .ic_assessment {
background-position: -138px 0px; }
.rc-card-row .card .card-header .ic_technical-white, .rc-card-row .simple-card .card-header .ic_technical-white, .rc-card-row .card-with-header .card-header .ic_technical-white, .rc-card-row .card-with-description .card-header .ic_technical-white, .rc-card-row .featured-card .card-header .ic_technical-white,
.rc-card-row .card .card-header .ic_assessment-white, .rc-card-row .simple-card .card-header .ic_assessment-white, .rc-card-row .card-with-header .card-header .ic_assessment-white, .rc-card-row .card-with-description .card-header .ic_assessment-white, .rc-card-row .featured-card .card-header .ic_assessment-white {
background-position: -138px -46px; }
.rc-card-row .card .card-header .ic_trial, .rc-card-row .simple-card .card-header .ic_trial, .rc-card-row .card-with-header .card-header .ic_trial, .rc-card-row .card-with-description .card-header .ic_trial, .rc-card-row .featured-card .card-header .ic_trial,
.rc-card-row .card .card-header .ic_interactive, .rc-card-row .simple-card .card-header .ic_interactive, .rc-card-row .card-with-header .card-header .ic_interactive, .rc-card-row .card-with-description .card-header .ic_interactive, .rc-card-row .featured-card .card-header .ic_interactive {
background-position: -184px 0px; }
.rc-card-row .card .card-header .ic_trial-white, .rc-card-row .simple-card .card-header .ic_trial-white, .rc-card-row .card-with-header .card-header .ic_trial-white, .rc-card-row .card-with-description .card-header .ic_trial-white, .rc-card-row .featured-card .card-header .ic_trial-white,
.rc-card-row .card .card-header .ic_interactive-white, .rc-card-row .simple-card .card-header .ic_interactive-white, .rc-card-row .card-with-header .card-header .ic_interactive-white, .rc-card-row .card-with-description .card-header .ic_interactive-white, .rc-card-row .featured-card .card-header .ic_interactive-white {
background-position: -184px -46px; }
.rc-card-row .card .card-header .ic_education, .rc-card-row .simple-card .card-header .ic_education, .rc-card-row .card-with-header .card-header .ic_education, .rc-card-row .card-with-description .card-header .ic_education, .rc-card-row .featured-card .card-header .ic_education {
background-position: -230px 0px; }
.rc-card-row .card .card-header .ic_education-white, .rc-card-row .simple-card .card-header .ic_education-white, .rc-card-row .card-with-header .card-header .ic_education-white, .rc-card-row .card-with-description .card-header .ic_education-white, .rc-card-row .featured-card .card-header .ic_education-white {
background-position: -230px -46px; }
.rc-card-row .card .card-header .ic_download, .rc-card-row .simple-card .card-header .ic_download, .rc-card-row .card-with-header .card-header .ic_download, .rc-card-row .card-with-description .card-header .ic_download, .rc-card-row .featured-card .card-header .ic_download,
.rc-card-row .card .card-header .ic_view, .rc-card-row .simple-card .card-header .ic_view, .rc-card-row .card-with-header .card-header .ic_view, .rc-card-row .card-with-description .card-header .ic_view, .rc-card-row .featured-card .card-header .ic_view {
background-position: -276px 0; }
.rc-card-row .card .card-header .ic_download-white, .rc-card-row .simple-card .card-header .ic_download-white, .rc-card-row .card-with-header .card-header .ic_download-white, .rc-card-row .card-with-description .card-header .ic_download-white, .rc-card-row .featured-card .card-header .ic_download-white,
.rc-card-row .card .card-header .ic_view-white, .rc-card-row .simple-card .card-header .ic_view-white, .rc-card-row .card-with-header .card-header .ic_view-white, .rc-card-row .card-with-description .card-header .ic_view-white, .rc-card-row .featured-card .card-header .ic_view-white {
background-position: -276px -46px; }
.rc-card-row .card .card-header .ic_learning-path, .rc-card-row .simple-card .card-header .ic_learning-path, .rc-card-row .card-with-header .card-header .ic_learning-path, .rc-card-row .card-with-description .card-header .ic_learning-path, .rc-card-row .featured-card .card-header .ic_learning-path {
background-position: -322px 0px; }
.rc-card-row .card .card-header .ic_learning-path-white, .rc-card-row .simple-card .card-header .ic_learning-path-white, .rc-card-row .card-with-header .card-header .ic_learning-path-white, .rc-card-row .card-with-description .card-header .ic_learning-path-white, .rc-card-row .featured-card .card-header .ic_learning-path-white {
background-position: -322px -46px; }
.rc-card-row .card .card-header .ic_deploy, .rc-card-row .simple-card .card-header .ic_deploy, .rc-card-row .card-with-header .card-header .ic_deploy, .rc-card-row .card-with-description .card-header .ic_deploy, .rc-card-row .featured-card .card-header .ic_deploy {
background-position: -782px 0px; }
.rc-card-row .card .card-header .ic_deploy-white, .rc-card-row .simple-card .card-header .ic_deploy-white, .rc-card-row .card-with-header .card-header .ic_deploy-white, .rc-card-row .card-with-description .card-header .ic_deploy-white, .rc-card-row .featured-card .card-header .ic_deploy-white {
background-position: -782px -46px; }
.rc-card-row .card .card-header .ic_news-mention, .rc-card-row .simple-card .card-header .ic_news-mention, .rc-card-row .card-with-header .card-header .ic_news-mention, .rc-card-row .card-with-description .card-header .ic_news-mention, .rc-card-row .featured-card .card-header .ic_news-mention {
background-position: -368px 0px; }
.rc-card-row .card .card-header .ic_news-mention-white, .rc-card-row .simple-card .card-header .ic_news-mention-white, .rc-card-row .card-with-header .card-header .ic_news-mention-white, .rc-card-row .card-with-description .card-header .ic_news-mention-white, .rc-card-row .featured-card .card-header .ic_news-mention-white {
background-position: -368px -46px; }
.rc-card-row .card .card-header .ic_news-release, .rc-card-row .simple-card .card-header .ic_news-release, .rc-card-row .card-with-header .card-header .ic_news-release, .rc-card-row .card-with-description .card-header .ic_news-release, .rc-card-row .featured-card .card-header .ic_news-release {
background-position: -414px 0px; }
.rc-card-row .card .card-header .ic_news-release-white, .rc-card-row .simple-card .card-header .ic_news-release-white, .rc-card-row .card-with-header .card-header .ic_news-release-white, .rc-card-row .card-with-description .card-header .ic_news-release-white, .rc-card-row .featured-card .card-header .ic_news-release-white {
background-position: -414px -46px; }
.rc-card-row .card .card-header .ic_application, .rc-card-row .simple-card .card-header .ic_application, .rc-card-row .card-with-header .card-header .ic_application, .rc-card-row .card-with-description .card-header .ic_application, .rc-card-row .featured-card .card-header .ic_application {
background-position: -460px 0px; }
.rc-card-row .card .card-header .ic_application-white, .rc-card-row .simple-card .card-header .ic_application-white, .rc-card-row .card-with-header .card-header .ic_application-white, .rc-card-row .card-with-description .card-header .ic_application-white, .rc-card-row .featured-card .card-header .ic_application-white {
background-position: -460px -46px; }
.rc-card-row .card .card-header .ic_connector, .rc-card-row .simple-card .card-header .ic_connector, .rc-card-row .card-with-header .card-header .ic_connector, .rc-card-row .card-with-description .card-header .ic_connector, .rc-card-row .featured-card .card-header .ic_connector {
background-position: -506px 0px; }
.rc-card-row .card .card-header .ic_connector-white, .rc-card-row .simple-card .card-header .ic_connector-white, .rc-card-row .card-with-header .card-header .ic_connector-white, .rc-card-row .card-with-description .card-header .ic_connector-white, .rc-card-row .featured-card .card-header .ic_connector-white {
background-position: -506px -46px; }
.rc-card-row .card .card-header .ic_integration-template, .rc-card-row .simple-card .card-header .ic_integration-template, .rc-card-row .card-with-header .card-header .ic_integration-template, .rc-card-row .card-with-description .card-header .ic_integration-template, .rc-card-row .featured-card .card-header .ic_integration-template {
background-position: -552px 0px; }
.rc-card-row .card .card-header .ic_integration-template-white, .rc-card-row .simple-card .card-header .ic_integration-template-white, .rc-card-row .card-with-header .card-header .ic_integration-template-white, .rc-card-row .card-with-description .card-header .ic_integration-template-white, .rc-card-row .featured-card .card-header .ic_integration-template-white {
background-position: -552px -46px; }
.rc-card-row .card .card-header .ic_package, .rc-card-row .simple-card .card-header .ic_package, .rc-card-row .card-with-header .card-header .ic_package, .rc-card-row .card-with-description .card-header .ic_package, .rc-card-row .featured-card .card-header .ic_package {
background-position: -598px 0px; }
.rc-card-row .card .card-header .ic_package-white, .rc-card-row .simple-card .card-header .ic_package-white, .rc-card-row .card-with-header .card-header .ic_package-white, .rc-card-row .card-with-description .card-header .ic_package-white, .rc-card-row .featured-card .card-header .ic_package-white {
background-position: -598px -46px; }
.rc-card-row .card .card-header .ic_utility, .rc-card-row .simple-card .card-header .ic_utility, .rc-card-row .card-with-header .card-header .ic_utility, .rc-card-row .card-with-description .card-header .ic_utility, .rc-card-row .featured-card .card-header .ic_utility {
background-position: -644px 0px; }
.rc-card-row .card .card-header .ic_utility-white, .rc-card-row .simple-card .card-header .ic_utility-white, .rc-card-row .card-with-header .card-header .ic_utility-white, .rc-card-row .card-with-description .card-header .ic_utility-white, .rc-card-row .featured-card .card-header .ic_utility-white {
background-position: -644px -46px; }
.rc-card-row .card .card-header .ic_infographic, .rc-card-row .simple-card .card-header .ic_infographic, .rc-card-row .card-with-header .card-header .ic_infographic, .rc-card-row .card-with-description .card-header .ic_infographic, .rc-card-row .featured-card .card-header .ic_infographic {
background-position: -690px 0px; }
.rc-card-row .card .card-header .ic_infographic-white, .rc-card-row .simple-card .card-header .ic_infographic-white, .rc-card-row .card-with-header .card-header .ic_infographic-white, .rc-card-row .card-with-description .card-header .ic_infographic-white, .rc-card-row .featured-card .card-header .ic_infographic-white {
background-position: -690px -46px; }
.rc-card-row .card .card-header .ic_certification, .rc-card-row .simple-card .card-header .ic_certification, .rc-card-row .card-with-header .card-header .ic_certification, .rc-card-row .card-with-description .card-header .ic_certification, .rc-card-row .featured-card .card-header .ic_certification {
background-position: -736px 0px; }
.rc-card-row .card .card-header .ic_certification-white, .rc-card-row .simple-card .card-header .ic_certification-white, .rc-card-row .card-with-header .card-header .ic_certification-white, .rc-card-row .card-with-description .card-header .ic_certification-white, .rc-card-row .featured-card .card-header .ic_certification-white {
background-position: -736px -46px; }
.rc-card-row .card .card-header .card-thumbnail, .rc-card-row .simple-card .card-header .card-thumbnail, .rc-card-row .card-with-header .card-header .card-thumbnail, .rc-card-row .card-with-description .card-header .card-thumbnail, .rc-card-row .featured-card .card-header .card-thumbnail {
height: 110px;
left: 0;
position: absolute;
top: 0;
right: 0; }
.rc-card-row .card .card-content, .rc-card-row .simple-card .card-content, .rc-card-row .card-with-header .card-content, .rc-card-row .card-with-description .card-content, .rc-card-row .featured-card .card-content {
clear: both;
margin-bottom: 60px; }
.rc-card-row .card .card-content h4, .rc-card-row .simple-card .card-content h4, .rc-card-row .card-with-header .card-content h4, .rc-card-row .card-with-description .card-content h4, .rc-card-row .featured-card .card-content h4 {
color: #313435;
font-weight: 400;
line-height: 25px;
margin-bottom: 15px;
word-break: break-word;
font-size: 18px;
display: block;
margin-bottom: 5px;
margin-top: 0px; }
@supports (-webkit-line-clamp: 1) {
.rc-card-row .card .card-content h4, .rc-card-row .simple-card .card-content h4, .rc-card-row .card-with-header .card-content h4, .rc-card-row .card-with-description .card-content h4, .rc-card-row .featured-card .card-content h4 {
display: -webkit-box;
-webkit-box-orient: vertical;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 !important;
-webkit-line-clamp: 6; } }
.rc-card-row .card .card-content h2, .rc-card-row .simple-card .card-content h2, .rc-card-row .card-with-header .card-content h2, .rc-card-row .card-with-description .card-content h2, .rc-card-row .featured-card .card-content h2 {
color: #313435;
font-weight: 400;
line-height: 40px;
margin-bottom: 15px; }
.rc-card-row .card .card-content p, .rc-card-row .simple-card .card-content p, .rc-card-row .card-with-header .card-content p, .rc-card-row .card-with-description .card-content p, .rc-card-row .featured-card .card-content p {
color: #313435;
font-size: 0.9rem; }
.rc-card-row .card .card-content p.course-delivery, .rc-card-row .simple-card .card-content p.course-delivery, .rc-card-row .card-with-header .card-content p.course-delivery, .rc-card-row .card-with-description .card-content p.course-delivery, .rc-card-row .featured-card .card-content p.course-delivery {
font-size: 12px;
background: #f2f3f3;
display: inline-block;
border-radius: 10px;
padding: 2px 8px !important;
margin: 0px; }
.rc-card-row .card .card-content p.additional-details, .rc-card-row .simple-card .card-content p.additional-details, .rc-card-row .card-with-header .card-content p.additional-details, .rc-card-row .card-with-description .card-content p.additional-details, .rc-card-row .featured-card .card-content p.additional-details {
font-size: 14px;
font-style: italic;
color: #6a6f71;
margin-top: 10px; }
.rc-card-row .card .card-content hr, .rc-card-row .simple-card .card-content hr, .rc-card-row .card-with-header .card-content hr, .rc-card-row .card-with-description .card-content hr, .rc-card-row .featured-card .card-content hr {
border-top: 2px solid #0078CC;
border-bottom: 2px solid #0078CC;
max-width: 40px;
margin: 0 0 18px 0;
text-align: left;
background: #0078CC;
border: none;
height: 4px; }
.rc-card-row .card .card-footer, .rc-card-row .simple-card .card-footer, .rc-card-row .card-with-header .card-footer, .rc-card-row .card-with-description .card-footer, .rc-card-row .featured-card .card-footer, .rc-card-row .card .featured-card-footer, .rc-card-row .simple-card .featured-card-footer, .rc-card-row .card-with-header .featured-card-footer, .rc-card-row .card-with-description .featured-card-footer, .rc-card-row .featured-card .featured-card-footer {
background: -webkit-linear-gradient(left, #0078CC 50%, white 50%);
background: linear-gradient(to right, #0078CC 50%, white 50%);
background-size: 200% 102%;
background-position: right bottom;
margin: 0px -3px 0 -3px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
font-size: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 18px;
padding: 10px 23px;
border-top: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 50px;
box-sizing: border-box; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.rc-card-row .card .card-footer, .rc-card-row .simple-card .card-footer, .rc-card-row .card-with-header .card-footer, .rc-card-row .card-with-description .card-footer, .rc-card-row .featured-card .card-footer, .rc-card-row .card .featured-card-footer, .rc-card-row .simple-card .featured-card-footer, .rc-card-row .card-with-header .featured-card-footer, .rc-card-row .card-with-description .featured-card-footer, .rc-card-row .featured-card .featured-card-footer {
height: 50px; } }
.rc-card-row .card .card-footer hr, .rc-card-row .simple-card .card-footer hr, .rc-card-row .card-with-header .card-footer hr, .rc-card-row .card-with-description .card-footer hr, .rc-card-row .featured-card .card-footer hr, .rc-card-row .card .featured-card-footer hr, .rc-card-row .simple-card .featured-card-footer hr, .rc-card-row .card-with-header .featured-card-footer hr, .rc-card-row .card-with-description .featured-card-footer hr, .rc-card-row .featured-card .featured-card-footer hr {
position: absolute;
top: 0px;
left: 0;
right: 0;
margin: auto;
border-bottom: 1px solid #0078CC;
border-top: none;
width: calc(100% - 46px);
border-left: 0px;
border-right: 0px; }
.rc-card-row .card .card-footer .card-footer-action, .rc-card-row .simple-card .card-footer .card-footer-action, .rc-card-row .card-with-header .card-footer .card-footer-action, .rc-card-row .card-with-description .card-footer .card-footer-action, .rc-card-row .featured-card .card-footer .card-footer-action, .rc-card-row .card .featured-card-footer .card-footer-action, .rc-card-row .simple-card .featured-card-footer .card-footer-action, .rc-card-row .card-with-header .featured-card-footer .card-footer-action, .rc-card-row .card-with-description .featured-card-footer .card-footer-action, .rc-card-row .featured-card .featured-card-footer .card-footer-action {
color: #0078CC;
display: block;
text-transform: uppercase;
font-weight: 600;
padding: 10px;
border-top: none;
padding: 0;
font-size: 15px; }
.rc-card-row .card .card-footer .s-action, .rc-card-row .simple-card .card-footer .s-action, .rc-card-row .card-with-header .card-footer .s-action, .rc-card-row .card-with-description .card-footer .s-action, .rc-card-row .featured-card .card-footer .s-action, .rc-card-row .card .featured-card-footer .s-action, .rc-card-row .simple-card .featured-card-footer .s-action, .rc-card-row .card-with-header .featured-card-footer .s-action, .rc-card-row .card-with-description .featured-card-footer .s-action, .rc-card-row .featured-card .featured-card-footer .s-action {
padding-right: 5px; }
.rc-card-row .card .card-footer .video-length, .rc-card-row .simple-card .card-footer .video-length, .rc-card-row .card-with-header .card-footer .video-length, .rc-card-row .card-with-description .card-footer .video-length, .rc-card-row .featured-card .card-footer .video-length, .rc-card-row .card .featured-card-footer .video-length, .rc-card-row .simple-card .featured-card-footer .video-length, .rc-card-row .card-with-header .featured-card-footer .video-length, .rc-card-row .card-with-description .featured-card-footer .video-length, .rc-card-row .featured-card .featured-card-footer .video-length {
float: left; }
.rc-card-row .card .card-footer .video-length .s-clock, .rc-card-row .simple-card .card-footer .video-length .s-clock, .rc-card-row .card-with-header .card-footer .video-length .s-clock, .rc-card-row .card-with-description .card-footer .video-length .s-clock, .rc-card-row .featured-card .card-footer .video-length .s-clock, .rc-card-row .card .featured-card-footer .video-length .s-clock, .rc-card-row .simple-card .featured-card-footer .video-length .s-clock, .rc-card-row .card-with-header .featured-card-footer .video-length .s-clock, .rc-card-row .card-with-description .featured-card-footer .video-length .s-clock, .rc-card-row .featured-card .featured-card-footer .video-length .s-clock {
margin-right: 5px; }
.rc-card-row .card .card-footer .card-footer-logo, .rc-card-row .simple-card .card-footer .card-footer-logo, .rc-card-row .card-with-header .card-footer .card-footer-logo, .rc-card-row .card-with-description .card-footer .card-footer-logo, .rc-card-row .featured-card .card-footer .card-footer-logo, .rc-card-row .card .featured-card-footer .card-footer-logo, .rc-card-row .simple-card .featured-card-footer .card-footer-logo, .rc-card-row .card-with-header .featured-card-footer .card-footer-logo, .rc-card-row .card-with-description .featured-card-footer .card-footer-logo, .rc-card-row .featured-card .featured-card-footer .card-footer-logo {
float: left;
padding: 0px;
font-size: 15px;
font-weight: 600; }
.rc-card-row .card .card-footer .card-footer-logo img, .rc-card-row .simple-card .card-footer .card-footer-logo img, .rc-card-row .card-with-header .card-footer .card-footer-logo img, .rc-card-row .card-with-description .card-footer .card-footer-logo img, .rc-card-row .featured-card .card-footer .card-footer-logo img, .rc-card-row .card .featured-card-footer .card-footer-logo img, .rc-card-row .simple-card .featured-card-footer .card-footer-logo img, .rc-card-row .card-with-header .featured-card-footer .card-footer-logo img, .rc-card-row .card-with-description .featured-card-footer .card-footer-logo img, .rc-card-row .featured-card .featured-card-footer .card-footer-logo img {
max-height: 40px;
display: inline-block; }
.rc-card-row .card .featured-card-footer, .rc-card-row .simple-card .featured-card-footer, .rc-card-row .card-with-header .featured-card-footer, .rc-card-row .card-with-description .featured-card-footer, .rc-card-row .featured-card .featured-card-footer {
display: block;
background: none;
padding: 0 20px 0 20px;
line-height: normal; }
.rc-card-row .card .featured-card-footer .card-footer-action, .rc-card-row .simple-card .featured-card-footer .card-footer-action, .rc-card-row .card-with-header .featured-card-footer .card-footer-action, .rc-card-row .card-with-description .featured-card-footer .card-footer-action, .rc-card-row .featured-card .featured-card-footer .card-footer-action {
color: white;
font-size: large;
text-align: center;
border-top: 1px solid #0078CC;
padding: 10px; }
.rc-card-row .card .featured-card-footer .learn-more-v1:after, .rc-card-row .simple-card .featured-card-footer .learn-more-v1:after, .rc-card-row .card-with-header .featured-card-footer .learn-more-v1:after, .rc-card-row .card-with-description .featured-card-footer .learn-more-v1:after, .rc-card-row .featured-card .featured-card-footer .learn-more-v1:after {
font-size: 34px; }
.rc-card-row .card .featured-card-footer .card-footer-logo, .rc-card-row .simple-card .featured-card-footer .card-footer-logo, .rc-card-row .card-with-header .featured-card-footer .card-footer-logo, .rc-card-row .card-with-description .featured-card-footer .card-footer-logo, .rc-card-row .featured-card .featured-card-footer .card-footer-logo {
padding-top: 10px; }
.rc-card-row .simple-card {
min-height: 300px; }
.rc-card-row .simple-card .card-content p {
line-height: 1.2rem; }
@supports (-webkit-line-clamp: 1) {
.rc-card-row .simple-card .card-content p {
display: -webkit-box;
-webkit-box-orient: vertical;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 !important;
-webkit-line-clamp: 6;
font-weight: 200; } }
.rc-card-row .simple-card:hover:not(.disableHover) {
box-shadow: none;
background: #d7f1fc;
-webkit-transition: 0.3s linear;
transition: 0.3s linear; }
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer {
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
color: #fff !important; }
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .card-footer-action, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .card-footer-action {
color: #fff;
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s; }
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .s-download, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .s-download {
background-image: url("head/s-download-white.png"); }
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .s-play, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .s-play,
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .s-demo, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .s-demo {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s; }
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .s-clock, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .s-clock {
-webkit-transition-delay: 0s;
transition-delay: 0s; }
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .s-play, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .s-play,
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .s-demo, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .s-demo {
background-position: 0 -30px; }
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .s-view, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .s-view,
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .s-webpage, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .s-webpage,
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .s-news-release, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .s-news-release,
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .s-news-mention, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .s-news-mention,
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .s-advisory, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .s-advisory,
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .s-deploy, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .s-deploy,
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .s-technical, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .s-technical,
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .s-education, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .s-education,
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .s-application, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .s-application,
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .s-connector, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .s-connector,
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .s-integration-template, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .s-integration-template,
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .s-package, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .s-package,
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .s-utility, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .s-utility,
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .s-interactive, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .s-interactive,
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .s-infographic, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .s-infographic,
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .s-learning-path, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .s-learning-path,
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .s-course, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .s-course,
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .s-certification, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .s-certification,
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .s-assessment, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .s-assessment,
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .s-subscription, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .s-subscription,
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .s-partner, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .s-partner {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
background-position: -60px -30px; }
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .s-clock, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .s-clock {
background-position: -30px -30px; }
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer {
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
background-position: left bottom; }
.rc-card-row .simple-card:hover:not(.disableHover) .card-footer .card-footer-logo, .rc-card-row .simple-card:hover:not(.disableHover) .featured-card-footer .card-footer-logo {
color: #fff; }
.rc-card-row .simple-card .card-footer svg, .rc-card-row .simple-card .featured-card-footer svg {
-webkit-transition: 0s background-position;
transition: 0s background-position;
width: 20px;
height: 20px; }
.rc-card-row .simple-card .card-footer-logo {
padding: 0px;
font-size: 15px;
color: #0078CC;
font-weight: 600; }
.rc-card-row .simple-card .card-footer-logo .video-length {
font-size: 15px; }
.rc-card-row .simple-card .card-footer-logo img {
vertical-align: middle; }
.rc-card-row .simple-card .card-footer-action {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.rc-card-row .simple-card .card-footer-action svg {
margin-left: 6px; }
.rc-card-row .simple-card .card-thumbnail-logo img {
display: block;
margin: auto;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: calc(100% - 40px);
max-height: calc(100% - 20px); }
.rc-card-row .card-with-header .card-header h4 {
width: 100%; }
@supports (-webkit-line-clamp: 1) {
.rc-card-row .card-with-header .card-content h4,
.rc-card-row .card-with-header .card-content p {
-webkit-line-clamp: 3; } }
@supports (-webkit-line-clamp: 1) {
.rc-card-row .card-with-description .card-content h4,
.rc-card-row .card-with-description .card-content p {
-webkit-line-clamp: 3; } }
.rc-card-row .featured-card.card-desktop.featured-card-right-panel .featured-card-footer .card-footer-action {
padding-left: 30px;
max-height: 45px; }
@supports (-webkit-line-clamp: 1) {
.rc-card-row .featured-card .card-content h2,
.rc-card-row .featured-card .card-content p {
display: -webkit-box;
-webkit-box-orient: vertical;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 !important;
-webkit-line-clamp: 2;
line-height: normal; } }
.rc-card-row .featured-card .card-header h3 {
padding-top: 1.25rem; }
.rc-card-row .featured-card .featured-card-footer svg {
margin-left: 6px;
max-width: 30px;
max-height: 28px; }
.rc-card-row .featured-card .featured-card-footer .card-footer-logo {
color: #fff; }
.rc-card-row .featured-card.card-mobile .card-content hr {
border: none;
background: #fff; }
.rc-card-row .featured-card.card-mobile .featured-card-footer {
padding-left: 20px; }
.rc-card-row .featured-card .card-icon {
height: 50px; }
.rc-card-row .featured-card:hover:not(.disableHover) {
box-shadow: none;
/*background: #ebf2f7;*/
-webkit-transition: 0.3s linear;
transition: 0.3s linear; }
.rc-card-row .featured-card:hover:not(.disableHover) .card-footer, .rc-card-row .featured-card:hover:not(.disableHover) .featured-card-footer {
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
color: #fff !important; }
.rc-card-row .featured-card:hover:not(.disableHover) .card-footer .card-footer-action, .rc-card-row .featured-card:hover:not(.disableHover) .featured-card-footer .card-footer-action {
color: #fff;
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s; }
.rc-card-row .featured-card:hover:not(.disableHover) .card-footer, .rc-card-row .featured-card:hover:not(.disableHover) .featured-card-footer {
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
background-position: left bottom; }
.rc-card-row .featured-card:hover:not(.disableHover) .card-footer .card-footer-logo, .rc-card-row .featured-card:hover:not(.disableHover) .featured-card-footer .card-footer-logo {
color: #fff; }
.rc-card-row .featured-card.card-mobile .card-content p {
color: #fff; }
.rc-card-row .featured-card-container.featured-card-60-40 .featured-card-left-panel {
background-color: #fff; }
.rc-card-row .featured-card-container.featured-card-60-40 .featured-card-left-panel .featured-card-footer .card-footer-logo {
color: #0078CC; }
.rc-card-row .featured-card-container:hover .featured-card-left-panel .card-header h3 {
color: white; }
.rc-card-row .featured-card-container:hover .featured-card-left-panel .card-content h2,
.rc-card-row .featured-card-container:hover .featured-card-left-panel .card-content p {
color: white; }
.rc-card-row .featured-card-container:hover .featured-card-left-panel .card-content hr {
background: #fff;
border: none; }
.rc-card-row .featured-card-container:hover .featured-card-left-panel .featured-card-footer {
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
color: #fff !important; }
.rc-card-row .featured-card-container:hover .featured-card-left-panel .featured-card-footer .card-footer-action {
color: #fff;
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
border-top-color: white; }
.rc-card-row .featured-card-container:hover .featured-card-left-panel .featured-card-footer .card-footer-logo {
color: #fff; }
.rc-card-row .featured-card-container:hover .featured-card-left-panel .featured-card-footer .s-download {
background-image: url("head/s-download-white.png"); }
.rc-card-row .featured-card-container:hover .featured-card-left-panel .featured-card-footer .s-play,
.rc-card-row .featured-card-container:hover .featured-card-left-panel .featured-card-footer .s-demo,
.rc-card-row .featured-card-container:hover .featured-card-left-panel .featured-card-footer .s-view,
.rc-card-row .featured-card-container:hover .featured-card-left-panel .featured-card-footer .s-webpage,
.rc-card-row .featured-card-container:hover .featured-card-left-panel .featured-card-footer .s-news-release,
.rc-card-row .featured-card-container:hover .featured-card-left-panel .featured-card-footer .s-news-mention,
.rc-card-row .featured-card-container:hover .featured-card-left-panel .featured-card-footer .s-interactive,
.rc-card-row .featured-card-container:hover .featured-card-left-panel .featured-card-footer .s-infographic {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s; }
.rc-card-row .featured-card-container:hover .featured-card-left-panel .featured-card-footer .s-clock {
-webkit-transition-delay: 0s;
transition-delay: 0s; }
.rc-card-row .featured-card-container:hover .featured-card-left-panel .featured-card-footer .s-play,
.rc-card-row .featured-card-container:hover .featured-card-left-panel .featured-card-footer .s-demo {
background-position: 0 -30px; }
.rc-card-row .featured-card-container:hover .featured-card-left-panel .featured-card-footer .s-view,
.rc-card-row .featured-card-container:hover .featured-card-left-panel .featured-card-footer .s-webpage,
.rc-card-row .featured-card-container:hover .featured-card-left-panel .featured-card-footer .s-news-release,
.rc-card-row .featured-card-container:hover .featured-card-left-panel .featured-card-footer .s-news-mention,
.rc-card-row .featured-card-container:hover .featured-card-left-panel .featured-card-footer .s-interactive,
.rc-card-row .featured-card-container:hover .featured-card-left-panel .featured-card-footer .s-infographic {
background-position: -60px -30px; }
.rc-card-row .featured-card-container:hover .featured-card-left-panel .featured-card-footer .s-clock {
background-position: -30px -30px; }
.rc-card-row .featured-card-container:hover .featured-card-left-panel .featured-card-footer .s-advisory {
background-image: url("head/s-view-white.png"); }
.rc-card-row .featured-card-container:hover .featured-card-left-panel .featured-card-footer .s-deploy {
background-image: url("head/s-view-white.png"); }
.rc-card-row .featured-card-container:hover .featured-card-left-panel .featured-card-footer .s-technical {
background-image: url("head/s-view-white.png"); }
.rc-card-row .featured-card-container:hover .featured-card-left-panel .featured-card-footer .s-education {
background-image: url("head/s-view-white.png"); }
.rc-card-row .featured-card-right-panel {
width: 40%;
float: right;
box-shadow: none; }
.rc-card-row .featured-card-right-panel .card-content hr {
border-top: 2px solid white;
border-bottom: 2px solid white; }
@media (max-width: 832px) {
.rc-card-row .featured-card-right-panel {
width: 100%; } }
.rc-card-row .featured-card-right-panel .featured-card-footer {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0; }
.rc-card-row .featured-card-right-panel .right-panel-content-desktop {
height: calc(100% - 70px);
padding: 0 42px;
margin: 0 !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.rc-card-row .featured-card-right-panel .right-panel-content-desktop img {
display: inline-block;
width: auto;
max-height: 100%;
margin: auto; }
.rc-card-row .featured-card-left-panel {
width: 60%; }
@media (max-width: 1496px) {
.rc-card-row .featured-card-left-panel .card-content h2 {
font-size: x-large;
line-height: 30px; } }
.rc-card-row .featured-card-left-panel .featured-card-footer {
padding-right: 0; }
.rc-card-row .featured-card-container.rc-bg-image-container-new {
width: 100%;
min-height: 310px;
overflow: hidden;
position: relative; }
.rc-card-row .featured-card-container.rc-bg-image-container-new .rc-bg-img-holder {
width: 100%;
height: 100%;
-webkit-transition: 0.5s ease-out;
transition: 0.5s ease-out;
position: relative; }
.rc-card-row .featured-card-container.rc-bg-image-container-new .rc-bg-img-holder.hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.rc-card-row .featured-card-container.rc-bg-image-container-new .featured-card.featured-card-left-panel.card-desktop {
color: #ffffff;
font-weight: bold;
position: absolute;
bottom: 0;
box-shadow: none;
width: 100%; }
.rc-card-row .featured-card-container.rc-bg-image-container-new .featured-card.featured-card-left-panel.card-desktop .card-header h3 {
color: white;
-webkit-transition: 0.6s linear;
transition: 0.6s linear; }
.rc-card-row .featured-card-container.rc-bg-image-container-new .featured-card.featured-card-left-panel.card-desktop .card-content {
margin-right: 40px; }
.rc-card-row .featured-card-container.rc-bg-image-container-new .featured-card.featured-card-left-panel.card-desktop .card-content h2 {
margin-top: 20px; }
.rc-card-row .featured-card-container.rc-bg-image-container-new .featured-card.featured-card-left-panel.card-desktop .card-content h2,
.rc-card-row .featured-card-container.rc-bg-image-container-new .featured-card.featured-card-left-panel.card-desktop .card-content p {
color: white;
-webkit-transition: 0.6s linear;
transition: 0.6s linear; }
.rc-card-row .featured-card-container.rc-bg-image-container-new .featured-card.featured-card-left-panel.card-desktop .card-content p {
font-weight: normal; }
.rc-card-row .featured-card-container.rc-bg-image-container-new .featured-card.featured-card-left-panel.card-desktop .card-content hr {
background: white; }
.rc-card-row .featured-card-container.rc-bg-image-container-new .featured-card.featured-card-left-panel.card-desktop .featured-card-footer {
padding-right: 20px; }
.rc-card-row .featured-card-container.rc-bg-image-container-new .featured-card.featured-card-left-panel.card-desktop .featured-card-footer .card-footer-action {
padding-right: 0px;
border-top-color: white;
color: #fff;
text-align: right; }
.rc-card-row .featured-card-container.rc-bg-image-container-new .featured-card.featured-card-left-panel.card-desktop .featured-card-footer .card-footer-logo {
padding-top: 10px; }
.rc-card-row .featured-card-container.rc-bg-image-container-new .featured-card.featured-card-left-panel.card-desktop .featured-card-footer .card-footer-logo .video-length {
color: #fff !important; }
.rc-card-row .featured-card-container.rc-bg-image-container-new .featured-card.featured-card-left-panel.card-desktop .featured-card-footer .card-footer-logo .video-length .s-download {
background-image: url("head/s-download-white.png"); }
.rc-card-row .featured-card-container.rc-bg-image-container-new .featured-card.featured-card-left-panel.card-desktop .featured-card-footer .card-footer-logo .video-length .s-play,
.rc-card-row .featured-card-container.rc-bg-image-container-new .featured-card.featured-card-left-panel.card-desktop .featured-card-footer .card-footer-logo .video-length .s-demo {
background-position: 0 -30px; }
.rc-card-row .featured-card-container.rc-bg-image-container-new .featured-card.featured-card-left-panel.card-desktop .featured-card-footer .card-footer-logo .video-length .s-view,
.rc-card-row .featured-card-container.rc-bg-image-container-new .featured-card.featured-card-left-panel.card-desktop .featured-card-footer .card-footer-logo .video-length .s-webpage,
.rc-card-row .featured-card-container.rc-bg-image-container-new .featured-card.featured-card-left-panel.card-desktop .featured-card-footer .card-footer-logo .video-length .s-news-release,
.rc-card-row .featured-card-container.rc-bg-image-container-new .featured-card.featured-card-left-panel.card-desktop .featured-card-footer .card-footer-logo .video-length .s-news-mention,
.rc-card-row .featured-card-container.rc-bg-image-container-new .featured-card.featured-card-left-panel.card-desktop .featured-card-footer .card-footer-logo .video-length .s-interactive,
.rc-card-row .featured-card-container.rc-bg-image-container-new .featured-card.featured-card-left-panel.card-desktop .featured-card-footer .card-footer-logo .video-length .s-infographic {
background-position: -60px -30px; }
.rc-card-row .featured-card-container.rc-bg-image-container-new .featured-card.featured-card-left-panel.card-desktop .featured-card-footer .card-footer-logo .video-length .s-clock {
background-position: -30px -30px; }
.rc-card-row .featured-card-container.rc-bg-image-container-new .featured-card.featured-card-left-panel.card-desktop .featured-card-footer .card-footer-logo .video-length .s-advisory {
background-image: url("head/s-view-white.png"); }
.rc-card-row .featured-card-container.rc-bg-image-container-new .featured-card.featured-card-left-panel.card-desktop .featured-card-footer .card-footer-logo .video-length .s-deploy {
background-image: url("head/s-view-white.png"); }
.rc-card-row .featured-card-container.rc-bg-image-container-new .featured-card.featured-card-left-panel.card-desktop .featured-card-footer .card-footer-logo .video-length .s-technical {
background-image: url("head/s-view-white.png"); }
.rc-card-row .featured-card-container.rc-bg-image-container-new .featured-card.featured-card-left-panel.card-desktop .featured-card-footer .card-footer-logo .video-length .s-education {
background-image: url("head/s-view-white.png"); }
.rc-card-row .featured-card-container.rc-bg-image-container-new .featured-card .card-header {
position: relative; }
.rc-card-row .featured-card-container.rc-bg-image-container-new:hover:not(.disableHover) .featured-card.featured-card-left-panel {
background: transparent !important;
box-shadow: none !important;
-webkit-transition: none;
transition: none; }
.rc-card-row .featured-card-container.rc-bg-image-container-new:hover:not(.disableHover) .featured-card .featured-card-footer .card-footer-action {
color: #fff !important; }
.rc-card-row .featured-card.rc-bg-image-right.card-mobile .card-header,
.rc-card-row .featured-card.rc-bg-image-right.card-mobile .card-content {
position: relative; }
.rc-card-row .featured-card.rc-bg-image-right.card-mobile .card-content p {
color: #fff; }
.rc-card-row .s-play,
.rc-card-row .s-demo,
.rc-card-row .s-view,
.rc-card-row .s-clock,
.rc-card-row .s-webpage,
.rc-card-row .s-news-release,
.rc-card-row .s-news-mention,
.rc-card-row .s-advisory,
.rc-card-row .s-deploy,
.rc-card-row .s-technical,
.rc-card-row .s-education,
.rc-card-row .s-application,
.rc-card-row .s-connector,
.rc-card-row .s-integration-template,
.rc-card-row .s-package,
.rc-card-row .s-utility,
.rc-card-row .s-interactive,
.rc-card-row .s-infographic,
.rc-card-row .s-learning-path,
.rc-card-row .s-course,
.rc-card-row .s-certification,
.rc-card-row .s-assessment,
.rc-card-row .s-subscription,
.rc-card-row .s-partner {
background-image: url("head/rc-icons.png");
background-repeat: no-repeat;
width: 20px;
height: 20px;
margin-bottom: 2px; }
.rc-card-row .s-play,
.rc-card-row .s-demo {
background-position: 0 0; }
.rc-card-row .s-clock {
background-position: -30px 0; }
.rc-card-row .s-view,
.rc-card-row .s-webpage,
.rc-card-row .s-news-release,
.rc-card-row .s-news-mention,
.rc-card-row .s-advisory,
.rc-card-row .s-deploy,
.rc-card-row .s-technical,
.rc-card-row .s-education,
.rc-card-row .s-application,
.rc-card-row .s-connector,
.rc-card-row .s-integration-template,
.rc-card-row .s-package,
.rc-card-row .s-utility,
.rc-card-row .s-interactive,
.rc-card-row .s-infographic,
.rc-card-row .s-learning-path,
.rc-card-row .s-course,
.rc-card-row .s-certification,
.rc-card-row .s-assessment,
.rc-card-row .s-subscription,
.rc-card-row .s-partner {
background-position: -60px 0px;
margin-left: 0px !important; }
.rc-card-row .s-download {
background-image: url("head/s-download.png");
background-repeat: no-repeat;
background-size: contain;
width: 0.7rem;
height: 0.9rem; }
.rc-card-row .s-download-white {
background-image: url("head/s-download-white.png");
background-repeat: no-repeat;
background-size: contain;
width: 1.5rem;
height: 1.2rem; }
.rc-card-row .s-play-white,
.rc-card-row .s-demo-white {
background-image: url("head/s-play-white.png");
background-repeat: no-repeat;
background-size: contain;
width: 1.5rem;
height: 1.2rem; }
.rc-card-row .s-view-white,
.rc-card-row .s-webpage-white,
.rc-card-row .s-news-mention-white,
.rc-card-row .s-news-release-white,
.rc-card-row .s-advisory-white,
.rc-card-row .s-deploy-white,
.rc-card-row .s-technical-white,
.rc-card-row .s-education-white,
.rc-card-row .s-application-white,
.rc-card-row .s-connector-white,
.rc-card-row .s-integration-template-white,
.rc-card-row .s-package-white,
.rc-card-row .s-utility-white,
.rc-card-row .s-interactive-white,
.rc-card-row .s-infographic-white,
.rc-card-row .s-course-white,
.rc-card-row .s-certification-white,
.rc-card-row .s-learning-path-white,
.rc-card-row .s-assessment-white,
.rc-card-row .s-subscription-white,
.rc-card-row .s-partner-white {
background-image: url("head/s-view-white.png");
background-repeat: no-repeat;
background-size: contain;
width: 0.8rem;
height: 1.2rem; }
.text-white {
color: white !important; }
.pr-0 {
padding-right: 0px; }
.pl-0 {
padding-left: 0px; }
.pr-20 {
padding-right: 20px; }
.bg-bmc-blue {
background-color: #0078CC; }
.bg-bmc-mid-blue {
background-color: #0093c9; }
.bg-bmc-green {
background-color: #7fbc00; }
.bg-bmc-mid-green {
background-color: #aacc07; }
.bg-bmc-grey {
background-color: #313435; }
.bg-bmc-teal {
background-color: #00a79d; }
.bg-light-orange {
background-color: #f98700; }
.bg-gartner-blue {
background-color: #006699; }
.bg-forrester-green {
background-color: #16563f; }
@media (max-width: 768px) {
.filter-menu {
display: none; } }
@media all and (min-width: 768px) {
.filter-menu {
display: block; } }
@media (max-width: 768px) {
.filter-menu-mobile {
display: block; } }
@media all and (min-width: 768px) {
.filter-menu-mobile {
display: none; } }
#filterBodyOverlay {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
opacity: 0.7;
z-index: 109;
cursor: pointer;
display: none;
height: 100%;
background-color: #293e41; }
#filterBodyOverlay.backgroundColor {
display: block; }
.filter-search-overlay {
overflow-x: hidden !important;
width: 100%;
min-width: 320px;
min-height: 100%;
padding-bottom: 5rem;
position: fixed;
top: 0rem;
right: 0;
z-index: 110;
overflow: auto !important;
max-width: 80%; }
@media only screen and (min-width: 48em) {
.filter-search-overlay {
top: 0rem;
width: 50%; } }
@media only screen and (min-width: 60em) {
.filter-search-overlay {
--top: -4rem;
width: 50%; } }
.filter-search-overlay .rows_flex {
width: 100%;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -ms-flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
max-width: 941px; }
.filter-search-overlay .rows_flex .columns {
background: #f5f5f5;
width: 100%;
min-height: 100%;
padding: 0 0 1rem 0;
text-align: left;
position: absolute;
left: 0;
top: 0;
background: #fff;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.filter-search-overlay .rows_flex .columns .component_search .filter_component_search_close {
position: absolute; }
.filter-search-overlay .rows_flex .columns .component_search .filter_component_search_close:after {
font-family: "icomoon";
content: "";
color: #177ba2;
font-size: 1.2rem;
cursor: pointer; }
.filter-search-overlay .rows_flex .columns .component_search .search-panel {
text-align: left;
color: #fff;
top: 0; }
.filter-search-overlay .rows_flex .columns .component_search .search-panel .search_click {
font-size: 0.7rem;
--line-height: 1.2;
color: #fff;
cursor: pointer;
display: inline-block;
position: absolute;
z-index: 21;
right: 1rem;
top: 2.5rem; }
@media only screen and (min-width: 48em) {
.filter-search-overlay .rows_flex .columns .component_search .search-panel .search_click {
right: 2rem;
font-size: 0.7rem;
top: 2.5rem; } }
@media only screen and (min-width: 60em) {
.filter-search-overlay .rows_flex .columns .component_search .search-panel .search_click {
right: 3rem;
font-size: 0.8rem;
top: 2.5rem; } }
.filter-search-overlay .rows_flex .columns .component_search .search-panel .search_click:hover {
color: #333; }
.filter-search-overlay.topHeader {
top: 0rem; }
@media only screen and (min-width: 48em) {
.filter-search-overlay.topHeader {
top: 0rem; } }
@media only screen and (min-width: 60em) {
.filter-search-overlay.topHeader {
top: 0rem; } }
.filter-search-overlay.off {
display: none; }
.filter-search-overlay.on {
display: block; }
.rc-landing-page {
/* WEB - 10533 Added Padding */
padding-bottom: 1.66667rem; }
@media only screen and (min-width: 60em) {
.rc-landing-page {
padding-bottom: 3.33333rem; } }
.rc-landing-page .layout-width-title {
max-width: 1440px;
margin: 0 auto;
padding: 30px; }
@media all and (min-width: 832px) {
.rc-landing-page .layout-width-title {
padding: 55px 0px 33px 38px; } }
.rc-landing-page.bg-approxSnow {
background: #f2f3f3; }
@media (max-width: 768px) {
.rc-landing-page .layout-secondary:first-child {
padding: 0; } }
@media (max-width: 768px) {
.rc-landing-page .layout-secondary + .py2 {
padding-top: 0; } }
.rc-filter-component .layout-secondary .generic-content-container section {
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 1rem; }
.rc-no-text {
max-height: 43px; }
@media (min-width: 1024px) {
.col-4-layout .rc-card-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; } }
#rc-featured-card {
display: none;
padding-top: 0px;
padding-right: 20px; }
.service-catalog-results .rc-card-row .rc-card-col {
padding-bottom: 20px; }
.service-catalog-results .rc-card-row .card-content h4 {
color: #313435;
font-size: 18px; }
.service-catalog-results .rc-card-row .card-content p {
font-size: 14px; }
.service-catalog-results .rc-card-row .card-footer, .service-catalog-results .rc-card-row .card .featured-card-footer, .service-catalog-results .rc-card-row .simple-card .featured-card-footer, .service-catalog-results .rc-card-row .card-with-header .featured-card-footer, .service-catalog-results .rc-card-row .card-with-description .featured-card-footer, .service-catalog-results .rc-card-row .featured-card .featured-card-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 18px;
padding: 10px 20px;
border-top: none;
font-size: 15px; }
.service-catalog-results .rc-card-row .card-footer .card-footer-action, .service-catalog-results .rc-card-row .card .featured-card-footer .card-footer-action, .service-catalog-results .rc-card-row .simple-card .featured-card-footer .card-footer-action, .service-catalog-results .rc-card-row .card-with-header .featured-card-footer .card-footer-action, .service-catalog-results .rc-card-row .card-with-description .featured-card-footer .card-footer-action, .service-catalog-results .rc-card-row .featured-card .featured-card-footer .card-footer-action {
border-top: none;
padding: 0;
font-size: 15px; }
.service-catalog-results .rc-card-row .card-footer .card-footer-logo, .service-catalog-results .rc-card-row .card .featured-card-footer .card-footer-logo, .service-catalog-results .rc-card-row .simple-card .featured-card-footer .card-footer-logo, .service-catalog-results .rc-card-row .card-with-header .featured-card-footer .card-footer-logo, .service-catalog-results .rc-card-row .card-with-description .featured-card-footer .card-footer-logo, .service-catalog-results .rc-card-row .featured-card .featured-card-footer .card-footer-logo {
padding: 0;
font-size: 15px;
font-weight: 600; }
.service-catalog-results .rc-card-row .card-footer hr, .service-catalog-results .rc-card-row .card .featured-card-footer hr, .service-catalog-results .rc-card-row .simple-card .featured-card-footer hr, .service-catalog-results .rc-card-row .card-with-header .featured-card-footer hr, .service-catalog-results .rc-card-row .card-with-description .featured-card-footer hr, .service-catalog-results .rc-card-row .featured-card .featured-card-footer hr {
background: #0078CC;
margin: auto;
position: absolute;
width: 100%;
left: 0;
right: 0;
top: 0;
max-width: 90%;
border: none;
height: 1px; }
.resource-section .rc-card-col .card-content h4 {
font-size: 18px; }
.resource-section .rc-card-col .flip-card {
min-height: 320px; }
.learn-more-v1 {
padding-right: 15px;
position: relative; }
.learn-more-v1:after {
content: "\a0\00203A";
font-size: 24px;
font-weight: 400;
line-height: 15px;
position: absolute;
width: 15px;
height: 15px;
top: 1px;
right: 0; }
.rc-loader {
position: absolute;
width: 100%;
height: 100%;
top: 65px;
bottom: 0;
background-color: rgba(250, 250, 250, 0.7);
text-align: center;
left: 0;
right: 0;
z-index: 1056;
display: block; }
@media only screen and (max-width: 767px) {
.rc-loader {
position: fixed;
background-color: rgba(0, 0, 0, 0.4);
height: 100% !important;
top: 0 !important; } }
.rc-loader .loader-img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%; }
.rc-loader .loader-img img {
max-height: 100px;
max-width: 100px;
margin: auto; }
.rc-result-component {
min-height: 600px; }
.rc-result-component .rc-section-title {
font-weight: 600;
margin-bottom: 10px; }
@media (max-width: 832px) {
.rc-result-component .rc-section-title {
font-size: 22px; } }
.featured-card-wrapper {
padding-top: 10px;
display: none; }
.featured-card-wrapper .rc-featured-card-col {
padding-top: 0; }
#resultItemsContainer {
margin-top: 20px; }
div#regularFeatureCardsContainer .resource-results {
margin-bottom: -20px; }
#allResourcesEle {
margin-top: 20px;
margin-bottom: -10px; }
@media (max-width: 768px) {
.resource-center-filters {
padding-top: 20px; } }
/* ------------ WEB - 13310, RC Search BEGINS ------------------ */
.rc-local-search {
width: 100%;
position: relative; }
.rc-local-search:focus .searchTerm, .rc-local-search:hover .searchTerm, .rc-local-search:active .searchTerm {
border: 1px solid #0078CC;
color: #313435;
border-right: none; }
.rc-local-search:focus button.searchButton, .rc-local-search:hover button.searchButton, .rc-local-search:active button.searchButton {
border: 1px solid #0078CC;
border-left: none;
background-color: white;
background-color: white !important; }
.searchTerm {
width: 100%;
border: 1px solid #C0C3C4;
border-right: none;
padding: 12px 5px 12px 18px;
height: 22px;
border-radius: 4px 0 0 4px;
outline: none;
color: #6A6F71;
font-size: 16px;
-webkit-transition: 0.3s ease-in;
transition: 0.3s ease-in; }
.searchButton {
width: 40px;
border: 1px solid #C0C3C4;
border-left: none;
border-radius: 0 4px 4px 0;
cursor: pointer;
font-size: 20px;
margin: 0;
position: relative;
background-color: white;
-webkit-transition: 0.3s ease-in;
transition: 0.3s ease-in; }
.searchButton::after {
content: url(head/rc-local-search-icon.svg);
font-size: 24px;
font-weight: 400;
line-height: 15px;
position: absolute;
width: 15px;
height: 15px;
top: 30%;
left: 30%; }
.searchButton:focus, .searchButton:hover, .searchButton:active {
background-color: white !important;
border-left: none;
border-color: #c0c3c4; }
.resource-center-filters .wrapper {
max-width: 100%;
padding: 0;
margin-bottom: 4px; }
.resource-center-filters .wrapper .search-input {
background: #fff;
width: 100%;
border-radius: 5px;
position: relative; }
.resource-center-filters .wrapper .search-input input {
height: 55px;
width: 100%;
outline: none;
border-radius: 5px;
padding: 0 60px 0 20px;
font-size: 18px;
box-sizing: border-box; }
.resource-center-filters .wrapper .search-input .icon {
position: absolute;
right: 0px;
top: 0px;
height: 55px;
width: 55px;
text-align: center;
line-height: 55px;
font-size: 20px;
cursor: pointer; }
.resource-center-filters .wrapper .search-input .autocom-box {
padding: 0;
opacity: 0;
pointer-events: none;
max-height: 280px;
overflow-y: auto; }
.resource-center-filters .wrapper .search-input .autocom-box li {
list-style: none;
margin-bottom: 0;
display: none;
width: 100%;
cursor: default;
border-radius: 3px;
box-sizing: border-box; }
.resource-center-filters .wrapper .search-input .autocom-box li a, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected {
width: 100%;
color: #313435; }
.resource-center-filters .wrapper .search-input .autocom-box li a span, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected span, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected span {
font-size: 16px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon {
margin-right: 15px;
background-repeat: no-repeat;
background-size: 459px 51px;
float: left;
width: 24px;
height: 24px;
background-position: 0 0;
background-image: url("head/rc-header-icons.svg"); }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_advisory, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_advisory, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_advisory, .resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_course, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_course, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_course, .resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_subscription, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_subscription, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_subscription {
background-position: 0px 0px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_partner, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_partner, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_partner {
background-position: -436px 0px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_advisory-white, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_advisory-white, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_advisory-white, .resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_course-white, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_course-white, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_course-white, .resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_subscription-white, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_subscription-white, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_subscription-white {
background-position: 0px -24px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_partner-white, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_partner-white, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_partner-white {
background-position: -436px -24px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_play, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_play, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_play, .resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_demo, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_demo, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_demo {
background-position: -24px 0; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_play-white, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_play-white, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_play-white, .resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_demo-white, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_demo-white, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_demo-white {
background-position: -24px -24px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_webpage, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_webpage, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_webpage {
background-position: -48px 0; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_webpage-white, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_webpage-white, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_webpage-white {
background-position: -48px -24px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_technical, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_technical, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_technical, .resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_assessment, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_assessment, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_assessment {
background-position: -72px 0px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_technical-white, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_technical-white, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_technical-white, .resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_assessment-white, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_assessment-white, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_assessment-white {
background-position: -72px -24px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_trial, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_trial, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_trial, .resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_interactive, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_interactive, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_interactive {
background-position: -96px 0px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_trial-white, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_trial-white, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_trial-white, .resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_interactive-white, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_interactive-white, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_interactive-white {
background-position: -96px -24px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_education, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_education, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_education {
background-position: -120px 0px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_education-white, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_education-white, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_education-white {
background-position: -120px -24px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_download, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_download, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_download, .resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_view, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_view, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_view {
background-position: -144px 0; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_download-white, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_download-white, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_download-white, .resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_view-white, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_view-white, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_view-white {
background-position: -144px -24px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_learning-path, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_learning-path, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_learning-path {
background-position: -168px 0px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_learning-path-white, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_learning-path-white, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_learning-path-white {
background-position: -168px -24px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_deploy, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_deploy, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_deploy {
background-position: -412px 0px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_deploy-white, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_deploy-white, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_deploy-white {
background-position: -412px -24px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_news-mention, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_news-mention, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_news-mention {
background-position: -192px 0px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_news-mention-white, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_news-mention-white, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_news-mention-white {
background-position: -192px -24px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_news-release, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_news-release, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_news-release {
background-position: -216px 0px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_news-release-white, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_news-release-white, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_news-release-white {
background-position: -216px -24px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_application, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_application, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_application {
background-position: -240px 0px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_application-white, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_application-white, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_application-white {
background-position: -240px -24px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_connector, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_connector, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_connector {
background-position: -266px 0px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_connector-white, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_connector-white, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_connector-white {
background-position: -266px -24px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_integration-template, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_integration-template, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_integration-template {
background-position: -290px 0px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_integration-template-white, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_integration-template-white, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_integration-template-white {
background-position: -290px -24px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_package, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_package, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_package {
background-position: -314px 0px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_package-white, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_package-white, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_package-white {
background-position: -314px -24px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_utility, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_utility, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_utility {
background-position: -338px 0px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_utility-white, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_utility-white, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_utility-white {
background-position: -338px -24px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_infographic, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_infographic, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_infographic {
background-position: -362px 0px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_infographic-white, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_infographic-white, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_infographic-white {
background-position: -362px -24px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_certification, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_certification, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_certification {
background-position: -386px 0px; }
.resource-center-filters .wrapper .search-input .autocom-box li a .autocomplete-icon.ic_certification-white, .resource-center-filters .wrapper .search-input .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected .autocomplete-icon.ic_certification-white, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input .autocom-box li .dropdownSelected .autocomplete-icon.ic_certification-white {
background-position: -386px -24px; }
.resource-center-filters .wrapper .search-input.active input {
border-radius: 5px 5px 0 0; }
.resource-center-filters .wrapper .search-input.active .autocom-box {
opacity: 1;
box-shadow: 0px 4px 8px #6a6f71;
border-radius: 4px;
pointer-events: auto;
position: absolute;
width: 100%;
z-index: 99;
background: #fff; }
.resource-center-filters .wrapper .search-input.active .autocom-box li {
display: block; }
.resource-center-filters .wrapper .search-input.active .autocom-box li a, .resource-center-filters .wrapper .search-input.active .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input.active .autocom-box li .dropdownSelected {
box-sizing: border-box;
display: inline-block;
padding: 10px 17px; }
.resource-center-filters .wrapper .search-input.active .autocom-box li a:hover, .resource-center-filters .wrapper .search-input.active .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input.active .autocom-box li .dropdownSelected:hover, .resource-center-filters .wrapper .search-input.active .autocom-box li a:focus, .resource-center-filters .wrapper .search-input.active .autocom-box .orion-seconday-nav .nav-wrap ul li .dropdownSelected:focus, .orion-seconday-nav .nav-wrap ul .resource-center-filters .wrapper .search-input.active .autocom-box li .dropdownSelected:focus {
outline: 0;
background: #F2F3F3; }
.hidden-card {
display: none; }
/*------------- WEB - 13310, RC Search ENDS ---------------------*/
/* ------------ WEB - 14539, RC ads BEGINS ------------------ */
.vertical-Small-ImgTextCta {
padding: 35px 35px 25px 35px;
background: #c0c3c44d;
text-align: center;
display: block; }
@media (max-width: 1024px) {
.vertical-Small-ImgTextCta {
padding: 15px 15px 15px 15px; } }
.vertical-Small-ImgTextCta .vertical-Small-ImgTextCta__icon {
width: 72px;
height: 72px;
margin: 0 auto 20px;
background-color: #ffffff;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.vertical-Small-ImgTextCta .vertical-Small-ImgTextCta__title h4 {
font-weight: 700;
margin-bottom: 10px; }
.vertical-Small-ImgTextCta .vertical-Small-ImgTextCta__description p {
font-size: 12px;
margin-bottom: 15px; }
.vertical-Small-ImgTextCta .vertical-Small-ImgTextCta__description * {
color: #313435; }
.vertical-Small-ImgTextCta a, .vertical-Small-ImgTextCta .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .vertical-Small-ImgTextCta .dropdownSelected {
font-size: 12px;
margin-right: 0px;
background-color: transparent; }
.vertical-Small-ImgTextCta a:hover, .vertical-Small-ImgTextCta .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .vertical-Small-ImgTextCta .dropdownSelected:hover {
background-color: #00368f !important; }
/* ------------ WEB - 14539, RC ads ENDS ------------------ */
.page-about-us .tabs-nav .-hr li {
height: 40px;
line-height: 40px; }
.page-about-us .leadership-content {
-webkit-transition: padding 0.3s linear;
transition: padding 0.3s linear; }
.page-about-us .leadership-content .container {
bottom: 4em;
position: absolute;
right: 0;
width: 40px; }
.page-about-us .leadership-content .container svg {
width: 100%; }
.page-about-us .leadership-content .arrow-next .fallback {
background-image: url("head/s-chevronRight-39x68.png"); }
@media (min-width: 640px) {
.page-about-us .leadership-content {
padding-right: 40px; }
.page-about-us .leadership-content .container {
bottom: 6em; } }
@media (min-width: 832px) {
.page-about-us .leadership-content .container {
bottom: auto;
right: 0;
top: 16px;
width: 50px; } }
@media (min-width: 1024px) {
.page-about-us .tabs-nav .-hr li {
height: 50px;
line-height: 50px; }
.page-about-us .leadership-content {
padding-right: 70px; }
.page-about-us .leadership-content .container {
width: 60px; } }
/**
* BMC Engage Landing Page 2015
*/
.bmc-engage section, .bmc-engage section.layout-full-bleed {
padding-top: 0;
padding-bottom: 0; }
.bmc-engage .section-heading-wrapper {
display: table;
margin: 1.5em 0; }
@media only screen and (min-width: 48em) {
.bmc-engage .section-heading-wrapper {
margin-bottom: 2em;
margin-top: 3em; } }
.bmc-engage .section-heading-wrapper h3 {
color: #fe5000;
font-weight: 400;
padding-left: 1em;
text-transform: uppercase;
vertical-align: middle;
width: auto; }
.bmc-engage .section-heading-wrapper .icon-list-round {
background-size: 50px;
background-position: middle;
vertical-align: middle; }
.bmc-engage .section-heading-wrapper .icon-list-round:before {
background-size: 50px 50px;
content: '';
display: block;
height: 50px;
width: 50px; }
.bmc-engage .section-heading-wrapper h3, .bmc-engage .section-heading-wrapper .icon-list-round {
display: table-cell;
vertical-align: middle;
margin: 0; }
.bmc-engage .wallpaper-container {
z-index: -1; }
.bmc-engage .btn {
border-width: 1px;
font-weight: bold;
text-transform: uppercase; }
.bmc-engage .btn, .bmc-engage .btn:hover {
background-color: #30b19c;
border-color: #30b19c; }
.bmc-engage .btn.filled {
background-color: #30b19c;
border-color: #30b19c;
color: #fff; }
/**
* BMC Page Sections
*/
section.bmc-engage-header.layout-full-bleed {
background-color: transparent;
background-position: center 20%;
background-size: cover;
padding-bottom: 1.80556em;
padding-top: 2.77778em;
text-align: center; }
@media only screen and (min-width: 48em) {
section.bmc-engage-header.layout-full-bleed {
padding-bottom: 3.61111em;
padding-top: 5.55556em; } }
section.bmc-engage-header.layout-full-bleed h1, section.bmc-engage-header.layout-full-bleed h2, section.bmc-engage-header.layout-full-bleed p, section.bmc-engage-header.layout-full-bleed a, section.bmc-engage-header.layout-full-bleed .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li section.bmc-engage-header.layout-full-bleed .dropdownSelected {
color: #fff; }
section.bmc-engage-header.layout-full-bleed h1, section.bmc-engage-header.layout-full-bleed h2 {
font-weight: 400;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9); }
@media only screen and (min-width: 76.25em) {
section.bmc-engage-header.layout-full-bleed h1, section.bmc-engage-header.layout-full-bleed h2 {
text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.9); } }
section.bmc-engage-header.layout-full-bleed h1 {
font-weight: 400; }
@media only screen and (min-width: 76.25em) {
section.bmc-engage-header.layout-full-bleed h1 {
font-size: 4.72222em; } }
@media only screen and (min-width: 76.25em) {
section.bmc-engage-header.layout-full-bleed h2 {
font-size: 2.77778em; } }
section.bmc-engage-header.layout-full-bleed p {
font-size: 1.11111em;
font-weight: 600;
text-transform: uppercase; }
section.bmc-engage-header.layout-full-bleed .highlight {
color: #fb8629;
font-weight: 700; }
section.bmc-engage-header.layout-full-bleed .btn.btn-hollow {
background-color: transparent;
border: 1px solid #fff;
color: #fff; }
section.bmc-engage-header.layout-full-bleed .btn.btn-hollow:hover {
background-color: transparent;
border: 1px solid #fff; }
.bmc-engage-intro {
padding: 1.5em 0; }
.bmc-engage-intro .icon-list-round:before {
background-image: url("head/icon-engage-about.png"); }
.bmc-engage-intro .btn-hollow {
background-color: transparent;
border: 1px solid #30b19c;
color: #30b19c; }
.bmc-engage-intro .btn-hollow:hover {
background-color: transparent;
border: 1px solid #30b19c; }
.bmc-engage-intro .bmc-video-container {
margin-bottom: 1.5em;
width: 100%; }
@media only screen and (min-width: 60em) {
.bmc-engage-intro .bmc-video-container {
float: right;
margin-left: 5em;
width: 450px; } }
.bmc-engage-intro .btn-wrapper {
text-align: center; }
@media only screen and (min-width: 48em) {
.bmc-engage-intro .btn-wrapper {
text-align: left; } }
.bmc-engage-expect {
background-color: #f6f6f6; }
.bmc-engage-expect .icon-list-round:before {
background-image: url("head/icon-engage-expect.png"); }
.bmc-engage-expect .schedule {
background-color: #fff;
border-radius: 0.27778em;
padding: 1.11111em; }
@media only screen and (min-width: 48em) {
.bmc-engage-expect .schedule {
padding: 3.61111em 1.66667em; } }
.bmc-engage-expect .featured-images {
display: none;
float: left;
list-style: none;
margin: 0;
padding: 0; }
@media only screen and (min-width: 48em) {
.bmc-engage-expect .featured-images {
display: block; } }
.bmc-engage-expect .featured-image {
background-size: 150% auto;
background-position: center;
border-radius: 50%;
border-style: solid;
border-width: 5px;
height: 6.66667em;
margin-bottom: 1.5em;
width: 6.66667em; }
.bmc-engage-expect .featured-image.orange {
border-color: #fe5000; }
.bmc-engage-expect .featured-image.grey {
border-color: #cacaca; }
.bmc-engage-expect .schedule-list {
list-style: none;
margin: 0;
padding: 0; }
.bmc-engage-expect .schedule-list a, .bmc-engage-expect .schedule-list .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .bmc-engage-expect .schedule-list .dropdownSelected {
display: block;
font-size: 0.85em; }
.bmc-engage-expect .schedule-list li {
border-bottom: 1px solid #F2F3F3;
font-size: 1.22222em;
margin: 0;
padding: 0.75em 0; }
.bmc-engage-expect .schedule-list li:last-child {
border-bottom: none; }
@media only screen and (min-width: 48em) {
.bmc-engage-expect .schedule-list {
margin-left: 9.16667em; } }
.bmc-engage-testimonials {
background-color: #fe5000; }
.bmc-engage-testimonials .icon-list-round:before {
background-image: url("head/icon-engage-testimonials.png"); }
.bmc-engage-testimonials .section-heading-wrapper {
position: relative; }
.bmc-engage-testimonials .section-heading-wrapper h3 {
color: #fff;
margin: 0;
text-transform: none; }
.bmc-engage-testimonials ul.testimonials {
list-style: none;
margin: 0;
padding: 0; }
.bmc-engage-testimonials ul.testimonials li {
margin: 0;
padding: 0; }
.bmc-engage-testimonials .conference-testimonial {
background-color: #fe5000;
color: #fff; }
.bmc-engage-testimonials .conference-testimonial p {
margin-bottom: 0.75em; }
.bmc-engage-testimonials .conference-testimonial .author {
color: #0d1d31; }
.conquest-header, .conquest-facts, .full-width-testimonial, .conquest-category-section, .conquest-feature-message, .conquest-head-to-head {
color: #313435; }
.conquest-header h3, .conquest-facts h3, .full-width-testimonial h3, .conquest-category-section h3, .conquest-feature-message h3, .conquest-head-to-head h3 {
color: #fe5000; }
.conquest-header .btn-secondary, .conquest-facts .btn-secondary, .full-width-testimonial .btn-secondary, .conquest-category-section .btn-secondary, .conquest-feature-message .btn-secondary, .conquest-head-to-head .btn-secondary {
background-color: #fe5000;
border-color: #fe5000;
color: #fff; }
.conquest-header .btn-secondary:hover, .conquest-facts .btn-secondary:hover, .full-width-testimonial .btn-secondary:hover, .conquest-category-section .btn-secondary:hover, .conquest-feature-message .btn-secondary:hover, .conquest-head-to-head .btn-secondary:hover {
background-color: #cb4000;
border-color: #cb4000; }
.conquest-page-wrapper .layout-full-bleed {
padding: 2em 0; }
.conquest-header h1 {
color: #fe5000;
margin-bottom: 0; }
.conquest-header h2 {
color: #444444;
font-size: 1.75em;
font-weight: 400;
margin-bottom: 0.85em;
margin-top: 0.5em; }
@media only screen and (min-width: 48em) {
.conquest-header h2 {
font-size: 2.75em;
margin-top: 0.15em; } }
@media only screen and (min-width: 48em) {
.conquest-header .conquest-header-copy {
float: left;
width: 58.3%; } }
.conquest-header .conquest-header-cta {
text-align: center; }
.conquest-header .conquest-header-cta img {
display: block;
margin-bottom: 1.5em;
margin-left: auto;
margin-right: auto; }
@media only screen and (min-width: 48em) {
.conquest-header .conquest-header-cta {
float: left;
margin-left: 4.1%;
width: 37.5%; } }
.conquest-facts {
background-color: #413e41;
color: #fff; }
.conquest-facts p {
width: 100%; }
@media only screen and (min-width: 48em) {
.conquest-facts p {
width: 75%; } }
.conquest-facts .charts {
margin-bottom: 0;
margin-top: 2em;
text-align: center; }
.conquest-facts .charts .chart {
box-sizing: border-box;
display: block;
margin-bottom: 2em;
padding: 0.5em; }
.conquest-facts .charts .chart img {
height: 250px; }
@media only screen and (min-width: 48em) {
.conquest-facts .charts .chart {
display: inline-block;
margin-right: -0.25em;
width: 50%; } }
@media only screen and (min-width: 60em) {
.conquest-facts .charts .chart {
margin-right: -0.25em;
width: 25%; }
.conquest-facts .charts .chart img {
height: 200px; } }
@media only screen and (min-width: 76.25em) {
.conquest-facts .charts .chart img {
height: 225px; } }
.conquest-facts .conquest-charts-legend {
margin-top: 1em;
text-align: center; }
.conquest-facts .conquest-charts-legend .circle {
display: inline-block;
margin-right: 3em; }
.conquest-facts .conquest-charts-legend .circle:before {
border-radius: 50%;
content: '';
display: inline-block;
height: 15px;
margin-right: 0.75em;
width: 15px; }
.conquest-facts .conquest-charts-legend .circle.yellow:before {
background-color: #d6dc3e; }
.conquest-facts .conquest-charts-legend .circle.grey:before {
background-color: #808185; }
.conquest-facts .conquest-charts-legend .circle:last-child {
margin-right: 0; }
.full-width-testimonial {
background-color: #57aa9b;
color: #fff;
padding: 2em 0; }
.full-width-testimonial p {
font-size: 1.11111em; }
@media only screen and (min-width: 48em) {
.full-width-testimonial p {
font-size: 1.55556em; } }
.full-width-testimonial blockquote {
margin: 0; }
.full-width-testimonial a, .full-width-testimonial .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .full-width-testimonial .dropdownSelected {
color: #fff; }
.full-width-testimonial cite {
font-size: 1em !important;
font-style: normal; }
@media only screen and (min-width: 48em) {
.full-width-testimonial cite {
font-size: 1.22222em !important; } }
.conquest-feature-message .brands {
padding: 0;
margin: 0; }
.conquest-feature-message .layout-inner-wrap {
padding-top: 1em; }
.conquest-head-to-head {
background-color: #f6f6f6; }
.conquest-head-to-head .conquest-table-cell-topic,
.conquest-head-to-head .conquest-table-cell-competitor,
.conquest-head-to-head .conquest-table-cell-bmc {
display: block;
padding: 1.5em; }
@media only screen and (min-width: 48em) {
.conquest-head-to-head .conquest-table-cell-topic,
.conquest-head-to-head .conquest-table-cell-competitor,
.conquest-head-to-head .conquest-table-cell-bmc {
border-left: 5px solid white;
border-right: 5px solid white;
display: table-cell;
vertical-align: middle; } }
.conquest-head-to-head .conquest-table-cell-topic {
border-left: 0 !important;
font-size: 1.5em;
font-weight: bold; }
@media only screen and (min-width: 48em) {
.conquest-head-to-head .conquest-table-cell-topic {
font-weight: normal; } }
.conquest-head-to-head .conquest-table-cell-bmc {
background-color: #e65033; }
.conquest-head-to-head .conquest-table-cell-bmc:before {
content: 'BMC:'; }
.conquest-head-to-head .conquest-table-cell-competitor {
border-right: 0;
background-color: #424143; }
.conquest-head-to-head .conquest-table-cell-competitor:before {
content: 'ServiceNow: '; }
.conquest-head-to-head .conquest-table-cell-bmc:before, .conquest-head-to-head .conquest-table-cell-competitor:before {
color: #fff;
display: inline-block;
font-size: 1.2em;
font-weight: bold;
margin-right: 1em;
vertical-align: middle; }
@media only screen and (min-width: 48em) {
.conquest-head-to-head .conquest-table-cell-bmc:before, .conquest-head-to-head .conquest-table-cell-competitor:before {
display: none; } }
.conquest-head-to-head .conquest-table-cell-bmc img, .conquest-head-to-head .conquest-table-cell-competitor img {
vertical-align: middle;
width: 25px; }
@media only screen and (min-width: 48em) {
.conquest-head-to-head .conquest-table-cell-bmc, .conquest-head-to-head .conquest-table-cell-competitor {
width: 25%; }
.conquest-head-to-head .conquest-table-cell-bmc img, .conquest-head-to-head .conquest-table-cell-competitor img {
width: auto; } }
.conquest-head-to-head th.conquest-table-cell-topic, .conquest-head-to-head th.conquest-table-cell-bmc, .conquest-head-to-head th.conquest-table-cell-competitor {
padding: 0.75em; }
@media only screen and (min-width: 48em) {
.conquest-head-to-head th.conquest-table-cell-topic, .conquest-head-to-head th.conquest-table-cell-bmc, .conquest-head-to-head th.conquest-table-cell-competitor {
padding: 1.75em; } }
.conquest-head-to-head th.conquest-table-cell-topic h3 {
color: #313435; }
.conquest-head-to-head th.conquest-table-cell-bmc {
background-color: #d0492f; }
.conquest-head-to-head th.conquest-table-cell-competitor {
background-color: #3c3b3d; }
.conquest-head-to-head th.conquest-table-cell-bmc h3, .conquest-head-to-head th.conquest-table-cell-competitor h3 {
color: #fff; }
.conquest-head-to-head .conquest-table-legend {
font-weight: bold;
margin: 2.5em 0;
text-align: left; }
.conquest-head-to-head .conquest-table-legend .partial-indicator {
border-style: solid;
border-width: 0 22.5px 38px 22.5px;
border-color: transparent transparent #d5df0f transparent;
display: inline-block;
height: 0;
vertical-align: middle;
width: 0; }
.conquest-head-to-head .table-wrapper {
overflow-x: auto; }
.conquest-head-to-head h3 {
margin-bottom: 0; }
.conquest-head-to-head table {
display: inline-block;
margin: auto; }
@media only screen and (min-width: 48em) {
.conquest-head-to-head table {
display: table; } }
.conquest-head-to-head tr {
display: block;
margin-bottom: 2em; }
@media only screen and (min-width: 48em) {
.conquest-head-to-head tr {
display: table-row;
margin-bottom: 0; } }
.conquest-head-to-head thead {
display: none; }
@media only screen and (min-width: 48em) {
.conquest-head-to-head thead {
display: table-header-group !important; } }
.conquest-head-to-head tbody {
display: block; }
@media only screen and (min-width: 48em) {
.conquest-head-to-head tbody {
display: table-row-group; } }
@media only screen and (min-width: 48em) {
.conquest-head-to-head thead th:first-child {
border-top-left-radius: 5px; }
.conquest-head-to-head thead th:last-child {
border-top-right-radius: 5px; }
.conquest-head-to-head tbody tr:last-child td:first-child {
border-bottom-left-radius: 5px; }
.conquest-head-to-head tbody tr:last-child td:last-child {
border-bottom-right-radius: 5px; } }
.conquest-page-wrapper-variation1 .conquest-header .heading-txt {
margin-bottom: 0.3em; }
.conquest-page-wrapper-variation1 div.four-up {
padding: 1em 1em 0 1em; }
.conquest-page-wrapper-variation1 div.four-up .offertype {
font-size: .75em;
margin-bottom: -.5em;
display: block;
font-weight: 400;
color: #313435; }
@media (max-width: 1200px) {
.conquest-page-wrapper-variation1 div.four-up .offertype {
font-size: 1em; } }
.conquest-page-wrapper-variation1 div.four-up .offerdescription {
font-size: 1em;
display: block; }
.conquest-page-wrapper-variation1 .feature-blog a:hover, .conquest-page-wrapper-variation1 .feature-blog .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .conquest-page-wrapper-variation1 .feature-blog .dropdownSelected:hover {
color: #00368f; }
.conquest-page-wrapper-variation1 .chart {
vertical-align: top; }
.customer-story-case-banner {
background-position: center;
background-size: cover;
color: #fff;
padding: 0 !important; }
.customer-story-case-banner.wallpapered {
background: transparent; }
.customer-story-case-banner .wallpaper-container {
z-index: 0; }
.customer-story-case-banner .layout-inner-wrap {
position: relative;
z-index: 1; }
.customer-story-case-banner .layout-primary {
margin-bottom: 1em; }
.customer-story-case-banner .layout-primary p {
font-size: 1.5em;
line-height: 1em;
margin-top: 0.4em; }
@media only screen and (min-width: 48em) {
.customer-story-case-banner .layout-primary p {
font-size: 2.5em; } }
.customer-story-case-banner .layout-secondary {
padding-bottom: 0; }
.customer-story-case-banner .header-logo, .customer-story-case-banner .back-link {
margin-top: 1.5em; }
.customer-story-case-banner .back-link a, .customer-story-case-banner .back-link .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .customer-story-case-banner .back-link .dropdownSelected, .customer-story-case-banner .back-link a:hover, .customer-story-case-banner .back-link .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .customer-story-case-banner .back-link .dropdownSelected:hover {
color: #fff;
font-weight: bold; }
.customer-story-case-banner .points > div {
margin-top: 0.25em; }
.customer-story-case-banner .points > div:first-child {
margin-top: 0; }
.customer-story-case-banner .point {
background-color: rgba(0, 0, 0, 0.65);
box-sizing: border-box;
padding: 1em 2em;
text-align: left; }
@media only screen and (min-width: 48em) {
.customer-story-case-banner .point {
padding: 1.5em 1em; } }
@media only screen and (min-width: 60em) {
.customer-story-case-banner .point {
text-align: center; } }
@media only screen and (min-width: 76.25em) {
.customer-story-case-banner .point {
padding: 3em 1em;
text-align: left; } }
.customer-story-case-banner .icon, .customer-story-case-banner .copy {
display: inline-block;
text-align: center;
vertical-align: middle; }
.customer-story-case-banner .icon {
margin-bottom: 1em;
width: 65px; }
@media only screen and (min-width: 60em) {
.customer-story-case-banner .icon {
width: 100%; } }
@media only screen and (min-width: 76.25em) {
.customer-story-case-banner .icon {
margin-bottom: auto;
width: 15%; } }
.customer-story-case-banner .icon img {
max-height: 45px;
max-width: 45px;
vertical-align: middle; }
.customer-story-case-banner .copy {
text-align: left;
margin-left: 1.25em; }
@media only screen and (min-width: 60em) {
.customer-story-case-banner .copy {
margin-left: 0;
text-align: center; } }
@media only screen and (min-width: 76.25em) {
.customer-story-case-banner .copy {
text-align: left;
margin-left: 5%;
width: 70%; } }
.customer-story-case-banner .copy h2 {
font-size: 1.75em;
margin-top: 0 !important; }
@media only screen and (min-width: 76.25em) {
.customer-story-case-banner .copy h2 {
font-size: 1.8em; } }
.customer-story-case-banner h1, .customer-story-case-banner h2 {
color: #fff; }
.customer-story-case-banner h1 {
font-size: 2em;
line-height: 1em;
margin-bottom: 0;
margin-top: 0.5em; }
@media only screen and (min-width: 48em) {
.customer-story-case-banner h1 {
font-size: 3em; } }
.customer-story-case-banner p {
color: #fff;
margin-bottom: 0; }
.customer-story-case-banner ul, .customer-story-case-banner li {
margin: 0;
padding: 0;
list-style: none;
display: block; }
.customer-story-case-banner .customer-story-case-points.mobile {
display: block; }
@media only screen and (min-width: 60em) {
.customer-story-case-banner .customer-story-case-points.mobile {
display: none; } }
.customer-story-case-banner .customer-story-case-points.non-mobile {
display: none; }
@media only screen and (min-width: 60em) {
.customer-story-case-banner .customer-story-case-points.non-mobile {
display: block; } }
.customer-story-case-content .maincontentcontainer .layout-secondary .btn.orange {
border-color: #fe5000;
background-color: #fe5000; }
.customer-story-case-content .maincontentcontainer .layout-secondary .btn.orange:hover {
border-color: #cb4000;
background-color: #cb4000; }
.customer-story-case-content .maincontentcontainer .layout-secondary .resource {
margin-bottom: 2.5em; }
.customer-story-case-content .maincontentcontainer .layout-secondary .resource img {
display: block;
margin: auto; }
.customer-story-case-content .maincontentcontainer .layout-secondary .resource h3 {
margin-top: 1em; }
.customer-story-case-content .maincontentcontainer .layout-secondary h1 a, .customer-story-case-content .maincontentcontainer .layout-secondary h1 .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .customer-story-case-content .maincontentcontainer .layout-secondary h1 .dropdownSelected, .customer-story-case-content .maincontentcontainer .layout-secondary h2 a, .customer-story-case-content .maincontentcontainer .layout-secondary h2 .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .customer-story-case-content .maincontentcontainer .layout-secondary h2 .dropdownSelected, .customer-story-case-content .maincontentcontainer .layout-secondary h3 a, .customer-story-case-content .maincontentcontainer .layout-secondary h3 .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .customer-story-case-content .maincontentcontainer .layout-secondary h3 .dropdownSelected {
font-size: inherit;
letter-spacing: 0; }
.customer-story-case-content .maincontentcontainer .layout-secondary h2 {
color: #313435;
font-size: 1.3em;
margin-bottom: 1.25em; }
.customer-story-case-content .maincontentcontainer .layout-secondary p {
margin-bottom: 1em; }
.customer-story-case-content .maincontentcontainer .layout-secondary section {
--margin-top: 1.5em;
--padding-top: 1.5em; }
.layout-secondary .CTAbutton .btn {
box-sizing: border-box;
width: 100%; }
.customer-story-landing-banner {
background-color: #fff;
background-image: url("head/bg-customer-story-header.png");
background-position: bottom center;
background-repeat: no-repeat;
padding-bottom: 240px; }
@media only screen and (min-width: 60em) {
.customer-story-landing-banner {
background-position: top center;
background-size: auto 100%;
height: 675px;
padding-bottom: inherit; } }
.customer-story-landing-banner .layout-inner-wrap {
padding: 2.75em; }
.customer-story-landing-banner .layout-inner-wrap {
background-color: #FE5000; }
@media only screen and (min-width: 60em) {
.customer-story-landing-banner .layout-inner-wrap {
background-color: transparent; } }
.customer-story-landing-banner h1 {
color: #fff; }
.customer-story-landing-banner p {
color: #313435;
font-size: 1.5em;
margin-bottom: 0.5em; }
@media only screen and (min-width: 48em) {
.customer-story-landing-banner p {
font-size: 1.4em;
max-width: 65%; } }
@media only screen and (min-width: 60em) {
.customer-story-landing-banner p {
font-size: 1.5em;
max-width: 70%; } }
@media only screen and (min-width: 60em) {
.customer-story-landing-banner p {
max-width: 65%; } }
.customer-story-landing-heading h2 {
display: inline-block;
font-size: 2em;
font-weight: 400;
margin-top: 0.1em; }
.customer-story-landing-heading fieldset {
float: right;
margin-top: 0;
width: 100%; }
.customer-story-landing-heading fieldset .decorator-select {
margin-bottom: 0.75em;
vertical-align: top;
width: 100%; }
@media only screen and (min-width: 48em) {
.customer-story-landing-heading fieldset .decorator-select {
width: 45%;
margin-right: 1em; } }
@media only screen and (min-width: 60em) {
.customer-story-landing-heading fieldset .decorator-select {
width: 275px;
margin-bottom: 1.25em;
margin-right: 1.5em; }
.customer-story-landing-heading fieldset .decorator-select + .decorator-select {
margin-left: 0; } }
.customer-story-landing-logo-blocks {
background-color: #F2F3F3;
padding: 1.66667em 0; }
@media only screen and (min-width: 48em) {
.customer-story-landing-logo-blocks {
padding: 3.33333em 0; } }
.customer-story-landing-logo-blocks .logo-blocks {
margin: 0 -1%; }
.customer-story-landing-logo-blocks .logo-blocks h5 {
font-weight: normal; }
.customer-story-landing-logo-blocks .logo-blocks p {
color: #313435;
font-weight: bold; }
.customer-story-landing-logo-blocks .logo-block {
background-color: #fff; }
.customer-story-landing-logo-blocks .logo-block:hover {
background-color: #e6e6e6; }
.customer-story-landing-logo-blocks .logo-block-featured {
/**
* z-index layering
* 10: img.image-span (background image)
* 20: .logo-inner-container (text and copy)
* 30: .hover-area (overlay on hover)
*/
background-color: #C0C3C4;
background-position: center center;
background-size: cover;
position: relative; }
.customer-story-landing-logo-blocks .logo-block-featured img.background-image {
bottom: 0;
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1; }
.customer-story-landing-logo-blocks .logo-block-featured:hover .hover-area {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.35);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 3;
/*.oldie & {
background-color: transparent;
border: 15px solid white;
box-sizing: border-box;
}*/ }
.customer-story-landing-logo-blocks .logo-block-featured .logo-inner-container {
bottom: 0;
color: #fff;
height: auto;
max-width: 325px;
padding: 2em;
position: absolute;
top: auto;
z-index: 2; }
.customer-story-landing-logo-blocks .logo-block-featured .logo-inner-container .bold-point {
color: #fff;
color: rgba(255, 255, 255, 0.75);
font-weight: 800;
font-size: 6em;
line-height: 1; }
.customer-story-landing-logo-blocks .logo-block-featured .logo-inner-container img {
vertical-align: baseline;
margin-right: 0.4em;
max-width: 125px; }
.customer-story-landing-logo-blocks .logo-block-featured .logo-area, .customer-story-landing-logo-blocks .logo-block-featured .copy {
display: inline-block;
height: auto;
position: static; }
.customer-story-landing-logo-blocks .logo-block-featured .copy p {
color: #fff;
font-size: 1.1em;
font-weight: normal; }
.customer-story-landing-logo-blocks .logo-block-featured .logo-heading {
position: static;
left: 2em;
top: 1em;
right: 2em; }
.customer-story-landing-logo-blocks .logo-block-featured .logo-heading p {
font-size: 1.1em;
color: #fff; }
.customer-story-landing-logo-blocks .logo-block-featured .logo-heading p:last-child {
margin-bottom: 0; }
.customer-story-landing-logo-blocks .testimonial {
margin-bottom: 0;
margin-top: 0; }
@media (min-width: 1024px) {
.page-industry .section .section-hero-content {
height: 404px; } }
.industry-tabs {
width: 100%; }
.industry-tabs.industry-tabs--editing .r-tabs-panel {
border-bottom: 1px solid #333;
display: block !important; }
.industry-tabs .tab-module-image {
width: 100%; }
@media only screen and (min-width: 48em) {
.industry-tabs .tab-module-image {
padding-right: 4.1%; } }
@media only screen and (min-width: 60em) {
.industry-tabs .tab-module-image {
min-width: 450px;
width: 33.3%; } }
.industry-tabs .tab-module-support {
width: 100%; }
@media only screen and (min-width: 60em) {
.industry-tabs .tab-module-support {
width: 62.5%; } }
.s-industry-products .card-image {
height: 90px; }
.s-industry-products .card-image .fill-tangerine {
height: 90px;
width: 90px; }
.s-industry-products .card-image .fill-pomegranate {
height: 90px;
width: 123px; }
.s-industry-products .card-image .fill-conifer {
height: 90px;
width: 136px; }
.s-industry-products .card-image .fill-robins-egg-blue {
height: 90px;
width: 128px; }
.product-feature-offset {
background-color: #00a6e3;
background-position: top center;
background-repeat: no-repeat;
margin-top: 2em;
padding: 16px; }
@media only screen and (min-width: 48em) {
.product-feature-offset img {
float: right;
max-width: 50%;
position: relative;
right: -2em;
top: -2em; } }
@media only screen and (min-width: 48em) {
.product-feature-offset {
margin-left: -100%;
padding: 0;
width: 200%; } }
.product-feature-offset-sidebox {
background-color: #fe5000;
background-position: top center;
background-repeat: no-repeat;
margin-top: 2em;
padding: 16px; }
@media only screen and (min-width: 48em) {
.product-feature-offset-sidebox img {
float: right;
max-width: 50%;
position: relative;
right: 1em;
top: -2em; } }
@media only screen and (min-width: 48em) {
.product-feature-offset-sidebox {
margin-left: -100%;
padding: 0;
width: 247.5%; } }
.product-feature-offset-photo {
background-color: transparent;
background-position: top right;
background-repeat: no-repeat;
background-size: cover;
min-height: 200px; }
.product-feature-offset-photo:first-child {
margin-top: 1em; }
@media only screen and (min-width: 48em) {
.product-feature-offset-photo:first-child {
margin-top: 2em; } }
@media only screen and (min-width: 48em) {
.product-feature-offset-photo {
background-size: auto;
margin-left: -100%;
min-height: 367px;
padding: 0;
width: 200%; } }
.product-offer-box-side {
background-color: #413e41;
display: block;
float: right;
height: auto;
max-width: 50%;
padding: 30px 40px 30px 40px;
position: relative;
right: 0;
top: 0;
width: 12.6%; }
.product-offer-box-side h3 {
font-size: 30px;
font-size: 1.66667rem;
color: #ffffff; }
@media only screen and (min-width: 48em) {
.product-offer-box-side h3 {
font-size: 30px;
font-size: 1.66667rem; } }
@media only screen and (min-width: 76.25em) {
.product-offer-box-side h3 {
font-size: 30px;
font-size: 1.66667rem; } }
.product-offer-box-side .link-container {
padding: 20px 0 0 0; }
@media only screen and (min-width: 12.5em) {
.product-offer-box-side {
display: none; } }
@media only screen and (min-width: 20em) {
.product-offer-box-side {
display: none; } }
@media only screen and (min-width: 30em) {
.product-offer-box-side {
display: none; } }
@media only screen and (min-width: 48em) {
.product-offer-box-side {
display: block;
height: auto; } }
@media only screen and (min-width: 60em) {
.product-offer-box-side {
display: block;
height: auto; } }
@media only screen and (min-width: 76.25em) {
.product-offer-box-side {
display: block;
height: auto; } }
.product-offer-box-bottom {
background-color: #413e41;
display: none;
margin-left: 0;
padding: 20px 0 25px 30px; }
.product-offer-box-bottom h3 {
font-size: 30px;
font-size: 1.66667rem;
color: #ffffff; }
@media only screen and (min-width: 48em) {
.product-offer-box-bottom h3 {
font-size: 30px;
font-size: 1.66667rem; } }
@media only screen and (min-width: 76.25em) {
.product-offer-box-bottom h3 {
font-size: 30px;
font-size: 1.66667rem; } }
.product-offer-box-bottom .link-container {
padding: 20px 0 0 0; }
@media only screen and (min-width: 12.5em) {
.product-offer-box-bottom {
display: block; } }
@media only screen and (min-width: 20em) {
.product-offer-box-bottom {
display: block; } }
@media only screen and (min-width: 30em) {
.product-offer-box-bottom {
display: block; } }
@media only screen and (min-width: 48em) {
.product-offer-box-bottom {
display: none; } }
@media only screen and (min-width: 60em) {
.product-offer-box-bottom {
display: none; } }
@media only screen and (min-width: 76.25em) {
.product-offer-box-bottom {
display: none; } }
.resources-container {
background-color: #413e41;
display: block;
margin-left: 0;
padding: 20px 20px 25px 20px; }
.resources-container h3 {
font-size: 22px;
font-size: 1.22222rem;
color: #ffffff !important;
font-weight: 600;
padding: 0 0 10px 0; }
@media only screen and (min-width: 48em) {
.resources-container h3 {
font-size: 22px;
font-size: 1.22222rem; } }
@media only screen and (min-width: 76.25em) {
.resources-container h3 {
font-size: 20px;
font-size: 1.11111rem; } }
.resources-container .link-container {
padding: 20px 0 0 0; }
.resources-container a, .resources-container .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .resources-container .dropdownSelected {
padding: 0 0 10px 25px; }
.offset-hero {
background-color: black;
background-color: rgba(0, 0, 0, 0.6);
background-color: rgba(0, 0, 0, 0.6);
margin: -3.33333em -1.55556em;
padding: 3.33333em 1.55556em; }
.page-campaign-landing .offset-hero {
margin: -1.66667em -1.55556em; }
@media only screen and (min-width: 48em) {
.page-campaign-landing .offset-hero {
margin: 0 0 0 -100%; } }
.offset-hero h1 {
color: #ffffff; }
@media only screen and (min-width: 48em) {
.offset-hero {
box-sizing: border-box;
margin: 0 0 0 -100%;
padding: 1.33333em 1.33333em 1.33333em 0;
width: 150%; }
.offset-hero::after {
clear: both;
content: "";
display: table; } }
.offset-hero-clear {
background-image: none;
margin: -3.33333em -1.55556em;
padding: 3.33333em 1.55556em; }
.page-campaign-landing .offset-hero-clear {
margin: -1.66667em -1.55556em; }
@media only screen and (min-width: 48em) {
.page-campaign-landing .offset-hero-clear {
margin: 0 0 0 -100%; } }
.offset-hero-clear h1 {
color: #ffffff; }
@media only screen and (min-width: 48em) {
.offset-hero-clear {
box-sizing: border-box;
margin: 0 0 0 -100%;
padding: 1.33333em 1.33333em 1.33333em 0;
width: 150%; }
.offset-hero-clear::after {
clear: both;
content: "";
display: table; } }
.offset-hero-medium {
background-image: none;
background-color: #fe5000;
margin: -3.33333em -1.55556em;
padding: 3.33333em 1.55556em; }
.page-campaign-landing .offset-hero-medium {
margin: -1.66667em -1.55556em; }
@media only screen and (min-width: 48em) {
.page-campaign-landing .offset-hero-medium {
margin: 0 0 0 -100%; } }
.offset-hero-medium h1 {
color: #ffffff; }
@media only screen and (min-width: 48em) {
.offset-hero-medium {
background-image: none;
background-color: #FE5000;
margin: -3.33333em -1.55556em;
padding: 3.33333em 1.55556em; } }
@media only screen and (min-width: 60em) {
.offset-hero-medium {
background-image: url("head/category_banner_bg2.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: right center;
background-size: auto 100%;
box-sizing: border-box;
margin: 0 0 0 -98%;
padding: 2.44444em 1.33333em 2.22222em 0;
width: 167%; }
.offset-hero-medium::after {
clear: both;
content: "";
display: table; } }
.offset-hero-top {
background-image: none;
background-color: #FE5000;
margin: -3.33333em -1.55556em;
padding: 3.33333em 1.55556em; }
.page-campaign-landing .offset-hero-top {
margin: -1.66667em -1.55556em; }
@media only screen and (min-width: 48em) {
.page-campaign-landing .offset-hero-top {
margin: 0 0 0 -100%; } }
.offset-hero-top h1 {
color: #ffffff;
line-height: 1em;
margin: 0 0 .5em 0; }
.offset-hero-top p {
margin: 0 0 .5em 0; }
@media only screen and (min-width: 12.5em) {
.offset-hero-top h1 {
color: #ffffff;
line-height: 1em;
margin: 1em 0 .5em 0; } }
@media only screen and (min-width: 20em) {
.offset-hero-top h1 {
color: #ffffff;
line-height: 1em;
margin: 1em 0 .5em 0; } }
@media only screen and (min-width: 48em) {
.offset-hero-top {
background-image: none;
background-color: #FE5000;
margin: -3.33333em -1.55556em;
padding: 3.33333em 1.55556em; } }
@media only screen and (min-width: 60em) {
.offset-hero-top {
background-image: url("head/orange-swirl-column-alternate.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: right center;
background-size: auto 100%;
box-sizing: border-box;
margin: 0 0 0 -156%;
padding: 3.88889em 1.33333em 0 0;
width: 200%; }
.offset-hero-top::after {
clear: both;
content: "";
display: table; }
.offset-hero-top h1 {
color: #ffffff;
line-height: 1em;
margin: 0 0 .5em 0; } }
.offset-hero-small {
background-image: none;
background-color: #FE5000;
margin: -3.33333em -1.55556em;
padding: 3.33333em 1.55556em; }
.page-campaign-landing .offset-hero-small {
margin: -1.66667em -1.55556em; }
@media only screen and (min-width: 48em) {
.page-campaign-landing .offset-hero-small {
margin: 0 0 0 -100%; } }
.offset-hero-small h1 {
color: #ffffff; }
@media only screen and (min-width: 48em) {
.offset-hero-small {
background-image: none;
background-color: #FE5000;
margin: -3.33333em -1.55556em;
padding: 3.33333em 1.55556em; } }
@media only screen and (min-width: 60em) {
.offset-hero-small {
background-image: url("head/orange-swirl-column-alternate.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: right center;
background-size: auto 100%;
box-sizing: border-box;
margin: 0 0 0 -145%;
padding: 10.55556em 1.33333em 1.66667em 0;
width: 180%; }
.offset-hero-small::after {
clear: both;
content: "";
display: table; } }
.offset-hero-bottom {
background-image: none;
background-color: #FE5000;
margin: -3.33333em -1.55556em;
padding: 3.33333em 1.55556em; }
.page-campaign-landing .offset-hero-bottom {
margin: -1.66667em -1.55556em; }
@media only screen and (min-width: 48em) {
.page-campaign-landing .offset-hero-bottom {
margin: 0 0 0 -100%; } }
.offset-hero-bottom h1 {
color: #ffffff; }
@media only screen and (min-width: 48em) {
.offset-hero-bottom {
background-image: none;
background-color: #FE5000;
margin: -3.33333em -1.55556em;
padding: 3.33333em 1.55556em; } }
@media only screen and (min-width: 60em) {
.offset-hero-bottom {
background-image: url("head/orange-swirl-column-alternate.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: right center;
background-size: auto 100%;
box-sizing: border-box;
margin: 0 0 0 -145%;
padding: 10.55556em 1.33333em 0 0;
width: 180%; }
.offset-hero-bottom::after {
clear: both;
content: "";
display: table; } }
.offset-hero-transparent {
background-image: url("head/transparent-black3.png");
margin: 0em -1.55556em;
padding: 3.33333em 1.55556em; }
.page-campaign-landing .offset-hero-transparent {
margin: -1.66667em -1.55556em; }
@media only screen and (min-width: 48em) {
.page-campaign-landing .offset-hero-transparent {
margin: 0 0 0 -100%; } }
.offset-hero-transparent h1 {
color: #ffffff; }
@media only screen and (min-width: 48em) {
.offset-hero-transparent {
background-image: url("head/transparent-black3.png");
background-repeat: repeat;
margin: 0em -1.55556em;
padding: 3.33333em 1.55556em; } }
@media only screen and (min-width: 60em) {
.offset-hero-transparent {
background-image: none;
background-repeat: repeat;
background-size: auto 100%;
box-sizing: border-box;
/*margin: 0 0 0 -98%;
padding: em(44) em(24) em(24) 0;*/
margin: 0em -1.55556em;
padding: 3.33333em 1.55556em; }
.offset-hero-transparent::after {
clear: both;
content: "";
display: table; } }
@media only screen and (min-width: 76.25em) {
.offset-hero-transparent {
background-image: none;
background-repeat: repeat;
background-position: right center;
background-size: auto 100%;
box-sizing: border-box;
margin: 0 0 0 -98%;
padding: 2.44444em 1.33333em 1.33333em 0;
width: 167%; }
.offset-hero-transparent::after {
clear: both;
content: "";
display: table; } }
.offset-hero-inner-wrap {
color: #fe5000; }
@media only screen and (min-width: 48em) {
.offset-hero-inner-wrap {
box-sizing: border-box;
margin-left: 66.66667%;
padding: 0 1.55556em;
width: 40%; } }
.offset-hero-inner-wrap.full-width {
width: 66.66667%; }
.offset-hero-medium-inner-wrap {
color: #fe5000; }
.offset-hero-medium-inner-wrap p {
color: #ffffff;
font-size: 20px;
font-size: 1.11111rem;
margin: 0 0 1.5em 0; }
.offset-hero-medium-inner-wrap p:first-child {
margin-top: 0; }
@media only screen and (min-width: 12.5em) {
.offset-hero-medium-inner-wrap {
margin: 0 0 1.78571em 0; } }
@media only screen and (min-width: 48em) {
.offset-hero-medium-inner-wrap {
box-sizing: border-box;
margin-left: 0%;
padding: 0.27778em 0.27778em;
width: 100%; } }
@media only screen and (min-width: 60em) {
.offset-hero-medium-inner-wrap {
box-sizing: border-box;
margin-left: 58.33333%;
padding: 0 1.55556em;
width: 33.33333%; } }
.offset-hero-small-inner-wrap {
color: #fe5000; }
@media only screen and (min-width: 48em) {
.offset-hero-small-inner-wrap {
box-sizing: border-box;
margin-left: 0%;
padding: 0.27778em 0.27778em;
width: 100%; } }
@media only screen and (min-width: 60em) {
.offset-hero-small-inner-wrap {
box-sizing: border-box;
margin-left: 81.33333%;
padding: 0;
width: 33.33333%; } }
.offset-hero-bottom-inner-wrap {
color: #fe5000; }
@media only screen and (min-width: 48em) {
.offset-hero-bottom-inner-wrap {
box-sizing: border-box;
margin-left: 0%;
padding: 0.27778em 0.27778em;
width: 100%; } }
@media only screen and (min-width: 60em) {
.offset-hero-bottom-inner-wrap {
box-sizing: border-box;
margin-left: 81.33333%;
padding: 0;
width: 33.33333%; } }
.offset-hero-top-inner-wrap {
color: #fe5000; }
@media only screen and (min-width: 48em) {
.offset-hero-top-inner-wrap {
box-sizing: border-box;
margin-left: 0%;
padding: 0.27778em 0.27778em;
width: 100%; } }
@media only screen and (min-width: 60em) {
.offset-hero-top-inner-wrap {
box-sizing: border-box;
margin-left: 77.66667%;
padding: 0 1.55556em;
width: 40%; } }
.offset-hero-top-inner-wrap h2 {
font-size: 32px;
font-size: 1.77778rem;
font-weight: 400;
padding: 0 0 2em 0; }
.offset-hero-top-inner-wrap h2 span {
font-weight: 800; }
@media only screen and (min-width: 48em) {
.offset-hero-top-inner-wrap h2 {
font-size: 32px;
font-size: 1.77778rem; } }
.offset-hero-top-content {
color: #fe5000; }
@media only screen and (min-width: 48em) {
.offset-hero-top-content {
box-sizing: border-box;
margin-left: 0%;
padding: 0.27778em 0.27778em;
width: 100%; } }
@media only screen and (min-width: 60em) {
.offset-hero-top-content {
box-sizing: border-box;
margin-left: 0;
padding: 0;
width: 80%; } }
.offset-hero-top-content h2 {
color: #ffffff;
font-size: 32px;
font-size: 1.77778rem;
font-weight: 400;
padding: 0 0 1em 0;
margin: 0; }
.offset-hero-top-content h2 span {
font-weight: 800; }
@media only screen and (min-width: 48em) {
.offset-hero-top-content h2 {
font-size: 32px;
font-size: 1.77778rem; } }
.offset-hero-transparent-inner-wrap {
color: #fe5000; }
@media only screen and (min-width: 48em) {
.offset-hero-transparent-inner-wrap {
box-sizing: border-box;
margin-left: 0%;
padding: 0.27778em 0.27778em;
width: 100%; } }
@media only screen and (min-width: 60em) {
.offset-hero-transparent-inner-wrap {
box-sizing: border-box;
margin-left: 0;
padding: 0 1.55556em;
width: 100%; } }
@media only screen and (min-width: 76.25em) {
.offset-hero-transparent-inner-wrap {
box-sizing: border-box;
margin-left: 58.33333%;
padding: 0 1.55556em;
width: 61.66667%; } }
.offset-hero-transparent-inner-wrap h2 {
font-size: 32px;
font-size: 1.77778rem;
font-weight: 400;
padding: 0 0 2em 0; }
.offset-hero-transparent-inner-wrap h2 span {
font-weight: 800; }
@media only screen and (min-width: 48em) {
.offset-hero-transparent-inner-wrap h2 {
font-size: 32px;
font-size: 1.77778rem; } }
.offset-hero-transparent-content {
color: #fe5000; }
@media only screen and (min-width: 48em) {
.offset-hero-transparent-content {
box-sizing: border-box;
margin-left: 0%;
padding: 0.27778em 0.27778em;
width: 100%; } }
@media only screen and (min-width: 60em) {
.offset-hero-transparent-content {
box-sizing: border-box;
margin-left: 0;
padding: 0;
width: 40%; } }
.offset-hero-transparent-content h2 {
font-size: 32px;
font-size: 1.77778rem;
font-weight: 400;
padding: 0 0 .5em 0; }
.offset-hero-transparent-content h2 span {
font-weight: 800; }
@media only screen and (min-width: 48em) {
.offset-hero-transparent-content h2 {
font-size: 32px;
font-size: 1.77778rem; } }
.offset-wrapper {
position: relative;
z-index: 1; }
.layout-full-bleed.header-emphasis {
background-color: #fe5000;
padding: 2em 0; }
.layout-full-bleed.header-emphasis h1 {
color: #fff;
margin: 0; }
.layout-full-bleed.header-product-landing {
background-color: #0093C9;
padding: 0; }
.layout-full-bleed.header-product-landing h1 {
color: #fff;
margin: 0;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
width: 85%; }
.layout-full-bleed.header-product-landing .img-wrap {
padding-top: 5px; }
.layout-full-bleed.header-product-landing .img-wrap img {
max-height: 125px; }
.header-product-landing {
background-color: #0093C9;
padding: 0; }
.header-product-landing .layout-inner-wrap.flex {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.header-product-landing h1 {
color: #fff;
margin: 0;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
width: 85%;
padding: 20px 0; }
.header-product-landing .img-wrap {
padding-top: 5px; }
.header-product-landing .img-wrap img {
max-height: 125px; }
.layout-full-bleed.product-finder-search {
background-color: #F2F3F3; }
.list-filter {
margin: 0;
padding: 0; }
.list-filter ul {
margin: 0;
padding: 0; }
.list-filter li {
display: inline-block;
margin: .25em 0;
width: auto; }
.list-filter-toggle {
padding-right: 1em; }
.list-filter-alpha a, .list-filter-alpha .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .list-filter-alpha .dropdownSelected, .list-filter-alpha > li > div, .list-filter-toggle a, .list-filter-toggle .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .list-filter-toggle .dropdownSelected, .list-filter-toggle > li > div {
padding: .25em .5em;
white-space: nowrap; }
.touch .list-filter-alpha a, .touch .list-filter-alpha .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .touch .list-filter-alpha .dropdownSelected,
.touchevents .list-filter-alpha a,
.touchevents .list-filter-alpha .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li
.touchevents .list-filter-alpha .dropdownSelected, .touch .list-filter-alpha > li > div,
.touchevents .list-filter-alpha > li > div, .touch .list-filter-toggle a, .touch .list-filter-toggle .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .touch .list-filter-toggle .dropdownSelected,
.touchevents .list-filter-toggle a,
.touchevents .list-filter-toggle .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li
.touchevents .list-filter-toggle .dropdownSelected, .touch .list-filter-toggle > li > div,
.touchevents .list-filter-toggle > li > div {
padding: .5em 1em; }
.list-filter-alpha a:hover, .list-filter-alpha .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .list-filter-alpha .dropdownSelected:hover,
.list-filter-alpha a.active,
.list-filter-alpha .orion-seconday-nav .nav-wrap ul li .active.dropdownSelected, .orion-seconday-nav .nav-wrap ul li
.list-filter-alpha .active.dropdownSelected, .list-filter-toggle a:hover, .list-filter-toggle .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .list-filter-toggle .dropdownSelected:hover,
.list-filter-toggle a.active,
.list-filter-toggle .orion-seconday-nav .nav-wrap ul li .active.dropdownSelected, .orion-seconday-nav .nav-wrap ul li
.list-filter-toggle .active.dropdownSelected {
background: #0093C9;
border-radius: 3px;
color: white; }
.layout-full-bleed.product-section-wrapper {
float: none;
padding: 0; }
.layout-full-bleed.product-section-wrapper article {
padding: 0; }
.product-finder-nav {
padding-bottom: 0.5em;
padding-top: 0.5em;
text-align: left; }
@media only screen and (min-width: 48em) {
.product-finder-nav {
text-align: center; } }
.product-finder-filters {
background-color: #F2F3F3;
display: block;
padding: 0 !important;
text-align: center; }
.layout-full-bleed.product-finder-filters .layout-primary {
padding: 0; }
.layout-full-bleed.product-links {
padding: 3.33333em 0; }
.category-section-filter-wrapper {
box-sizing: border-box;
display: block;
float: left;
margin: 0;
padding: 0;
width: 33.33333%; }
@media only screen and (min-width: 76.25em) {
.category-section-filter-wrapper {
display: table-cell;
float: none;
height: 100%;
width: 16.66667%; } }
.category-section-filters {
display: none;
vertical-align: middle; }
@media only screen and (min-width: 48em) {
.category-section-filters {
display: inline-block;
margin: auto; } }
.category-section-filters ul {
display: table;
height: 100%;
margin: 0 auto;
padding-left: 0; }
.category-section-filters li {
border-top: 5px solid transparent;
font-weight: 800;
overflow: hidden;
text-align: center;
vertical-align: middle; }
.category-section-filters li:last-of-type {
border-right: 1px solid #fff; }
.category-section-filters li a, .category-section-filters .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul .category-section-filters li .dropdownSelected {
display: block;
height: 100%;
padding: 1em;
-moz-box-sizing: border-box; }
.category-section-filters li a:before, .category-section-filters .orion-seconday-nav .nav-wrap ul li .dropdownSelected:before, .orion-seconday-nav .nav-wrap ul .category-section-filters li .dropdownSelected:before {
content: '';
display: inline-block;
height: 100%;
margin-right: -0.3em;
vertical-align: middle;
width: 0; }
.category-section-filters li a.active, .category-section-filters .orion-seconday-nav .nav-wrap ul li .active.dropdownSelected, .orion-seconday-nav .nav-wrap ul .category-section-filters li .active.dropdownSelected {
background-color: #fff; }
.category-section-filters li a .icon, .category-section-filters .orion-seconday-nav .nav-wrap ul li .dropdownSelected .icon, .orion-seconday-nav .nav-wrap ul .category-section-filters li .dropdownSelected .icon {
display: inline-block;
vertical-align: middle; }
.category-section-filters li a .icon img, .category-section-filters .orion-seconday-nav .nav-wrap ul li .dropdownSelected .icon img, .orion-seconday-nav .nav-wrap ul .category-section-filters li .dropdownSelected .icon img {
display: block;
height: 60px;
margin: auto;
margin-bottom: 0.5em; }
.category-section-filters li:hover {
border-top: 5px solid #e0e0e0; }
@media only screen and (min-width: 48em) {
.category-section-filters li {
border-bottom: 1px solid #fff;
border-right: 1px solid #fff; }
.category-section-filters li:nth-child(3n+1) {
border-left: 1px solid #fff; } }
@media only screen and (min-width: 76.25em) {
.category-section-filters li {
border-left: 1px solid #fff; } }
.list-product-finder, .results {
list-style: none;
margin: 0;
padding: 0; }
.list-product-finder li.topics, .results li.topics {
border-bottom: none; }
.list-product-finder > li, .results > li {
border-bottom: 1px solid #e0e0e0;
clear: both;
margin-bottom: 0;
overflow: hidden; }
.list-product-finder > li ul, .results > li ul {
display: block;
margin: 0;
padding: 0; }
@media only screen and (min-width: 48em) {
.list-product-finder > li ul, .results > li ul {
-webkit-column-count: 3;
-webkit-column-gap: 3%;
-moz-column-count: 3;
-moz-column-gap: 3%;
column-count: 3;
column-gap: 3%; } }
.list-product-finder > li li, .results > li li {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
column-break-inside: avoid;
overflow: hidden; }
.link-icon-product-resources:before {
content: ""; }
.link-icon-product-resources-lightgrey:before {
color: #e4e5e6 !important;
content: ""; }
.link-icon-product-resources-lightblue:before {
color: #6290a3 !important;
content: ""; }
.link-icon-product-page:before {
content: ""; }
.product-services-cards .card-container .card-image {
height: 54px; }
.product-services-cards .card-container .card-image img {
height: 55px;
width: 85px; }
.product-services-cards .card-container .card-image .fill-mediumOrange {
height: 54px;
width: 84px; }
.product-services-cards .card-container .card-image .fill-keppel {
height: 54px;
width: 86px; }
.product-services-cards .card-container .card-image .fill-tango {
height: 54px;
width: 50px; }
.product-services-cards .card-container .card-image .fill-robins-egg-blue {
height: 54px;
width: 74.25px; }
.product-services-cards .card-container .card-image .fill-tangerine, .product-services-cards .card-container .card-image .fill-pear {
height: 54px;
width: 54px; }
.product-cards .product-card-sub-heading {
max-width: 970px;
margin-left: auto;
margin-right: auto; }
.product-cards .flex-wrap .flex, .product-cards .cards-4-col .flex, .product-cards .cards-3-col .flex, .product-cards .education-cards .flex, .product-cards .events-cards .flex, .product-cards .partner-card-carousel-cmp .partner-card-carousel .item .flex, .partner-card-carousel-cmp .partner-card-carousel .product-cards .item .flex {
display: inline; }
.product-cards .card-wrap .purchasing-col {
padding-bottom: 0 !important; }
.product-cards .card-wrap .purchasing-col .card-content h3 {
font-weight: 400;
text-align: center;
margin-bottom: 1em;
color: #313435; }
@media (max-width: 832px) {
.product-cards .card-wrap.m2 {
margin-left: 0;
margin-right: 0;
width: 100%; }
.product-cards .card-wrap .no-flexbox .card-wrap .card, .product-cards .card-wrap .no-flexbox .card-wrap .rc-card-row .simple-card, .rc-card-row .product-cards .card-wrap .no-flexbox .card-wrap .simple-card, .product-cards .card-wrap .no-flexbox .card-wrap .rc-card-row .card-with-header, .rc-card-row .product-cards .card-wrap .no-flexbox .card-wrap .card-with-header, .product-cards .card-wrap .no-flexbox .card-wrap .rc-card-row .card-with-description, .rc-card-row .product-cards .card-wrap .no-flexbox .card-wrap .card-with-description, .product-cards .card-wrap .no-flexbox .card-wrap .rc-card-row .featured-card, .rc-card-row .product-cards .card-wrap .no-flexbox .card-wrap .featured-card {
width: 100%; } }
/*
Associates with jquery.product-sort.js
mixitup jquery plugin expects elements being sorted must be hidden by default:
.category-section, .result-item, .alpha-section for the various items being filtered
*/
.no-js .category-section,
.no-js .accordion-item-content,
.no-js .alpha-section,
.no-js .result-item {
display: block !important; }
.no-js .product-finder-filters {
display: none !important; }
.no-js .featured-product.view-all {
display: none !important; }
.category-sections {
margin-top: 0;
padding: 0; }
.category-sections .category-section {
border-top: 2px solid #cacaca;
margin: 0;
padding: 3em 0; }
.category-sections .category-section h2 {
display: inline-block;
margin-bottom: 0.75em; }
.category-sections .category-section:first-child, .category-sections .category-section.active {
border-top: 0; }
@media only screen and (min-width: 48em) {
.category-sections .category-section {
display: none; }
.category-sections .category-section.active .view-all {
display: none !important; } }
.category-sections .category-section.accordion {
border: none;
margin: 0 -2em;
padding: 0; }
.category-sections .category-section.accordion h2 {
color: #0093C9;
font-size: 0.75em;
margin: 0; }
.category-sections .category-section.accordion .accordion-item {
background-color: #F2F3F3;
border-top: 0;
border-bottom: 0;
padding: 0; }
.category-sections .category-section.accordion .accordion-item-anchor {
background-position: 1.4em;
background-size: 25px;
border-top: 1px solid #cacaca;
display: block;
padding-bottom: 0.25em;
padding-left: 1.4em;
padding-right: 1.4em;
padding-top: 0.25em; }
.category-sections .category-section.accordion .accordion-item.open .accordion-item-anchor {
border-bottom: 1px solid #cacaca; }
.category-sections .category-section.accordion:last-of-type .accordion-item-anchor {
border-bottom: 1px solid #cacaca; }
.category-sections .category-section.accordion .accordion-item-content {
background: #fff;
margin: 0;
padding: 1.5em 1.4em; }
.category-sections .category-section-left-column,
.category-sections .category-section-right-column {
box-sizing: border-box; }
@media only screen and (min-width: 48em) {
.category-sections .category-section-left-column,
.category-sections .category-section-right-column {
display: inline-block;
vertical-align: top; } }
.category-sections .category-section-left-column {
margin: 1.5em 0; }
.category-sections .category-section-left-column .product-shot {
display: none; }
@media only screen and (min-width: 48em) {
.category-sections .category-section-left-column {
margin-right: -0.5em;
width: 40%; }
.category-sections .category-section-left-column .product-shot {
display: block;
margin-bottom: 1em;
padding-right: 3em; }
.category-sections .category-section-left-column .product-shot img {
width: 100%; } }
@media only screen and (min-width: 48em) {
.category-sections .category-section-right-column {
padding-left: 2em;
width: 60%; } }
.category-sections .featured-products {
margin: 0;
padding: 0; }
.category-sections .featured-products h4 {
color: #0093C9; }
.category-sections .featured-product {
border: none;
list-style: none;
margin: 0;
padding: 0.75em 0; }
.category-sections .featured-product:first-child {
padding-top: 0; }
@media only screen and (min-width: 48em) {
.category-sections .featured-product {
border-top: 1px solid #d7dbdb;
padding: 1.5em 0; }
.category-sections .featured-product:first-child {
border-top: none; } }
.category-sections .featured-product .product-detail {
--color: #6c6c6c;
display: table;
width: 100%; }
@media only screen and (min-width: 48em) {
.category-sections .featured-product .description {
display: table-cell; } }
@media only screen and (min-width: 48em) {
.category-sections .featured-product .actions {
display: table-cell;
min-width: 12em;
padding-left: 2em;
text-align: right; } }
.alpha-section {
display: none;
width: 100%; }
.alpha-section:first-child h3 {
margin-top: 0; }
.alpha-section h3 {
margin-top: 0.5em; }
.result-items {
padding: 0; }
.result-items h2 {
margin-bottom: 0.75em;
margin-top: 1em; }
.result-items .result-item {
display: none;
width: 100%; }
.topics-results-heading, .products-results-heading {
display: none; }
.alpha-sections .topics-results-heading, .alpha-sections .products-results-heading {
display: block; }
/**
* Support base overrides
*/
body.support-central {
padding-top: 0; }
/**
* Support Helpers
*/
.support-logged-out .support-section-divider.above-support-section-container, .support-logged-out .support-account-container .account-details-wrapper, .support-account-container .support-logged-out .account-details-wrapper, .support-logged-out .support-recent-issues, .support-logged-out .account-error, .support-logged-out .support-no-issues, .support-logged-out .support-loading-issues {
display: none; }
.support-logged-in .support-search .logged-out-options, .support-search .support-logged-in .logged-out-options {
display: none; }
.support-hide-while-loading {
display: none; }
/**
* Support elements
* Small and used throughout
*/
.support-chat-now, .sales-chat-now {
right: 0px;
background-color: #fe5000;
position: fixed;
padding: 0.5em;
bottom: 0px;
border-radius: 5px 5px 0px 0px;
color: #fff;
transition: right .5s ease;
z-index: 20;
transform: translateY(0%) translateX(0%) rotate(0deg);
-webkit-transform: translateY(0%) translateX(0%) rotate(0deg);
-ms-transform: translateY(0%) translateX(0%) rotate(0deg);
-webkit-transition: right .5s ease;
bottom: 10px;
border-radius: 50%; }
.support-chat-now .chat-now-close:hover, .sales-chat-now .chat-now-close:hover {
color: yellow; }
.support-chat-now .mobile-only, .sales-chat-now .mobile-only {
height: 60px;
width: 60px; }
.support-chat-now .chat-now-close::before, .sales-chat-now .chat-now-close::before {
content: "";
font-family: "icomoon";
font-size: 1rem;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-transform: none;
position: absolute;
right: 0.3em;
font-weight: 700;
color: white;
text-decoration: none;
text-shadow: 1px 1px 1px rgba(241, 93, 34, 0.07);
-webkit-transition: color 0.25s ease-out 0s;
transition: color 0.25s ease-out 0s;
top: 0.5rem; }
@media only screen and (min-width: 60em) {
.support-chat-now, .sales-chat-now {
bottom: 0px;
border-radius: 5px 5px 0px 0px; }
.support-chat-now:hover img, .sales-chat-now:hover img {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out; } }
@media only screen and (min-width: 20em) {
.support-chat-now, .sales-chat-now {
right: 10px; } }
.support-chat-now a, .support-chat-now .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .support-chat-now .dropdownSelected, .sales-chat-now a, .sales-chat-now .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .sales-chat-now .dropdownSelected {
color: #fff; }
.support-chat-now img, .sales-chat-now img {
float: right;
display: inline-block;
width: 60px;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
margin-top: .8rem; }
.support-chat-now b, .sales-chat-now b {
/*Added for IE - Hover effect*/
margin-right: .25em; }
@media only screen and (min-width: 48em) {
.support-chat-now.on-screen, .sales-chat-now.on-screen {
right: 1em; } }
@media only screen and (min-width: 60em) {
.support-chat-now.on-screen, .sales-chat-now.on-screen {
padding: 1em;
right: 1.5em; } }
@media only screen and (min-width: 1024px) {
.support-chat-now:hover svg {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out; } }
/*
.fixed-tab-chat-now {
display: none;
@include media(breakpointLarge) {
display: block;
}
.chat-now-link {
background: #19a49a url(head/button-fixed-chat-now.png) no-repeat;
border-radius: 5px 0 0 5px;
@include font-size(15);
color: #fff;
height: 138px;
opacity: .93;
outline: 0;
position: fixed;
right: -14em;
text-indent: -999em;
top: 35%;
transition: right .5s ease;
width: 38px;
z-index: 20;
-webkit-transition: right .25s ease 2s, background-color .25s ease;
&.on-screen {
right: 0;
}
&:hover,
&:active {
background-color: #0c7d75;
}
&:before {
@include icon();
content: '\e96d';
@include font-size(18);
left: em(8);
position: absolute;
top: em(8);
}
}
}
*/
.support-section-divider {
background-color: #fff;
padding: 1em 0 !important; }
.support-section-divider .layout-inner-wrap {
border-bottom: 1px solid #F2F3F3; }
/**
* Support component container default
* Apply to support component containers where necessary to apply consistent
* styling
*/
.support-section-container, .support-section-container.layout-full-bleed {
padding: 1em 0; }
.support-section-container h2 {
margin-bottom: 1em;
vertical-align: middle; }
/**
* Support component containers
*/
.support-account-container {
padding: 0 !important; }
.support-account-container .account-actions-wrapper, .support-account-container .account-details-wrapper, .support-account-container .acccount-user-wrapper {
line-height: 100%;
padding-bottom: 0.45em; }
.support-account-container .account-actions-wrapper:first-child, .support-account-container .account-details-wrapper:first-child, .support-account-container .acccount-user-wrapper:first-child {
padding-top: 0.45em; }
.support-account-container .account-actions-wrapper {
background-color: #ececec;
text-align: right; }
.support-account-container .account-actions-wrapper a, .support-account-container .account-actions-wrapper .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .support-account-container .account-actions-wrapper .dropdownSelected, .support-account-container .account-actions-wrapper a:hover, .support-account-container .account-actions-wrapper .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .support-account-container .account-actions-wrapper .dropdownSelected:hover {
color: #6c6c6c;
font-weight: 600; }
.support-account-container .account-details-wrapper {
padding: 0.5em 0; }
.support-account-container .account-actions,
.support-account-container .account-user,
.support-account-container .action-details {
list-style: none;
margin: 0;
padding: 0; }
.support-account-container .list-piped .action {
text-align: left; }
@media only screen and (min-width: 48em) {
.support-account-container .list-piped .action {
line-height: 48px; } }
@media only screen and (min-width: 48em) {
.support-account-container .list-piped .action-piped:after {
color: #cacaca;
content: "|";
left: 1em;
line-height: 48px;
position: relative; } }
.support-account-container .account-actions,
.support-account-container .account-user {
display: inline-block;
vertical-align: middle;
width: 100%; }
.support-account-container .account-actions:last-child,
.support-account-container .account-user:last-child {
margin-bottom: 0; }
@media only screen and (min-width: 48em) {
.support-account-container .account-actions,
.support-account-container .account-user {
width: 50%; }
.support-account-container .account-actions:last-child,
.support-account-container .account-user:last-child {
margin-left: -0.35em; } }
.support-account-container .action,
.support-account-container .account-user li,
.support-account-container .action-detail {
display: block;
margin-bottom: 0.5em;
text-align: center;
width: 100%; }
.support-account-container .action:last-child,
.support-account-container .account-user li:last-child,
.support-account-container .action-detail:last-child {
margin-bottom: 0; }
@media only screen and (min-width: 48em) {
.support-account-container .action,
.support-account-container .account-user li,
.support-account-container .action-detail {
display: inline-block;
margin-bottom: 0;
width: auto; } }
.support-account-container .account-user {
margin-bottom: 0.5em;
margin-left: 0;
margin-top: 0.5em;
margin-right: -0;
text-align: left; }
@media only screen and (min-width: 48em) {
.support-account-container .account-user {
margin: 0;
width: 35%; }
.support-account-container .account-user .welcome {
margin-right: 1.5em; } }
.support-account-container .account-actions {
text-align: center; }
@media only screen and (min-width: 48em) {
.support-account-container .account-actions {
text-align: right;
width: 65%; } }
@media only screen and (min-width: 60em) {
.support-account-container .account-actions {
text-align: right; } }
.support-account-container .account-actions .action {
display: inline-block;
font-size: 0.8em;
margin-left: 1.5em;
width: auto; }
@media only screen and (min-width: 48em) {
.support-account-container .account-actions .action {
margin-left: 0;
text-align: right; } }
.support-account-container .account-actions .action:before {
content: ''; }
@media only screen and (min-width: 48em) {
.support-account-container .account-actions .action:before {
text-align: right;
content: '|';
color: #cacaca;
margin: 0 1.25em; } }
.support-account-container .account-actions .action:first-child {
margin-left: 0; }
.support-account-container .account-actions .action:first-child:before {
margin: 0;
content: ''; }
.support-account-container .account-actions .alerts {
color: #fe5000; }
.support-account-container .action-detail {
text-align: left;
vertical-align: middle; }
.support-account-container .action-detail .action-label {
color: #b1b1b1;
font-size: 0.85em;
font-weight: 400;
margin-bottom: 0.35em;
text-transform: uppercase; }
.support-account-container .action-detail .action-value {
font-weight: 600; }
@media only screen and (min-width: 48em) {
.support-account-container .action-detail {
display: inline-block;
margin-bottom: 2em;
margin-right: 2em;
margin-left: 0;
margin-top: 2em; }
.support-account-container .action-detail:last-child {
margin-right: 0; } }
@media only screen and (min-width: 60em) {
.support-account-container .action-detail {
margin-top: 1em;
margin-bottom: 1em; } }
.support-account-container .action-detail.support-id {
display: inline-block;
margin-bottom: 1.5em;
width: 100%; }
@media only screen and (min-width: 60em) {
.support-account-container .action-detail.support-id {
width: auto; } }
.support-account-container .action-detail.support-id .decorator-select {
display: inline-block;
vertical-align: middle;
width: 250px; }
.support-account-container .action-detail.support-id .decorator-select select::-ms-value {
background: none;
color: #000; }
.support-account-container .action-detail-group {
display: inline-block;
margin-bottom: 0;
vertical-align: top;
width: 100%; }
@media only screen and (min-width: 48em) {
.support-account-container .action-detail-group {
margin-right: 2em;
width: auto; } }
.support-account-container .action-detail-group .action-detail {
display: block;
margin-top: 1em; }
@media only screen and (min-width: 48em) {
.support-account-container .action-detail-group .action-detail {
display: inline-block;
margin-bottom: 1em;
margin-top: 0; } }
@media only screen and (min-width: 48em) {
.support-account-container .action-detail-group .action-detail:last-child {
clear: left; } }
@media only screen and (min-width: 60em) {
.support-account-container .action-detail-group .action-detail:last-child {
clear: none; } }
.support-account-container .action-detail-group .action-value {
line-height: 18px; }
@media only screen and (min-width: 60em) {
.support-account-container .action-detail-group .action-value {
line-height: 48px; } }
.support-search {
text-align: center; }
.support-search.support-section-container {
padding-top: 1em; }
.support-search .support-search-top {
display: inline-block;
padding: 1em 0;
text-align: center;
width: 100%; }
@media only screen and (min-width: 60em) {
.support-search .support-search-top {
padding: 1.25em 0; } }
.support-search .support-search-header {
display: inline-block;
margin-bottom: 0.75em;
margin-top: 0;
margin-left: 0;
margin-right: 3%;
vertical-align: middle; }
@media only screen and (min-width: 60em) {
.support-search .support-search-header {
margin-bottom: 0.25em;
vertical-align: middle; } }
.support-search fieldset {
display: inline-block;
margin: 0;
vertical-align: middle;
width: 75%; }
@media only screen and (min-width: 60em) {
.support-search fieldset {
width: 40%; } }
.support-search .contextual-tooltip {
left: -5px;
top: -15px; }
.support-search .support-search-tips {
margin-top: 0.8em;
text-align: right; }
.support-search .support-search-tips .search-tips-example {
color: #929292;
margin-right: 1.5em; }
.support-search .support-search-tips .search-tips-other {
font-weight: 600; }
.support-search .logged-out-options {
font-size: 1.25em; }
.support-search .logged-out-options .btn-login {
display: inline-block;
margin-left: 1.25em; }
.support-search .support-search-areas {
padding-top: 0; }
.support-search .support-search-areas h3 {
color: #0093C9;
text-shadow: none; }
.support-search .support-search-areas h3:after {
content: '\00a0\00a0\203A';
display: inline; }
.support-search .support-search-areas p {
color: #313435; }
@media only screen and (min-width: 76.25em) {
.support-search .support-search-areas {
padding-left: 3em;
padding-right: 3em; } }
.support-search .support-search-areas .icon-point-list-item:hover h3 {
color: #046e96; }
.support-search .support-search-drawer-toggle {
background-color: #eee;
padding: 1em;
text-align: center; }
.support-promo {
padding: 0 !important;
text-align: center; }
.support-promo img {
width: 100%; }
.support-promo .narrow-promo-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media only screen and (min-width: 60em) {
.support-promo .narrow-promo-container {
display: none; } }
.support-promo .wide-promo-container {
display: none; }
@media only screen and (min-width: 60em) {
.support-promo .wide-promo-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex; } }
.support-getting-started {
padding: 2em 0 !important; }
.support-getting-started h2 {
margin-bottom: 1em; }
.support-getting-started .support-getting-started-topics {
padding-left: 0 !important;
box-sizing: border-box;
padding-bottom: 3em;
padding-top: 0;
position: relative; }
.support-getting-started .support-getting-started-topics ul {
list-style: none;
margin: 0;
padding: 0; }
.support-getting-started .support-getting-started-topics li {
margin-bottom: 2.5em; }
.support-getting-started .support-getting-started-topics li p {
margin-bottom: 1em; }
.support-getting-started .support-getting-started-topics.carousel li {
margin-bottom: 0; }
.support-getting-started .support-getting-started-topics.carousel .owl-dots {
text-align: center; }
.support-getting-started .support-getting-started-topics.carousel .owl-dots .owl-dot {
border: 1px solid black;
border-radius: 50%;
display: inline-block;
height: 10px;
width: 10px;
margin-left: 5px; }
.support-getting-started .support-getting-started-topics.carousel .owl-dots .owl-dot:first-child {
margin-left: 0; }
.support-getting-started .support-getting-started-topics.carousel .owl-dots .owl-dot.active {
background-color: #000; }
.support-recent-issues .support-recent-issues-header {
display: inline-block;
margin-top: 0;
margin-right: 1.5em;
margin-left: 0;
margin-bottom: 1em;
vertical-align: middle; }
.support-recent-issues .support-recent-issues-buttons {
display: inline-block;
margin-bottom: 1.5em;
vertical-align: middle;
white-space: nowrap; }
.support-recent-issues .support-recent-issues-new {
margin-bottom: 0;
margin-left: 0;
margin-top: 0;
vertical-align: middle; }
.support-recent-issues .table-wrapper {
max-height: 16em;
overflow: scroll; }
.support-recent-issues .support-recent-issues-actions {
margin-top: 1em; }
.support-recent-issues td, .support-recent-issues th {
text-align: left; }
.support-recent-issues tr.hidden {
display: none; }
.support-recent-issues th:nth-of-type(1),
.support-recent-issues td:nth-of-type(1),
.support-recent-issues th:nth-of-type(4),
.support-recent-issues td:nth-of-type(4),
.support-recent-issues th:nth-of-type(5),
.support-recent-issues td:nth-of-type(5),
.support-recent-issues th:nth-of-type(6),
.support-recent-issues td:nth-of-type(6) {
width: 10%; }
.support-recent-issues th:nth-of-type(2),
.support-recent-issues td:nth-of-type(2),
.support-recent-issues th:nth-of-type(3),
.support-recent-issues td:nth-of-type(3) {
width: 25%; }
.account-error {
text-align: center;
line-height: 1.25em; }
.support-no-issues {
text-align: center; }
.support-no-issues .btn {
display: block;
margin-left: 0;
margin-top: 1em; }
@media only screen and (min-width: 30em) {
.support-no-issues .btn {
display: inline-block;
margin-left: 2em; } }
.support-no-issues p {
display: inline-block; }
.support-no-issues p:last-of-type {
margin-bottom: 0; }
.support-no-issues a, .support-no-issues .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .support-no-issues .dropdownSelected {
margin-bottom: 0;
margin-left: 3em;
margin-right: 0;
margin-top: 0; }
.support-no-issues a:first-of-type, .support-no-issues .orion-seconday-nav .nav-wrap ul li .dropdownSelected:first-of-type, .orion-seconday-nav .nav-wrap ul li .support-no-issues .dropdownSelected:first-of-type {
margin-left: 0; }
.support-logged-out .support-no-issues {
display: none; }
.support-recent-issues-actions {
text-align: right;
padding-bottom: 2em 0; }
.support-news .news-content {
margin-left: 0;
margin-right: 0;
min-width: 0;
width: 100%;
margin: 0 auto;
max-width: 1440px;
padding: 1em;
padding: 0; }
.support-news .news-entries {
margin-top: 2em;
padding: 0; }
@media only screen and (min-width: 48em) {
.support-news .news-entries {
box-sizing: border-box;
float: left;
margin: 0;
min-height: 1px;
width: 100%;
padding: 1em;
margin-top: 0;
width: 66.2%;
margin-left: 1.11111%; }
.support-news .news-entries:first-child {
margin-left: 0; } }
.support-news .news-sidebar {
background-color: #F2F3F3;
margin-top: 2em;
padding-bottom: 3em;
padding-left: 2em;
padding-right: 2em;
padding-top: 2em; }
@media only screen and (min-width: 48em) {
.support-news .news-sidebar {
margin-left: 8.3%;
box-sizing: border-box;
float: left;
margin: 0;
min-height: 1px;
width: 100%;
padding: 1em;
margin-top: 0;
width: 24.1%;
margin-left: 1.11111%; }
.support-news .news-sidebar:first-child {
margin-left: 0; } }
.support-news .news-sidebar section:first-child {
border-top: 0;
margin-top: 0;
padding-top: 0; }
.support-news .view-all {
text-align: left; }
.support-news .view-all a:after, .support-news .view-all .orion-seconday-nav .nav-wrap ul li .dropdownSelected:after, .orion-seconday-nav .nav-wrap ul li .support-news .view-all .dropdownSelected:after {
content: '\00a0\00a0›';
display: inline; }
@media only screen and (min-width: 60em) {
.support-news .two-up:first-child {
border-right: 1px solid #cacaca; }
.support-news .two-up:first-child ul {
padding-right: 1.25em; } }
.support-news ul {
margin: 0;
padding: 0;
list-style: none; }
.page-support-news .date {
width: 50px; }
.support-message-box {
background-color: #FFF;
margin-top: 0em; }
.support-message-box p {
border: medium solid #be0019;
margin-top: 2em !important;
margin: 2em;
padding: 1em;
display: inline-block; }
.psc-support-menu-toggle.support-menu-toggle {
width: 30px;
margin-right: 20px;
margin-left: 0;
float: none; }
.psc-mobile-logo-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.psc-header-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline; }
.support-header-inner {
border-bottom: 2px solid #8f92a3; }
.psc-header-right {
margin-top: -5px; }
.supportcentral-header-personalised .layout-inner-wrap {
max-width: 2550px; }
.supportcentral-header-personalised .logo-bar-container .mobile-logo-bar-wrapper {
padding: 0.5rem 0;
height: 50px; }
.supportcentral-header-personalised .support-header-heading {
border-left: 2px solid #dfdfdf; }
@media (max-width: 768px) {
.supportcentral-header-personalised .layout-inner-wrap {
max-width: 1950px; }
.supportcentral-header-personalised .logo-bar-container .mobile-logo-bar-wrapper {
padding: 8px 0;
height: auto; } }
.psc-support-menu-container .support-menu .menu-item {
display: inline-block; }
.psc-support-menu-container .support-menu.desktop .menu-item.js-show-sub-trigger {
vertical-align: middle; }
.psc-support-menu-container .support-menu.desktop .menu-item.js-show-sub-trigger::after {
content: "";
display: inline-block;
position: relative;
width: 7px;
height: 12px;
border: 0;
margin: 0;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23313538' viewBox='0 0 24 24'%3E%3Cpath d='M1,7.9l2.4-2.3l8.6,8.2l8.6-8.2L23,7.9L12,18.4L1,7.9z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
padding-left: 0.25em;
right: -5px;
top: 1px;
-webkit-transition: top 0.18s cubic-bezier(0.4, 0, 0.2, 1);
transition: top 0.18s cubic-bezier(0.4, 0, 0.2, 1); }
.psc-support-menu-container .support-menu.desktop .menu-item.js-show-sub-trigger:hover::after {
height: 7px;
width: 10px;
margin-bottom: 1px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOSA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAxLjUzODQ2TDAuOTM3MDYzIDAuNjQzMzU3TDQuMjA5NzkgMy43NjIyNEw3LjQ4MjUyIDAuNjQzMzU3TDguNDA1NTkgMS41Mzg0Nkw0LjIwOTc5IDUuNTUyNDVMMCAxLjUzODQ2WiIgZmlsbD0iIzQ3NjdEQiIvPgo8L3N2Zz4K"); }
.support-header-heading.heading-text {
color: #22242a; }
.psc-support-header-heading.support-header-heading {
font-size: 21px;
font-weight: 300;
display: inline-block;
padding: 8px 1rem 12px 0;
font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
margin-right: 1rem;
border-right: 1px solid #d6d7d8;
height: 50px;
margin-top: -11px;
border-left: 0px;
color: #22242a; }
@media (max-width: 1260px) {
.psc-support-header-heading.support-header-heading {
display: none; }
.psc-header-right {
margin-top: -8px; } }
@media (max-width: 959px) {
.psc-header-left {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
@media (max-width: 390px) {
.psc-support-header-logo {
min-width: 30px; } }
.support-search.psc fieldset {
width: 100%; }
.support-search.psc .contextual-tooltip {
right: -15px;
left: auto;
top: 20px;
position: absolute; }
.supportcentral-orientation-loggedin,
.supportcentral-orientation-nonloggedin,
.supportcentral-search-personalised .support-section-container,
.supportcentral-dashboard,
.support-news-carousel,
.supportcentral-banner-personalized {
background: #F9F9FA; }
.psc-section-heading {
font-weight: 600;
margin-bottom: 25px; }
.psc-orientation-checklist {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.psc-orientation-checklist > div {
width: 30%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 5%; }
.psc-orientation-checklist > div:nth-child(3) {
margin-right: 0; }
.psc-fs-12 {
font-size: 12px; }
.psc-fs-12 .btn.btn-secondary {
font-size: 13px;
padding: .5rem 1rem;
margin-right: 15px;
margin-bottom: 15px; }
.psc-fs-12 .psc-checklist-left {
margin-right: 10px;
min-width: 73px;
text-align: center; }
.psc-fs-12 .psc-checklist-left span {
font-size: 55px;
margin-top: 0px;
position: relative;
top: -8px; }
.support-message-box.psc-promo p {
border-color: #3CB6CE;
position: relative;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }
.psc-banner-close-button {
position: absolute;
font-size: 30px;
top: -9px;
right: 4px;
cursor: pointer; }
@media (max-width: 600px) {
.support-search.psc .CoveoSearchInterface .CoveoSearchbox {
margin-right: 15px; }
.support-search.psc .contextual-tooltip {
right: 0; } }
.psc-dashboard-loader.container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 455px; }
.psc-account-actions {
display: inline-block; }
.psc-account-actions button {
color: inherit; }
.psc-account-actions button:hover {
background-color: inherit; }
.psc-news .psc-section-heading {
margin-left: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline; }
.psc-news .psc-section-heading .psc-news-viewAllLink {
margin-left: 25px;
margin-right: 15px;
display: block;
font-size: 16px;
font-weight: 400; }
.psc-news.container {
padding: 0px;
margin-bottom: 30px;
position: relative; }
.psc-news .news-container-wrapper {
overflow: hidden;
margin-right: 25px;
margin-left: 25px; }
.psc-news .news-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 5px; }
.psc-news .news-block {
position: relative;
background: white;
min-width: 25%;
max-width: 25%;
margin-right: 3%;
min-height: 100px;
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.14), 0 9px 10px rgba(0, 0, 0, 0.06);
border-radius: 5px;
padding: 10px 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.psc-news .news-block .news-body {
font-size: 12px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.psc-news .news-block .news-body.not-trimmed {
display: none; }
.psc-news .news-block .news-date-block {
position: relative;
height: 25px;
border-top: 1px solid #AFB1B3;
margin-top: 10px;
padding-top: 3px; }
.psc-news .news-block .news-date-block .news-date {
font-size: 12px;
color: #AFB1B3; }
.psc-news .news-block h3 {
text-overflow: ellipsis;
overflow: hidden; }
.psc-news .news-block h3 a, .psc-news .news-block h3 .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .psc-news .news-block h3 .dropdownSelected {
font-size: 18px;
line-height: 21px; }
.psc-news .right-news-arrow,
.psc-news .left-news-arrow {
position: absolute;
bottom: 0px;
height: 78%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 40px;
width: 50px;
cursor: pointer;
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease; }
.psc-news .right-news-arrow.psc-disabled,
.psc-news .left-news-arrow.psc-disabled {
color: #d6d7d8; }
.psc-news .right-news-arrow:not(.psc-disabled):hover,
.psc-news .left-news-arrow:not(.psc-disabled):hover {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5); }
.psc-news .left-news-arrow {
left: -30px; }
.psc-news .right-news-arrow {
right: -30px; }
@media (max-width: 800px) {
.psc-news .news-block {
min-width: 90%;
max-width: 90%;
margin-right: 10%;
margin-left: 5%; }
.psc-orientation-checklist {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 15px; }
.psc-orientation-checklist > div {
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
min-width: 320px;
margin: auto; }
.psc-orientation-checklist > div:nth-child(3) {
margin-right: auto; }
.psc-news .left-news-arrow {
left: -10px; }
.psc-news .right-news-arrow {
right: -10px; } }
@media (max-width: 1200px) and (min-width: 800px) {
.psc-news .news-block {
min-width: 42%;
max-width: 42%;
margin-right: 7%; } }
@media (max-width: 1600px) and (min-width: 1200px) {
.psc-news .news-block {
min-width: 35%;
max-width: 35%;
margin-right: 5%; } }
.support-menu-wrapper {
position: relative; }
.support-menu {
background-color: #fff;
box-sizing: border-box;
margin: 0;
padding: 0;
z-index: 20; }
.support-menu ul, .support-menu li {
list-style: none;
margin: 0;
padding: 0; }
.support-menu.desktop {
height: 1.5em;
font-size: 13px;
font-weight: 400;
color: #22242a; }
.support-menu.mobile {
background-color: #333333;
width: 100%;
height: auto;
font-size: 13px;
font-weight: 400;
color: #22242a; }
.support-menu.desktop .menu-item {
display: inline-block;
padding-left: 2em;
vertical-align: top;
line-height: 1.5em;
font-size: 13px;
font-weight: 400;
color: #22242a; }
.support-menu.desktop .menu-item:first-child {
padding-left: 0; }
.support-menu.desktop .menu-item a, .support-menu.desktop .menu-item .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .support-menu.desktop .menu-item .dropdownSelected {
font-weight: 400;
color: #22242a;
outline: 0; }
.support-menu.desktop .menu-item a:hover, .support-menu.desktop .menu-item .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .support-menu.desktop .menu-item .dropdownSelected:hover {
color: #4767db; }
.support-menu.mobile .menu-item {
padding: 0.5em 0;
width: 100%; }
.support-menu.mobile .menu-item a, .support-menu.mobile .menu-item .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .support-menu.mobile .menu-item .dropdownSelected {
color: #fff;
font-size: 1.5em;
font-weight: 600;
outline: 0; }
.sub-menu {
display: block;
position: absolute;
visibility: hidden;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; }
.sub-menu.expanded {
visibility: visible; }
.support-menu.desktop .sub-menu {
background-color: #f5f5f5;
border-top: 3px solid #fe5000;
opacity: 0;
overflow: hidden;
padding-bottom: 0.75em;
padding-top: 0.5em;
top: 2.5em;
z-index: 15; }
.support-menu.desktop .sub-menu.expanded {
opacity: 1;
color: #fe5000; }
.support-menu.mobile .sub-menu {
position: static;
max-height: 0;
opacity: 1;
overflow: hidden;
visibility: visible;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
.support-menu.mobile .sub-menu.expanded {
max-height: 1000px;
margin-top: 1em; }
.support-menu.desktop .sub-menu-item {
font-size: 0.9em;
padding: 0.65em 1.25em;
line-height: normal;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; }
.support-menu.desktop .sub-menu-item:first-child {
margin-top: -2em; }
.support-menu.desktop .sub-menu.expanded .sub-menu-item {
margin-top: 0; }
.support-menu.mobile .sub-menu-item {
padding: 0.5em 1em;
font-size: 0.85em; }
.support-menu.mobile .sub-menu-item a, .support-menu.mobile .sub-menu-item .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .support-menu.mobile .sub-menu-item .dropdownSelected, .support-menu.mobile .sub-menu-item a:hover, .support-menu.mobile .sub-menu-item .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .support-menu.mobile .sub-menu-item .dropdownSelected:hover {
color: #cacaca; }
.support-menu.mobile .sub-menu-item:last-child,
.support-menu.mobile .menu-item:last-child {
padding-bottom: 0; }
.support-header {
background-color: #fff;
box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.15);
overflow: hidden;
transition: max-height 0.75s ease-in-out;
-webkit-transition: max-height 0.75s ease-in-out;
-moz-transition: max-height 0.75s ease-in-out;
-o-transition: max-height 0.75s ease-in-out;
-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.15);
-moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.15); }
@media only screen and (min-width: 60em) {
.support-header {
padding-top: 0;
padding-bottom: 0;
overflow: visible; } }
.support-header.expanded {
background-color: #333333;
padding-bottom: 1em; }
.desktop-global-bar-container .global-options,
.mobile-global-bar-container .global-options {
list-style: none;
padding: 0;
margin: 0; }
.desktop-global-bar-container .global-option,
.mobile-global-bar-container .global-option {
margin: 0; }
.desktop-global-bar-container .global-option .log-out,
.mobile-global-bar-container .global-option .log-out {
color: #fe5000; }
.desktop-global-bar-container .global-option .log-out:hover, .desktop-global-bar-container .global-option .log-out:active,
.mobile-global-bar-container .global-option .log-out:hover,
.mobile-global-bar-container .global-option .log-out:active {
color: #cb4000; }
.desktop-global-bar-container {
display: none;
color: #fff;
text-align: right; }
@media only screen and (min-width: 60em) {
.desktop-global-bar-container {
display: block; } }
.desktop-global-bar-container .global-options {
height: 34px;
padding: 0.45em 0;
line-height: 34px; }
@media only screen and (min-width: 60em) {
.desktop-global-bar-container .global-options {
position: relative;
margin-bottom: -3em;
z-index: 3; } }
.desktop-global-bar-container .global-option {
display: inline-block;
font-size: 0.8em;
font-weight: 700; }
.desktop-global-bar-container .global-option:before {
content: '|';
color: #6c6c6c;
display: inline-block;
margin: 0 1.25em; }
.desktop-global-bar-container .global-option:first-child:before {
display: none; }
.desktop-global-bar-container .global-option.navigation-search {
margin-left: 1em; }
.desktop-global-bar-container .global-option.navigation-search:before {
content: "" !important; }
.mobile-global-bar-container {
visibility: hidden;
display: block;
padding-top: 0.5em; }
.support-header.expanded .mobile-global-bar-container {
visibility: visible; }
@media only screen and (min-width: 60em) {
.mobile-global-bar-container {
visibility: visible; } }
.mobile-global-bar-container:first-child {
padding-top: 0; }
.mobile-global-bar-container .global-bar {
border-top: 1px dashed #F2F3F3;
padding-top: 1.25em;
margin-top: 1.25em; }
.mobile-global-bar-container .global-option {
font-size: 1.25em;
font-weight: 600;
margin-top: 1em; }
.mobile-global-bar-container .global-option:first-child {
margin-top: 0; }
.mobile-global-bar-container a, .mobile-global-bar-container .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .mobile-global-bar-container .dropdownSelected, .mobile-global-bar-container a:hover, .mobile-global-bar-container .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .mobile-global-bar-container .dropdownSelected:hover {
color: #cacaca; }
@media only screen and (min-width: 60em) {
.mobile-global-bar-container {
display: none; } }
.logo-bar-container .mobile-logo-bar {
position: relative; }
.logo-bar-container .mobile-logo-bar-wrapper {
margin: 0 -0.5em;
padding: 1em 0; }
@media only screen and (min-width: 60em) {
.logo-bar-container .mobile-logo-bar-wrapper {
padding: 2em 0 1em; } }
.support-header.expanded .logo-bar-container .mobile-logo-bar-wrapper {
border-bottom: 1px dashed #F2F3F3;
margin-bottom: 1.25em;
padding-bottom: 1.25em; }
@media only screen and (min-width: 60em) {
.support-header.expanded .logo-bar-container .mobile-logo-bar-wrapper {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0; } }
@media only screen and (min-width: 60em) {
.logo-bar-container {
background: #fff;
margin: 0; } }
.support-menu-container {
visibility: hidden; }
.support-header.expanded .support-menu-container {
visibility: visible; }
@media only screen and (min-width: 60em) {
.support-menu-container {
visibility: visible; } }
@media only screen and (min-width: 60em) {
.support-menu-container {
background: #fff; } }
.support-header-logo,
.support-header-heading,
.support-menu-toggle {
display: inline-block;
vertical-align: middle;
box-sizing: border-box; }
.support-header-heading,
.support-menu-toggle {
margin-left: -0.15em; }
.support-header-logo {
background-image: url("head/bmc-support-mobile-icon-orange.png");
background-repeat: no-repeat;
background-position: left center;
height: 55px;
width: 12%;
vertical-align: middle; }
@media only screen and (min-width: 48em) {
.support-header-logo {
background-image: url("head/bmc_logo_header.svg");
float: none;
background-size: 100% auto;
background-repeat: no-repeat; }
.no-svg .support-header-logo {
background-image: url("head/bmc_logo_header.png"); } }
@media only screen and (min-width: 60em) {
.support-header-logo {
position: relative;
width: 115px;
z-index: 10; } }
.support-header.expanded .support-header-logo {
background-image: url("head/bmc-support-mobile-icon-white.png"); }
@media only screen and (min-width: 48em) {
.support-header.expanded .support-header-logo {
background-image: url("head/bmc-logo-white-on-grey.png");
background-position-x: -5px; } }
.psc-support-header-logo.support-header-logo {
background: url("head/bmc-support-mobile-icon-orange.png") no-repeat 0 53%;
background-repeat: no-repeat;
background-position: left center;
background-size: 78px 28px !important;
height: 26px;
width: 62.4px !important;
margin: 0px 1rem 0 0;
vertical-align: middle;
margin-top: -3px; }
@media only screen and (min-width: 48em) {
.psc-support-header-logo.support-header-logo {
background-image: url("head/bmc_logo_header.svg");
float: none;
background-size: 100% auto;
background-repeat: no-repeat; }
.no-svg .psc-support-header-logo.support-header-logo {
background-image: url("head/bmc_logo_header.png"); } }
@media only screen and (min-width: 60em) {
.psc-support-header-logo.support-header-logo {
position: relative;
width: 115px;
z-index: 10; } }
.support-header.expanded .psc-support-header-logo.support-header-logo {
background-image: url("head/bmc-support-mobile-icon-white.png");
background-size: 24px 28px !important; }
@media only screen and (min-width: 48em) {
.support-header.expanded .psc-support-header-logo.support-header-logo {
background-image: url("head/bmc-logo-white-on-grey.png");
background-position-x: -5px; } }
@media (max-width: 768px) {
.psc-support-header-logo.support-header-logo {
background-size: 24px 28px !important; } }
.support-header-heading {
box-sizing: border-box;
font-size: .7em;
font-weight: 400;
margin-top: 0;
margin-bottom: 0;
text-align: center;
width: 33%; }
@media only screen and (min-width: 30em) {
.support-header-heading {
font-size: 1em; } }
@media only screen and (min-width: 48em) {
.support-header-heading {
border-left: 1px solid #cacaca;
font-size: 1.25em;
padding: 0 23px;
position: relative;
text-align: left;
top: 0.15em; } }
@media only screen and (min-width: 60em) {
.support-header-heading {
width: auto; } }
.support-header-heading a, .support-header-heading .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .support-header-heading .dropdownSelected {
color: #6c6c6c;
-webkit-transition: none;
transition: none; }
.support-header-heading a:hover, .support-header-heading .orion-seconday-nav .nav-wrap ul li .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .support-header-heading .dropdownSelected:hover, .support-header-heading a:active, .support-header-heading .orion-seconday-nav .nav-wrap ul li .dropdownSelected:active, .orion-seconday-nav .nav-wrap ul li .support-header-heading .dropdownSelected:active {
color: #393939; }
.support-header-heading a.heading-emphasis, .support-header-heading .orion-seconday-nav .nav-wrap ul li .heading-emphasis.dropdownSelected, .orion-seconday-nav .nav-wrap ul li .support-header-heading .heading-emphasis.dropdownSelected {
color: #fe5000; }
.support-header-heading a.heading-emphasis:hover, .support-header-heading .orion-seconday-nav .nav-wrap ul li .heading-emphasis.dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .support-header-heading .heading-emphasis.dropdownSelected:hover, .support-header-heading a.heading-emphasis:active, .support-header-heading .orion-seconday-nav .nav-wrap ul li .heading-emphasis.dropdownSelected:active, .orion-seconday-nav .nav-wrap ul li .support-header-heading .heading-emphasis.dropdownSelected:active {
color: #cb4000; }
.support-header.expanded .support-header-heading a, .support-header.expanded .support-header-heading .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .support-header.expanded .support-header-heading .dropdownSelected {
color: #ffffff; }
.support-header.expanded .support-header-heading {
color: gray-1; }
.support-header-heading .heading-text {
box-sizing: border-box;
display: inline-block;
text-align: center;
vertical-align: middle;
color: #22242a; }
@media only screen and (min-width: 48em) {
.support-header-heading .heading-text {
text-align: left;
padding-left: 0;
padding-right: 0;
width: auto; }
.support-header-heading .heading-text:before {
content: ''; } }
.support-menu-toggle {
text-align: right;
height: 45px;
width: 20%;
cursor: pointer;
background-image: url("head/bmc-support-mobile-hamburger.png");
background-position: right center;
background-repeat: no-repeat;
content: "";
font-size: 2.5em;
vertical-align: middle;
text-align: center;
float: right; }
.support-header.expanded .support-menu-toggle {
background-image: url("head/bmc-support-mobile-close.png"); }
@media only screen and (min-width: 60em) {
.support-menu-toggle {
display: none; } }
.ticker {
border-bottom: 1px solid #cacaca;
cursor: default;
margin-bottom: 20px;
overflow: hidden;
text-align: center; }
.ticker > * {
display: inline-block;
font-size: 15px;
height: 30px;
line-height: 30px;
margin: 0;
padding: 0;
text-align: center;
vertical-align: middle; }
.ticker li {
color: #0078CC;
display: none;
list-style: none;
margin-left: 20px;
margin-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 300px; }
.truesight-banner {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
overflow: hidden;
padding: 32px 16px !important;
text-align: center; }
@media only screen and (min-width: 60em) {
.truesight-banner {
background-size: auto;
max-height: 338px; } }
.truesight-banner h1, .truesight-banner h2 {
color: #fff; }
.truesight-banner h1 {
margin-top: .33em; }
.truesight-banner h2 {
font-weight: normal;
margin: 0.66667em 0; }
.truesight-banner .truesight-breadcrumbs {
display: none;
text-align: left; }
@media only screen and (min-width: 48em) {
.truesight-banner .truesight-breadcrumbs {
display: block; } }
.truesight-topcontent {
background-color: #F2F3F3;
padding-bottom: 0;
position: relative; }
.truesight-topcontent > .layout-inner-wrap {
max-width: 63.88889em; }
.truesight-topcontent .truesight-tagline {
font-size: 24px;
font-size: 1.33333rem;
margin-top: .5em;
text-align: center; }
@media only screen and (min-width: 60em) {
.truesight-topcontent .truesight-tagline {
font-size: 30px;
font-size: 1.66667rem; } }
@media only screen and (min-width: 48em) {
.truesight-topcontent .truesight-report {
position: relative; } }
.truesight-topcontent .truesight-report img {
display: none; }
@media only screen and (min-width: 48em) {
.truesight-topcontent .truesight-report img {
bottom: 0;
display: block;
left: 0;
max-width: 169px;
position: absolute; } }
.truesight-topcontent .truesight-report h5 {
color: #fe5000;
font-size: 18px;
font-size: 1rem; }
.truesight-topcontent .truesight-report .truesight-report-text {
box-sizing: border-box;
min-height: 92px;
padding-bottom: 1em;
text-align: center; }
@media only screen and (min-width: 48em) {
.truesight-topcontent .truesight-report .truesight-report-text {
padding: 0 0 .5em 200px;
text-align: left; } }
.truesight-topcontent .truesight-report .truesight-report-text p {
margin-bottom: .25em; }
.truesight-topcontent .truesight-report .truesight-report-text h5 {
margin-bottom: 0; }
.truesight-topcontent .truesight-report .truesight-report-text a, .truesight-topcontent .truesight-report .truesight-report-text .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .truesight-topcontent .truesight-report .truesight-report-text .dropdownSelected {
font-weight: bold; }
.truesight-summary-list {
list-style: none;
margin: 0;
padding: 0; }
@media only screen and (min-width: 60em) {
.truesight-summary-list {
font-size: 18px;
font-size: 1rem; } }
.truesight-summary-list li {
background: url("head/bg-truesight-summary-li.png") left 6px no-repeat;
padding-left: 24px; }
.truesight-personna .truesight-summary-list li {
padding-left: 1.94444em;
margin-bottom: .5em; }
.truesight-personna .truesight-summary-list {
margin: .75em 0 1.5em .33em; }
.truesight-resource-downloads {
list-style: none;
margin: 0;
padding: 0; }
@media only screen and (min-width: 60em) {
.truesight-resource-downloads {
font-size: 18px;
font-size: 1rem;
margin: 1.5em 0 0; } }
.truesight-resource-downloads a, .truesight-resource-downloads .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .truesight-resource-downloads .dropdownSelected {
background: url("head/bg-resource-downloads-li.png") left 6px no-repeat;
display: inline-block;
font-weight: bold;
height: 34px;
padding-left: 40px; }
.truesight-resource-downloads a.icon-document, .truesight-resource-downloads .orion-seconday-nav .nav-wrap ul li .icon-document.dropdownSelected, .orion-seconday-nav .nav-wrap ul li .truesight-resource-downloads .icon-document.dropdownSelected {
background-position: -2px -4px; }
.truesight-resource-downloads a.icon-documents, .truesight-resource-downloads .orion-seconday-nav .nav-wrap ul li .icon-documents.dropdownSelected, .orion-seconday-nav .nav-wrap ul li .truesight-resource-downloads .icon-documents.dropdownSelected {
background-position: 0 -108px; }
.truesight-carousel-aside {
padding-top: 3.05556em; }
.truesight-carousel-wrap {
text-align: center; }
.truesight-carousel {
margin: 0;
padding: 0;
position: relative;
width: 100%; }
.truesight-carousel > li {
height: 0;
list-style: none;
margin: 0;
opacity: .5;
padding: 0;
position: relative;
right: -1000%;
-webkit-transition: 1s opacity ease;
transition: 1s opacity ease; }
.truesight-carousel > li.active {
height: auto;
opacity: 1;
right: 0; }
.truesight-carousel-control {
clear: both;
display: inline-block;
margin: 0 auto;
padding: 0; }
.truesight-carousel-control > li {
display: inline-table;
list-style: none; }
.truesight-carousel-control > li + li {
margin-left: 1em; }
.truesight-carousel-control > li a, .orion-seconday-nav .nav-wrap ul .truesight-carousel-control > li .dropdownSelected {
background-color: #a7a9ac;
border-radius: 50%;
display: inline-block;
height: 18px;
outline: none;
overflow: hidden;
text-indent: -99em;
-webkit-transition: 1s ease;
transition: 1s ease;
width: 18px; }
.truesight-carousel-control > li a.active, .orion-seconday-nav .nav-wrap ul .truesight-carousel-control > li .active.dropdownSelected {
background-color: #fe5000; }
.truesight-carousel-control > li a:hover, .orion-seconday-nav .nav-wrap ul .truesight-carousel-control > li .dropdownSelected:hover {
background-color: #fe5000;
opacity: .8; }
.truesight-wrapper.layout-full-bleed {
padding-top: 0; }
.truesight-cta-wrapper {
background-color: #313435;
color: #fff;
padding: 0; }
@media only screen and (min-width: 60em) {
.truesight-cta-wrapper .truesight-cta {
font-size: 18px;
font-size: 1rem; } }
.truesight-cta-wrapper .two-up {
margin: 0;
padding: 32px;
text-align: center; }
@media only screen and (min-width: 60em) {
.truesight-cta-wrapper .two-up {
border-right: 1px solid #4A4D4F;
padding-left: 0;
text-align: left; } }
.truesight-cta-wrapper .two-up + .two-up {
border-top: 1px solid #cacaca; }
@media only screen and (min-width: 60em) {
.truesight-cta-wrapper .two-up + .two-up {
border: none;
padding-left: 32px; } }
@media only screen and (min-width: 60em) {
.truesight-cta-wrapper p {
font-size: 30px;
font-size: 1.66667rem;
margin-bottom: .25em; } }
.truesight-cta-wrapper p br {
display: none; }
@media only screen and (min-width: 60em) {
.truesight-cta-wrapper p br {
display: block; } }
.truesight-tabs-wrapper {
background-color: #4A4D4F;
padding: 1em 0px 0px 0px;
position: relative;
width: 100%; }
.truesight-tabs-wrapper h2 {
color: #fff;
margin: 2em 0;
text-align: center; }
.truesight-tabs-wrapper .truesight-tabs-control {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden; }
.truesight-tabs-wrapper .truesight-tabs-control li {
background-color: #4A4D4F;
border-left: 1px solid #F2F3F3;
box-sizing: border-box;
display: block;
float: left;
font-size: 13px;
font-size: 0.72222rem;
margin: 0;
padding: 0;
width: 33.3%; }
@media only screen and (min-width: 48em) {
.truesight-tabs-wrapper .truesight-tabs-control li {
font-size: 18px;
font-size: 1rem; } }
@media only screen and (min-width: 60em) {
.truesight-tabs-wrapper .truesight-tabs-control li {
font-size: 20px;
font-size: 1.11111rem; } }
.truesight-tabs-wrapper .truesight-tabs-control li.active {
background-color: #F2F3F3; }
.truesight-tabs-wrapper .truesight-tabs-control li.active a, .truesight-tabs-wrapper .truesight-tabs-control .orion-seconday-nav .nav-wrap ul li.active .dropdownSelected, .orion-seconday-nav .nav-wrap ul .truesight-tabs-wrapper .truesight-tabs-control li.active .dropdownSelected {
color: #4A4D4F;
-webkit-transition: none;
transition: none; }
.truesight-tabs-wrapper .truesight-tabs-control li:first-child {
border-color: transparent; }
.truesight-tabs-wrapper .truesight-tabs-control a, .truesight-tabs-wrapper .truesight-tabs-control .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .truesight-tabs-wrapper .truesight-tabs-control .dropdownSelected {
color: #fff;
display: block;
font-weight: bold;
outline: none;
padding: 1em 0;
text-align: center;
width: 100%; }
.truesight-tabs-wrapper .truesight-tabs-control a span, .truesight-tabs-wrapper .truesight-tabs-control .orion-seconday-nav .nav-wrap ul li .dropdownSelected span, .orion-seconday-nav .nav-wrap ul li .truesight-tabs-wrapper .truesight-tabs-control .dropdownSelected span {
display: none; }
@media only screen and (min-width: 60em) {
.truesight-tabs-wrapper .truesight-tabs-control a span, .truesight-tabs-wrapper .truesight-tabs-control .orion-seconday-nav .nav-wrap ul li .dropdownSelected span, .orion-seconday-nav .nav-wrap ul li .truesight-tabs-wrapper .truesight-tabs-control .dropdownSelected span {
display: inline; } }
.truesight-tabs-wrapper .truesight-tabs {
list-style: none;
margin: 0;
padding: 0;
position: relative; }
.truesight-tabs-wrapper .truesight-tabs .truesight-personna {
text-align: center; }
.truesight-tabs-wrapper .truesight-tabs .truesight-personna .truesight-personna-cta {
background: url("head/bg-resource-downloads-li.png") left top no-repeat;
margin-bottom: 1em;
min-height: 38px;
padding-left: 40px; }
.truesight-tabs-wrapper .truesight-tabs .truesight-personna .truesight-personna-cta strong {
display: block; }
@media only screen and (min-width: 60em) {
.truesight-tabs-wrapper .truesight-tabs .truesight-personna figure {
margin-bottom: 0;
min-height: 509px;
overflow: hidden;
position: relative; } }
@media only screen and (min-width: 60em) {
.truesight-tabs-wrapper .truesight-tabs .truesight-personna figure img, .truesight-tabs-wrapper .truesight-tabs .truesight-personna figure figcaption {
float: left; } }
.truesight-tabs-wrapper .truesight-tabs .truesight-personna figure figcaption {
box-sizing: border-box;
margin: 0 0 2em;
padding-left: 0;
text-align: left; }
@media only screen and (min-width: 60em) {
.truesight-tabs-wrapper .truesight-tabs .truesight-personna figure figcaption {
padding: 0 0 3.11111em 430px;
margin-bottom: 0; } }
.truesight-tabs-wrapper .truesight-tabs .truesight-personna figure img {
display: none;
margin: 0; }
@media only screen and (min-width: 60em) {
.truesight-tabs-wrapper .truesight-tabs .truesight-personna figure img {
bottom: 0;
display: block;
left: 2.5em;
position: absolute;
width: 370px; } }
.truesight-tabs-wrapper .truesight-tabs h2 {
color: #313435;
font-weight: normal;
margin: 0 0 1em 0;
text-align: left; }
.truesight-tabs-wrapper .truesight-tabs > li {
margin: 0;
padding: 0; }
.truesight-tabs-wrapper .truesight-tabs > li.active {
background-color: #F2F3F3; }
.truesight-tabs-wrapper .truesight-tabs > li.active .tab-content {
opacity: 1;
height: auto;
padding-top: 3em; }
.truesight-tabs-wrapper .truesight-tabs > li .tab-content {
max-width: 1440px;
opacity: 0;
height: 0;
overflow: hidden;
-webkit-transition: .25s ease opacity;
transition: .25s ease opacity; }
.truesight-blockquote {
background-color: #57aa9b;
color: #fff;
font-size: 24px;
font-size: 1.33333rem;
padding: 1.75em 0;
text-align: center; }
@media only screen and (min-width: 60em) {
.truesight-blockquote {
font-size: 30px;
font-size: 1.66667rem; } }
.truesight-blockquote .layout-inner-wrap {
max-width: 1150px; }
.truesight-blockquote cite {
display: block;
font-weight: bold;
margin-top: .75em; }
.truesight-resources {
background-color: #F2F3F3;
padding: 2em 0; }
.truesight-resources h2.resources-header {
color: #313435;
text-align: center; }
@media only screen and (min-width: 60em) {
.truesight-resources h2.resources-header {
margin-bottom: 1.5em; } }
.truesight-resources .three-up {
box-sizing: border-box;
padding-top: 1em !important;
text-align: center; }
@media only screen and (min-width: 60em) {
.truesight-resources .three-up {
padding: 0 2em; } }
.truesight-resources .three-up + .three-up {
border-top: 1px solid #cacaca; }
@media only screen and (min-width: 60em) {
.truesight-resources .three-up + .three-up {
border-left: 1px solid #cacaca;
border-top: none; } }
.truesight-resources .three-up h2 {
color: #313435;
font-weight: normal;
margin-bottom: 1.5em; }
@media only screen and (min-width: 76.25em) {
.truesight-resources .three-up h2 {
font-size: 30px;
font-size: 1.66667rem; } }
.truesight-resources .three-up h5 {
font-size: 18px;
font-size: 1rem;
margin: 1.5em 0 .33em;
text-align: left; }
.truesight-resources .three-up ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left; }
.truesight-resources .three-up ul li {
margin-bottom: .33em; }
.truesight-resources .three-up.nth-child-np4 {
margin-top: 0; }
.svg .truesight-icon-read,
.svg .truesight-icon-watch,
.svg .truesight-icon-explore {
position: relative; }
.svg .truesight-icon-read:before,
.svg .truesight-icon-watch:before,
.svg .truesight-icon-explore:before {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
content: '';
display: inline-block;
height: 45px;
padding-right: 10px;
position: relative;
top: 10px; }
.svg .truesight-icon-read:before {
background-image: url("head/icon-read_1.svg");
height: 50px;
width: 60px; }
.svg .truesight-icon-watch:before {
background-image: url("head/icon-watch_1.svg");
--height: 37px;
--width: 62px;
height: 50px;
width: 60px;
/*@include media(breakpointExtraLarge) {
height: 47px;
width: 97px;
}*/ }
.svg .truesight-icon-explore:before {
background-image: url("head/icon-explore_1.svg");
height: 50px;
width: 60px; }
.truesight-breadcrumb {
color: #fff;
font-weight: bold; }
.truesight-CTA-simple {
background-color: #4A4D4F;
color: #fff;
margin-bottom: -1.6667em;
text-align: center; }
@media only screen and (min-width: 48em) {
.truesight-CTA-simple {
margin-bottom: -3.3333em; } }
@media only screen and (min-width: 60em) {
.truesight-CTA-simple {
padding: 2em 0; } }
.truesight-CTA-simple h2 {
color: #fff; }
.truesight-CTA-simple .bg-green {
background-color: #36ba2f;
border-color: #36ba2f; }
.truesight-CTA-simple .bg-green:hover, .truesight-CTA-simple .bg-green:active {
background-color: #2a9125;
border-color: #2a9125; }
.cust-links {
color: #0078CC;
font-weight: 600; }
.full-bleed-page-banner {
background-position: center center;
background-repeat: no-repeat;
background-size: auto;
color: #fff;
overflow: hidden;
padding: 32px 0 !important;
text-align: center;
max-height: 1200px;
padding-left: 0 !important;
padding-right: 0 !important;
background-color: #000; }
@media only screen and (min-width: 60em) {
.full-bleed-page-banner {
background-size: auto;
max-height: 1200px;
padding: 0 !important; }
.full-bleed-page-banner .wallpaper-media {
background-size: auto !important;
background-repeat: no-repeat; } }
.full-bleed-page-banner h1, .full-bleed-page-banner h2 {
color: #fff; }
.full-bleed-page-banner h1 {
margin-top: 1em; }
@media only screen and (min-width: 48em) {
.full-bleed-page-banner h1 {
margin-top: .33em; } }
.full-bleed-page-banner h2 {
font-weight: normal;
margin: 0.66667em 0; }
.full-bleed-page-banner .breadcrumbs {
display: none;
text-align: left; }
@media only screen and (min-width: 48em) {
.full-bleed-page-banner .breadcrumbs {
display: block; } }
.full-bleed-page-banner .navigation-breadcrumb {
text-align: left; }
.header-style-1 h1 {
color: #fe5000; }
@media only screen and (min-width: 60em) {
.header-style-1 .wallpaper-media {
background-size: cover !important; } }
.header-style-1 .bgalpha70 {
background: rgba(245, 245, 245, 0);
/*For browsers that do not support gradients*/
background: -webkit-radial-gradient(white, white, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
/* Safari 5.1 to 6.0 */
/* For Opera 11.6 to 12.0 */
/* For Firefox 3.6 to 15 */
background: radial-gradient(white, white, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
/* Standard syntax (must be last) */ }
.header-style-1 p {
color: #313435;
font-size: 1rem; }
@media only screen and (min-width: 48em) {
.header-style-1 p {
font-size: 1.2rem;
margin-right: 2rem;
margin-left: 2rem; } }
@media only screen and (min-width: 60em) {
.header-style-1 p {
font-size: 1.5rem;
margin-right: 4rem;
margin-left: 4rem; } }
.topcontent {
background-color: #F2F3F3;
padding-bottom: 0;
padding-top: 1.5em;
position: relative; }
.topcontent.no-top-padding {
padding-top: 0; }
.topcontent > .layout-inner-wrap {
max-width: 63.88889em; }
.topcontent > .layout-inner-wrap.full-width {
max-width: 1440px; }
.topcontent .tagline {
font-size: 30px;
font-size: 1.66667rem;
margin-top: .5em;
text-align: center; }
@media only screen and (min-width: 60em) {
.topcontent .tagline {
font-size: 30px;
font-size: 1.66667rem; } }
@media only screen and (min-width: 48em) {
.topcontent .report {
position: relative; } }
.topcontent .report img {
display: none; }
@media only screen and (min-width: 48em) {
.topcontent .report img {
bottom: 0;
display: block;
max-width: 169px;
width: 196px;
position: absolute; } }
.topcontent .report h5 {
color: #fe5000;
font-size: 18px;
font-size: 1rem;
text-align: center; }
@media only screen and (min-width: 48em) {
.topcontent .report h5 {
text-align: left; } }
.topcontent .report .report-text {
box-sizing: border-box;
min-height: 92px;
padding-bottom: 1em;
text-align: center; }
@media only screen and (min-width: 48em) {
.topcontent .report .report-text {
padding: 0 0 0 200px;
text-align: left; } }
.topcontent .report .report-text p {
margin-bottom: .25em; }
.topcontent .report .report-text h5 {
margin-bottom: 0; }
.topcontent .report .report-text a, .topcontent .report .report-text .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .topcontent .report .report-text .dropdownSelected {
font-weight: bold; }
.topcontent .report.img-left {
padding-top: 1em; }
@media only screen and (min-width: 48em) {
.topcontent .report.img-left img {
left: 0; } }
@media only screen and (min-width: 48em) {
.topcontent .report.img-left .report-text {
padding: 0 0 .5em 200px; } }
.topcontent .report.img-right {
padding-top: 1em; }
@media only screen and (min-width: 48em) {
.topcontent .report.img-right img {
right: 0; } }
@media only screen and (min-width: 48em) {
.topcontent .report.img-right .report-text {
padding: 0 200px .5em 0; } }
.topcontent .report.img-top-bottom {
padding-top: 1em; }
.topcontent .report.img-top-bottom > a, .topcontent .orion-seconday-nav .nav-wrap ul li .report.img-top-bottom > .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .topcontent .report.img-top-bottom > .dropdownSelected {
display: block;
position: relative;
text-align: center; }
@media only screen and (min-width: 48em) {
.topcontent .report.img-top-bottom > a, .topcontent .orion-seconday-nav .nav-wrap ul li .report.img-top-bottom > .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .topcontent .report.img-top-bottom > .dropdownSelected {
padding-top: 100px;
width: 16%;
margin: 0 42%; } }
@media only screen and (min-width: 48em) {
.topcontent .report.img-top-bottom img {
padding-bottom: .5em; } }
@media only screen and (min-width: 48em) {
.topcontent .report.img-top-bottom .report-text {
padding: 0 0px .5em 0;
text-align: center; } }
.key-features h2 {
color: #313435;
font-weight: normal;
margin: 0 0 1em 0;
text-align: left;
line-height: 1.45em;
font-size: 1.66667rem; }
.carousel-aside {
padding-top: 4em;
padding-bottom: 3em;
background: #fff; }
.carousel-aside h2 {
color: #313435;
font-weight: normal;
margin: 0 0 1em 0;
text-align: left;
line-height: 1.45em;
font-size: 1.66667rem; }
.carousel-aside figcaption {
font-weight: 600; }
.carousel-wrap {
text-align: center; }
.resource-video {
background: url("head/bg-resource-downloads-li-video.png") left top no-repeat;
margin-bottom: 1em;
min-height: 38px;
padding-left: 40px; }
.resource-video strong {
display: block; }
.resource-video ul {
margin-top: .3em; }
.resource-download {
margin-bottom: 1em;
min-height: 38px; }
.resource-download strong {
display: block; }
.resource-download ul {
margin-top: .3em; }
.resource-download li {
padding-left: 40px; }
.resource-download .icon-document {
background: url("head/bg-resource-downloads-li.png") left top no-repeat;
background-position: -2px -4px;
width: 38px;
height: 38px;
float: left; }
.resource-download .icon-documents {
background: url("head/bg-resource-downloads-li.png") left top no-repeat;
background-position: 0 -108px;
width: 38px;
height: 38px;
float: left; }
.orange-tick-bullets {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 2em; }
@media only screen and (min-width: 60em) {
.orange-tick-bullets {
font-size: 18px;
font-size: 1rem; } }
.orange-tick-bullets li {
text-indent: -1.3em;
padding-left: 1.3em; }
.orange-tick-bullets li .btn, .orange-tick-bullets li .btn-secondary, .orange-tick-bullets li .learn-more, .orange-tick-bullets li a, .orange-tick-bullets .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul .orange-tick-bullets li .dropdownSelected {
text-indent: 0px; }
.orange-tick-bullets li:before {
content: '';
display: inline-block;
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
background-color: #FE5000;
margin-right: 0.74444em; }
.personna .orange-tick-bullets li {
padding-left: 1.94444em;
margin-bottom: .5em; }
.personna .orange-tick-bullets {
margin: .75em 0 1.5em .33em; }
.resource-downloads {
list-style: none;
margin: 0;
padding: 0; }
@media only screen and (min-width: 60em) {
.resource-downloads {
font-size: 18px;
font-size: 1rem;
margin: 1.5em 0 0; } }
.resource-downloads a, .resource-downloads .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .resource-downloads .dropdownSelected {
background: url("head/bg-resource-downloads-li.png") left 6px no-repeat;
display: inline-block;
font-weight: bold;
height: 34px;
padding-left: 40px; }
.resource-downloads a.icon-document, .resource-downloads .orion-seconday-nav .nav-wrap ul li .icon-document.dropdownSelected, .orion-seconday-nav .nav-wrap ul li .resource-downloads .icon-document.dropdownSelected {
background-position: -2px -4px; }
.resource-downloads a.icon-documents, .resource-downloads .orion-seconday-nav .nav-wrap ul li .icon-documents.dropdownSelected, .orion-seconday-nav .nav-wrap ul li .resource-downloads .icon-documents.dropdownSelected {
background-position: 0 -108px; }
.resource-downloads-a {
display: inline-block;
font-weight: bold;
height: 34px;
color: #0078CC; }
.resource-downloads-a.icon-document {
background: url("head/bg-resource-downloads-li.png") left 6px no-repeat;
background-position: -2px -4px;
padding-left: 40px; }
.resource-downloads-a.icon-documents {
background: url("head/bg-resource-downloads-li.png") left 6px no-repeat;
background-position: 0 -108px;
padding-left: 40px; }
.carousel {
margin: 0;
padding: 0;
position: relative;
width: 100%; }
.carousel > li {
height: 0;
list-style: none;
margin: 0;
opacity: 0.5;
padding: 0;
position: absolute;
right: 1000%;
top: 0;
-webkit-transition: 1s opacity ease;
transition: 1s opacity ease; }
.carousel > li a, .orion-seconday-nav .nav-wrap ul .carousel > li .dropdownSelected {
display: block;
position: relative; }
.carousel > li a .carousel-icon, .orion-seconday-nav .nav-wrap ul .carousel > li .dropdownSelected .carousel-icon {
width: 15%;
height: 100%;
display: block;
position: absolute;
top: 0;
right: 0;
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100% auto; }
.carousel > li a .carousel-icon.icon-vid, .orion-seconday-nav .nav-wrap ul .carousel > li .dropdownSelected .carousel-icon.icon-vid {
width: 100%;
height: 100%;
right: auto !important;
background-position: center !important;
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.carousel > li a .carousel-icon.icon-vid:after, .orion-seconday-nav .nav-wrap ul .carousel > li .dropdownSelected .carousel-icon.icon-vid:after {
background-image: url(head/play-icon-small.svg);
content: '';
border-radius: 50%;
display: inline-block;
background-repeat: no-repeat;
background-color: #FE5000;
margin: auto;
width: 64px;
height: 64px;
background-size: 24px;
background-position-x: 24px;
background-position-y: center;
-webkit-transition: 0.3s linear;
transition: 0.3s linear; }
@media (min-width: 640px) {
.carousel > li a .carousel-icon.icon-vid:after, .orion-seconday-nav .nav-wrap ul .carousel > li .dropdownSelected .carousel-icon.icon-vid:after {
width: 84px;
height: 84px;
background-position-x: 31px;
background-size: auto; } }
.carousel > li a .carousel-icon.icon-img, .orion-seconday-nav .nav-wrap ul .carousel > li .dropdownSelected .carousel-icon.icon-img {
background-image: url("head/icon-slide-glass.svg");
background-color: #FE5000;
border-radius: 50%;
background-size: 41px;
background-position: 13px 13px !important;
top: 5px;
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
height: 64px;
width: 64px;
transition: 0.3s linear; }
@media (min-width: 640px) {
.carousel > li a .carousel-icon.icon-img, .orion-seconday-nav .nav-wrap ul .carousel > li .dropdownSelected .carousel-icon.icon-img {
width: 84px;
height: 84px;
background-position: 23px 23px !important; } }
@media only screen and (min-width: 76.25em) {
.carousel > li a .carousel-icon, .orion-seconday-nav .nav-wrap ul .carousel > li .dropdownSelected .carousel-icon {
width: 84px; } }
.carousel > li a:hover .carousel-icon.icon-img, .orion-seconday-nav .nav-wrap ul .carousel > li .dropdownSelected:hover .carousel-icon.icon-img {
background-color: #d43200; }
.carousel > li a:hover .carousel-icon.icon-vid:after, .orion-seconday-nav .nav-wrap ul .carousel > li .dropdownSelected:hover .carousel-icon.icon-vid:after {
background-color: #d43200; }
.carousel > li img {
display: block;
width: 100%;
height: auto; }
.carousel > li.active {
height: auto;
position: relative;
opacity: 1;
right: 0; }
.carousel-control {
clear: both;
display: inline-block;
margin: 0 auto;
padding: 0; }
.carousel-control > li {
display: inline-table;
list-style: none; }
.carousel-control > li + li {
margin-left: 1em; }
.carousel-control > li a, .orion-seconday-nav .nav-wrap ul .carousel-control > li .dropdownSelected {
background-color: #a7a9ac;
border-radius: 50%;
display: inline-block;
height: 18px;
outline: none;
overflow: hidden;
text-indent: -99em;
-webkit-transition: 1s ease;
transition: 1s ease;
width: 18px; }
.carousel-control > li a.active, .orion-seconday-nav .nav-wrap ul .carousel-control > li .active.dropdownSelected {
--background-color: #fe5000;
background-color: #0058AC; }
.carousel-control > li a:hover, .orion-seconday-nav .nav-wrap ul .carousel-control > li .dropdownSelected:hover {
background-color: #0058AC;
opacity: .8; }
.cta-wrapper {
background-color: #313435;
color: #fff;
padding: 0; }
.cta-wrapper .cta-content {
text-align: center;
padding: 32px;
margin: 0; }
@media only screen and (min-width: 60em) {
.cta-wrapper .cta {
font-size: 18px;
font-size: 1rem; } }
@media only screen and (min-width: 60em) {
.cta-wrapper .layout-inner-wrap {
width: 100%; } }
.cta-wrapper .two-up {
margin: 0;
padding: 32px;
text-align: center; }
@media only screen and (min-width: 60em) {
.cta-wrapper .two-up {
border-right: 1px solid #4A4D4F;
padding-left: 0; } }
.cta-wrapper .two-up + .two-up {
border-top: 1px solid #cacaca; }
@media only screen and (min-width: 60em) {
.cta-wrapper .two-up + .two-up {
border: none;
padding-left: 32px; } }
@media only screen and (min-width: 60em) {
.cta-wrapper p {
font-size: 30px;
font-size: 1.66667rem;
margin-bottom: .25em; } }
.cta-wrapper p br {
display: none; }
@media only screen and (min-width: 60em) {
.cta-wrapper p br {
display: block; } }
.layout-secondary-flex-item {
padding-bottom: 7.5em; }
.layout-secondary-flex-item > section {
border-top: 1px solid #cacaca;
margin-top: 2.22222em;
padding-top: 2.22222em; }
@media (min-width: 832px) {
.layout-secondary-flex-item > section:first-child {
border-top: none;
margin-top: 0 !important;
padding-top: 0; } }
@media only screen and (min-width: 48em) {
.layout-secondary-flex-item h2:first-of-type {
margin-top: 0.3em; } }
@media only screen and (min-width: 76.25em) {
.layout-secondary-flex-item h2:first-of-type {
margin-top: 0.34em; } }
@media only screen and (min-width: 48em) {
.layout-secondary-flex-item h3 {
color: #313435;
font-size: 20px;
font-size: 1.11111rem; } }
@media only screen and (min-width: 48em) {
.layout-secondary-flex-item h4 {
color: #313435;
font-size: 18px;
font-size: 1rem;
font-weight: 400;
padding-top: 0.66667em 0.88889em; } }
@media only screen and (min-width: 48em) {
.layout-secondary-flex-item p, .layout-secondary-flex-item ol, .layout-secondary-flex-item ul, .layout-secondary-flex-item dd {
font-size: 16px;
font-size: 0.88889rem; } }
@media only screen and (min-width: 48em) {
.layout-secondary-flex-item .blog-recent .author {
font-size: 14px;
font-size: 0.77778rem; } }
.tab-wrapper .flex-tab {
padding-bottom: 0px !important; }
.tab-wrapper .flex-tab h2 {
color: #313435;
font-weight: normal;
margin: 0;
text-align: center;
padding: 1em 0 1em 0;
font-size: 30px; }
.tab-wrapper h2 {
color: #fff;
text-align: center;
padding: 2em;
font-size: 32px;
font-weight: normal; }
.tab-wrapper .r-tabs__textContent {
padding: 64px;
text-align: center; }
.tab-wrapper .r-tabs__textContent h2 {
color: #ffffff;
font-size: 32px;
font-weight: normal;
padding: 0; }
.tab-wrapper .r-tabs__textContent p.r-tabs__subtitle {
color: #ffffff; }
.tab-wrapper .flex-item.layout-secondary img, .tab-wrapper .flex-item.layout-secondary-flex-item img {
max-width: 320px; }
.tab-wrapper .flex-item.layout-secondary figure, .tab-wrapper .flex-item.layout-secondary-flex-item figure {
text-align: center; }
.tab-wrapper .flex-item {
padding: 0; }
.tab-wrapper .flex-item.fixed-width-flex-item {
position: relative;
width: 370px;
min-width: 370px; }
@media (min-width: 832px) {
.tab-wrapper .flex-item.fixed-width-flex-item {
min-height: 370px; } }
.tab-wrapper .flex-item.fixed-width-flex-item img {
display: none;
margin: 0;
text-align: center; }
@media (min-width: 832px) {
.tab-wrapper .flex-item.fixed-width-flex-item img {
display: block;
position: absolute;
width: 370px;
max-width: 370px;
min-width: 370px; } }
.tab-wrapper .flex-item.image-from-bottom img {
bottom: 0;
padding-bottom: 0px; }
@media (min-width: 832px) {
.tab-wrapper .flex-item.image-from-bottom {
min-height: 509px; } }
.tab-wrapper .flex-item.imageContainer {
text-align: center;
overflow: hidden; }
.tab-wrapper .flex-item.imageContainer img {
max-width: 100%;
width: auto; }
.tab-wrapper .flex-item .tab-content-wrapper {
padding-bottom: 2em; }
.tab-wrapper .tabs-nav {
max-width: 1440px;
padding: 0 1em;
margin-bottom: 0;
text-align: center; }
@media only screen and (min-width: 93.75em) {
.tab-wrapper .tabs-nav {
padding: 0; } }
.tab-wrapper .tabs-nav li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-left: 1px solid #6e6f6f;
overflow: hidden;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media only screen and (min-width: 48em) {
.tab-wrapper .tabs-nav li {
font-size: 15px;
font-size: 0.83333rem; } }
@media only screen and (min-width: 60em) {
.tab-wrapper .tabs-nav li {
font-size: 20px;
font-size: 1.11111rem; } }
.tab-wrapper .tabs-nav li.r-tabs-state-active {
background-color: #F2F3F3;
border: 1px #F2F3F3 solid; }
.tab-wrapper .tabs-nav li.r-tabs-state-active a, .tab-wrapper .tabs-nav .orion-seconday-nav .nav-wrap ul li.r-tabs-state-active .dropdownSelected, .orion-seconday-nav .nav-wrap ul .tab-wrapper .tabs-nav li.r-tabs-state-active .dropdownSelected {
color: #4A4D4F; }
.tab-wrapper .tabs-nav li.r-tabs-state-active .r-tabs-anchor {
border-top-right-radius: 0px;
border-top-left-radius: 0px; }
.tab-wrapper .tabs-nav li a, .tab-wrapper .tabs-nav .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul .tab-wrapper .tabs-nav li .dropdownSelected {
height: 100%;
text-align: center;
vertical-align: middle;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.tab-wrapper .tabs-nav li:first-child {
border-left-color: transparent;
border-left-width: 0px; }
.tab-wrapper .tabs-nav li.n-col-2 {
width: 45%; }
.tab-wrapper .tabs-nav li.n-col-3 {
width: 28.33%; }
.tab-wrapper .tabs-nav li.n-col-4 {
width: 20%; }
.tab-wrapper .tabs-nav li.n-col-5 {
width: 15%; }
.tab-wrapper.tab-content-white .tabs-nav li.r-tabs-state-active {
background-color: #fff;
border: 1px #fff solid; }
.tab-wrapper.tab-content-white .tabs-nav li.r-tabs-state-active a, .tab-wrapper.tab-content-white .tabs-nav .orion-seconday-nav .nav-wrap ul li.r-tabs-state-active .dropdownSelected, .orion-seconday-nav .nav-wrap ul .tab-wrapper.tab-content-white .tabs-nav li.r-tabs-state-active .dropdownSelected {
background-color: #fff; }
.tab-wrapper.tab-content-white .r-tabs-panel.r-tabs-state-active {
background-color: #fff; }
.no-flexbox .flex-table .flex-cell a, .no-flexbox .flex-table .flex-cell .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .no-flexbox .flex-table .flex-cell .dropdownSelected {
display: inline-block; }
.tabs-wrapper {
background-color: #4A4D4F;
padding: 1em 0px 0px 0px;
position: relative;
width: 100%; }
.tabs-wrapper h2 {
color: #fff;
margin: 2em 0;
text-align: center; }
.tabs-wrapper .tabs-control {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden; }
.tabs-wrapper .tabs-control li {
background-color: #4A4D4F;
border-left: 1px solid #F2F3F3;
box-sizing: border-box;
display: block;
float: left;
font-size: 13px;
font-size: 0.72222rem;
margin: 0;
padding: 0;
width: 33.3%; }
@media only screen and (min-width: 48em) {
.tabs-wrapper .tabs-control li {
font-size: 18px;
font-size: 1rem; } }
@media only screen and (min-width: 60em) {
.tabs-wrapper .tabs-control li {
font-size: 20px;
font-size: 1.11111rem; } }
.tabs-wrapper .tabs-control li.active {
background-color: #F2F3F3; }
.tabs-wrapper .tabs-control li.active a, .tabs-wrapper .tabs-control .orion-seconday-nav .nav-wrap ul li.active .dropdownSelected, .orion-seconday-nav .nav-wrap ul .tabs-wrapper .tabs-control li.active .dropdownSelected {
color: #4A4D4F;
-webkit-transition: none;
transition: none; }
.tabs-wrapper .tabs-control li:first-child {
border-color: transparent; }
.tabs-wrapper .tabs-control li.n-col-2 {
width: 50%; }
.tabs-wrapper .tabs-control li.n-col-3 {
width: 33.33%; }
.tabs-wrapper .tabs-control li.n-col-4 {
width: 25%; }
.tabs-wrapper .tabs-control li.n-col-5 {
width: 20%; }
.tabs-wrapper .tabs-control a, .tabs-wrapper .tabs-control .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .tabs-wrapper .tabs-control .dropdownSelected {
color: #fff;
display: block;
font-weight: bold;
outline: none;
padding: 1em 0;
text-align: center;
width: 100%; }
.tabs-wrapper .tabs-control a span, .tabs-wrapper .tabs-control .orion-seconday-nav .nav-wrap ul li .dropdownSelected span, .orion-seconday-nav .nav-wrap ul li .tabs-wrapper .tabs-control .dropdownSelected span {
display: none; }
@media only screen and (min-width: 60em) {
.tabs-wrapper .tabs-control a span, .tabs-wrapper .tabs-control .orion-seconday-nav .nav-wrap ul li .dropdownSelected span, .orion-seconday-nav .nav-wrap ul li .tabs-wrapper .tabs-control .dropdownSelected span {
display: inline; } }
.tabs-wrapper .tabs {
list-style: none;
margin: 0;
padding: 0;
position: relative; }
.tabs-wrapper .tabs .personna {
text-align: center; }
.tabs-wrapper .tabs .personna .personna-cta {
background: url("head/bg-resource-downloads-li.png") left top no-repeat;
margin-bottom: 1em;
min-height: 38px;
padding-left: 40px; }
.tabs-wrapper .tabs .personna .personna-cta strong {
display: block; }
@media only screen and (min-width: 60em) {
.tabs-wrapper .tabs .personna figure {
margin-bottom: 0;
min-height: 509px;
overflow: hidden;
position: relative; } }
@media only screen and (min-width: 60em) {
.tabs-wrapper .tabs .personna figure img, .tabs-wrapper .tabs .personna figure figcaption {
float: left; } }
.tabs-wrapper .tabs .personna figure figcaption {
box-sizing: border-box;
margin: 0 0 2em;
padding-left: 0;
text-align: left; }
@media only screen and (min-width: 60em) {
.tabs-wrapper .tabs .personna figure figcaption {
padding: 0 0 3.11111em 430px;
margin-bottom: 0; } }
.tabs-wrapper .tabs .personna figure img {
display: none;
margin: 0; }
@media only screen and (min-width: 60em) {
.tabs-wrapper .tabs .personna figure img {
bottom: 0;
display: block;
left: 2.5em;
position: absolute;
width: 370px; } }
.tabs-wrapper .tabs h2 {
color: #313435;
font-weight: normal;
margin: 0 0 1em 0;
text-align: left; }
.tabs-wrapper .tabs > li {
margin: 0;
padding: 0; }
.tabs-wrapper .tabs > li.active {
background-color: #F2F3F3; }
.tabs-wrapper .tabs > li.active .tab-content {
opacity: 1;
height: auto;
padding-top: 3em; }
.tabs-wrapper .tabs > li .tab-content {
max-width: 1440px;
opacity: 0;
height: 0;
overflow: hidden;
-webkit-transition: .25s ease opacity;
transition: .25s ease opacity; }
.purchasing-col {
background: #F2F3F3;
border: 1px solid #cccccc;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
padding: 2em !important; }
.purchasing-col p {
line-height: 1.45em; }
.resources {
background-color: #F2F3F3;
padding: 3rem 0; }
.resources h2.resources-header {
color: #313435;
text-align: center; }
@media only screen and (min-width: 60em) {
.resources h2.resources-header {
margin-bottom: 1.5em; } }
.resources .three-up {
box-sizing: border-box;
padding-top: 1em !important;
text-align: center; }
@media only screen and (min-width: 60em) {
.resources .three-up {
padding: 0 2em; } }
.resources .three-up + .three-up {
border-top: 1px solid #cacaca; }
@media only screen and (min-width: 60em) {
.resources .three-up + .three-up {
border-left: 1px solid #cacaca;
border-top: none; } }
.resources .three-up h2 {
color: #313435;
font-weight: normal;
margin-bottom: 1.5em; }
@media only screen and (min-width: 48em) {
.resources .three-up h2 {
font-size: 26px;
font-size: 1.44444rem; } }
@media only screen and (min-width: 76.25em) {
.resources .three-up h2 {
font-size: 30px;
font-size: 1.66667rem; } }
.resources .three-up h5 {
font-size: 18px;
font-size: 1rem;
margin: 1.5em 0 .33em;
text-align: left; }
.resources .three-up ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left; }
.resources .three-up ul li {
margin-bottom: .33em; }
.resources .three-up.nth-child-np4 {
margin-top: 0; }
.svg .icon-read,
.svg .icon-watch,
.svg .icon-explore {
position: relative; }
.svg .icon-read:before,
.svg .icon-watch:before,
.svg .icon-explore:before {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
content: '';
display: inline-block;
height: 45px;
padding-right: 10px;
position: relative;
top: 10px; }
.svg .icon-read:before {
background-image: url("head/icon-read_1.svg");
height: 50px;
width: 60px; }
.no-svg .svg .icon-read:before {
background-image: url("head/icon-read_1.png"); }
.svg .icon-watch:before {
background-image: url("head/icon-experience_1.svg");
--height: 37px;
--width: 62px;
height: 50px;
width: 60px;
/*@include media(breakpointExtraLarge) {
height: 47px;
width: 97px;
}*/ }
.no-svg .svg .icon-watch:before {
background-image: url("head/icon-experience_1.png"); }
.svg .icon-explore:before {
background-image: url("head/icon-explore_1.svg");
height: 50px;
width: 60px; }
.no-svg .svg .icon-explore:before {
background-image: url("head/icon-explore_1.png"); }
.CTA-simple {
background-color: #4A4D4F;
color: #fff;
margin-bottom: -1.6667em;
text-align: center;
padding-top: 3em;
padding-bottom: 5.833em; }
@media only screen and (min-width: 48em) {
.CTA-simple {
margin-bottom: -3.3333em; } }
.CTA-simple h2 {
color: #fff; }
.CTA-simple .bg-green {
background-color: #36ba2f;
border-color: #36ba2f; }
.CTA-simple .bg-green:hover, .CTA-simple .bg-green:active {
background-color: #2a9125;
border-color: #2a9125; }
.fullbleed-blockquote {
/*web-7319*/
background-color: #0078CC;
color: #fff;
font-weight: 300;
line-height: 1.45;
padding: 40px;
text-align: center; }
.fullbleed-blockquote p {
margin-bottom: 0; }
@media only screen and (min-width: 20em) {
.fullbleed-blockquote p {
font-size: 18px;
font-size: 1rem; } }
@media only screen and (min-width: 30em) {
.fullbleed-blockquote p {
font-size: 22px;
font-size: 1.22222rem; } }
@media only screen and (min-width: 48em) {
.fullbleed-blockquote p {
font-size: 26px;
font-size: 1.44444rem; } }
@media only screen and (min-width: 60em) {
.fullbleed-blockquote p {
font-size: 30px;
font-size: 1.66667rem; } }
.fullbleed-blockquote h5 {
margin-top: 0.1em; }
.fullbleed-blockquote h5 a, .fullbleed-blockquote h5 .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .fullbleed-blockquote h5 .dropdownSelected {
font-size: 18px;
text-decoration: underline;
color: #fff;
outline: 0; }
@media only screen and (min-width: 20em) {
.fullbleed-blockquote h5 a, .fullbleed-blockquote h5 .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .fullbleed-blockquote h5 .dropdownSelected {
font-size: 16px;
font-size: 0.88889rem; } }
@media only screen and (min-width: 30em) {
.fullbleed-blockquote h5 a, .fullbleed-blockquote h5 .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .fullbleed-blockquote h5 .dropdownSelected {
font-size: 18px;
font-size: 1rem; } }
@media only screen and (min-width: 48em) {
.fullbleed-blockquote h5 a, .fullbleed-blockquote h5 .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .fullbleed-blockquote h5 .dropdownSelected {
font-size: 20px;
font-size: 1.11111rem; } }
@media only screen and (min-width: 60em) {
.fullbleed-blockquote h5 a, .fullbleed-blockquote h5 .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .fullbleed-blockquote h5 .dropdownSelected {
font-size: 20px;
font-size: 1.11111rem; } }
.fullbleed-blockquote section {
margin-top: 2rem; }
.fullbleed-blockquote .layout-inner-wrap {
max-width: 1150px; }
.fullbleed-blockquote cite {
display: block;
font-weight: 600;
margin-top: 1.5em; }
@media only screen and (min-width: 20em) {
.fullbleed-blockquote cite {
font-size: 16px;
font-size: 0.88889rem; } }
@media only screen and (min-width: 30em) {
.fullbleed-blockquote cite {
font-size: 18px;
font-size: 1rem; } }
@media only screen and (min-width: 48em) {
.fullbleed-blockquote cite {
font-size: 20px;
font-size: 1.11111rem; } }
@media only screen and (min-width: 60em) {
.fullbleed-blockquote cite {
font-size: 20px;
font-size: 1.11111rem; } }
@media only screen and (min-width: 20em) {
.fullbleed-blockquote {
font-size: 18px;
font-size: 1rem; } }
@media only screen and (min-width: 30em) {
.fullbleed-blockquote {
font-size: 22px;
font-size: 1.22222rem; } }
@media only screen and (min-width: 48em) {
.fullbleed-blockquote {
font-size: 26px;
font-size: 1.44444rem;
padding: 60px; } }
@media only screen and (min-width: 60em) {
.fullbleed-blockquote {
font-size: 30px;
font-size: 1.66667rem; } }
.full-bleed-two-column {
table-layout: fixed; }
.full-bleed-two-column .layout-secondary figure, .full-bleed-two-column .layout-secondary-flex-item figure {
text-align: center; }
.full-bleed-two-column .layout-secondary img, .full-bleed-two-column .layout-secondary-flex-item img {
max-width: 100%; }
.full-width-image-description .flex-item {
text-align: center; }
@media (min-width: 640px) {
.full-width-image-description .flex-item {
text-align: left; } }
.full-width-image-description .image-right-align {
max-width: 280px;
width: 100%; }
@media (min-width: 640px) {
.full-width-image-description .image-right-align {
float: right; } }
.full-width-image-description .description-left-align {
float: left;
margin-top: 1rem; }
@media (min-width: 640px) {
.full-width-image-description .description-left-align {
margin-top: 0px;
padding-left: 2rem; } }
.full-width-image-description .description-left-align .title {
color: #FF5500; }
.bar .section-title {
font-weight: normal; }
@media only screen and (min-width: 48em) {
.education .layout-primary {
padding-right: 3%;
margin-right: 3%; } }
.education .layout-primary section {
margin-top: 1.5em; }
.education .layout-primary .accordion-item-content ul {
padding-left: 1em;
margin-top: 0;
margin-bottom: 0;
list-style-type: disc; }
.education .layout-secondary section {
border-top: transparent;
margin-top: 1em;
padding-top: 1em; }
.education .promo p {
padding: 0.5em; }
.education h1 {
color: #4f5a65;
font-size: 18px;
font-size: 1rem;
font-weight: 400;
line-height: 1.2; }
@media only screen and (min-width: 48em) {
.education h1 {
font-size: 32px;
font-size: 1.77778rem; } }
.education h2 {
color: #4f5a65;
font-size: 18px;
font-size: 1rem;
font-weight: 400;
line-height: 1.2; }
@media only screen and (min-width: 48em) {
.education h2 {
font-size: 26px;
font-size: 1.44444rem; } }
.education .overview .flex-grid > div {
margin-bottom: 1.5em; }
.education .overview .flex-grid > div:last-child {
margin-bottom: 0em; }
.education .overview .flex-grid .flex-item {
box-sizing: border-box;
margin-right: 0.75em; }
.education .overview .flex-grid .flex-item img, .education .overview .flex-grid .flex-item object, .education .overview .flex-grid .flex-item embed {
width: 100%; }
.education .overview .flex-grid .course-abstract {
padding-top: 1em; }
@media only screen and (min-width: 60em) {
.education .overview .flex-grid .course-abstract {
padding-top: 1.5em; } }
@media only screen and (min-width: 48em) {
.education .overview .flex-grid .course-abstract {
text-align: right; } }
.education .modules ul {
border-bottom: transparent; }
.education .modules .flex-grid .flex-item {
box-sizing: border-box;
margin-right: 0.75em; }
.education .modules .flex-grid .flex-item ul {
list-style: initial;
padding-left: 1em; }
.education .modules .flex-grid .flex-item ul li {
list-style-type: disc; }
.education .h1-variation-courses {
font-size: 1rem;
font-weight: 800;
line-height: 1.2; }
@media only screen and (min-width: 48em) {
.education .h1-variation-courses {
font-size: 1.77778rem; } }
.section-education .section-content {
padding-top: 0;
padding-bottom: 2em; }
.education-cards .flex-item a, .education-cards .flex-item .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .education-cards .flex-item .dropdownSelected {
display: block;
word-wrap: break-word; }
.education-cards .flex-item p {
padding-left: 1em;
padding-right: 1em;
font-size: .85em;
color: #313435;
line-height: 1.6em; }
.education-cards .flex-item .course-type {
background-color: #F2F3F3;
padding-top: .5em;
padding-bottom: .5em;
min-height: 36px;
line-height: 1.1em; }
.education-cards .flex-item .course-type img {
width: 30px;
float: right;
margin-left: .5em; }
.education-cards .flex-item .course-type.course {
background-color: #1CA4D8;
color: white; }
.education-cards .flex-item .course-type.learningPath {
background-color: #FF4F01;
color: white; }
.education-cards .flex-item .course-type.certification {
background-color: #00A79F;
color: white; }
.education-cards .flex-item div {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.education-cards .flex-item h5 {
padding-left: 1em;
padding-right: 1em;
font-size: 1em;
line-height: 1.6em;
--color: #29a5d6;
color: #046e96;
margin: 0px;
font-weight: 400; }
.education-cards .flex-item .course-details {
padding-top: 2em;
margin-bottom: 0;
margin-top: auto; }
.education-cards .flex-item .course-audience {
font-weight: 800; }
.list-count {
padding-top: 1em;
width: 100%; }
.filter-text {
position: relative;
padding-bottom: 4em; }
.filter-text .search-site {
position: absolute;
right: 0;
top: 20px;
width: 100%; }
.filter-text .search-site-b {
box-sizing: border-box;
border: solid 1px #cacaca;
border-radius: 4px;
box-shadow: 0 0 2px #cacaca;
height: 34px;
overflow: hidden;
padding: 3px 12px 0 12px; }
.filter-text .search-site-b:after {
font-family: "icomoon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-transform: none;
color: #6c6c6c;
content: "";
display: block;
font-size: 21px;
pointer-events: none;
right: 8px;
top: 6px;
z-index: -1;
float: right; }
.filter-text .search-site-b .search-focus {
position: relative;
z-index: 1; }
.filter-text .search-site-b [type="text"] {
background: url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw%3D%3D) transparent;
border: none;
color: #cacaca;
font: 16px arial,sans-serif;
line-height: 27px;
height: auto;
left: 0;
margin: 0;
outline: none;
padding: 0;
position: absolute;
width: 100%;
z-index: 6; }
.filter-text .search-site-b [type="text"]:focus {
color: #6c6c6c;
opacity: 1;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear; }
.filter-text .search-site-b button {
background-color: transparent;
border: 1px solid transparent;
border-radius: 0;
bottom: 1px;
height: 32px;
margin: 0;
position: absolute;
right: 1px;
top: 1px;
width: 34px;
z-index: 2; }
.filter-text .search-site-b button:hover {
background-color: rgba(0, 0, 0, 0.08);
border-left: 1px solid rgba(0, 0, 0, 0.1); }
.functionalHeroHeader {
text-align: center;
color: white; }
.functionalHeroHeader form {
margin: 1em; }
.functionalHeroHeader form li {
margin: auto;
width: 100%; }
.functionalHeroHeader form li > div {
display: inline-block;
width: 100%; }
@media only screen and (min-width: 48em) {
.functionalHeroHeader form li > div {
width: auto; } }
.functionalHeroHeader form li > div > div {
float: none;
width: 100%;
margin: 0px; }
@media only screen and (min-width: 48em) {
.functionalHeroHeader form li > div > div {
float: left;
width: 300px;
margin: 1rem; } }
@media only screen and (min-width: 30em) {
.functionalHeroHeader form li > div a, .functionalHeroHeader form .orion-seconday-nav .nav-wrap ul li > div .dropdownSelected, .orion-seconday-nav .nav-wrap ul .functionalHeroHeader form li > div .dropdownSelected {
margin-top: 1.1rem;
float: none; } }
@media only screen and (min-width: 48em) {
.functionalHeroHeader form li > div a, .functionalHeroHeader form .orion-seconday-nav .nav-wrap ul li > div .dropdownSelected, .orion-seconday-nav .nav-wrap ul .functionalHeroHeader form li > div .dropdownSelected {
margin-top: 1rem;
float: left; } }
@media only screen and (min-width: 60em) {
.functionalHeroHeader form li > div a, .functionalHeroHeader form .orion-seconday-nav .nav-wrap ul li > div .dropdownSelected, .orion-seconday-nav .nav-wrap ul .functionalHeroHeader form li > div .dropdownSelected {
margin-top: .8rem;
float: left; } }
.functionalHeroHeader h1 {
font-size: 26px;
font-size: 1.44444rem;
font-weight: 400;
line-height: 1.2; }
@media only screen and (min-width: 48em) {
.functionalHeroHeader h1 {
font-size: 39.6px;
font-size: 2.2rem; } }
.functionalHeroHeader h4 {
color: white; }
.color-container h4 {
color: white; }
.color-container div {
background-color: #313435;
text-align: center; }
.color-container.mediumOrange {
background-color: #fe5000; }
.color-container.mediumOrange div {
background-color: #fe5000; }
.color-container a, .color-container .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .color-container .dropdownSelected {
margin-right: 1em;
width: 60%; }
@media only screen and (min-width: 30em) {
.color-container a, .color-container .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .color-container .dropdownSelected {
width: 60%; } }
@media only screen and (min-width: 48em) {
.color-container a, .color-container .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .color-container .dropdownSelected {
width: 40%; } }
@media only screen and (min-width: 60em) {
.color-container a, .color-container .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .color-container .dropdownSelected {
width: 19%; } }
.imageCaptionCard figcaption {
padding: 0px; }
.edu-copyright-note {
text-align: center;
font-size: 10px;
margin-bottom: .5cm; }
.h1-variation-courses {
font-size: 1rem;
font-weight: 800;
line-height: 1.2; }
@media only screen and (min-width: 48em) {
.h1-variation-courses {
font-size: 1.77778rem; } }
.ebc {
/*utils */
/* typeography */
/*lead*/
/* section specific */
/* bullets */ }
.ebc .no-break {
white-space: nowrap; }
.ebc .bk-ship-grey {
background-color: #313435; }
.ebc .bk-white {
background-color: #fff; }
.ebc .show-breakpointTiny {
display: none; }
@media only screen and (min-width: 12.5em) {
.ebc .show-breakpointTiny {
display: block; } }
@media only screen and (min-width: 12.5em) {
.ebc .hide-breakpointTiny {
display: none; } }
.ebc .show-inline-breakpointTiny {
display: none; }
@media only screen and (min-width: 12.5em) {
.ebc .show-inline-breakpointTiny {
display: inline-block;
zoom: 1;
*display: inline; } }
@media only screen and (min-width: 12.5em) {
.ebc .hide-inline-breakpointTiny {
display: none; } }
.ebc .show-breakpointExtraSmall {
display: none; }
@media only screen and (min-width: 20em) {
.ebc .show-breakpointExtraSmall {
display: block; } }
@media only screen and (min-width: 20em) {
.ebc .hide-breakpointExtraSmall {
display: none; } }
.ebc .show-inline-breakpointExtraSmall {
display: none; }
@media only screen and (min-width: 20em) {
.ebc .show-inline-breakpointExtraSmall {
display: inline-block;
zoom: 1;
*display: inline; } }
@media only screen and (min-width: 20em) {
.ebc .hide-inline-breakpointExtraSmall {
display: none; } }
.ebc .show-breakpointSmall {
display: none; }
@media only screen and (min-width: 30em) {
.ebc .show-breakpointSmall {
display: block; } }
@media only screen and (min-width: 30em) {
.ebc .hide-breakpointSmall {
display: none; } }
.ebc .show-inline-breakpointSmall {
display: none; }
@media only screen and (min-width: 30em) {
.ebc .show-inline-breakpointSmall {
display: inline-block;
zoom: 1;
*display: inline; } }
@media only screen and (min-width: 30em) {
.ebc .hide-inline-breakpointSmall {
display: none; } }
.ebc .show-small {
display: none; }
@media only screen and (min-width: 30em) {
.ebc .show-small {
display: block; } }
@media only screen and (min-width: 30em) {
.ebc .hide-small {
display: none; } }
.ebc .show-inline-small {
display: none; }
@media only screen and (min-width: 30em) {
.ebc .show-inline-small {
display: inline-block;
zoom: 1;
*display: inline; } }
@media only screen and (min-width: 30em) {
.ebc .hide-inline-small {
display: none; } }
.ebc .show-breakpointMedium {
display: none; }
@media only screen and (min-width: 48em) {
.ebc .show-breakpointMedium {
display: block; } }
@media only screen and (min-width: 48em) {
.ebc .hide-breakpointMedium {
display: none; } }
.ebc .show-inline-breakpointMedium {
display: none; }
@media only screen and (min-width: 48em) {
.ebc .show-inline-breakpointMedium {
display: inline-block;
zoom: 1;
*display: inline; } }
@media only screen and (min-width: 48em) {
.ebc .hide-inline-breakpointMedium {
display: none; } }
.ebc .show-breakpointLarge {
display: none; }
@media only screen and (min-width: 60em) {
.ebc .show-breakpointLarge {
display: block; } }
@media only screen and (min-width: 60em) {
.ebc .hide-breakpointLarge {
display: none; } }
.ebc .show-inline-breakpointLarge {
display: none; }
@media only screen and (min-width: 60em) {
.ebc .show-inline-breakpointLarge {
display: inline-block;
zoom: 1;
*display: inline; } }
@media only screen and (min-width: 60em) {
.ebc .hide-inline-breakpointLarge {
display: none; } }
.ebc .show-breakpointExtraLarge {
display: none; }
@media only screen and (min-width: 76.25em) {
.ebc .show-breakpointExtraLarge {
display: block; } }
@media only screen and (min-width: 76.25em) {
.ebc .hide-breakpointExtraLarge {
display: none; } }
.ebc .show-inline-breakpointExtraLarge {
display: none; }
@media only screen and (min-width: 76.25em) {
.ebc .show-inline-breakpointExtraLarge {
display: inline-block;
zoom: 1;
*display: inline; } }
@media only screen and (min-width: 76.25em) {
.ebc .hide-inline-breakpointExtraLarge {
display: none; } }
.ebc .show-breakpointExtraExtraLarge {
display: none; }
@media only screen and (min-width: 93.75em) {
.ebc .show-breakpointExtraExtraLarge {
display: block; } }
@media only screen and (min-width: 93.75em) {
.ebc .hide-breakpointExtraExtraLarge {
display: none; } }
.ebc .show-inline-breakpointExtraExtraLarge {
display: none; }
@media only screen and (min-width: 93.75em) {
.ebc .show-inline-breakpointExtraExtraLarge {
display: inline-block;
zoom: 1;
*display: inline; } }
@media only screen and (min-width: 93.75em) {
.ebc .hide-inline-breakpointExtraExtraLarge {
display: none; } }
@media only screen and (min-width: 30em) {
.ebc .xs-hide {
display: none; }
.ebc .p1 {
padding: .5rem; }
.ebc .py1 {
padding-top: .5rem;
padding-bottom: .5rem; }
.ebc .px1 {
padding-left: .5rem;
padding-right: .5rem; }
.ebc .p2, .ebc .page-careers .slide-caption, .page-careers .ebc .slide-caption {
padding: 1rem; }
.ebc .py2 {
padding-top: 1rem;
padding-bottom: 1rem; }
.ebc .px2 {
padding-left: 1rem;
padding-right: 1rem; }
.ebc .p3 {
padding: 1.5rem; }
.ebc .py3 {
padding-top: 1.5rem;
padding-bottom: 1.5rem; }
.ebc .px3 {
padding-left: 1.5rem;
padding-right: 1.5rem; }
.ebc .p4 {
padding: 2rem; }
.ebc .py4 {
padding-top: 2rem;
padding-bottom: 2rem; }
.ebc .px4 {
padding-left: 2rem;
padding-right: 2rem; }
.ebc .sm-col {
float: left; }
.ebc .sm-col-right {
float: right; }
.ebc .sm-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.ebc .sm-col-1 {
width: 8.33333%; }
.ebc .sm-col-2 {
width: 16.66667%; }
.ebc .sm-col-3 {
width: 25%; }
.ebc .sm-col-4 {
width: 33.33333%; }
.ebc .sm-col-5 {
width: 41.66667%; }
.ebc .sm-col-6 {
width: 50%; }
.ebc .sm-col-7 {
width: 58.33333%; }
.ebc .sm-col-8 {
width: 66.66667%; }
.ebc .sm-col-9 {
width: 75%; }
.ebc .sm-col-10 {
width: 83.33333%; }
.ebc .sm-col-11 {
width: 91.66667%; }
.ebc .sm-col-12 {
width: 100%; } }
@media only screen and (min-width: 48em) {
.ebc .sm-hide {
display: none; }
.ebc .p3 {
padding: 2rem; }
.ebc .py3 {
padding-top: 2rem;
padding-bottom: 2rem; }
.ebc .px3 {
padding-left: 2rem;
padding-right: 2rem; }
.ebc .p4 {
padding: 3rem; }
.ebc .py4 {
padding-top: 3rem;
padding-bottom: 3rem; }
.ebc .px4 {
padding-left: 3rem;
padding-right: 3rem; }
.ebc .md-mr3 {
margin-right: 2em; }
.ebc .md-col {
float: left; }
.ebc .md-col-right {
float: right; }
.ebc .md-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.ebc .md-col-1 {
width: 8.33333%; }
.ebc .md-col-2 {
width: 16.66667%; }
.ebc .md-col-3 {
width: 25%; }
.ebc .md-col-4 {
width: 33.33333%; }
.ebc .md-col-5 {
width: 41.66667%; }
.ebc .md-col-6 {
width: 50%; }
.ebc .md-col-7 {
width: 58.33333%; }
.ebc .md-col-8 {
width: 66.66667%; }
.ebc .md-col-9 {
width: 75%; }
.ebc .md-col-10 {
width: 83.33333%; }
.ebc .md-col-11 {
width: 91.66667%; }
.ebc .md-col-12 {
width: 100%; } }
@media only screen and (min-width: 60em) {
.ebc .md-hide {
display: none; }
.ebc .p4 {
padding: 4rem; }
.ebc .py4 {
padding-top: 4rem;
padding-bottom: 4rem; }
.ebc .px4 {
padding-left: 4rem;
padding-right: 4rem; }
.ebc .lg-mr3 {
margin-right: 3em; }
.ebc .lg-col {
float: left; }
.ebc .lg-col-right {
float: right; }
.ebc .lg-flex {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.ebc .lg-col-1 {
width: 8.33333%; }
.ebc .lg-col-2 {
width: 16.66667%; }
.ebc .lg-col-3 {
width: 25%; }
.ebc .lg-col-4 {
width: 33.33333%; }
.ebc .lg-col-5 {
width: 41.66667%; }
.ebc .lg-col-6 {
width: 50%; }
.ebc .lg-col-7 {
width: 58.33333%; }
.ebc .lg-col-8 {
width: 66.66667%; }
.ebc .lg-col-9 {
width: 75%; }
.ebc .lg-col-10 {
width: 83.33333%; }
.ebc .lg-col-11 {
width: 91.66667%; }
.ebc .lg-col-12 {
width: 100%; } }
@media only screen and (min-width: 76.25em) {
.ebc .lg-hide {
display: none; }
.ebc .xl-col {
float: left; }
.ebc .xl-col-right {
float: right; }
.ebc .xl-col-1 {
width: 8.33333%; }
.ebc .xl-col-2 {
width: 16.66667%; }
.ebc .xl-col-3 {
width: 25%; }
.ebc .xl-col-4 {
width: 33.33333%; }
.ebc .xl-col-5 {
width: 41.66667%; }
.ebc .xl-col-6 {
width: 50%; }
.ebc .xl-col-7 {
width: 58.33333%; }
.ebc .xl-col-8 {
width: 66.66667%; }
.ebc .xl-col-9 {
width: 75%; }
.ebc .xl-col-10 {
width: 83.33333%; }
.ebc .xl-col-11 {
width: 91.66667%; }
.ebc .xl-col-12 {
width: 100%; } }
.ebc .larger {
margin-bottom: .5em;
font-size: 18px;
font-size: 1rem; }
@media only screen and (min-width: 60em) {
.ebc .larger {
font-size: 20px;
font-size: 1.11111rem; } }
.ebc .lead.-md {
font-size: 18px;
font-size: 1rem; }
@media only screen and (min-width: 48em) {
.ebc .lead.-md {
font-size: 20px;
font-size: 1.11111rem; } }
@media only screen and (min-width: 60em) {
.ebc .lead.-md {
font-size: 24px;
font-size: 1.33333rem; } }
@media only screen and (min-width: 60em) {
.ebc .lead.-oll {
width: auto; } }
@media only screen and (min-width: 76.25em) {
.ebc .lead.-oll {
max-width: 1500px; } }
.ebc section {
/* banner */ }
.ebc section p:last-of-type {
margin-bottom: 0; }
.ebc section.limited .layout-inner-wrap {
max-width: 1050px; }
.ebc section.layout-full-bleed {
padding: 0.83333rem 0; }
.ebc section.layout-full-bleed.layout-full-bleed-image {
padding: 14.16667rem 0 2.08333rem 0; }
.ebc section.layout-full-bleed.layout-full-bleed-image h1 {
margin: 15px 0 20px 0;
font-weight: 400;
line-height: 1.3em; }
@media only screen and (min-width: 48em) {
.ebc section.layout-full-bleed.layout-full-bleed-image h1 {
margin: 0; } }
.ebc section.layout-full-bleed.layout-full-bleed-image p.hero-caption.super {
margin-bottom: 0;
font-size: 18px;
font-size: 1rem; }
@media only screen and (min-width: 48em) {
.ebc section.layout-full-bleed.layout-full-bleed-image p.hero-caption.super {
font-size: 20.88px;
font-size: 1.16rem; } }
.ebc section.layout-full-bleed.layout-full-bleed-image p.hero-caption.sub {
margin-top: 10px; }
.ebc section.logos img {
margin: 0;
max-width: 45%;
height: auto; }
@media only screen and (min-width: 93.75em) {
.ebc section.logos img {
margin: 0 8px; } }
.ebc section.client-quotes .l-quotes {
font-size: 60px;
font-size: 3.33333rem;
line-height: 18px;
margin-bottom: -9px;
vertical-align: bottom;
display: inline-block;
zoom: 1;
*display: inline; }
.ebc section.client-quotes .wrapper-nested {
margin: 0; }
.ebc section.client-quotes .wrapper-nested .two-up:first-of-type {
margin-bottom: 15px; }
.ebc section.client-quotes footer {
font-size: 16px;
font-size: 0.88889rem; }
@media only screen and (min-width: 48em) {
.ebc section.client-quotes footer {
font-size: 18px;
font-size: 1rem; } }
.ebc section.ebc-map .map-bk {
background-image: none;
background-position: 50%;
background-repeat: no-repeat;
background-size: 100% auto; }
@media only screen and (min-width: 76.25em) {
.ebc section.ebc-map .map-bk {
background-size: auto; } }
@media (max-width: 768px) {
.ebc section.ebc-map .map-bk {
background-image: none !important; } }
@media only screen and (min-width: 48em) {
.ebc section.ebc-map .map-bk {
background-size: 45% auto; } }
.ebc section.ebc-map .map-bk .map-highlight {
display: block;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
max-width: 100%;
height: auto; }
@media only screen and (min-width: 48em) {
.ebc section.ebc-map .map-bk .map-highlight {
margin-bottom: 0; }
.ebc section.ebc-map .map-bk .map-highlight:first-of-type {
margin-bottom: 20px; } }
.ebc section.ebc-map .map-bk .map-highlight.india {
border-color: #00a79d; }
.ebc section.ebc-map .map-bk .map-left img {
border-right: 12px solid #fe5000; }
.ebc section.ebc-map .map-bk .map-center {
display: none; }
@media only screen and (min-width: 48em) {
.ebc section.ebc-map .map-bk .map-center {
display: block; } }
.ebc section.ebc-map .map-bk .map-right img {
border-left: 12px solid #fe5000; }
.ebc section.ebc-map .map-bk .map-right img:last-of-type {
margin-bottom: 0; }
.ebc section .pt1 {
padding-top: 12px; }
@media only screen and (min-width: 60em) {
.ebc section .pt1 {
padding-top: 0.83333rem; } }
.ebc section .pt2 {
padding-top: 24px; }
@media only screen and (min-width: 60em) {
.ebc section .pt2 {
padding-top: 1.66667rem; } }
.ebc section .pt3 {
padding-top: 36px; }
@media only screen and (min-width: 60em) {
.ebc section .pt3 {
padding-top: 2.5rem; } }
.ebc section .pt4 {
padding-top: 48px; }
@media only screen and (min-width: 60em) {
.ebc section .pt4 {
padding-top: 3.33333rem; } }
.ebc section .pt5 {
padding-top: 60px; }
@media only screen and (min-width: 60em) {
.ebc section .pt5 {
padding-top: 4.16667rem; } }
.ebc section .pt6 {
padding-top: 72px; }
@media only screen and (min-width: 60em) {
.ebc section .pt6 {
padding-top: 5rem; } }
.ebc section .pb1 {
padding-bottom: 12px; }
@media only screen and (min-width: 60em) {
.ebc section .pb1 {
padding-bottom: 0.83333rem; } }
.ebc section .pb2 {
padding-bottom: 24px; }
@media only screen and (min-width: 60em) {
.ebc section .pb2 {
padding-bottom: 1.66667rem; } }
.ebc section .pb3 {
padding-bottom: 36px; }
@media only screen and (min-width: 60em) {
.ebc section .pb3 {
padding-bottom: 2.5rem; } }
.ebc section .pb4 {
padding-bottom: 48px; }
@media only screen and (min-width: 60em) {
.ebc section .pb4 {
padding-bottom: 3.33333rem; } }
.ebc section .pb5 {
padding-bottom: 60px; }
@media only screen and (min-width: 60em) {
.ebc section .pb5 {
padding-bottom: 4.16667rem; } }
.ebc section .pb6 {
padding-bottom: 72px; }
@media only screen and (min-width: 60em) {
.ebc section .pb6 {
padding-bottom: 5rem; } }
@media only screen and (min-width: 60em) {
.ebc section .layout-inner-wrap.-oll {
width: auto; } }
@media only screen and (min-width: 76.25em) {
.ebc section .layout-inner-wrap.-oll {
max-width: 1100px; } }
.ebc .orange-tick-bullets {
padding-top: 0.556rem; }
.ebc .orange-tick-bullets.solid li {
background-image: none;
padding-left: 1.3rem;
position: relative; }
.ebc .orange-tick-bullets.solid li:before {
width: 12px;
height: 12px;
background: #fe5000;
border-radius: 100%;
position: absolute;
left: 0;
top: 5px;
display: block;
content: ""; }
@media only screen and (min-width: 60em) {
.ebc .orange-tick-bullets.solid li:before {
top: 8px; } }
.partners-cards .cards-4-col {
display: block; }
.partners-cards .logo-block {
margin-bottom: 2rem;
maring-top: 1rem; }
.partners-cards .logo-block::before {
display: block;
padding-top: 0; }
.partners-cards .logo-block .copy {
position: relative;
right: 0;
left: 0;
bottom: auto; }
.partners-cards .logo-block .logo-heading {
position: relative; }
.partners-cards .logo-block .logo-inner-container {
position: relative;
height: auto; }
.partners-cards .logo-block .logo-area {
height: 130px; }
.partners-cards .logo-block .logo-area img {
max-width: 100%;
max-height: 100%; }
.partners-cards .block-title {
width: 100%;
margin-left: 1rem;
margin-right: 1rem;
text-align: left;
border-bottom: 1px solid #cacaca;
padding: .5rem;
clear: both;
margin-bottom: 20px; }
@media (max-width: 832px) {
.partners-cards .block-title {
margin-left: 8px;
padding-left: 0; } }
@media (max-width: 832px) {
.partners-cards .h2-variation-1 {
font-size: 1.5rem; } }
.parnter-modal-details {
display: none; }
.parnter-modal-details .modal-logo-section {
text-align: center; }
.parnter-modal-details .modal-logo-section img {
height: auto;
width: 100%;
max-width: 200px; }
.parnter-modal-details .modal-logo-section .links {
text-align: left; }
.parnter-modal-details .modal-logo-section span {
padding-right: 1em; }
.parnter-modal-details .modal-content .section-header {
margin-right: 0px;
margin-left: 0px; }
.parnter-modal-details .modal-content .section-content {
margin-right: 0px;
margin-left: 0px; }
@media (min-width: 832px) {
.parnter-modal-details .modal-content {
padding-left: 2rem; } }
.maincontentcontainer > .layout-full-bleed > .partner-list {
padding-bottom: 0 !important; }
.partner-wrap {
clear: both; }
@media (max-width: 1400px) {
.partner-wrap {
padding: 0 20px;
float: left; } }
.partner-list p.partner-lead {
padding: 0; }
.event-filters {
display: none; }
.event-filters fieldset ol {
text-align: center; }
.event-filters fieldset ol .filter-label {
margin-left: auto;
margin-right: 0.5rem;
font-weight: 400;
padding: .5rem 0rem;
font-size: 1.7rem; }
.event-filters fieldset ol li {
margin-right: auto;
margin-left: 0.5rem; }
.events-cards h2 {
margin-left: 1rem;
margin-right: 1rem;
text-align: left;
border-bottom: 1px solid #cacaca;
padding: .5rem; }
.events-cards .flex-justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.events-cards .flex-item a, .events-cards .flex-item .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .events-cards .flex-item .dropdownSelected {
display: block;
word-wrap: break-word; }
.events-cards .flex-item p {
padding-left: 1em;
padding-right: 1em;
font-size: .85em;
--color: #4f5a65;
line-height: 1.6em; }
.events-cards .flex-item .event-type {
background-color: #F2F3F3;
padding-top: .5em;
padding-bottom: .5em;
min-height: 36px;
line-height: 36px; }
.events-cards .flex-item .event-type .iconHolder {
float: right;
margin-top: 0.2em; }
.events-cards .flex-item .event-type img {
width: 30px;
float: right;
margin-left: .5em; }
.events-cards .flex-item .event-type.type1 {
background-color: #1CA4D8;
color: white; }
.events-cards .flex-item .event-type.type2 {
background-color: #FF4F01;
color: white; }
.events-cards .flex-item .event-type.type3 {
background-color: #00A79F;
color: white; }
.events-cards .flex-item .event-type.type4 {
background-color: #00A79F;
color: white; }
.events-cards .flex-item .event-type.type5 {
background-color: #3980b2;
color: white; }
.events-cards .flex-item .event-type.type6 {
background-color: #d7df0f;
color: white; }
.events-cards .flex-item .event-type.type7 {
background-color: #313435;
color: white; }
.events-cards .flex-item div {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.events-cards .flex-item h5 {
font-size: 1em;
line-height: 1.6em;
color: #046e96;
margin: 0px;
font-weight: 400;
padding: 1em; }
.events-cards .flex-item .event-date {
margin-bottom: 0.5rem;
padding-left: 1rem; }
.events-cards .flex-item .event-location {
font-weight: bold;
margin-bottom: 0.5rem;
padding-left: 1rem; }
.events-modal-details {
display: none; }
.events-modal-details .modal-logo-section {
text-align: center; }
.events-modal-details .modal-logo-section img {
height: auto;
width: 100%;
max-width: 200px; }
.events-modal-details .modal-logo-section .links {
text-align: left; }
.events-modal-details .modal-logo-section span {
padding-right: 1em; }
.events-modal-details .modal-content .section-header {
margin-right: 0px;
margin-left: 0px; }
.events-modal-details .modal-content .section-content {
margin-right: 0px;
margin-left: 0px; }
@media (min-width: 832px) {
.events-modal-details .modal-content {
padding-left: 2rem; } }
.product-category-header {
min-height: 395px;
padding: 0px !important;
--display: flex; }
@media screen and (min-width: 640px) {
.product-category-header {
min-height: 545px; } }
.product-category-header .offset-wrapper {
min-height: 200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: auto;
margin-right: auto;
width: 100%; }
@media screen and (min-width: 640px) {
.product-category-header .offset-wrapper {
min-height: 300px; } }
.product-category-header .inner {
width: 100%; }
.product-category-header h1, .product-category-header h2, .product-category-header h5 {
font-weight: lighter;
width: 100%; }
.product-category-header h1, .product-category-header h2 {
display: inline-block;
margin-top: 18px;
margin-bottom: 18px; }
@media screen and (min-width: 640px) {
.product-category-header h1, .product-category-header h2 {
margin-top: 24px;
margin-bottom: 24px; } }
.product-category-header h2 {
font-size: 1.1rem;
line-height: 1.2em;
max-width: 80%; }
@media screen and (min-width: 640px) {
.product-category-header h2 {
font-size: 1.77778rem; } }
.product-category-header h1 {
font-size: 2.5rem; }
@media screen and (min-width: 640px) {
.product-category-header h1 {
font-size: 3rem; } }
.product-category-header .btn-secondary {
margin-top: 18px;
margin-bottom: 18px;
margin-right: 0px; }
@media screen and (min-width: 640px) {
.product-category-header .btn-secondary {
margin-top: 24px;
margin-bottom: 24px; } }
.product-category-header .modal-youtube-video-player.btn.btn-secondary svg {
fill: #0078CC; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.product-category-header .modal-youtube-video-player.btn.btn-secondary svg {
max-width: 35px; } }
.product-category-header .modal-youtube-video-player.btn.btn-secondary:hover svg {
fill: #ffffff; }
.product-category-header .mr1 {
margin-right: .5rem; }
.product-category-header .bannerContent {
padding-bottom: 1rem;
padding-top: 1rem;
min-height: 400px;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media screen and (min-width: 640px) {
.product-category-header .bannerContent {
min-height: 400px; } }
.product-category-header .bannerContent .layout-inner-wrap {
text-align: center;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media screen and (min-width: 640px) {
.product-category-header .bannerContent .layout-inner-wrap {
text-align: left; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.product-category-header .bannerContent .inner {
margin-top: 3rem; } }
.product-category-header .assetStrip {
display: block;
position: relative;
z-index: 9;
width: 100%;
padding-bottom: 1rem;
border-bottom: 4px solid #fff;
text-align: left; }
@media screen and (min-width: 640px) {
.product-category-header .assetStrip {
padding-bottom: 0px; } }
@media screen and (max-width: 640px) {
.product-category-header .assetStrip {
background-color: rgba(255, 255, 255, 0.87);
border-top: 4px solid #FE5000; } }
.product-category-header .assetStrip > .inner {
max-width: 1440px;
margin: 0 auto; }
.product-category-header .assetStrip .assetStripItem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: .5rem;
margin-left: .5rem; }
.product-category-header .assetStrip .assetStripItem > .inner {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.product-category-header .assetStrip .assetStripItem > .inner > .sm-flex {
width: 100%; }
@media screen and (max-width: 640px) {
.product-category-header .assetStrip .assetStripItem {
margin-right: 1rem;
margin-left: 1rem; } }
.product-category-header .assetStrip .contentContainer > .flex-item > .inner {
padding-bottom: 1em; }
.product-category-header .assetStrip .contentContainer > .flex-item > .inner .flex-center {
width: 100%; }
.product-category-header .assetStrip .dummyClickable {
position: relative;
top: -175%;
left: 3%;
width: 94%;
height: 100%; }
.product-category-header .assetStrip h5 {
color: #313435;
font-size: 16px;
margin-bottom: 0; }
.product-category-header .assetStrip p {
line-height: 1.2;
margin: .5em 0 0 0; }
.product-category-header .assetStrip .assetImg a, .product-category-header .assetStrip .assetImg .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .product-category-header .assetStrip .assetImg .dropdownSelected {
display: block; }
.product-category-header .assetStrip .assetTxt {
color: white;
width: 100%; }
.product-category-header .assetStrip .assetTxt .link {
color: #0058AC;
margin-top: .25rem;
font-size: 14px; }
@media screen and (min-width: 640px) {
.product-category-header .assetStrip .assetTxt .link {
margin-top: .6rem; } }
.product-category-header .assetStrip .assetTxt img {
max-width: 72px;
width: auto;
margin: auto;
vertical-align: top;
display: none;
margin-top: 1.2rem; }
@media only screen and (min-width: 60em) {
.product-category-header .assetStrip .assetTxt img {
margin-top: .2rem; } }
.product-category-header .assetStrip .assetTxt p {
font-size: 16px;
margin-top: .25rem;
color: #313435; }
.product-category-header .assetStrip .contentContainer > .assetStripItem {
margin-bottom: 0rem;
background-color: rgba(255, 255, 255, 0.87);
border-top: 4px solid #fff; }
@media screen and (max-width: 640px) {
.product-category-header .assetStrip .contentContainer > .assetStripItem {
background: none; } }
@media screen and (max-width: 640px) {
.product-category-header .assetStrip .contentContainer > .assetStripItem:first-child {
border-top: none; } }
.product-category-header .assetStrip .contentContainer > .flex-item > .inner {
padding: .8rem 1.3rem; }
@media screen and (max-width: 640px) {
.product-category-header .assetStrip .contentContainer > .flex-item > .inner {
padding-right: 0px;
padding-left: 0px; } }
.product-category-header .assetStrip .contentContainer > .sm-col-4 img {
margin-top: .2rem; }
@media only screen and (min-width: 30em) {
.product-category-header .assetStrip img {
display: none; }
.product-category-header .assetStrip .assetTxt .inner {
margin-left: 0px;
width: 100%;
max-width: 100%; }
.product-category-header .assetStrip .assetTxt .inner {
text-align: left; } }
@media only screen and (min-width: 48em) {
.product-category-header .assetStrip {
margin-top: 0; }
.product-category-header .assetStrip > .inner {
background: none; }
.product-category-header .assetStrip .assetTxt .inner {
margin-left: 0;
display: inline-block;
text-align: left;
vertical-align: middle; }
.product-category-header .assetStrip .link {
margin-top: .6rem; } }
@media only screen and (min-width: 60em) {
.product-category-header .assetStrip .assetTxt {
text-align: center; }
.product-category-header .assetStrip .assetTxt img {
display: inline; }
.product-category-header .assetStrip .assetTxt .inner {
margin-left: 16px;
max-width: 60%;
width: auto; }
.product-category-header .assetStrip .assetTxt .inner p {
font-size: 18px;
margin-top: .25rem;
--color: #313435; }
.product-category-header .assetStrip .assetTxt .inner .link {
font-size: 16px;
margin-top: .6rem;
color: #0058AC;
font-weight: 600; }
.product-category-header .assetStrip .assetTxt .inner h5 {
font-size: 16px; }
.product-category-header .assetStrip .contentContainer > .assetStripItem {
min-height: 124px; } }
@media screen and (min-width: 640px) {
.product-category-header .assetStrip .shadow-top {
border-top: 4px solid #FE5000;
-webkit-transition: .5s ease;
transition: .5s ease; } }
@media screen and (min-width: 640px) {
.product-category-header .assetStrip .shadow-top:hover {
border-top: 4px solid #FE5000;
background-color: white;
-webkit-transition: .5s ease;
transition: .5s ease; } }
.product-category-header.product-category-header2 h5 {
font-weight: normal; }
.product-category-header.product-category-header2 .bannerContent {
padding-top: 0px;
min-height: 200px; }
@media only screen and (min-width: 30em) {
.product-category-header.product-category-header2 .bannerContent {
padding-top: 10px;
min-height: 420px; } }
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item.add-top-bottom-margin-82px {
margin-top: 40px;
margin-bottom: 40px; }
@media only screen and (min-width: 30em) {
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item.add-top-bottom-margin-82px {
margin-top: 34px;
margin-bottom: 34px; } }
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item.add-top-bottom-margin-110px {
margin-top: 40px;
margin-bottom: 40px; }
@media only screen and (min-width: 30em) {
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item.add-top-bottom-margin-110px {
margin-top: 52px;
margin-bottom: 52px; } }
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item.add-top-bottom-margin-140px {
margin-top: 40px;
margin-bottom: 40px; }
@media only screen and (min-width: 30em) {
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item.add-top-bottom-margin-140px {
margin-top: 82px;
margin-bottom: 82px; } }
@media (min-width: 640px) {
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item.bannerContent--width {
width: 66.6666%; } }
@media (min-width: 640px) {
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item.bannerContent--width {
width: 50%; } }
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item.bannerContent--width .btn {
padding: 12px 30px;
margin-right: 1.7rem; }
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item.bannerContent--width .btn.link-icon-play:before {
float: right;
margin-left: 0.5rem;
margin-top: 4px;
margin-right: 0;
color: #ffffff; }
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item.bannerContent--width .btn.btn-tertiary {
padding-left: 0;
padding-right: 0;
padding-bottom: 5px; }
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item.bannerContent--width .navigation-breadcrumb {
text-align: center; }
@media (min-width: 640px) {
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item.bannerContent--width .navigation-breadcrumb {
text-align: left; } }
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item.bannerContent--width .navigation-breadcrumb ul li {
font-size: 16px;
font-size: 0.88889rem;
margin-bottom: 1rem; }
@media only screen and (min-width: 48em) {
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item.bannerContent--width .navigation-breadcrumb ul li {
font-size: 18px;
font-size: 1rem; } }
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item.bannerContent--width .navigation-breadcrumb ul li.breadcrumb-item {
color: #00007f; }
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item.bannerContent--width .navigation-breadcrumb ul li.breadcrumb-item a, .product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item.bannerContent--width .navigation-breadcrumb .orion-seconday-nav .nav-wrap ul li.breadcrumb-item .dropdownSelected, .orion-seconday-nav .nav-wrap .product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item.bannerContent--width .navigation-breadcrumb ul li.breadcrumb-item .dropdownSelected {
color: #00007f;
font-weight: normal;
font-size: inherit; }
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item.no-top-bottom-margin {
margin-top: 0px;
margin-bottom: 0px; }
@media only screen and (min-width: 48em) {
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item {
margin-left: 25px; } }
@media only screen and (min-width: 60em) {
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item {
margin-left: 45px; } }
@media only screen and (min-width: 76.25em) {
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item {
margin-left: 65px; } }
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item h1 {
font-weight: normal !important;
font-size: 26px;
margin-bottom: 0;
margin-top: 0px;
margin-right: 10px;
margin-left: 10px;
width: auto; }
@media only screen and (min-width: 30em) {
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item h1 {
margin-bottom: 17px;
font-size: 50px;
margin-bottom: 2px;
margin-right: 0px;
margin-left: 0px;
letter-spacing: -2.3px; } }
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item h2 {
font-weight: normal !important;
letter-spacing: 0.2px;
--line-height: 1.7rem;
max-width: 100%;
font-size: 14px;
line-height: 1.2rem;
margin-bottom: 5px;
margin-top: 12px; }
@media only screen and (min-width: 30em) {
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item h2 {
line-height: 2rem;
font-size: 25px;
margin-bottom: 35px;
margin-top: 18px; } }
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item .btn-secondary {
padding-right: 30px;
padding-left: 30px;
padding-top: 12px;
padding-bottom: 12px;
margin-right: 0px;
margin-bottom: 0px;
/*WEB-7258*/ }
@media only screen and (min-width: 30em) {
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item .btn-secondary {
margin-right: 25px; } }
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item .btn-secondary:hover {
border: 1px solid #fff; }
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item .mt3-imp {
margin-top: 18px; }
@media (min-width: 640px) {
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item .mt3-imp {
margin-top: 24px; } }
@media (min-width: 640px) {
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .mega-text {
padding: 3rem 0 3rem 0;
margin: 0 auto; }
.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .mega-text h3 {
max-width: 610px;
font-weight: 400;
font-size: 36px;
line-height: 45px;
margin-top: 0; } }
.product-category-header.header-brand2 .breadcrumb {
list-style: none;
padding: 0;
margin: 20px 0 15px 0; }
.product-category-header.header-brand2 .breadcrumb li {
display: inline-block;
margin-bottom: 0; }
.product-category-header.header-brand2 .breadcrumb li a, .product-category-header.header-brand2 .breadcrumb .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul .product-category-header.header-brand2 .breadcrumb li .dropdownSelected {
font-weight: 700;
color: #fff; }
.product-category-header.header-brand2 .breadcrumb li:after {
content: " \00203A"; }
.product-category-header.header-brand2 .breadcrumb li.active:after {
content: ""; }
@media only screen and (min-width: 30em) {
.product-category-header.header-brand2 .bannerContent .layout-inner-wrap .flex-item.add-top-bottom-margin-110px {
margin-top: 22px; } }
@media (min-width: 640px) {
.product-category-header.header-brand2 .bannerContent .layout-inner-wrap .flex-item.add-top-bottom-margin-110px.bannerContent--width {
width: 66.6666%; } }
@media (min-width: 640px) {
.product-category-header.header-brand2 .bannerContent .layout-inner-wrap .flex-item.add-top-bottom-margin-110px.bannerContent--width {
width: 50%; } }
.product-category-header.banner-image-from-top .wallpaper-container .wallpaper-media.native {
top: 0px !important;
background-position: center top !important; }
.product-category-header .outer-banner-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
height: 100%; }
.product-category-promo {
margin-top: 0em; }
.product-category-promo .promo-content {
padding: .7rem !important;
margin-bottom: 0px !important;
margin-top: 0rem !important;
margin-bottom: 0rem !important;
font-weight: lighter; }
.product-category-promo .promo-content span {
font-weight: normal; }
.product-category-promo .promo-content > a:hover, .product-category-promo .orion-seconday-nav .nav-wrap ul li .promo-content > .dropdownSelected:hover, .orion-seconday-nav .nav-wrap ul li .product-category-promo .promo-content > .dropdownSelected:hover {
text-decoration: underline; }
/*----------------------- Variation of Header Solutions Starts----------------------*/
.header-solutions--text-center .full-bleed-page-banner.product-category-header .bannerContent .layout-inner-wrap .flex-item {
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 0; }
@media (min-width: 640px) {
.header-solutions--text-center .full-bleed-page-banner.product-category-header .bannerContent .layout-inner-wrap .flex-item.bannerContent--width {
margin-left: auto;
margin-right: auto;
width: 70%; } }
.header-solutions--text-center .full-bleed-page-banner.product-category-header .bannerContent .layout-inner-wrap .flex-item.bannerContent--width h1 {
font-weight: bold !important;
display: block; }
.header-solutions--text-center .full-bleed-page-banner.product-category-header .bannerContent .layout-inner-wrap .flex-item.bannerContent--width h2 {
max-width: 556px; }
.header-solutions--text-center .full-bleed-page-banner.product-category-header .bannerContent .layout-inner-wrap .flex-item .navigation-breadcrumb {
text-align: center; }
.header-solutions--text-center .full-bleed-page-banner.product-category-header .bannerContent .layout-inner-wrap .flex-item .navigation-breadcrumb li.breadcrumb-item a, .header-solutions--text-center .full-bleed-page-banner.product-category-header .bannerContent .layout-inner-wrap .flex-item .navigation-breadcrumb .orion-seconday-nav .nav-wrap ul li.breadcrumb-item .dropdownSelected, .orion-seconday-nav .nav-wrap ul .header-solutions--text-center .full-bleed-page-banner.product-category-header .bannerContent .layout-inner-wrap .flex-item .navigation-breadcrumb li.breadcrumb-item .dropdownSelected {
color: #ffffff;
font-weight: normal; }
@media screen and (min-width: 640px) and (min-width: 832px) {
.header-with-foregroundImg.product-category-header {
min-height: 300px; } }
.header-with-foregroundImg.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap {
text-align: left;
max-width: 1440px; }
@media (min-width: 640px) and (max-width: 960px) {
.header-with-foregroundImg.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .sm-col-10 {
width: 83.33333%; } }
@media (min-width: 832px) {
.header-with-foregroundImg.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap {
padding-top: 60px;
padding-bottom: 30px; } }
.header-with-foregroundImg.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .btn {
padding: 12px 30px;
margin-right: 1.7rem; }
.header-with-foregroundImg.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .btn.link-icon-play:before {
float: right;
margin-left: 0.5rem;
margin-top: 4px;
margin-right: 0;
color: #ffffff; }
.header-with-foregroundImg.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .navigation-breadcrumb {
text-align: left; }
@media (min-width: 640px) {
.header-with-foregroundImg.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .navigation-breadcrumb {
text-align: left; } }
.header-with-foregroundImg.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .navigation-breadcrumb.cmp-breadcrumb {
margin-top: 10px; }
.header-with-foregroundImg.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .navigation-breadcrumb.cmp-breadcrumb ul {
margin-bottom: 0.7rem; }
.header-with-foregroundImg.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .navigation-breadcrumb.cmp-breadcrumb ul li {
font-size: 16px;
font-size: 0.88889rem;
margin-bottom: 1rem; }
@media only screen and (min-width: 48em) {
.header-with-foregroundImg.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .navigation-breadcrumb.cmp-breadcrumb ul li {
font-size: 18px;
font-size: 1rem; } }
.header-with-foregroundImg.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .navigation-breadcrumb.cmp-breadcrumb ul li.breadcrumb-item {
margin-bottom: 0.2rem;
color: #00368f; }
.header-with-foregroundImg.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .navigation-breadcrumb.cmp-breadcrumb ul li.breadcrumb-item a, .header-with-foregroundImg.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .navigation-breadcrumb.cmp-breadcrumb .orion-seconday-nav .nav-wrap ul li.breadcrumb-item .dropdownSelected, .orion-seconday-nav .nav-wrap .header-with-foregroundImg.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .navigation-breadcrumb.cmp-breadcrumb ul li.breadcrumb-item .dropdownSelected {
color: #00368f;
font-weight: normal;
font-size: inherit; }
.header-with-foregroundImg.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item {
margin-left: 0; }
.header-with-foregroundImg.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item h1 {
text-align: left;
font-size: 38px;
line-height: 50px;
font-weight: 400 !important;
margin-bottom: 15px;
margin-left: 0;
color: #313435; }
@media (min-width: 832px) {
.header-with-foregroundImg.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item h1 {
font-size: 60px;
line-height: 65px; } }
.header-with-foregroundImg.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item h1 span b {
font-weight: 700; }
.header-with-foregroundImg.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item h2 {
margin-top: 0;
font-size: 20px;
margin-bottom: 0;
color: #313435; }
.header-with-foregroundImg.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item .button-wrapper {
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.header-with-foregroundImg.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item .button-wrapper .btn-tertiary {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center; }
@media only screen and (min-width: 30em) {
.header-with-foregroundImg.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item .button-wrapper {
display: block; } }
.header-with-foregroundImg.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item.image_wrapper {
display: none; }
@media only screen and (min-width: 60em) {
.header-with-foregroundImg.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item.image_wrapper {
display: block; } }
.header-with-foregroundImg.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item.image_wrapper img {
vertical-align: middle;
max-height: 100%; }
.header-with-foregroundImg.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item:first-of-type {
padding-right: 0px; }
@media only screen and (min-width: 60em) {
.header-with-foregroundImg.product-category-header.product-category-header2 .bannerContent .layout-inner-wrap .flex-item:first-of-type {
padding-right: 80px; } }
/*----------------------- Variation of header solution ENDS ----------------------*/
.resource-hub .product-category-header {
min-height: 395px; }
@media screen and (min-width: 640px) {
.resource-hub .product-category-header {
min-height: 435px; } }
.resource-hub .product-category-header h1 {
margin-top: 0; }
.resource-hub .listCompLoader {
padding-top: 2rem; }
.resource-hub .resource-hub-trials-cards .flex-item {
position: relative; }
.resource-hub .resource-hub-trials-cards .flex-item .resource-type.resource {
background-color: #1CA4D8;
color: white; }
.resource-hub .resource-hub-trials-cards .cards-4-col .flex-item {
background: #fff; }
.resource-hub .resource-hub-trials-cards .cards-4-col .flex-item:hover:not(.noHover) {
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01); }
.resource-hub .resource-hub-trials-cards .filters {
background-color: transparent;
display: none; }
.resource-hub .resource-hub-trials-cards .filters select#products,
.resource-hub .resource-hub-trials-cards .filters select#topics {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.resource-hub .resource-hub-trials-cards .filters ol {
display: table;
margin: 0 auto; }
.resource-hub .resource-hub-trials-cards .filters li {
width: 90%; }
@media only screen and (min-width: 60em) {
.resource-hub .resource-hub-trials-cards .filters li {
width: 45%;
padding: 0 2rem;
display: table-cell; } }
.resource-hub .resource-hub-trials-cards .filters li select {
font-size: 1rem; }
.resource-hub .resource-hub-trials-cards .filters li.tooltipField {
margin-left: 2%; }
.resource-hub .resource-hub-trials-cards .filters li.tooltipField > div:first-child {
width: 100%; }
.resource-hub .resource-hub-trials-cards .filters.pageLoad {
display: block; }
.resource-hub .resource-hub-trials-cards .decorator-select {
background: #fff;
border: 2px solid #cacaca;
border-radius: 5px;
box-sizing: border-box;
display: inline-block;
height: 48px;
overflow: hidden;
position: relative;
width: 100%; }
.resource-hub .resource-hub-trials-cards .decorator-select select > option {
background: #cccccc2e; }
@media only screen and (min-width: 48em) {
.resource-hub .resource-hub-trials-cards .decorator-select {
width: 100%; } }
@media only screen and (min-width: 60em) {
.resource-hub .resource-hub-trials-cards .decorator-select {
--width: 55%; } }
.resource-hub .resource-hub-trials-cards fieldset:not(#foo) .decorator-select:after {
font-family: "icomoon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-transform: none;
content: '\e601';
color: #FE5000;
top: 3px;
width: 26px;
z-index: 11;
right: 10px;
height: 24px;
padding: 15px 0px 0px 8px;
border-left: 1px solid #FE5000;
position: absolute;
pointer-events: none;
background-color: white; }
.resource-hub .resource-hub-trials-cards fieldset:not(#foo) .decorator-select select::-ms-value {
background: none;
color: #000; }
.resource-hub .resource-hub-trials-cards .resource-container .resource-audience {
position: absolute;
bottom: 0;
height: auto; }
.resource-hub .resource-hub-trials-cards .resource-container .resource-audience span {
float: right;
color: #FE5000;
position: relative;
top: 12px; }
.resource-hub .resource-hub-trials-cards .resource-container .resource-details {
margin-bottom: 2.5em;
margin-top: auto;
font-size: 0.847em;
color: #313435;
line-height: 1.6em; }
.resource-hub .resource-hub-trials-cards .resource-container ul.list-group {
padding: 0;
margin: 0;
list-style: none; }
.resource-hub .resource-hub-trials-cards .resource-container ul.list-group li.title {
color: #FE5000;
line-height: 1.3em; }
.divider, .product-landing .layout-secondary, .product-landing .layout-secondary-slim-side, .product-landing .layout-secondary-slim-side-grey, .product-landing .layout-secondary-cta-container, .product-landing .layout-secondary-shaded, .divider-secondary, .testimonial {
border: none;
margin-top: 16px;
padding-top: 0; }
.divider, .product-landing .layout-secondary, .product-landing .layout-secondary-slim-side, .product-landing .layout-secondary-slim-side-grey, .product-landing .layout-secondary-cta-container, .product-landing .layout-secondary-shaded {
border-top: 1px solid #e0e0e0; }
.divider.row, .product-landing .row.layout-secondary, .product-landing .row.layout-secondary-slim-side, .product-landing .row.layout-secondary-slim-side-grey, .product-landing .row.layout-secondary-cta-container, .product-landing .row.layout-secondary-shaded {
margin-top: 0; }
.divider-large {
border: none;
border-top: 1px solid #e0e0e0;
margin-top: 2em;
padding-top: 2em; }
@media only screen and (min-width: 60em) {
.divider-large {
margin-top: 3.77778em;
padding-top: 3.77778em; } }
.divider-secondary {
border-top: 1px dashed #2a2a2a;
padding: 1px 0px; }
.footnote {
font-size: 12px;
font-size: 0.66667rem; }
.layout-secondary .footnote {
font-size: 12px;
font-size: 0.66667rem; }
.wrapper {
margin-left: 0;
margin-right: 0;
min-width: 0;
width: 100%;
margin: 0 auto;
max-width: 1440px;
padding: 1em; }
.wrapper-flush {
margin-left: 0;
margin-right: 0;
min-width: 0;
width: 100%;
margin: 0 auto;
max-width: 1440px;
padding: 1em;
padding: 0; }
.wrapper-nested {
margin-left: 0;
margin-right: 0;
min-width: 0;
width: 100%;
margin: 0 auto;
max-width: 1440px;
padding: 1em;
margin-top: 16px;
padding: 0; }
.wrapper-nested:first-child {
margin-top: 0; }
.two-up,
.three-up,
.four-up {
box-sizing: border-box;
display: inline-block;
vertical-align: top;
width: 100%; }
.two-up:first-child,
.three-up:first-child,
.four-up:first-child {
margin-top: 0; }
.two-up.nth-child-np2,
.three-up.nth-child-np2,
.four-up.nth-child-np2 {
margin-top: 3.3%; }
@media only screen and (min-width: 60em) {
.two-up,
.three-up,
.four-up {
left: 0.25em;
margin-left: -0.25em;
position: relative; }
.two-up.nth-child-np2,
.three-up.nth-child-np2,
.four-up.nth-child-np2 {
margin-top: 0; } }
@media only screen and (min-width: 60em) {
.two-up {
margin-right: 3.3%;
width: 48.3%; }
.cq-Editable-dom .two-up {
margin-right: 2.5%; }
.page-campaign-landing .two-up {
margin: 0.66667em 3.3% 0.66667em -0.25em !important;
width: 46.6%; }
.two-up.nth-child-2n {
margin-right: 0; }
.two-up.nth-child-np3 {
margin-top: 3.3%; }
.layout-secondary .two-up {
margin-right: 0;
width: 100%; }
.layout-secondary .two-up:first-child {
margin-top: 0; } }
@media only screen and (min-width: 60em) {
.three-up {
margin-right: 2.5%;
width: 31.6%; }
.cq-Editable-dom .three-up {
margin-right: 1.6%; }
.three-up.nth-child-3n {
margin-right: 0; }
.three-up.nth-child-np4 {
margin-top: 2.5%; } }
@media only screen and (min-width: 60em) {
.four-up {
margin-right: 3.3%;
width: 48.3%; }
.cq-Editable-dom .four-up {
margin-right: 2.5%; }
.four-up.nth-child-2n {
margin-right: 0; }
.four-up.nth-child-np3 {
margin-top: 3.3%; } }
@media only screen and (min-width: 76.25em) {
.four-up {
margin-right: 2.1%;
width: 23.3%; }
.four-up.nth-child-2n {
margin-right: 2.1%; }
.four-up.nth-child-4n {
margin-right: 0; }
.four-up.nth-child-np3 {
margin-top: 0; }
.four-up.nth-child-np5 {
margin-top: 2.1%; } }
.accessibility {
height: 0;
left: -9999em;
line-height: 0;
position: absolute;
text-indent: -9999em; }
.learn-more:after {
content: "\a0\00203A"; }
.btn span.play-icon {
background: url(head/imgs/icon.png) no-repeat;
float: left;
width: 10px;
height: 40px; }
.brand {
background-image: url("head/bmc_logo_header.svg");
background-position: top center;
background-repeat: no-repeat;
background-size: 100%;
float: left;
text-indent: -9999em; }
.no-svg .brand {
background-image: url("head/bmc_logo_header.png"); }
.search-active .brand {
display: none; }
@media only screen and (min-width: 48em) {
.search-active .brand {
display: block; } }
.bmc-nav-loader-navigation .brand {
height: 36px;
margin: 0.55556em 0 0 0.88889em;
width: 108px; }
@media only screen and (min-width: 60em) {
.bmc-nav-loader-navigation .brand {
height: 45px;
margin: 1.1em 0 0;
width: 135px; } }
.bmc-nav-loader-nav .brand {
height: 40px;
margin: 0.88889em 0 0;
width: 120px; }
@media only screen and (min-width: 60em) {
.bmc-nav-loader-nav .brand {
height: 50px;
margin: 1.5em 0;
width: 150px; } }
@media only screen and (min-width: 48em) {
.dl-adjacent dt {
float: left;
margin: 0 1.33333em 0.88889em 0;
min-width: 6.11111em;
width: 16.6%; } }
.dl-adjacent dd {
border-bottom: 1px solid #F2F3F3;
margin: 0 0 0.88889em;
padding-bottom: 0.88889em; }
.legal-copyright {
color: #C0C3C4;
font-size: 12px;
font-size: 0.66667rem; }
@media only screen and (min-width: 60em) {
.legal-copyright {
box-sizing: border-box;
float: left;
margin: 0;
min-height: 1px;
width: 100%;
padding: 24px 16px;
width: 66.6%; } }
.right {
margin: 0 auto 16px; }
@media only screen and (min-width: 48em) {
.right {
float: right;
margin: 0 0 16px 8px; } }
.testimonial {
background-color: #0078CC;
margin: 0 0 2em;
padding: 40px;
position: relative; }
@media only screen and (min-width: 48em) {
.testimonial {
margin: 2rem 0;
padding: 60px; } }
.testimonial.row {
margin-top: 0; }
.testimonial .layout-inner-wrap {
padding: 0; }
.testimonial section {
margin-top: 2rem; }
.testimonial p {
color: #ffffff;
font-size: 30px;
font-size: 1.66667rem;
font-weight: 300;
margin-bottom: 0; }
@media only screen and (min-width: 12.5em) {
.testimonial p {
font-size: 20px;
font-size: 1.11111rem; } }
@media only screen and (min-width: 20em) {
.testimonial p {
font-size: 20px;
font-size: 1.11111rem; } }
@media only screen and (min-width: 30em) {
.testimonial p {
font-size: 20px;
font-size: 1.11111rem; } }
@media only screen and (min-width: 48em) {
.testimonial p {
font-size: 30px;
font-size: 1.66667rem; } }
@media only screen and (min-width: 60em) {
.testimonial p {
font-size: 30px;
font-size: 1.66667rem; } }
.testimonial h5 a, .testimonial h5 .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .testimonial h5 .dropdownSelected {
color: #ffffff;
outline: 0;
font-size: 18px;
font-size: 1rem;
text-decoration: underline; }
.testimonial h5 a.learn-more, .testimonial h5 .orion-seconday-nav .nav-wrap ul li .learn-more.dropdownSelected, .orion-seconday-nav .nav-wrap ul li .testimonial h5 .learn-more.dropdownSelected {
font-size: 18px;
font-size: 1rem; }
@media only screen and (min-width: 20em) {
.testimonial h5 a, .testimonial h5 .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .testimonial h5 .dropdownSelected {
font-size: 16px;
font-size: 0.88889rem; } }
@media only screen and (min-width: 30em) {
.testimonial h5 a, .testimonial h5 .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .testimonial h5 .dropdownSelected {
font-size: 18px;
font-size: 1rem; } }
@media only screen and (min-width: 48em) {
.testimonial h5 a, .testimonial h5 .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .testimonial h5 .dropdownSelected {
font-size: 20px;
font-size: 1.11111rem; } }
@media only screen and (min-width: 60em) {
.testimonial h5 a, .testimonial h5 .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .testimonial h5 .dropdownSelected {
font-size: 20px;
font-size: 1.11111rem; } }
.testimonial cite {
/*color: #cfe5e4;
display: block;
@include font-size(16);
margin-top: em(24); //BMC-527 Removed 16 from definition*/
color: #ffffff;
display: block;
font-weight: 600;
margin-top: 1.5em; }
@media only screen and (min-width: 20em) {
.testimonial cite {
font-size: 16px;
font-size: 0.88889rem; } }
@media only screen and (min-width: 30em) {
.testimonial cite {
font-size: 18px;
font-size: 1rem; } }
@media only screen and (min-width: 48em) {
.testimonial cite {
font-size: 20px;
font-size: 1.11111rem; } }
@media only screen and (min-width: 60em) {
.testimonial cite {
font-size: 20px;
font-size: 1.11111rem; } }
.page-campaign-landing .testimonial {
padding: 2em;
margin: 2em 0; }
.page-campaign-landing .testimonial p {
font-size: 1.8rem; }
.testimonial-video > *:first-child:before,
.testimonial-pdf > *:first-child:before,
.testimonial-case-study > *:first-child:before {
font-family: "icomoon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-transform: none;
font-size: 18px;
font-size: 1rem;
position: absolute;
top: 18px; }
@media only screen and (min-width: 48em) {
.testimonial-video > *:first-child:before,
.testimonial-pdf > *:first-child:before,
.testimonial-case-study > *:first-child:before {
top: 24px; } }
.testimonial-video > *:first-child:before {
content: ""; }
.testimonial-pdf > *:first-child:before {
content: ""; }
.link-icon-video:before {
content: ""; }
.link-icon-pdf:before {
content: ""; }
.link-icon-pdf-lightgrey:before {
content: "";
color: #e4e5e6 !important; }
.link-icon-pdf-lightblue:before {
content: "";
color: #6290a3 !important; }
.link-icon-document:before {
content: ""; }
.link-icon-resource-video {
background: url("head/bg-resource-downloads-li-video.png") left top no-repeat;
background-position: -4px -2px;
padding-left: 27px;
background-size: 1.5rem; }
.link-icon-resource-document {
background: url("head/bg-resource-downloads-li.png") left 6px no-repeat;
background-position: -2px -2px;
padding-left: 27px;
background-size: 1rem; }
.link-icon-resource-documents {
background: url("head/bg-resource-downloads-li.png") left 6px no-repeat;
background-position: 0 -3.71rem;
padding-left: 27px;
background-size: .94rem; }
.link-icon-video-play {
background: url("head/s-VideoPlay-small.png") left 6px no-repeat;
background-repeat: no-repeat;
background-position: calc(100% - 10px) center;
padding-right: 2.77778em;
padding-left: 27px; }
.link-icon-word:before {
content: ""; }
.link-icon-excel:before {
content: ""; }
.link-icon-zip:before {
content: ""; }
.link-icon-powerpoint:before {
content: ""; }
.link-icon-email:before {
content: ""; }
.link-icon-phone:before {
content: ""; }
.link-icon-globe:before {
content: ""; }
.link-icon-play:before {
content: ""; }
.link-icon-star:before {
content: ""; }
.link-icon-eye:before {
content: ""; }
.icon-play {
position: relative; }
.icon-play:after {
background-image: url(head/play-icon-small.svg);
content: '';
border-radius: 50%;
display: inline-block;
background-repeat: no-repeat;
background-color: #FE5000;
margin: auto;
width: 64px;
height: 64px;
background-size: 24px;
background-position-x: 24px;
background-position-y: center;
-webkit-transition: 0.3s linear;
transition: 0.3s linear; }
@media (min-width: 640px) {
.icon-play:after {
width: 84px;
height: 84px;
background-position-x: 31px;
background-size: auto; } }
.icon-play:hover:after {
background-color: #d43200; }
.icon-magnify {
position: relative; }
.icon-magnify:before {
background-position: 23px 23px;
background-repeat: no-repeat;
background-size: 41px;
content: '';
display: inline-block;
height: 84px;
width: 84px;
padding: 0;
position: relative;
top: 10px;
background-image: url("head/icon-slide-glass.svg");
background-color: #fe5000;
border-radius: 50%;
text-align: center; }
.icon-magnify:hover:before {
background-color: #d43200; }
.logo-outer-wrap {
margin: 0 auto;
width: 100%;
text-align: center; }
.logo-outer-wrap .columnleft {
margin: 0 auto;
width: 40%;
margin-right: 10%;
text-align: center;
float: left; }
.logo-outer-wrap .columnright {
margin: 0 auto;
width: 40%;
margin-right: 0%;
text-align: center;
float: left; }
.logo-outer-wrap .single-line {
float: left;
width: 10%; }
.logo-outer-wrap .two-column {
float: left;
width: 80%; }
.logo-outer-wrap .one-column {
width: 100%; }
#single-row {
display: none; }
@media only screen and (min-width: 48em) {
#single-row {
display: none; } }
@media only screen and (min-width: 60em) {
#single-row {
display: block; } }
#double-column {
display: none; }
@media only screen and (min-width: 48em) {
#double-column {
display: block; } }
@media only screen and (min-width: 60em) {
#double-column {
display: none; } }
#single-column {
display: block; }
@media only screen and (min-width: 20em) {
#single-column {
display: block; } }
@media only screen and (min-width: 48em) {
#single-column {
display: none; } }
@media only screen and (min-width: 60em) {
#single-column {
display: none; } }
#three-columns {
display: none; }
@media only screen and (min-width: 48em) {
#three-columns {
display: none; } }
@media only screen and (min-width: 60em) {
#three-columns {
display: block; } }
#two-columns {
display: none; }
@media only screen and (min-width: 20em) {
#two-columns {
display: block; } }
@media only screen and (min-width: 30em) {
#two-columns {
display: block; } }
@media only screen and (min-width: 48em) {
#two-columns {
display: block; } }
@media only screen and (min-width: 60em) {
#two-columns {
display: none; } }
.brands {
list-style: none;
padding: 0 0 0 20px;
text-align: center; }
.brands li {
display: inline-block;
margin: 0 15px 0 0; }
.three-column ul {
list-style: none;
list-style-image: none;
line-height: 0; }
.three-column li {
display: inline-block;
margin-right: 1em;
padding: 0;
text-align: left;
width: 30%;
vertical-align: top; }
.three-column li:last-child {
margin-right: 0; }
@media only screen and (min-width: 20em) {
.three-column li {
display: block;
vertical-align: top;
width: 100%; } }
@media only screen and (min-width: 30em) {
.three-column li {
display: block;
margin-right: 2em;
vertical-align: top;
width: 100%; } }
@media only screen and (min-width: 48em) {
.three-column li {
display: block;
margin-right: 2em;
vertical-align: top;
width: 100%; } }
@media only screen and (min-width: 60em) {
.three-column li {
display: inline-block;
margin-right: 1em;
padding: 0;
text-align: left;
vertical-align: top;
width: 40%; }
.three-column li:last-child {
margin-right: 0; } }
@media only screen and (min-width: 76.25em) {
.three-column li {
display: inline-block;
margin-right: 1em;
padding: 0;
text-align: left;
vertical-align: top;
width: 31%; }
.three-column li:last-child {
margin-right: 0; } }
.va {
display: block;
margin: auto;
text-align: center;
white-space: nowrap; }
.va span {
display: inline-block;
height: 100%;
vertical-align: middle; }
.va img {
vertical-align: middle; }
.text-left {
text-align: left; }
.text-right {
text-align: right; }
.text-center {
text-align: center; }
.text-upper {
text-transform: uppercase; }
.hide-text-desktop {
display: block; }
@media (min-width: 1024px) {
.hide-text-desktop {
display: none; } }
.hide-text-mobile {
display: block; }
@media (max-width: 1024px) {
.hide-text-mobile {
display: none; } }
.center-block {
display: block;
margin-left: auto;
margin-right: auto; }
.table-desktop {
display: block;
width: 100%; }
@media only screen and (min-width: 60em) {
.table-desktop {
display: table; }
.table-desktop .td {
display: table-cell; } }
.force-ie-pseudo-redraw:before, .force-ie-pseudo-redraw:after {
content: '' !important; }
.white {
color: #fff; }
.abbey {
color: #4f5a65; }
a.white:hover, .orion-seconday-nav .nav-wrap ul li .white.dropdownSelected:hover,
a.white:focus,
.orion-seconday-nav .nav-wrap ul li .white.dropdownSelected:focus,
.white-hover:hover,
.white-hover:focus {
color: #fff; }
.seashell {
color: #F2F3F3; }
.tundora {
color: #413e41; }
.corduroy {
color: #4A4D4F; }
.black {
color: #000; }
.gray {
color: #888; }
.ship-gray {
color: #313435; }
.aluminium {
color: #a7a9ac; }
.medium-orange {
color: #fe5000; }
.yellow-orange-hover:hover,
.yellow-orange-hover:focus {
color: #ffad38; }
.yellow-orange-hover:hover svg,
.yellow-orange-hover:focus svg {
fill: #ffad38; }
.robins-egg-blue {
color: #00bddd; }
.curious-blue {
color: #0078CC; }
.dark-blue-hover:hover,
.dark-blue-hover:focus {
color: #046e96; }
.dark-blue-hover:hover svg,
.dark-blue-hover:focus svg {
fill: #046e96; }
.boston-blue {
color: #3980b2; }
.bg-transparent {
background-color: transparent; }
.bg-white, .header-generic,
.header-brand {
background-color: #fff; }
.bg-white-hover:hover,
.bg-white-hover:focus {
background-color: #fff; }
.bg-approxSnow {
background-color: #fafafa; }
.bg-seashell {
--background-color: #F2F3F3;
background-color: #F2F3F3; }
.bg-seashell-hover:hover,
.bg-seashell-hover:focus,
.bg-gray-1-hover:hover,
.bg-gray-1-hover:focus {
background-color: #ffffff; }
.bg-iron {
background-color: #e2e3e4; }
.bg-mediumGrey {
background-color: #cacaca; }
.bg-darkGrey {
background-color: #6c6c6c; }
.bg-darkGrey {
background-color: #6c6c6c; }
.bg-gradient-blue {
background: -webkit-linear-gradient(309.13deg, #0058AC 62.85%, #0078CC 87.63%);
background: linear-gradient(140.87deg, #0058AC 62.85%, #0078CC 87.63%); }
.bg-black-80 {
background-color: rgba(0, 0, 0, 0.8); }
.bg-sirocco {
background-color: #6e6f6f; }
.bg-corduroy {
background-color: #4A4D4F; }
.bg-abbey {
background-color: #4f5a65; }
.bg-ship-gray {
background-color: #313435; }
.bg-tundora {
background-color: #413e41; }
.bg-mediumGrey-hover:hover,
.bg-mediumGrey-hover:focus {
background-color: #cacaca; }
.bg-gray-hover:hover,
.bg-gray-hover:focus {
background-color: #888; }
.bg-black {
background-color: #000; }
.bg-lightGrey {
background-color: #F2F3F3; }
.bg-dark-gray {
background-color: #222226; }
.bg-light-blue {
background-color: #EDFAFF; }
.bg-cerulean {
background-color: #00b0f0; }
.bg-curious-blue {
background-color: #29a5d6; }
.bg-curious-blue:hover,
.bg-curious-blue:focus {
background-color: #29a5d6; }
.bg-shakespeare {
background-color: #3cb6ce; }
.bg-robins-egg-blue {
background-color: #00bddd; }
.bg-boston-blue {
background-color: #3980b2; }
.bg-danube {
background-color: #5898d2; }
.bg-viking {
background-color: #5ec2d5; }
.bg-darkBlue {
background-color: #046e96; }
.bg-keppel {
background-color: #46ad9e; }
.bg-persian-green {
background-color: #00a79d; }
.bg-conifer {
background-color: #92d050; }
.bg-apple {
background-color: #36ba2f; }
.bg-tangerine {
background-color: #f98700; }
.bg-tango {
background-color: #f37021; }
.bg-mediumOrange {
background-color: #fe5000; }
.bg-pear {
background-color: #d7df23; }
.fill-white {
fill: #fff; }
.fill-black {
fill: #000; }
.fill-seashell {
fill: #F2F3F3; }
.fill-robins-egg-blue {
fill: #00bddd; }
.fill-tundora {
fill: #413e41; }
.fill-curious-blue {
fill: #29a5d6; }
.fill-persian-green {
fill: #00a79d; }
.fill-shakespeare {
fill: #3cb6ce; }
.fill-pear {
fill: #d7df23; }
.fill-tangerine {
fill: #f98700; }
.fill-mediumOrange {
fill: #fe5000; }
.fill-boston-blue {
fill: #3980b2; }
.fill-tango {
fill: #f37021; }
.fill-keppel {
fill: #46ad9e; }
.fill-mediumOrange {
fill: #fe5000; }
.fill-pomegranate {
fill: #ee3924; }
.fill-conifer {
fill: #92d050; }
.fill-viking {
fill: #5ec2d5; }
.fill-danube {
fill: #5898d2; }
.hd, .hc, .hb, .ha, .h1, .page-homepage .brick_accelerators .title, .h2, .h3, .page-careers .slide-caption, #join-leader .trophy-list, .h4, .h5, .h6 {
display: block;
line-height: 1.2; }
.hd {
font-size: 3rem; }
.hc {
font-size: 2.5rem; }
.hb {
font-size: 2rem; }
.ha {
font-size: 1.75rem; }
.h1, .page-homepage .brick_accelerators .title {
font-size: 1.5rem; }
.h2 {
font-size: 1.25rem; }
.h3, .page-careers .slide-caption, #join-leader .trophy-list {
font-size: 1rem; }
.h4 {
font-size: .9rem; }
.h5 {
font-size: .8rem; }
.h6 {
font-size: .7rem; }
.p {
line-height: 1.5em; }
.semibold {
font-weight: 600; }
.bold {
font-weight: 700; }
.bolder {
font-weight: 800; }
.boldest {
font-weight: 900; }
.normal {
font-weight: 400; }
.text-left {
text-align: left; }
.text-right {
text-align: right; }
.text-center {
text-align: center; }
.serif {
font-family: serif; }
.sans-serif {
font-family: sans-serif; }
.monospace {
font-family: monospace; }
.inherit {
font-family: inherit;
font-size: inherit;
font-style: inherit; }
.readability {
margin-left: auto;
margin-right: auto;
max-width: 24em; }
.readability-large {
margin-left: auto;
margin-right: auto;
max-width: 28em; }
.no-select {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.truncate {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.circle {
border-radius: 50%; }
.inline {
display: inline; }
.block {
display: block; }
.inline-block {
display: inline-block; }
.table {
display: table; }
.table-cell {
display: table-cell; }
.container {
display: block;
position: relative; }
.container-white {
display: block;
position: relative;
background: white; }
.align-baseline {
vertical-align: baseline; }
.align-top {
vertical-align: top; }
.align-middle {
vertical-align: middle; }
.align-bottom {
vertical-align: bottom; }
.center-middle,
.middle-center {
text-align: center;
vertical-align: middle; }
.va {
display: block;
margin: auto;
text-align: center;
white-space: nowrap; }
.va span {
display: inline-block;
height: 100%;
vertical-align: middle; }
.va img {
vertical-align: middle; }
.img-responsive-height {
height: 100%;
width: auto; }
.img-responsive-width {
height: auto;
width: 100%; }
.center-block,
.block-center {
display: block;
margin-left: auto;
margin-right: auto; }
.vertical-pos,
.pos-vertical {
display: block;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transform: translateY(-50%); }
.horizontal-pos,
.pos-horizontal {
display: block;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transform: translateY(-50%); }
.center-pos,
.pos-center {
display: block;
left: 50%;
position: absolute;
top: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%); }
.pos-bottom, .page-careers .slide-caption {
bottom: 0;
display: block;
left: 0;
position: absolute; }
.pos-top {
display: block;
left: 0;
position: absolute;
top: 0; }
.table-desktop {
display: block;
width: 100%; }
@media only screen and (min-width: 60em) {
.table-desktop {
display: table; }
.table-desktop .td {
display: table-cell; } }
.overflow-hidden {
overflow: hidden; }
.overflow-scroll {
overflow: scroll; }
.overflow-auto {
overflow: auto; }
.btn-icon-right svg {
height: 1em;
margin: auto 0 -.2em .2em;
max-width: 1em; }
@media (min-width: 1024px) {
.btn-icon-right svg {
margin: auto 0 -.1em .2em; } }
.btn-flat {
border-radius: 0;
border-width: 1px;
margin: 0;
padding: .5em 1.25em; }
.col {
box-sizing: border-box;
float: left; }
.col-right {
box-sizing: border-box;
float: right; }
.col-1 {
width: 8.33333%; }
.col-2 {
width: 16.66667%; }
.col-3 {
width: 25%; }
.col-4 {
width: 33.33333%; }
.col-5 {
width: 41.66667%; }
.col-6 {
width: 50%; }
.col-7 {
width: 58.33333%; }
.col-8 {
width: 66.66667%; }
.col-9 {
width: 75%; }
.col-10 {
width: 83.33333%; }
.col-11 {
width: 91.66667%; }
.col-12 {
width: 100%; }
.flex,
.flex-table {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.flex-wrap, .cards-4-col, .cards-3-col, .education-cards, .events-cards, .partner-card-carousel-cmp .partner-card-carousel .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden;
width: 100%; }
.flex-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.flex-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.flex-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline; }
.flex-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.flex-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.flex-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.flex-justify {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.flex-justify-center,
.flex-x-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.flex-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.flex-grow,
.flex-cell {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
.flex-none {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none; }
.ratio_2-1 {
position: relative; }
.ratio_2-1::before {
content: '';
display: block;
padding-top: 50%; }
.ratio_2-1 > embed,
.ratio_2-1 > iframe,
.ratio_2-1 > object,
.ratio_2-1 > video,
.ratio_2-1 > a, .orion-seconday-nav .nav-wrap ul li
.ratio_2-1 > .dropdownSelected,
.ratio_2-1 > div,
.ratio_2-1 > img {
height: 100% !important;
left: 0;
position: absolute !important;
top: 0;
width: 100% !important; }
.ratio_3-1 {
position: relative; }
.ratio_3-1::before {
content: '';
display: block;
padding-top: 33.33333%; }
.ratio_3-1 > embed,
.ratio_3-1 > iframe,
.ratio_3-1 > object,
.ratio_3-1 > video,
.ratio_3-1 > a, .orion-seconday-nav .nav-wrap ul li
.ratio_3-1 > .dropdownSelected,
.ratio_3-1 > div,
.ratio_3-1 > img {
height: 100% !important;
left: 0;
position: absolute !important;
top: 0;
width: 100% !important; }
.ratio_3-2 {
position: relative; }
.ratio_3-2::before {
content: '';
display: block;
padding-top: 66.66667%; }
.ratio_3-2 > embed,
.ratio_3-2 > iframe,
.ratio_3-2 > object,
.ratio_3-2 > video,
.ratio_3-2 > a, .orion-seconday-nav .nav-wrap ul li
.ratio_3-2 > .dropdownSelected,
.ratio_3-2 > div,
.ratio_3-2 > img {
height: 100% !important;
left: 0;
position: absolute !important;
top: 0;
width: 100% !important; }
.pxr1 {
padding-right: 1rem; }
.col {
box-sizing: border-box;
float: left; }
.ratio_4-3 {
position: relative; }
.ratio_4-3::before {
content: '';
display: block;
padding-top: 75%; }
.ratio_4-3 > embed,
.ratio_4-3 > iframe,
.ratio_4-3 > object,
.ratio_4-3 > video,
.ratio_4-3 > a, .orion-seconday-nav .nav-wrap ul li
.ratio_4-3 > .dropdownSelected,
.ratio_4-3 > div,
.ratio_4-3 > img {
height: 100% !important;
left: 0;
position: absolute !important;
top: 0;
width: 100% !important; }
.no-flexbox .flex-none {
float: left; }
.no-flexbox .flex-table {
display: table;
width: 100%; }
.no-flexbox .flex-table .flex-cell {
display: table-cell; }
.no-flexbox .flex,
.no-flexbox .sm-flex,
.no-flexbox .md-flex,
.no-flexbox .lg-flex {
display: table; }
.no-flexbox .flex:not(.flex-item),
.no-flexbox .sm-flex:not(.flex-item),
.no-flexbox .md-flex:not(.flex-item),
.no-flexbox .lg-flex:not(.flex-item) {
width: 100%; }
.no-flexbox .flex-item {
display: table-cell;
vertical-align: top; }
.no-flexbox .card, .no-flexbox .rc-card-row .simple-card, .rc-card-row .no-flexbox .simple-card, .no-flexbox .rc-card-row .card-with-header, .rc-card-row .no-flexbox .card-with-header, .no-flexbox .rc-card-row .card-with-description, .rc-card-row .no-flexbox .card-with-description, .no-flexbox .rc-card-row .featured-card, .rc-card-row .no-flexbox .featured-card {
display: inline-block;
width: auto; }
.m0 {
margin: 0; }
.mt0 {
margin-top: 0; }
.mr0 {
margin-right: 0; }
.mb0 {
margin-bottom: 0; }
.ml0 {
margin-left: 0; }
.m1 {
margin: .5rem; }
.mt1 {
margin-top: .5rem; }
.mr1 {
margin-right: .5rem; }
.mb1 {
margin-bottom: .5rem !important; }
.ml1 {
margin-left: .5rem; }
.m2 {
margin: 1rem; }
.mt2 {
margin-top: 1rem; }
.mr2 {
margin-right: 1rem; }
.mb2 {
margin-bottom: 1rem; }
.ml2 {
margin-left: 1rem; }
.m3 {
margin: 2rem; }
.mt3 {
margin-top: 2rem; }
.mr3 {
margin-right: 2rem; }
.mb3 {
margin-bottom: 2rem; }
.ml3 {
margin-left: 2rem; }
.m4 {
margin: 4rem; }
.mt4 {
margin-top: 4rem; }
.mr4 {
margin-right: 4rem; }
.no-flexbox .flex-wrap .flex:not(:last-child), .no-flexbox .cards-4-col .flex:not(:last-child), .no-flexbox .cards-3-col .flex:not(:last-child), .no-flexbox .education-cards .flex:not(:last-child), .no-flexbox .events-cards .flex:not(:last-child), .no-flexbox .partner-card-carousel-cmp .partner-card-carousel .item .flex:not(:last-child), .partner-card-carousel-cmp .partner-card-carousel .no-flexbox .item .flex:not(:last-child) {
padding-right: 2rem; }
.no-flexbox .flex-none {
float: left; }
.no-flexbox .flex-table {
display: table;
width: 100%; }
.no-flexbox .flex-table .flex-cell {
display: table-cell; }
.mb4 {
margin-bottom: 4rem; }
.mb4 {
margin-bottom: 4rem; }
.ml4 {
margin-left: 4rem; }
.mx2 {
margin-left: 1rem;
margin-right: 1rem; }
.card, .rc-card-row .simple-card, .rc-card-row .card-with-header, .rc-card-row .card-with-description, .rc-card-row .featured-card {
display: inline-block; }
.mxn1 {
margin-left: -.5rem;
margin-right: -.5rem; }
.mxn2 {
margin-left: -1rem;
margin-right: -1rem; }
.mxn3 {
margin-left: -2rem;
margin-right: -2rem; }
.mxn4 {
margin-left: -4rem;
margin-right: -4rem; }
.mx-auto {
margin-left: auto;
margin-right: auto; }
.p0 {
padding: 0; }
.p1 {
padding: .5rem; }
.py1 {
padding-top: .5rem;
padding-bottom: .5rem; }
.px1 {
padding-left: .5rem;
padding-right: .5rem; }
.p2, .page-careers .slide-caption {
padding: 1rem; }
.py2 {
padding-top: 1rem;
padding-bottom: 1rem; }
.pyt0 {
padding-top: 0; }
.pyt1 {
padding-top: 1rem; }
.pyt2 {
padding-top: 2rem; }
.pyt3 {
padding-top: 3rem; }
.pyt4 {
padding-top: 4rem; }
.pyt5 {
padding-top: 5rem; }
.pyb0 {
padding-bottom: 0; }
.pyb1 {
padding-bottom: 1rem; }
.pyb2 {
padding-bottom: 2rem; }
.pyb3 {
padding-bottom: 3rem; }
.pyb4 {
padding-bottom: 4rem; }
.pyb5 {
padding-bottom: 5rem; }
.white-link-underline {
font-weight: 400;
text-decoration: underline;
color: white; }
.px2 {
padding-left: 1rem;
padding-right: 1rem; }
.p3 {
padding: 1.5rem; }
.button-set li {
list-style: none;
margin: 0;
padding: 0; }
.ratio_2-1 {
position: relative; }
.ratio_2-1::before {
content: '';
display: block;
padding-top: 50%; }
.ratio_2-1 > embed,
.ratio_2-1 > iframe,
.ratio_2-1 > object,
.ratio_2-1 > video,
.ratio_2-1 > a, .orion-seconday-nav .nav-wrap ul li
.ratio_2-1 > .dropdownSelected,
.ratio_2-1 > div,
.ratio_2-1 > img {
height: 100% !important;
left: 0;
position: absolute !important;
top: 0;
width: 100% !important; }
.py3 {
padding-top: 1.5rem;
padding-bottom: 1.5rem; }
.px3 {
padding-left: 1.5rem;
padding-right: 1.5rem; }
.p4 {
padding: 2rem; }
.py4 {
padding-top: 2rem;
padding-bottom: 2rem; }
.pxr1 {
padding-right: 1rem; }
.col {
box-sizing: border-box;
float: left; }
.col-right {
box-sizing: border-box;
float: right; }
.col-1 {
width: 8.33333%; }
.col-2 {
width: 16.66667%; }
.col-3 {
width: 25%; }
.col-4 {
width: 33.33333%; }
.col-5 {
width: 41.66667%; }
.col-6 {
width: 50%; }
.col-7 {
width: 58.33333%; }
.col-8 {
width: 66.66667%; }
.col-9 {
width: 75%; }
.col-10 {
width: 83.33333%; }
.col-11 {
width: 91.66667%; }
.col-12 {
width: 100%; }
.flex,
.flex-table {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.flex-wrap, .cards-4-col, .cards-3-col, .education-cards, .events-cards, .partner-card-carousel-cmp .partner-card-carousel .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden;
width: 100%; }
.flex-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.flex-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.flex-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline; }
.flex-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.flex-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.flex-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.flex-justify {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.flex-justify-center,
.flex-x-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.flex-justify-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end; }
.flex-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.flex-grow,
.flex-cell {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
.flex-none {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none; }
.no-flexbox .flex-wrap .flex:not(:last-child), .no-flexbox .cards-4-col .flex:not(:last-child), .no-flexbox .cards-3-col .flex:not(:last-child), .no-flexbox .education-cards .flex:not(:last-child), .no-flexbox .events-cards .flex:not(:last-child), .no-flexbox .partner-card-carousel-cmp .partner-card-carousel .item .flex:not(:last-child), .partner-card-carousel-cmp .partner-card-carousel .no-flexbox .item .flex:not(:last-child) {
padding-right: 2rem; }
.no-flexbox .flex-none {
float: left; }
.no-flexbox .flex-table {
display: table;
width: 100%; }
.no-flexbox .flex-table .flex-cell {
display: table-cell; }
.no-flexbox .flex,
.no-flexbox .sm-flex,
.no-flexbox .md-flex,
.no-flexbox .lg-flex {
display: table; }
.no-flexbox .flex:not(.flex-item),
.no-flexbox .sm-flex:not(.flex-item),
.no-flexbox .md-flex:not(.flex-item),
.no-flexbox .lg-flex:not(.flex-item) {
width: 100%; }
.no-flexbox .flex-item {
display: table-cell;
vertical-align: top; }
.no-flexbox .card, .no-flexbox .rc-card-row .simple-card, .rc-card-row .no-flexbox .simple-card, .no-flexbox .rc-card-row .card-with-header, .rc-card-row .no-flexbox .card-with-header, .no-flexbox .rc-card-row .card-with-description, .rc-card-row .no-flexbox .card-with-description, .no-flexbox .rc-card-row .featured-card, .rc-card-row .no-flexbox .featured-card {
display: inline-block; }
.h2-variation-1 {
color: #313435;
font-weight: normal;
margin: 0 0 1em 0;
font-size: 26px;
font-size: 1.44444rem;
line-height: 1.25; }
@media only screen and (min-width: 48em) {
.h2-variation-1 {
font-size: 30px;
font-size: 1.66667rem; } }
@media only screen and (min-width: 76.25em) {
.h2-variation-1 {
font-size: 36px;
font-size: 2rem; } }
.h3-variation-1 {
font-weight: 300;
color: #58595b; }
.h1-variation-1 {
font-size: 26px;
letter-spacing: -2.3px; }
@media (min-width: 832px) {
.h1-variation-1 {
font-size: 50px; } }
.padding-bottom-0 {
padding-bottom: 0em !important; }
.padding-bottom-top-0 {
padding-top: 0em !important;
padding-bottom: 0em !important; }
.image-container {
margin: auto;
text-align: center; }
.instructions {
font-size: .9em;
padding: 2em 0 1em; }
.bannerBGGradient {
background: red;
/* For browsers that do not support gradients */
background: -webkit-linear-gradient(left, #cb4000, #cb4000, #fff, #fff);
/*Safari 5.1-6*/
/*Opera 11.1-12*/
/*Fx 3.6-15*/
background: linear-gradient(to right, #cb4000, #cb4000, #fff, #fff);
/*Standard*/ }
.bannerBGGradient img {
display: inherit; }
.bannerBGGradient .layout-inner-wrap {
padding: 0px; }
.bannerBGGradient-V1 {
background: red;
/* For browsers that do not support gradients */
background: -webkit-linear-gradient(left, #ef6a3f, #ef6a3f, #f57e20, #f57e20);
/*Safari 5.1-6*/
/*Opera 11.1-12*/
/*Fx 3.6-15*/
background: linear-gradient(to right, #ef6a3f, #ef6a3f, #f57e20, #f57e20);
/*Standard*/ }
.bannerBGGradient-V1 img {
display: inherit; }
.bannerBGGradient-V1 .layout-inner-wrap {
padding: 0px; }
iframe[name='google_conversion_frame'] {
height: 0 !important;
width: 0 !important;
line-height: 0 !important;
font-size: 0 !important;
margin-top: -13px;
float: left; }
.list-solid-disc li {
display: list-item;
list-style-type: disc; }
.white-link-underline {
font-weight: 400;
text-decoration: underline;
color: white; }
.white-link-underline:hover, .white-link-underline:active, .white-link-underline:focus {
color: #fff; }
.button-set li {
list-style: none;
margin: 0;
padding: 0; }
.ratio_2-1 {
position: relative; }
.ratio_2-1::before {
content: '';
display: block;
padding-top: 50%; }
.ratio_2-1 > embed,
.ratio_2-1 > iframe,
.ratio_2-1 > object,
.ratio_2-1 > video,
.ratio_2-1 > a, .orion-seconday-nav .nav-wrap ul li
.ratio_2-1 > .dropdownSelected,
.ratio_2-1 > div,
.ratio_2-1 > img {
height: 100% !important;
left: 0;
position: absolute !important;
top: 0;
width: 100% !important; }
.ratio_3-2 {
position: relative; }
.ratio_3-2::before {
content: '';
display: block;
padding-top: 66.66667%; }
.ratio_3-2 > embed,
.ratio_3-2 > iframe,
.ratio_3-2 > object,
.ratio_3-2 > video,
.ratio_3-2 > a, .orion-seconday-nav .nav-wrap ul li
.ratio_3-2 > .dropdownSelected,
.ratio_3-2 > div,
.ratio_3-2 > img {
height: 100% !important;
left: 0;
position: absolute !important;
top: 0;
width: 100% !important; }
.ratio_4-3 {
position: relative; }
.ratio_4-3::before {
content: '';
display: block;
padding-top: 75%; }
.ratio_4-3 > embed,
.ratio_4-3 > iframe,
.ratio_4-3 > object,
.ratio_4-3 > video,
.ratio_4-3 > a, .orion-seconday-nav .nav-wrap ul li
.ratio_4-3 > .dropdownSelected,
.ratio_4-3 > div,
.ratio_4-3 > img {
height: 100% !important;
left: 0;
position: absolute !important;
top: 0;
width: 100% !important; }
.pointer-event-none {
pointer-events: none; }
.py2-px0-imp {
padding: 1rem 0 !important; }
.ml3em {
margin-left: 3em; }
.width-xs {
width: 300px; }
.iframe-min-height-1200 {
width: 100%;
height: 100%;
min-height: 680px;
max-width: 1406px;
overflow: hidden;
overflow-x: hidden;
overflow-y: auto;
z-index: 99999; }
.fontsize-12-pt {
font-size: 12.0pt; }
.font-size-0-pt-8-em {
font-size: 0.8em; }
.color-te-papa-green {
color: #213443; }
.line-height-normal {
line-height: normal; }
.padding-bottom-1 {
padding-bottom: 1rem; }
.margin-top-1rem-imp {
margin-top: 1rem !important; }
.border-top-dashed-1-darkgrey {
border-top: 1px dashed #aba9a9; }
.max-wd-770px {
max-width: 770px; }
.pl-30px {
padding-left: 30px; }
.title-sub-heading-h3 {
margin-top: -.5em; }
.max-wd-30em {
max-width: 30em; }
.border-top-dash {
border-top: 1px dashed #ccc; }
.border-grey {
border: 1px solid #ddd; }
.word-wrap-break-word {
word-wrap: break-word; }
.mt0-imp {
margin-top: 0 !important; }
.h1-variation-large {
font-size: 2rem;
line-height: 1.1; }
@media only screen and (min-width: 48em) {
.h1-variation-large {
font-size: 3rem;
font-weight: 400; } }
@media only screen and (min-width: 76.25em) {
.h1-variation-large {
font-size: 3.66667rem; } }
.bg-blue-old {
background-color: #126CC3; }
.bg-green-old {
background-color: #4C9B00; }
.bg-gray-old {
background-color: #5F6165; }
.bg-light-orange-old {
background-color: #FC7A00; }
.bg-midBlue-old {
background-color: #0091DD; }
.bg-midGreen-old {
background-color: #93B400; }
.bg-teal-old {
background-color: #009A8E; }
.bg-blue-1 {
background-color: #86DBFF; }
.bg-blue-2 {
background-color: #61b8ff; }
.bg-blue-3 {
background-color: #009AF0; }
.bg-blue-4 {
background-color: #0078CC; }
.bg-blue-5 {
background-color: #0058AC; }
.bg-blue-6 {
background-color: #00368f; }
.bg-blue-7 {
background-color: #00007f; }
.bg-orange-1 {
background-color: #FFB666; }
.bg-orange-2 {
background-color: #ff9145; }
.bg-orange-3 {
background-color: #ff6f26; }
.bg-orange-4 {
background-color: #FE5000; }
.bg-orange-5 {
background-color: #d43200; }
.bg-orange-6 {
background-color: #ab0f00; }
.bg-orange-7 {
background-color: #820000; }
.bg-gray-1 {
background-color: #F2F3F3; }
.bg-gray-2 {
background-color: #C0C3C4; }
.bg-gray-3 {
background-color: #919597; }
.bg-gray-4 {
background-color: #6A6F71; }
.bg-gray-5 {
background-color: #4A4D4F; }
.bg-gray-6 {
background-color: #313435; }
.bg-gray-7 {
background-color: #1E1F20; }
.bg-green-1 {
background-color: #9ded65; }
.bg-green-2 {
background-color: #7bc845; }
.bg-green-3 {
background-color: #5da627; }
.bg-green-4 {
background-color: #408600; }
.bg-green-5 {
background-color: #246700; }
.bg-green-6 {
background-color: #034900; }
.bg-green-7 {
background-color: #002a00; }
.bg-yellow-1 {
background-color: #ffff8b; }
.bg-yellow-2 {
background-color: #ffff60; }
.bg-yellow-3 {
background-color: #FFE438; }
.bg-yellow-4 {
background-color: #FFBE00; }
.bg-yellow-5 {
background-color: #d99c00; }
.bg-yellow-6 {
background-color: #b57d00; }
.bg-yellow-7 {
background-color: #936000; }
.bg-red-1 {
background-color: #ff8184; }
.bg-red-2 {
background-color: #ff5d65; }
.bg-red-3 {
background-color: #ff5d65; }
.bg-red-4 {
background-color: #E80B30; }
.bg-red-5 {
background-color: #be0019; }
.bg-red-6 {
background-color: #930004; }
.bg-red-7 {
background-color: #660000; }
.bg-lightBlue-1 {
background-color: #99FFFF; }
.bg-lightBlue-2 {
background-color: #6FDFFF; }
.bg-lightBlue-3 {
background-color: #45bcf1; }
.bg-lightBlue-4 {
background-color: #009BCF; }
.bg-lightBlue-5 {
background-color: #007DB0; }
.bg-lightBlue-6 {
background-color: #005F92; }
.bg-lightBlue-7 {
background-color: #004275; }
.blue-1 {
color: #86DBFF; }
.blue-2 {
color: #61b8ff; }
.blue-3 {
color: #009AF0; }
.blue-4 {
color: #0078CC; }
.blue-5 {
color: #0058AC; }
.blue-6 {
color: #00368f; }
.blue-7 {
color: #00007f; }
.orange-1 {
color: #FFB666; }
.orange-2 {
color: #ff9145; }
.orange-3 {
color: #ff6f26; }
.orange-4 {
color: #FE5000; }
.orange-5 {
color: #d43200; }
.orange-6 {
color: #ab0f00; }
.orange-7 {
color: #820000; }
.gray-1 {
color: #F2F3F3; }
.gray-2 {
color: #C0C3C4; }
.gray-3 {
color: #919597; }
.gray-4 {
color: #6A6F71; }
.gray-5 {
color: #4A4D4F; }
.gray-6 {
color: #313435; }
.gray-7 {
color: #1E1F20; }
.green-1 {
color: #9ded65; }
.green-2 {
color: #7bc845; }
.green-3 {
color: #5da627; }
.green-4 {
color: #408600; }
.green-5 {
color: #246700; }
.green-6 {
color: #034900; }
.green-7 {
color: #002a00; }
.yellow-1 {
color: #ffff8b; }
.yellow-2 {
color: #ffff60; }
.yellow-3 {
color: #FFE438; }
.yellow-4 {
color: #FFBE00; }
.yellow-5 {
color: #d99c00; }
.yellow-6 {
color: #b57d00; }
.yellow-7 {
color: #936000; }
.red-1 {
color: #ff8184; }
.red-2 {
color: #ff5d65; }
.red-3 {
color: #ff5d65; }
.red-4 {
color: #E80B30; }
.red-5 {
color: #be0019; }
.red-6 {
color: #930004; }
.red-7 {
color: #660000; }
.lightBlue-1 {
color: #99FFFF; }
.lightBlue-2 {
color: #6FDFFF; }
.lightBlue-3 {
color: #45bcf1; }
.lightBlue-4 {
color: #009BCF; }
.lightBlue-5 {
color: #007DB0; }
.lightBlue-6 {
color: #005F92; }
.lightBlue-7 {
color: #004275; }
.lightBlue-8 {
color: #EDFAFF; }
.mxw-800 {
max-width: 800px; }
.zso-ux .maincontentcontainer,
.zso-ux .customcontentcontainer {
background: -webkit-linear-gradient(309.13deg, #FE5000 62.85%, #ff6f26 87.63%);
background: linear-gradient(140.87deg, #FE5000 62.85%, #ff6f26 87.63%); }
.dsom-ux .maincontentcontainer,
.dsom-ux .customcontentcontainer {
background: -webkit-linear-gradient(309.13deg, #0058AC 62.85%, #0078CC 87.63%);
background: linear-gradient(140.87deg, #0058AC 62.85%, #0078CC 87.63%); }
.dba-ux .maincontentcontainer,
.dba-ux .customcontentcontainer {
background: -webkit-linear-gradient(309.13deg, #009AF0 62.85%, #61b8ff 87.63%);
background: linear-gradient(140.87deg, #009AF0 62.85%, #61b8ff 87.63%); }
.dsom-truesight-ux .maincontentcontainer,
.dsom-truesight-ux .customcontentcontainer {
background: -webkit-linear-gradient(309.13deg, #408600 62.85%, #5da627 87.63%);
background: linear-gradient(140.87deg, #408600 62.85%, #5da627 87.63%); }
.clear-r {
clear: right; }
.clear-l {
clear: left; }
.clear {
clear: both; }
.bg-size--cover {
background-size: cover;
background-repeat: no-repeat; }
.bg-size--contain {
background-size: contain; }
.bg-position--center {
background-position: center center; }
.bg-position--centerTop {
background-position: center top; }
.bg-position--centerleft {
background-position: center left; }
.bg-position--centerRight {
background-position: center right; }
.rotate-device {
display: none; }
@media only screen and (max-width: 30em) and (orientation: portrait) {
.rotate-device {
display: block; } }
.mobile-only {
display: block; }
@media only screen and (min-width: 60em) {
.mobile-only {
display: none; } }
.desktop-only {
display: none; }
@media only screen and (min-width: 60em) {
.desktop-only {
display: block; } }
@media (min-width: 640px) {
.xs-only {
display: none; } }
@media (max-width: 639px) {
.xs-max-hide {
display: none; } }
@media (max-width: 831px) {
.sm-max-hide {
display: none; } }
@media (max-width: 1023px) {
.md-max-hide {
display: none; } }
.flex-responsive {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media (max-width: 639px) {
.flex-responsive {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
@media (min-width: 640px) {
.xs-hide {
display: none; }
.hd {
font-size: 4rem; }
.hc {
font-size: 3.5rem; }
.hb {
font-size: 3rem; }
.ha {
font-size: 2.5rem; }
.h1, .page-homepage .brick_accelerators .title {
font-size: 2rem; }
.h2 {
font-size: 1.5rem; }
.h3, .page-careers .slide-caption, #join-leader .trophy-list {
font-size: 1.25rem; }
.h4 {
font-size: 1rem; }
.h5 {
font-size: .875rem; }
.h6 {
font-size: .75rem; }
.pxr1 {
padding-right: 2rem; }
.sm-col {
float: left; }
.sm-col-right {
float: right; }
.sm-text-left {
text-align: left; }
.sm-col-1 {
width: 8.33333%; }
.sm-col-2 {
width: 16.66667%; }
.sm-col-3 {
width: 25%; }
.sm-col-4 {
width: 33.33333%; }
.sm-col-5 {
width: 41.66667%; }
.sm-col-6 {
width: 50%; }
.sm-col-7 {
width: 58.33333%; }
.sm-col-8 {
width: 66.66667%; }
.sm-col-9 {
width: 75%; }
.sm-col-10 {
width: 83.33333%; }
.sm-col-11 {
width: 91.66667%; }
.sm-col-12 {
width: 100%; }
.sm-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex; } }
@media (min-width: 832px) {
.sm-hide {
display: none; }
.hd {
font-size: 4rem; }
.hc {
font-size: 3.5rem; }
.hb {
font-size: 3rem; }
.ha {
font-size: 2.5rem; }
.h1, .page-homepage .brick_accelerators .title {
font-size: 2rem; }
.h2 {
font-size: 1.5rem; }
.h3, .page-careers .slide-caption, #join-leader .trophy-list {
font-size: 1.25rem; }
.h4 {
font-size: 1rem; }
.h5 {
font-size: .875rem; }
.h6 {
font-size: .75rem; }
.py3 {
padding-top: 2.5rem;
padding-bottom: 2.5rem; }
.px3 {
padding-left: 2.5rem;
padding-right: 2.5rem; }
.py4 {
padding-top: 3rem;
padding-bottom: 3rem; }
.px4 {
padding-left: 3rem;
padding-right: 3rem; }
.pxr1 {
padding-right: 2rem; }
.p1 {
padding: .75rem; }
.p2, .page-careers .slide-caption {
padding: 1.25rem; }
.p3 {
padding: 1.75rem; }
.p4 {
padding: 2.25rem; }
.md-mr3 {
margin-right: 2em; }
.md-col {
float: left; }
.md-text-left {
text-align: left; }
.md-col-right {
float: right; }
.md-col-1 {
width: 8.33333%; }
.md-col-2 {
width: 16.66667%; }
.md-col-3 {
width: 25%; }
.md-col-4 {
width: 33.33333%; }
.md-col-5 {
width: 41.66667%; }
.md-col-6 {
width: 50%; }
.md-col-7 {
width: 58.33333%; }
.md-col-8 {
width: 66.66667%; }
.md-col-9 {
width: 75%; }
.md-col-10 {
width: 83.33333%; }
.md-col-11 {
width: 91.66667%; }
.md-col-12 {
width: 100%; }
.md-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex; } }
@media (min-width: 1024px) {
.md-hide {
display: none; }
.hd {
font-size: 4rem; }
.hc {
font-size: 3.5rem; }
.hb {
font-size: 3rem; }
.ha {
font-size: 2.5rem; }
.h1, .page-homepage .brick_accelerators .title {
font-size: 2rem; }
.h2 {
font-size: 1.5rem; }
.h3, .page-careers .slide-caption, #join-leader .trophy-list {
font-size: 1.25rem; }
.h4 {
font-size: 1rem; }
.h5 {
font-size: .875rem; }
.h6 {
font-size: .75rem; }
.py4 {
padding-top: 4rem;
padding-bottom: 4rem; }
.px4 {
padding-left: 4rem;
padding-right: 4rem; }
.pxr1 {
padding-right: 2rem; }
.p1 {
padding: 1rem; }
.p2, .page-careers .slide-caption {
padding: 1.5rem; }
.p3 {
padding: 2rem; }
.p4 {
padding: 2.5rem; }
.lg-mr3 {
margin-right: 3em; }
.lg-col {
float: left; }
.lg-col-right {
float: right; }
.lg-text-left {
text-align: left; }
.lg-col-1 {
width: 8.33333%; }
.lg-col-2 {
width: 16.66667%; }
.lg-col-3 {
width: 25%; }
.lg-col-4 {
width: 33.33333%; }
.lg-col-5 {
width: 41.66667%; }
.lg-col-6 {
width: 50%; }
.lg-col-7 {
width: 58.33333%; }
.lg-col-8 {
width: 66.66667%; }
.lg-col-9 {
width: 75%; }
.lg-col-10 {
width: 83.33333%; }
.lg-col-11 {
width: 91.66667%; }
.lg-col-12 {
width: 100%; }
.lg-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex; } }
@media (min-width: 1496px) {
.lg-hide {
display: none; }
.hd {
font-size: 4rem; }
.hc {
font-size: 3.5rem; }
.hb {
font-size: 3rem; }
.ha {
font-size: 2.5rem; }
.h1, .page-homepage .brick_accelerators .title {
font-size: 2rem; }
.h2 {
font-size: 1.5rem; }
.h3, .page-careers .slide-caption, #join-leader .trophy-list {
font-size: 1.25rem; }
.h4 {
font-size: 1rem; }
.h5 {
font-size: .875rem; }
.h6 {
font-size: .75rem; }
.xl-col {
float: left; }
.xl-col-right {
float: right; }
.xl-col-1 {
width: 8.33333%; }
.xl-col-2 {
width: 16.66667%; }
.xl-col-3 {
width: 25%; }
.xl-col-4 {
width: 33.33333%; }
.xl-col-5 {
width: 41.66667%; }
.xl-col-6 {
width: 50%; }
.xl-col-7 {
width: 58.33333%; }
.xl-col-8 {
width: 66.66667%; }
.xl-col-9 {
width: 75%; }
.xl-col-10 {
width: 83.33333%; }
.xl-col-11 {
width: 91.66667%; }
.xl-col-12 {
width: 100%; }
.xl-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex; } }
/**********************************Partners*************************************/
/**********************************Customers*************************************/
/**********************************************Stories***********************************************************************/
.page-homepage-e {
background-size: cover;
background-color: #fff;
/*Right Side Scroll Navigation*/
/*************************************************Right Side Scroll Navigation*****************************************/ }
.page-homepage-e .product-category-header h1.page-header,
.page-homepage-e .product-category-header h2.subHeading {
width: 85%; }
.page-homepage-e #fp-nav {
position: fixed;
display: none;
z-index: 100;
margin-top: -32px;
top: 50%;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0); }
.page-homepage-e #fp-nav ul {
margin: 0;
padding: 0; }
.page-homepage-e #fp-nav ul li {
display: block;
width: 14px;
height: 13px;
margin: 7px;
position: relative; }
.page-homepage-e #fp-nav ul li a, .page-homepage-e #fp-nav .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap .page-homepage-e #fp-nav ul li .dropdownSelected {
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
text-decoration: none; }
.page-homepage-e #fp-nav ul li a span, .page-homepage-e #fp-nav .orion-seconday-nav .nav-wrap ul li .dropdownSelected span, .orion-seconday-nav .nav-wrap .page-homepage-e #fp-nav ul li .dropdownSelected span {
border-radius: 50%;
position: absolute;
z-index: 1;
height: 4px;
width: 4px;
border: 0;
background-color: rgba(0, 0, 0, 0.5);
left: 50%;
top: 50%;
margin: -2px 0 0 -2px;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out; }
.page-homepage-e #fp-nav ul li a.active span, .page-homepage-e #fp-nav .orion-seconday-nav .nav-wrap ul li .active.dropdownSelected span, .orion-seconday-nav .nav-wrap .page-homepage-e #fp-nav ul li .active.dropdownSelected span {
height: 12px;
width: 12px;
margin: -6px 0 0 -6px;
border-radius: 100%; }
.page-homepage-e #fp-nav ul li:hover a.active span, .page-homepage-e #fp-nav .orion-seconday-nav .nav-wrap ul li:hover .active.dropdownSelected span, .orion-seconday-nav .nav-wrap .page-homepage-e #fp-nav ul li:hover .active.dropdownSelected span {
height: 12px;
width: 12px;
margin: -6px 0 0 -6px;
border-radius: 100%; }
.page-homepage-e #fp-nav ul li:hover a span, .page-homepage-e #fp-nav .orion-seconday-nav .nav-wrap ul li:hover .dropdownSelected span, .orion-seconday-nav .nav-wrap .page-homepage-e #fp-nav ul li:hover .dropdownSelected span {
width: 10px;
height: 10px;
margin: -5px 0px 0px -5px; }
.page-homepage-e #fp-nav ul li:hover .fp-tooltip {
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
width: auto;
opacity: 1; }
.page-homepage-e #fp-nav ul li .fp-tooltip {
position: absolute;
top: -4px;
color: #2F4F4F;
font-size: 14px;
white-space: nowrap;
max-width: 220px;
overflow: hidden;
display: block;
opacity: 0;
width: 0;
cursor: pointer; }
.page-homepage-e #fp-nav ul li .fp-tooltip.right {
right: 20px; }
.page-homepage-e #fp-nav ul li .fp-tooltip.left {
left: 20px; }
.page-homepage-e #fp-nav.right {
right: 17px; }
.page-homepage-e #fp-nav.left {
left: 17px; }
.page-homepage-e #fp-nav.fp-show-active a.active + .fp-tooltip, .page-homepage-e #fp-nav.fp-show-active .orion-seconday-nav .nav-wrap ul li .active.dropdownSelected + .fp-tooltip, .orion-seconday-nav .nav-wrap ul li .page-homepage-e #fp-nav.fp-show-active .active.dropdownSelected + .fp-tooltip {
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
width: auto;
opacity: 1; }
.page-homepage-e .section-content {
margin: 0; }
.page-homepage-e .section-content .full-bleed-two-column {
margin: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.page-homepage-e .section-content .full-bleed-two-column img {
margin-top: 0px; }
@media only screen and (min-width: 48em) {
.page-homepage-e .section-content .full-bleed-two-column img {
margin-top: 0px; } }
.page-homepage-e .section-content .full-bleed-two-column img.screenImage {
position: absolute;
top: 0%; }
@media only screen and (min-width: 60em) {
.page-homepage-e .section-content .full-bleed-two-column .pxr1 {
padding-right: 3rem; } }
@media only screen and (min-width: 48em) {
.page-homepage-e .section-content .full-bleed-two-column {
margin: 0 20px; } }
@media only screen and (min-width: 60em) {
.page-homepage-e .section-content .full-bleed-two-column {
margin-left: 70px;
margin-right: 70px; } }
.page-homepage-e .aos-all {
width: 1000px;
max-width: 98%;
margin: 10vh auto 0 auto; }
.page-homepage-e .aos-item {
display: inline-block;
float: left;
width: 33.3333%;
height: 300px;
padding: 20px; }
.page-homepage-e .aos-item__inner {
position: relative;
width: 100%;
height: 100%;
float: left;
background: #1da4e2;
line-height: 260px;
text-align: center;
color: #fff; }
.page-homepage-e .partners {
background-color: white; }
.page-homepage-e .partners h2 {
font-size: 40px;
line-height: 48px;
font-weight: 300;
letter-spacing: 0.5px; }
.page-homepage-e .partners .partners_sec {
text-align: center; }
.page-homepage-e .partners .partners_sec h2 {
padding: 61px 0 64px 0;
color: #000;
margin: 0; }
.page-homepage-e .partners .partners_sec ul {
width: 100%;
display: block;
margin: 0;
padding: 0; }
.page-homepage-e .partners .partners_sec ul li {
display: inline-block;
vertical-align: middle; }
.page-homepage-e .partners .partners_sec ul li img {
width: 230px; }
@media only screen and (min-width: 48em) {
.page-homepage-e .partners .partners_sec ul li img {
width: 200px; } }
.page-homepage-e .partners .partners_sec ul li:not(:last-child) {
display: block;
padding-bottom: 1rem;
padding-top: 1rem; }
@media only screen and (min-width: 48em) {
.page-homepage-e .partners .partners_sec ul li:not(:last-child) {
padding-right: 5rem;
display: inline-block; } }
@media only screen and (min-width: 30em) {
.page-homepage-e .partners .partners_sec ul li:not(:last-child) {
padding-right: 2rem;
display: inline-block; } }
.page-homepage-e fieldset {
border: 0; }
.page-homepage-e img {
border: 0; }
.page-homepage-e .container {
padding: 0 15px; }
.page-homepage-e .section-wrap-header {
position: relative;
height: 817px;
min-height: 500px; }
.page-homepage-e .section-wrap-header .header-content-box {
vertical-align: middle;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: table-cell; }
@media only screen and (min-width: 60em) {
.page-homepage-e .section-wrap-header .header-content-box {
padding-left: 5rem; } }
@media only screen and (min-width: 48em) {
.page-homepage-e .section-wrap-header .header-content-box {
padding-left: 5rem; } }
@media only screen and (min-width: 641px) and (max-width: 767px) {
.page-homepage-e .section-wrap-header .header-content-box {
padding: 0 2rem; } }
.page-homepage-e .section-wrap-header .cover-bg {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.1);
position: absolute;
top: 0px;
bottom: 0px; }
.page-homepage-e .section-wrap-header .assetStripBottom {
position: absolute;
bottom: 0;
border-bottom: none; }
.page-homepage-e .section-wrap-header .video-hero-header {
/*max-height: 100%;
height: 100%;
position: absolute;
width: 100%;*/
/*Bounce Scroll ICON*/ }
.page-homepage-e .section-wrap-header .video-hero-header .middle {
display: table;
width: 100%; }
.page-homepage-e .section-wrap-header .video-hero-header .middle .inner {
vertical-align: middle;
display: table-cell; }
.page-homepage-e .section-wrap-header .video-hero-header .middle .inner .page-header {
font-size: 1.5rem;
margin-bottom: 0.8rem; }
@media only screen and (min-width: 48em) {
.page-homepage-e .section-wrap-header .video-hero-header .middle .inner .page-header {
font-size: 2.5rem;
margin-bottom: 24px; } }
@media only screen and (min-width: 60em) {
.page-homepage-e .section-wrap-header .video-hero-header .middle .inner .page-header {
font-size: 64px;
margin-bottom: 24px; } }
.page-homepage-e .section-wrap-header .video-hero-header .middle .inner .subHeading {
margin-top: 0;
font-size: 0.8rem;
margin-bottom: 50px; }
@media only screen and (min-width: 48em) {
.page-homepage-e .section-wrap-header .video-hero-header .middle .inner .subHeading {
font-size: 1.3rem;
margin-bottom: 50px; } }
@media only screen and (min-width: 60em) {
.page-homepage-e .section-wrap-header .video-hero-header .middle .inner .subHeading {
font-size: 24px;
margin-bottom: 50px;
font-weight: 400; } }
.page-homepage-e .section-wrap-header .video-hero-header .middle .inner .btn-secondary {
margin-bottom: 0rem; }
@media only screen and (min-width: 48em) {
.page-homepage-e .section-wrap-header .video-hero-header .middle .inner .btn-secondary {
margin-bottom: 1rem; } }
@media only screen and (min-width: 60em) {
.page-homepage-e .section-wrap-header .video-hero-header .middle .inner .btn-secondary {
margin-bottom: 1rem; } }
.page-homepage-e .section-wrap-header .video-hero-header .video-content {
display: absolute; }
.page-homepage-e .section-wrap-header .video-hero-header .video-content .hero-image.xs-only {
background-image: none; }
.page-homepage-e .section-wrap-header .video-hero-header .video-content .page-header {
color: white;
width: 100%;
font-size: 1.9rem;
line-height: 2.5rem;
font-weight: 400; }
@media only screen and (min-width: 48em) {
.page-homepage-e .section-wrap-header .video-hero-header .video-content .page-header {
font-size: 3rem;
line-height: 3rem; } }
@media only screen and (min-width: 60em) {
.page-homepage-e .section-wrap-header .video-hero-header .video-content .page-header {
font-size: 4.2rem;
line-height: 3.5rem; } }
.page-homepage-e .section-wrap-header .video-hero-header .video-content span {
color: #3cb6ce; }
.page-homepage-e .section-wrap-header .video-hero-header .video-content .h3, .page-homepage-e .section-wrap-header .video-hero-header .video-content .page-careers .slide-caption, .page-careers .page-homepage-e .section-wrap-header .video-hero-header .video-content .slide-caption, .page-homepage-e .section-wrap-header .video-hero-header .video-content #join-leader .trophy-list, #join-leader .page-homepage-e .section-wrap-header .video-hero-header .video-content .trophy-list {
width: 100%;
font-size: 1.25rem;
line-height: 30px;
font-weight: 400;
color: #fff;
padding-bottom: 1rem; }
@media only screen and (min-width: 48em) {
.page-homepage-e .section-wrap-header .video-hero-header .video-content .h3, .page-homepage-e .section-wrap-header .video-hero-header .video-content .page-careers .slide-caption, .page-careers .page-homepage-e .section-wrap-header .video-hero-header .video-content .slide-caption, .page-homepage-e .section-wrap-header .video-hero-header .video-content #join-leader .trophy-list, #join-leader .page-homepage-e .section-wrap-header .video-hero-header .video-content .trophy-list {
width: 60%;
font-size: 1.6rem;
line-height: 35px;
padding-bottom: 2rem; } }
@media only screen and (min-width: 60em) {
.page-homepage-e .section-wrap-header .video-hero-header .video-content .h3, .page-homepage-e .section-wrap-header .video-hero-header .video-content .page-careers .slide-caption, .page-careers .page-homepage-e .section-wrap-header .video-hero-header .video-content .slide-caption, .page-homepage-e .section-wrap-header .video-hero-header .video-content #join-leader .trophy-list, #join-leader .page-homepage-e .section-wrap-header .video-hero-header .video-content .trophy-list {
width: 38%;
font-size: 2rem;
line-height: 41px;
padding-bottom: 2rem; } }
.page-homepage-e .section-wrap-header .video-hero-header .video-content a, .page-homepage-e .section-wrap-header .video-hero-header .video-content .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .page-homepage-e .section-wrap-header .video-hero-header .video-content .dropdownSelected {
border-radius: 0;
padding: .5em 3em; }
.page-homepage-e .section-wrap-header .video-hero-header .hero-content {
display: table; }
.page-homepage-e .section-wrap-header .video-hero-header .arrow {
position: absolute;
bottom: 1rem;
left: 50%;
margin-left: -20px;
width: 40px;
height: 60px;
cursor: pointer; }
.page-homepage-e .section-wrap-header .video-hero-header .arrow i.down {
display: block;
color: #fff;
font-style: normal; }
.page-homepage-e .section-wrap-header .video-hero-header .arrow .down:before {
content: "";
font-family: "icomoon";
font-size: 3rem; }
.page-homepage-e .section-wrap-header .video-hero-header .bigger {
bottom: auto;
height: 60px;
margin: 0 auto;
cursor: pointer; }
.page-homepage-e .section-wrap-header .video-hero-header .bigger i.down {
display: block;
color: #fff;
font-style: normal; }
.page-homepage-e .section-wrap-header .video-hero-header .bigger .down:before {
content: "";
font-family: "icomoon";
font-size: 3rem; }
@media only screen and (min-width: 48em) {
.page-homepage-e .section-wrap-header .video-hero-header .bigger .down:before {
font-size: 4rem; } }
@media only screen and (min-width: 60em) {
.page-homepage-e .section-wrap-header .video-hero-header .bigger .down:before {
font-size: 5rem; } }
.page-homepage-e .section-wrap-header .video-hero-header .bounce {
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite; }
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0); }
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px); } }
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0); }
40% {
-ms-transform: translateY(-30px);
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
60% {
-ms-transform: translateY(-15px);
-webkit-transform: translateY(-15px);
transform: translateY(-15px); } }
.page-homepage-e .section-wrap-header .vidbg-box {
width: 100%;
height: 100%; }
.page-homepage-e .section-wrap-header h2.heading {
font-size: 18px;
font-weight: 300;
letter-spacing: 0.5px;
color: #000000;
text-align: center;
margin-bottom: 0; }
@media only screen and (min-width: 48em) {
.page-homepage-e .section-wrap-header h2.heading {
font-size: 40px; } }
@media only screen and (min-width: 60em) {
.page-homepage-e .section-wrap-header h2.heading {
font-size: 40px; } }
.page-homepage-e .section-wrap-header .bannerContent {
height: 200px; }
@media only screen and (min-width: 30em) {
.page-homepage-e .section-wrap-header .bannerContent {
height: 420px; } }
.page-homepage-e .section-wrap#section1 .full-bleed-two-column img,
.page-homepage-e .section-wrap#section4 .full-bleed-two-column img {
margin-top: 0px; }
.page-homepage-e .section-wrap#section1 {
background: #0093C9;
background-size: cover;
-webkit-transition-delay: 2s;
transition-delay: 2s; }
.page-homepage-e .section-wrap.section1 {
background-color: #fff; }
.page-homepage-e .section-wrap.section2 {
background-color: #f1f2f2; }
.page-homepage-e .section-wrap#section9 {
min-height: auto !important; }
.page-homepage-e .section-odd {
background: #fff; }
.page-homepage-e .section-wrap .section-content.py4 {
max-width: 1440px;
padding: 2rem 1.55556rem;
display: -ms-flexbox;
margin: auto; }
@media only screen and (min-width: 60em) {
.page-homepage-e .section-wrap .section-content.py4 {
padding: 0; } }
@media only screen and (min-width: 48em) {
.page-homepage-e .section-wrap .section-content.py4 {
padding: 2rem 1.55556rem; } }
.page-homepage-e .section-wrap h2 {
font-size: 24px;
line-height: 32px;
color: #313435;
font-weight: 400;
letter-spacing: 0.5px;
margin-bottom: 0; }
@media only screen and (min-width: 60em) {
.page-homepage-e .section-wrap h2 {
font-size: 3rem;
line-height: 48px; } }
@media only screen and (min-width: 48em) {
.page-homepage-e .section-wrap h2 {
font-size: 2.5rem;
line-height: 2.5rem; } }
.page-homepage-e .section-wrap h2 span.smallHeading {
display: block;
--font-size: 20px;
font-size: 0.7rem;
margin-bottom: -0.7rem;
padding-left: 0.05rem; }
@media only screen and (min-width: 60em) {
.page-homepage-e .section-wrap h2 span.smallHeading {
font-size: 1.5rem;
margin-bottom: -0.5rem;
padding-left: 0.1rem; } }
@media only screen and (min-width: 48em) {
.page-homepage-e .section-wrap h2 span.smallHeading {
font-size: 1.5rem;
margin-bottom: -0.5rem;
padding-left: 0.1rem; } }
.page-homepage-e .section-wrap h4 {
margin-top: 1rem;
padding: 0 0 30px;
color: #313435;
font-weight: 400; }
@media only screen and (min-width: 60em) {
.page-homepage-e .section-wrap h4 {
font-size: 1.72rem;
line-height: 1.72rem; } }
.page-homepage-e .section-wrap ul {
display: block;
padding-bottom: 25px;
padding-left: 0;
margin: 0;
width: 100%; }
@media only screen and (min-width: 60em) {
.page-homepage-e .section-wrap ul {
width: 90%; } }
@media only screen and (min-width: 48em) {
.page-homepage-e .section-wrap ul {
width: 90%; } }
.page-homepage-e .section-wrap ul li p {
position: relative;
padding: 0;
display: inline-block;
padding: 0 0 0px 21px;
vertical-align: middle;
margin-bottom: 0; }
@media only screen and (min-width: 60em) {
.page-homepage-e .section-wrap ul li p {
line-height: 32px; } }
.page-homepage-e .section-wrap ul li p:after {
content: '+';
position: absolute;
top: 0px;
left: 0;
vertical-align: middle;
font-size: 24px;
line-height: 18px;
font-weight: 400;
padding: 0;
color: #FE5000;
display: inline-block; }
@media only screen and (min-width: 60em) {
.page-homepage-e .section-wrap ul li p:after {
line-height: 32px; } }
.page-homepage-e .section-wrap li {
display: block;
margin-bottom: 10px; }
.page-homepage-e .section-wrap .circle {
position: absolute;
background: #EC4D00;
border-radius: 50%;
color: white;
height: 4.5rem;
width: 4.5rem;
display: none;
font-weight: 600; }
@media only screen and (min-width: 48em) {
.page-homepage-e .section-wrap .circle {
height: 4rem;
width: 4rem;
display: table; } }
@media only screen and (min-width: 60em) {
.page-homepage-e .section-wrap .circle {
height: 7rem;
width: 7rem; } }
.page-homepage-e .section-wrap .circle span {
vertical-align: middle;
display: table-cell;
font-size: 0.4rem;
color: #fff;
padding: 0 1rem; }
@media only screen and (min-width: 48em) {
.page-homepage-e .section-wrap .circle span {
font-size: 0.4rem;
padding: 0 0.9rem; } }
@media only screen and (min-width: 60em) {
.page-homepage-e .section-wrap .circle span {
font-size: 0.7rem; } }
.page-homepage-e .section-wrap p {
color: #313435;
font-weight: 400; }
@media only screen and (min-width: 60em) {
.page-homepage-e .section-wrap p {
font-size: 22px;
line-height: 36px; } }
.page-homepage-e .section-wrap p b {
font-weight: normal; }
.page-homepage-e .section-wrap a, .page-homepage-e .section-wrap .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .page-homepage-e .section-wrap .dropdownSelected {
display: inline-block;
--color: #0093C9;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.5px; }
@media only screen and (min-width: 48em) {
.page-homepage-e .section-wrap a, .page-homepage-e .section-wrap .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .page-homepage-e .section-wrap .dropdownSelected {
font-size: 18px; } }
@media only screen and (min-width: 60em) {
.page-homepage-e .section-wrap a, .page-homepage-e .section-wrap .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .page-homepage-e .section-wrap .dropdownSelected {
font-size: 20px; } }
.page-homepage-e .section-wrap#section1 h2.firstHeading {
padding: 0% 0 1rem;
color: #fff;
font-weight: 400; }
@media only screen and (min-width: 48em) {
.page-homepage-e .section-wrap#section1 h2.firstHeading {
padding: 0% 0 30px; } }
.page-homepage-e .section-wrap#section1 p {
color: #fff; }
.page-homepage-e ol {
list-style: none; }
.page-homepage-e ul {
list-style: none; }
.page-homepage-e .stories {
background-color: #fff; }
.page-homepage-e .stories .stories_blk {
text-align: center;
padding: 3rem 0; }
.page-homepage-e .stories .stories_blk .learn-more {
width: 263px;
background: #fff;
border: 1px solid #0093C9;
text-align: center;
height: 73px;
color: #0093C9;
font-size: 20px;
line-height: 22px;
font-weight: 600;
border-radius: 0px;
padding: 1rem 2rem; }
.page-homepage-e .contact-us-large {
background-color: #fff; }
.page-homepage-e .contact-us-large .contact-us_blk {
text-align: center;
padding: 0 0 3rem 0;
--background-color: rgba(247, 247, 247, 0.4); }
.page-homepage-e .contact-us-large .contact-us_blk .learn-more {
width: 263px;
background: #fff;
border: 1px solid #88c1dd;
text-align: center;
height: 73px;
color: #3cb6ce;
font-size: 20px;
line-height: 22px;
font-weight: 600;
border-radius: 0px;
padding: 1rem 3rem; }
@media only screen and (min-width: 48em) {
.page-homepage-e .contact-us-large .contact-us_blk .learn-more {
padding: 1rem 12rem; } }
@media only screen and (min-width: 60em) {
.page-homepage-e .contact-us-large .contact-us_blk .learn-more {
padding: 1rem 19rem; } }
.page-homepage-e .contact-us-large .contact-us_blk .learn-more a, .page-homepage-e .contact-us-large .contact-us_blk .learn-more .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap ul li .page-homepage-e .contact-us-large .contact-us_blk .learn-more .dropdownSelected {
color: #fff;
text-decoration: none; }
.page-homepage-e .contact-us-large .contact-us_blk .learn-more.btn-lg {
width: 70%;
background: #13cdfe;
color: #fff; }
.page-homepage-e .contact-us-large .contact-us_blk h2 {
padding: 0 18px 40px 18px;
color: #000000;
font-weight: 300;
line-height: 48px;
letter-spacing: 0.5px;
margin: 0; }
@media only screen and (min-width: 48em) {
.page-homepage-e .contact-us-large .contact-us_blk h2 {
padding: 0 0 40px 18px;
font-size: 36px; } }
@media only screen and (min-width: 60em) {
.page-homepage-e .contact-us-large .contact-us_blk h2 {
padding: 0 0 2rem 0px;
font-size: 40px; } }
.page-homepage-e .contact-us-large .contact-us_blk h2 em {
font-weight: 600;
font-style: italic; }
.page-homepage-e .contact-us-large .contact-us_blk span input {
padding: 0 39px;
background: #fff;
border: 2px solid #efefef;
color: #3cb6ce;
font-weight: 700;
width: 51%;
font-size: 24px;
line-height: 26px;
height: 87px;
margin: 0 0 0 14px; }
@media screen and (max-width: 800px) {
.page-homepage-e .aos-item {
width: 50%; } }
.page-homepage-e object {
height: 200px;
max-width: 100%; }
@media only screen and (min-width: 48em) {
.page-homepage-e object {
height: 450px; } }
@media only screen and (min-width: 60em) {
.page-homepage-e object {
height: 450px; } }
@media screen and (max-width: 640px) {
.page-homepage-e .full-bleed-two-column,
.page-homepage-e .section-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.page-homepage-e .full-bleed-two-column .flex-item.aos-init,
.page-homepage-e .section-content .flex-item.aos-init {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.page-homepage-e .full-bleed-two-column .flex-item,
.page-homepage-e .section-content .flex-item {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.page-homepage-e .full-bleed-two-column .pxr1,
.page-homepage-e .section-content .pxr1 {
padding-right: 0rem; } }
.page-homepage-e .btn.btn-secondary {
color: #0093C9; }
.page-homepage-e .btn.btn-secondary:hover {
color: #fff; }
.page-homepage-e .Customer h2 {
font-size: 24px;
line-height: 34px;
color: #fff;
padding: 0 0 20px;
min-height: auto;
font-weight: 400; }
@media only screen and (min-width: 48em) {
.page-homepage-e .Customer h2 {
font-size: 32px;
line-height: 36px;
margin: 0;
padding: 0; } }
@media only screen and (min-width: 60em) {
.page-homepage-e .Customer h2 {
font-size: 40px;
line-height: 48px;
margin: 0;
padding: 0;
font-weight: 400; } }
.page-homepage-e .Customer .block1 {
width: 80%; }
@media only screen and (min-width: 48em) {
.page-homepage-e .Customer .block1 {
width: 75%; } }
.page-homepage-e .Customer .clear {
clear: both;
font-size: 1px;
line-height: 1px;
display: block;
height: 0; }
.page-homepage-e .Customer .logos_sec {
background: #313435;
padding: 0; }
.page-homepage-e .Customer .logos_blk {
text-align: center;
position: relative; }
.page-homepage-e .Customer .logos_blk ul {
padding: 0;
margin: 0; }
.page-homepage-e .Customer .logos_blk ul li {
padding: 54px 85px;
display: block;
vertical-align: middle;
--min-height: 225px;
padding: 54px 116px;
--margin: 0 14px;
margin-bottom: 0em;
position: relative;
cursor: pointer; }
@media only screen and (min-width: 48em) {
.page-homepage-e .Customer .logos_blk ul li {
display: block; } }
@media only screen and (min-width: 60em) {
.page-homepage-e .Customer .logos_blk ul li {
display: inline-block; } }
.page-homepage-e .Customer .logos_blk ul li:hover {
background: #0093C9;
overflow: visible; }
.page-homepage-e .Customer .logos_blk ul li a, .page-homepage-e .Customer .logos_blk .orion-seconday-nav .nav-wrap ul li .dropdownSelected, .orion-seconday-nav .nav-wrap .page-homepage-e .Customer .logos_blk ul li .dropdownSelected {
display: inline-block; }
.page-homepage-e .Customer .logos_blk ul li a img, .page-homepage-e .Customer .logos_blk .orion-seconday-nav .nav-wrap ul li .dropdownSelected img, .orion-seconday-nav .nav-wrap .page-homepage-e .Customer .logos_blk ul li .dropdownSelected img {
position: absolute;
top: 50%;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
left: 0;
margin: 0 auto;
text-align: center;
right: 0;
max-height: 140px; }
.page-homepage-e .Customer .logos_blk ul li.small img {
width: 80px; }
.page-homepage-e .Customer .logos_blk ul .hover {
background: #FE5000; }
.form2 {
background-color: #fff; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.form2 {
background-color: #313435; }
.form2 .plainheader + .responsivegrid {
background: #fff; } }
.form2 h1, .form2 h2, .form2 h3, .form2 h4, .form2 h5, .form2 h6 {
font-weight: 400; }
.form2 .minHeight-1px {
min-height: 1px; }
.form2 .maincontentcontainer > section:first-child > div:first-child {
padding-bottom: 0px !important; }
.form2 .ornate-header {
min-height: auto;
padding: 40px 0 !important; }
@media only screen and (max-width: 900px) {
.form2 .ornate-header {
float: left; } }
@media (min-width: 832px) {
.form2 .ornate-header {
min-height: auto; } }
.form2 .ornate-header .offset-wrapper {
min-height: auto; }
@media (min-width: 832px) {
.form2 .ornate-header .offset-wrapper {
min-height: auto; } }
.form2 .ornate-header .bannerContent {
min-height: auto;
padding: 0 1rem; }
.form2 .ornate-header .bannerContent .layout-inner-wrap.flex {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: auto; }
@media screen and (-ms-high-contrast: active) and (min-width: 832px), (-ms-high-contrast: none) and (min-width: 832px) {
.form2 .ornate-header .bannerContent .layout-inner-wrap.flex {
min-height: auto; } }
@media only screen and (max-width: 900px) {
.form2 .ornate-header .bannerContent .layout-inner-wrap.flex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.form2 .ornate-header .bannerContent .layout-inner-wrap .cmp-title h1, .form2 .ornate-header .bannerContent .layout-inner-wrap .cmp-title h2 {
color: #fff;
line-height: 1.3em; }
.form2 .ornate-header * {
color: #fff; }
.form2 .cmp-form form {
padding: 1em;
background: #efefef;
width: auto;
border-top: 10px solid #fe4601;
position: relative; }
@media (min-width: 832px) {
.form2 .cmp-form form {
z-index: 10;
padding: 1.5em; } }
@media only screen and (max-width: 900px) {
.form2 .cmp-form form {
margin-top: 30px !important; } }
.form2 .cmp-form form .btn-secondary {
background-color: #0078CC;
border: none;
border-radius: 4px;
border-style: solid;
border-width: 1px;
max-width: 250px;
margin: 15px auto;
display: block; }
.form2 .cmp-form form .btn-secondary + p {
text-align: center; }
.form2 .cmp-form form .btn-secondary:hover {
background: #00368f; }
.form2 .cmp-form form .btn-secondary:focus {
background: #00368f; }
.form2 .cmp-form form #C_OptIn_group {
display: block; }
.form2 .cmp-form form .cmp-title h1, .form2 .cmp-form form .cmp-title h2 {
font-size: 30px;
line-height: 1.3em;
margin-bottom: 10px; }
.form2 .cmp-form form .cmp-title h1, .form2 .cmp-form form .cmp-title h5 {
font-weight: 500; }
.form2 .cmp-form form fieldset:not(#foo) {
padding-top: .8rem; }
.form2 .cmp-form form fieldset:not(#foo) label {
margin-bottom: 5px;
line-height: 1.2rem; }
.form2 .cmp-form form fieldset:not(#foo) .focus-border {
border: 2px solid #0078CC; }
.form2 .cmp-form form fieldset:not(#foo) .decorator-select {
margin-top: 0;
margin-bottom: 0;
background: #fff;
border-radius: 0; }
.form2 .cmp-form form fieldset:not(#foo) .decorator-select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.form2 .cmp-form form fieldset:not(#foo) .decorator-select select::-ms-expand {
display: none; }
.form2 .cmp-form form fieldset:not(#foo) .decorator-select:after {
content: "\e601";
height: 42px;
pointer-events: none;
position: absolute;
right: 0;
top: 1px;
width: 54px;
z-index: 19;
font-family: 'icomoon';
text-align: center;
border-left: 1px solid #ccc;
line-height: 48px;
color: #336699;
background: #fff; }
.form2 .cmp-form form fieldset:not(#foo) .decorator-select .validation-error {
background-image: none; }
.form2 .cmp-form form fieldset:not(#foo) .decorator-select select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000; }
.form2 .cmp-form form fieldset:not(#foo) .decorator-select option:not(:checked) {
color: black;
/* prevent