/* CSS Document */
/* Normalize */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
body {
margin: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; }
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline; }
audio:not([controls]) {
display: none;
height: 0; }
[hidden], template {
display: none; }
a {
background-color: transparent; }
a:active, a:hover {
outline: 0; }
abbr[title] {
border-bottom: 1px dotted; }
b, strong {
font-weight: 700; }
dfn {
font-style: italic; }
h1 {
font-size: 2em;
margin: .67em 0; }
mark {
background: #ff0;
color: #000; }
small {
font-size: 80%; }
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -.5em; }
sub {
bottom: -.25em; }
img {
border: 0; }
svg:not(:root) {
overflow: hidden; }
figure {
margin: 1em 40px; }
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0; }
pre {
overflow: auto; }
code, kbd, pre, samp {
font-family: monospace,monospace;
font-size: 1em; }
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
-webkit-border-radius: 0; }
button {
overflow: visible; }
button, select {
text-transform: none;
-webkit-border-radius: 0; }
button, html input[type=button], input[type=reset], input[type=submit] {
-webkit-appearance: button;
cursor: pointer; }
button[disabled], html input[disabled] {
cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0; }
input {
line-height: normal; }
input[type=checkbox], input[type=radio] {
box-sizing: border-box;
padding: 0; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height: auto; }
input[type=search] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance: none; }
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em; }
legend {
border: 0;
padding: 0; }
textarea {
overflow: auto; }
optgroup {
font-weight: 700; }
table {
border-collapse: collapse;
border-spacing: 0; }
td, th {
padding: 0; }
/* --------------------------------- */
/* Colors and BG Colors */
/* --------------------------------- */
.black {
color: black; }
.white {
color: white; }
.darkblue {
color: #004d71; }
.darkbluetwo {
color: #00609c; }
.blue {
color: #0075c9; }
.red {
color: #dd0031; }
.green {
color: #3dae2b; }
.bluegray {
color: #5b6670; }
.bg-black {
background-color: black; }
.bg-white {
background-color: white; }
.bg-darkblue {
background-color: #004d71; }
.bg-blue {
background-color: #0075c9; }
.bg-red {
background-color: #dd0031; }
.bg-green {
background-color: #3dae2b; }
.bg-bluegray {
background-color: #5b6670; }
/* Colors */
.dark-blue {
color: #333e48; }
.light-grey {
color: #e4e4e6; }
.grey {
color: #eceded; }
.dark-grey {
color: #5c6670; }
.bg-dark-blue {
background-color: #333e48; }
.bg-dark-blue-two {
background-color: #00609c; }
.bg-dark-blue-three {
background-color: #004d71; }
.bg-lightest-grey {
background-color: #eeeef0; }
.bg-light-grey {
background-color: #e4e4e6; }
.bg-grey {
background-color: #eceded; }
.bg-dark-grey {
background-color: #5c6670; }
.bg-white {
background-color: white; }
/*! Flickity v1.1.1
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
position: relative; }
.flickity-enabled:focus {
outline: none; }
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%; }
.flickity-slider {
position: absolute;
width: 100%;
height: 100%; }
/* draggable */
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab; }
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing; }
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
position: absolute;
top: 50%;
width: 44px;
height: 44px;
border: none;
border-radius: 50%;
background: white;
background: rgba(255, 255, 255, 0.75);
cursor: pointer;
/* vertically center */
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.flickity-prev-next-button:hover {
background: white; }
.flickity-prev-next-button:focus {
outline: none;
box-shadow: 0 0 0 5px #09F; }
.flickity-prev-next-button:active {
filter: alpha(opacity=60);
/* IE8 */
opacity: 0.6; }
.flickity-prev-next-button.previous {
left: 10px; }
.flickity-prev-next-button.next {
right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px; }
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px; }
.flickity-prev-next-button:disabled {
filter: alpha(opacity=30);
/* IE8 */
opacity: 0.3;
cursor: auto; }
.flickity-prev-next-button svg {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%; }
.flickity-prev-next-button .arrow {
fill: #333; }
/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
color: #333;
font-size: 26px; }
/* ---- page dots ---- */
.flickity-page-dots {
position: absolute;
width: 100%;
bottom: 10px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1; }
.flickity-rtl .flickity-page-dots {
direction: rtl; }
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 5px;
padding: 0;
background: #333e48;
border-radius: 50%;
filter: alpha(opacity=40);
/* IE8 */
opacity: 0.25;
cursor: pointer; }
.flickity-page-dots .dot.is-selected {
filter: alpha(opacity=100);
/* IE8 */
opacity: 1; }
/* -------------------------- */
/* -------------------------- */
/* -------------------------- */
/* Global Items */
a {
color: #0075c9;
text-decoration: none;
border: none;
outline: none; }
a img {
border: none !important;
outline: none !important; }
a:visited {
color: #0075c9;
text-decoration: none;
border: none;
outline: none; }
a:hover, a:visited:hover {
color: #dd0031;
text-decoration: none;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border: none;
outline: none; }
a:active, a:focus {
border: none;
outline: none; }
body {
font-family: "roboto",sans-serif;
font-style: normal;
font-weight: 400;
-webkit-text-size-adjust: none;
-webkit-font-smoothing: antialiased;
color: #5c6670; }
.galleryblock {
display: none; }
/* Anchor offset from Newsletter */
#article1:before, #article2:before, #article3:before, #article4:before, #article5:before {
display: block;
content: " ";
height: 170px;
margin-top: -170px;
visibility: hidden; }
/* Misc Anchor offsets */
#TSC:before {
display: block;
content: " ";
height: 170px;
margin-top: -170px;
visibility: hidden; }
/**
* HUBSPOT FORMS
* -----------------------------------------------------------------------------
*/
/* Form Field (selector for form field wrapper) */
/* Descriptions (targets class applied to Help Text divs) */
/* Labels (selects field labels and error messages) */
/* Inputs (selectors for all inputs) */
article .hs-form input[type="text"],
article .hs-form input[type="password"],
article .hs-form input[type="datetime"],
article .hs-form input[type="datetime-local"],
article .hs-form input[type="date"],
article .hs-form input[type="month"],
article .hs-form input[type="time"],
article .hs-form input[type="week"],
article .hs-form input[type="number"],
article .hs-form input[type="email"],
article .hs-form input[type="url"],
article .hs-form input[type="search"],
article .hs-form input[type="tel"],
article .hs-form input[type="color"],
article .hs-form input[type="file"],
article .hs-form textarea,
article .hs-form select {
display: block;
width: 96%;
height: 30px;
font-size: 13px;
background-color: #efefef;
color: #7d868c;
border: none;
padding: 3px 10px;
margin: 0 0 10px 0; }
/* Inputs in focus (selectors for all inputs when clicked) */
/* Multi-line inputs (selectors to target multi-line fields */
article .hs-form textarea {
display: block;
width: 97%;
height: 50px;
font-size: 14px;
color: #7d868c;
border: none;
background-color: #efefef;
padding: 3px 10px;
margin-bottom: 10px;
line-height: 18px; }
/* Dropdowns (selectors for dropdowns) */
article .hs-form select {
display: block;
width: 100%;
height: 30px;
font-size: 13px;
background-color: #efefef;
color: #7d868c;
border: none;
padding: 5px 10px;
margin: 0 0 10px 0; }
/* Multi-select (selectors for multi-select fields) */
/* Required (selectors for fields, when they do not pass validation) */
/* Error message (selector for validation messages) */
/* Placeholder Text (styles the placeholder attribute text) */
::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #747c81; }
::-moz-placeholder {
/* Firefox 19+ */
color: #747c81; }
:-ms-input-placeholder {
/* IE 10+ */
color: #747c81; }
:-moz-placeholder {
/* Firefox 18- */
color: #747c81; }
/* Multi Column Form (selectors for fieldsets and field wrappers)
========================================================================== */
/* Hide "Required Field" Astrisk */
article .hs-form .hs-form-required {
display: none; }
/*
/* Contact Panel ONLY
/*
/* Labels (selects field labels and error messages) */
article .rightcard .hs-form .hs-form-field > label {
color: #fff; }
/* Error message (selector for validation messages) */
article .rightcard .hs-form .hs-error-msgs label {
color: #fff; }
/* Success message (selector for validation messages) */
article .rightcard .hs-form .submitted-message {
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #fff; }
/* Connect With Us Panel - HubSpot
* --------------
*/
/* Labels (selects field labels and error messages) */
/* Inputs (selectors for all inputs) */
#SupportLinks .hs-form input[type="text"],
#SupportLinks .hs-form input[type="password"],
#SupportLinks .hs-form input[type="datetime"],
#SupportLinks .hs-form input[type="datetime-local"],
#SupportLinks .hs-form input[type="date"],
#SupportLinks .hs-form input[type="month"],
#SupportLinks .hs-form input[type="time"],
#SupportLinks .hs-form input[type="week"],
#SupportLinks .hs-form input[type="number"],
#SupportLinks .hs-form input[type="email"],
#SupportLinks .hs-form input[type="url"],
#SupportLinks .hs-form input[type="search"],
#SupportLinks .hs-form input[type="tel"],
#SupportLinks .hs-form input[type="color"],
#SupportLinks .hs-form input[type="file"],
#SupportLinks .hs-form textarea,
#SupportLinks .hs-form select {
display: block;
width: 96%;
height: 30px;
font-size: 13px;
background-color: #efefef;
color: #7d868c;
border: none;
padding: 3px 10px;
margin: 0 0 10px 0; }
/* Inputs in focus (selectors for all inputs when clicked) */
/* Multi-line inputs (selectors to target multi-line fields */
#SupportLinks .hs-form textarea {
display: block;
width: 97%;
height: 50px;
font-size: 14px;
color: #7d868c;
border: none;
background-color: #efefef;
padding: 3px 10px;
margin-bottom: 10px;
line-height: 18px; }
/* Dropdowns (selectors for dropdowns) */
#SupportLinks .hs-form select {
display: block;
width: 100%;
height: 30px;
font-size: 13px;
background-color: #efefef;
color: #7d868c;
border: none;
padding: 5px 10px;
margin: 0 0 10px 0; }
/* Multi-select (selectors for multi-select fields) */
/* Required (selectors for fields, when they do not pass validation) */
/* Error message (selector for validation messages) */
/* Multi Column Form (selectors for fieldsets and field wrappers)
========================================================================== */
/* Hide "Required Field" Astrisk */
#SupportLinks .hs-form .hs-form-required {
display: none; }
/* Footer Signup Bar - HubSpot
* --------------
*/
/* Form Field (selector for form field wrapper) */
.mc-bar .hs-form .hs-form-field {
display: inline-block;
width: auto;
vertical-align: top; }
/* Descriptions (targets class applied to Help Text divs) */
/* Labels (selects field labels and error messages) */
/* Inputs (selectors for all inputs) */
.mc-bar .hs-form input[type="text"],
.mc-bar .hs-form input[type="password"],
.mc-bar .hs-form input[type="datetime"],
.mc-bar .hs-form input[type="datetime-local"],
.mc-bar .hs-form input[type="date"],
.mc-bar .hs-form input[type="month"],
.mc-bar .hs-form input[type="time"],
.mc-bar .hs-form input[type="week"],
.mc-bar .hs-form input[type="number"],
.mc-bar .hs-form input[type="email"],
.mc-bar .hs-form input[type="url"],
.mc-bar .hs-form input[type="search"],
.mc-bar .hs-form input[type="tel"],
.mc-bar .hs-form input[type="color"],
.mc-bar .hs-form input[type="file"],
.mc-bar .hs-form textarea,
.mc-bar .hs-form select {
display: inline-block;
width: auto;
height: 30px;
font-size: 13px;
font-weight: 400;
background-color: #efefef;
color: #7d868c;
border: none;
padding: 3px 10px;
margin: 0 5px 10px 5px; }
/* Inputs in focus (selectors for all inputs when clicked) */
/* Multi-select (selectors for multi-select fields) */
.mc-bar ul.inputs-list li {
list-style-type: none !important; }
li.hs-form-booleancheckbox {
list-style-type: none; }
/* Required (selectors for fields, when they do not pass validation) */
/* Error message (selector for validation messages) */
/* Multi Column Form (selectors for fieldsets and field wrappers)
========================================================================== */
/* Hide "Required Field" Astrisk */
.mc-bar .hs-form .hs-form-required {
display: none; }
/* Error message (selector for validation messages) */
.mc-bar .hs-form .hs-error-msgs label {
font-size: 11px;
list-style-type: none; }
/* Success message (selector for validation messages) */
.mc-bar .hs-form .submitted-message {
font-weight: 400;
font-size: 14px;
line-height: 21px;
color: #5c6670; }
.mc-bar .hs-form .hs_submit {
display: inline-block;
vertical-align: top; }
.mc-bar .hs-form input[type="submit"] {
display: inline-block;
margin: 0 0 10px 0;
padding: 12px 20px 12px 20px;
background-color: #dd0031;
color: white;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
border: none; }
/* ---------------------------------------------------------- */
/* Gravity Forms */
body .gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
font-size: 1.5em;
margin: 0 0 8px 0 !important; }
body .gform_wrapper .gf_progressbar {
margin: 20px 0 0 0;
padding: 0;
position: relative;
background-color: rgba(0, 0, 0, 0.1);
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 20px;
-webkit-box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0);
box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0);
width: 100%; }
body .gform_wrapper .gf_progressbar_percentage {
background: #0075c9;
background: -webkit-linear-gradient(90deg, #003256, #0075c9);
background: -o-linear-gradient(90deg, #003256, #0075c9);
background: -moz-linear-gradient(90deg, #003256, #0075c9);
background: linear-gradient(90deg, #003256, #0075c9);
border-radius: 25px; }
body .gform_wrapper .gf_progressbar:after {
-webkit-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0);
box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0); }
body .gform_wrapper .gf_progressbar_percentage span {
margin-right: 10px;
padding-top: 1px; }
body .gform_wrapper .gsection_heading h2.gsection_title {
font-size: 1.5em;
padding: 20px 0 0 0 !important;
color: #0075c9; }
body .gform_previous_button {
padding: 8px 20px 11px 20px;
border: none;
background-color: #0075c9;
color: #fff; }
body .gform_next_button {
padding: 8px 20px 11px 20px;
border: none;
background-color: #003256;
color: #fff; }
body .gform_button {
padding: 13px 20px 15px 20px !important;
border: none;
background-color: #dd0031;
color: #fff;
text-transform: none !important; }
#SpecialStatement {
position: fixed;
z-index: 9999;
bottom: 0;
left: 0;
width: 92%;
padding: 20px 4%;
text-align: center;
background-color: #3dae2b;
color: #ffffff; }
#SpecialStatement a {
color: #ffffff;
font-size: 18px; }
#SpecialStatement strong {
font-weight: 400;
display: inline; }
#SpecialStatement a span {
display: inline-block;
margin: 0 0 0 20px;
color: #ffffff;
padding: 5px 10px 7px 10px;
border: 1px solid #fff;
font-size: 14px; }
.container-1200 {
max-width: 1200px;
margin: 0 auto;
padding: 0;
position: relative; }
/* ---------------------------------------------------------- */
/* ---------------------------------------------------------- */
/* ---------------------------------------------------------- */
/* Services */
.relative {
position: relative; }
/* New Services - August 2022 */
.services22-billboard {
position: relative;
background-color: #004d71;
color: white;
padding: 0 0 12% 0;
z-index: 9; }
.services22-billboard-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
overflow: hidden; }
.services22-billboard-image img {
width: 100%;
height: 100%;
object-fit: cover; }
.services22-billboard-bottom {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 50;
background-image: url("../images/bg-services22-billboard-bottom.png");
background-position: bottom center;
background-size: 100% auto;
background-repeat: no-repeat; }
.services22-billboard-container {
position: relative;
z-index: 100;
width: 92%;
max-width: 1200px;
display: flex;
flex-wrap: wrap;
justify-content: center;
overflow: hidden;
padding: 100px 0 4% 0;
margin: 0 auto; }
.services22-billboard-left {
flex-basis: 50%;
align-self: center; }
.services22-billboard-left h1 {
font-size: 34px;
line-height: 46px;
font-weight: 700;
color: white;
margin-bottom: 20px; }
.services22-billboard-left h2 {
font-size: 34px;
line-height: 46px;
font-weight: 400;
color: white;
margin-bottom: 40px; }
.services22-billboard-left a.circle-link, .services22-billboard-left a.circle-link:visited {
color: white; }
.services22-billboard-left a.circle-link:hover, .services22-billboard-left a.circle-link:visited:hover {
color: white; }
.services22-billboard-left a.circle-link:before {
color: #3dae2b;
background-color: white; }
.services22-billboard-left a.circle-link:hover:before, .services22-billboard-left a.circle-link:visited:hover:before {
color: white;
background-color: #3dae2b; }
.services22-billboard-right {
flex-basis: 50%;
text-align: center;
align-self: center; }
.services22-billboard-right img {
width: 90%;
max-width: 600px;
height: auto;
margin: 0 auto; }
.services22-intro {
position: relative;
padding: 1% 4% 12% 4%;
background-color: #004d71; }
.services22-intro-bottom {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background-image: url("../images/bg-intro-bottom-grey.png");
background-position: bottom center;
background-size: 100% auto;
background-repeat: no-repeat; }
.services22-intro .container-1250 {
position: relative;
z-index: 100; }
.services22-intro h3 {
color: white;
font-size: 24px;
line-height: 32px;
font-weight: 400;
margin: 0 0 20px 0;
width: 90%; }
.services22-intro p {
color: white;
font-size: 18px;
line-height: 28px;
font-weight: 400;
width: 90%; }
.service-dial {
padding-bottom: 120px; }
.services22-bottom-white {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background-image: url("../images/bg-services22-bottom-white.png");
background-position: bottom center;
background-size: 100% auto;
background-repeat: no-repeat; }
.smart-design {
position: relative;
padding: 200px 4%;
background-color: #3dae2b;
background-image: url("../images/bg-top-white-right.png");
background-position: top center;
background-size: 100% auto;
background-repeat: no-repeat; }
.services22-smartdesign-bottom {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background-image: url("../images/bg-bottom-grey-up-left.png");
background-position: bottom center;
background-size: 100% auto;
background-repeat: no-repeat; }
.service-dial .container, .smart-design .container {
z-index: 100; }
/* -------------------------- */
/* -------------------------- */
/* -------------------------- */
/* Services Mobile */
@media screen and (max-width: 768px) {
.services22-billboard-container {
padding: 4% 4% 4% 8%;
flex-wrap: wrap; }
.services22-billboard-left, .services22-billboard-right {
flex-basis: 100%; }
.services22-billboard-left h1 {
font-size: 26px;
line-height: 34px;
padding-right: 10%; }
.services22-intro {
padding: 4% 4% 10% 8%; }
.services22-intro h3 {
font-size: 18px;
line-height: 27px; }
.service-dial {
padding: 60px 4%; }
.smart-design {
padding: 80px 4%; } }
/* ---------------------------------------------------------- */
/* ---------------------------------------------------------- */
/* ---------------------------------------------------------- */
/* Solutions */
/* New Solutions - May 2022 */
.solutions22-billboard {
position: relative;
background-color: #004d71;
color: white;
padding: 0 0 12% 0;
z-index: 9; }
.solutions22-billboard-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
overflow: hidden; }
.solutions22-billboard-image img {
width: 100%;
height: 100%;
object-fit: cover; }
.solutions22-billboard-bottom {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 50;
background-image: url("../images/bg-sol22-billboard-bottom.png");
background-position: bottom center;
background-size: 100% auto;
background-repeat: no-repeat; }
.solutions22-billboard-container {
position: relative;
z-index: 100;
width: 92%;
max-width: 1200px;
display: flex;
flex-wrap: wrap;
justify-content: center;
overflow: hidden;
padding: 100px 0 4% 0;
margin: 0 auto; }
.solutions22-billboard-left {
flex-basis: 50%;
align-self: center; }
.solutions22-billboard-left h1 {
font-size: 34px;
line-height: 46px;
font-weight: 700;
color: white;
margin-bottom: 20px; }
.solutions22-billboard-left h2 {
font-size: 34px;
line-height: 46px;
font-weight: 400;
color: white;
margin-bottom: 40px; }
.solutions22-billboard-left a.circle-link, .solutions22-billboard-left a.circle-link:visited {
color: white; }
.solutions22-billboard-left a.circle-link:hover, .solutions22-billboard-left a.circle-link:visited:hover {
color: white; }
.solutions22-billboard-left a.circle-link:before {
color: #3dae2b;
background-color: white; }
.solutions22-billboard-left a.circle-link:hover:before, .solutions22-billboard-left a.circle-link:visited:hover:before {
color: white;
background-color: #3dae2b; }
.solutions22-billboard-right {
flex-basis: 50%;
text-align: center;
align-self: center; }
.solutions22-billboard-right img {
width: 90%;
max-width: 600px;
height: auto;
margin: 0 auto; }
.solutions22-intro {
position: relative;
padding: 1% 4% 10% 4%;
background-color: #3dae2b; }
.solutions22-intro-bottom {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background-image: url("../images/bg-intro-bottom.png");
background-position: bottom center;
background-size: 100% auto;
background-repeat: no-repeat; }
.solutions22-intro-bottom-gray {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background-image: url("../images/bg-bottom-grey-right.png");
background-position: bottom center;
background-size: 100% auto;
background-repeat: no-repeat; }
.solutions22-intro .container-1250 {
position: relative;
z-index: 100; }
.solutions22-intro h3 {
color: white;
font-size: 24px;
line-height: 32px;
font-weight: 400;
margin: 0 0 20px 0;
width: 90%; }
.solutions22-intro p {
color: white;
font-size: 18px;
font-weight: 400;
width: 90%; }
#solutions22-Benefits {
padding: 2% 4% 0 4%;
background-color: white; }
#solutions22-Benefits h3 {
color: #5b6670;
font-weight: bold; }
#solutions22-Benefits ul {
display: flex;
flex-wrap: nowrap;
list-style-type: none;
margin: 50px auto 0 auto; }
#solutions22-Benefits ul li {
flex-basis: 30.333%;
margin: 0 3%;
padding: 0;
position: relative; }
#solutions22-Benefits ul li:nth-of-type(1) {
margin: 0 3% 0 0;
padding: 0; }
#solutions22-Benefits ul li:nth-of-type(3) {
margin: 0 0 0 3%;
padding: 0; }
#solutions22-Benefits ul li img {
width: 100%;
max-width: 70px;
height: auto;
display: block;
margin-bottom: 10px; }
#solutions22-Benefits ul li h6 {
font-size: 21px;
font-weight: bold;
color: #00609c;
margin-bottom: 10px; }
#solutions22-Benefits ul li p {
font-size: 16px;
line-height: 26px;
margin-bottom: 30px; }
#solutions22-Benefits ul a.circle-link, #solutions22-Benefits ul a.circle-link:visited {
font-size: 18px;
line-height: 24px;
font-weight: 700;
color: #3dae2b;
position: relative;
left: 45px;
padding-right: 28%; }
#solutions22-Benefits ul a.circle-link:hover, #solutions22-Benefits ul a.circle-link:visited:hover {
color: #0075c9; }
#solutions22-Benefits ul a.circle-link:before {
position: absolute;
left: -45px;
font-size: 24px;
line-height: 23px;
background-color: #3dae2b;
color: white;
border-radius: 40px;
margin: -4px 14px 0 0;
padding: 5px 10px 5px 11px; }
#solutions22-Benefits ul a.circle-link:hover:before, #solutions22-Benefits ul a.circle-link:visited:hover:before {
background-color: #0075c9; }
#solutions22-SN-Benefits {
padding: 4% 4% 0% 4%;
background-color: white;
background-position: top center;
background-size: 100% auto;
background-repeat: no-repeat;
position: relative; }
#solutions22-SN-Benefits .container-1250, #solutions22-SN-Benefits .container-1200 {
z-index: 100; }
#solutions22-SN-Benefits h3 {
color: #5b6670;
font-weight: bold; }
#solutions22-SN-Benefits p {
font-size: 16px;
line-height: 28px;
margin: 0 0 40px 0; }
#solutions22-SN-Benefits ul {
display: flex;
flex-wrap: wrap;
list-style-type: none;
margin: 2.5% 0; }
#solutions22-SN-Benefits ul li {
list-style-type: none;
flex-basis: 18%;
margin: 0 2.5%;
padding: 1% 1% 2.5% 1%;
text-align: center;
position: relative; }
#solutions22-SN-Benefits ul li img {
width: 100%;
max-width: 100px;
height: auto; }
#solutions22-SN-Benefits ul li h6 {
font-size: 14px;
line-height: 21px;
font-weight: bold;
color: #0075c9;
text-transform: uppercase;
margin: 0 0 10px 0; }
#solutions22-SN-Benefits ul li p {
font-size: 16px;
line-height: 24px;
margin: 0 0 20px 0; }
#solutions22-SN-Benefits ul li div {
position: absolute;
left: 0;
bottom: 24px;
width: 100%;
height: auto;
text-align: center; }
#solutions22-SN-Benefits ul li div a {
font-size: 12px;
text-transform: uppercase;
font-weight: bold; }
#solutions22-SN-Benefits ul li div a:hover, #solutions22-SN-Benefits ul li div a:visited:hover {
color: #3dae2b; }
#solutions22-SN-Benefits ul.set-three li {
flex-basis: 26%; }
#solutions22-SN-Benefits ul.set-three li img {
width: 100%;
max-width: 90px;
height: auto;
margin-bottom: 10px; }
/* Overview */
#solutions22-Overview {
padding: 4% 4% 0 4%;
background-color: white; }
#solutions22-Overview .wrapper {
display: flex;
justify-content: center;
align-items: center; }
#solutions22-Overview .third img {
width: 90%;
height: auto;
margin: 0 auto; }
#solutions22-Overview h4 {
font-size: 21px;
line-height: 32px;
font-weight: 700; }
#solutions22-Overview p {
font-size: 21px;
line-height: 32px;
font-weight: 400; }
#solutions22-Overview ul li {
font-size: 16px;
line-height: 24px;
font-weight: 400; }
/* Overview Gray Panel */
#solutions22-Overview-Gray {
padding: 14% 4% 14% 4%;
background-color: #f1f2f2;
background-image: url("../images/bg-sol22-applications-top.png");
background-position: top center;
background-size: 100% auto;
background-repeat: no-repeat;
position: relative; }
#solutions22-Overview-Gray .bottom {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background-image: url("../images/bg-sol22-applications-bottom.png");
background-position: bottom center;
background-size: 100% auto;
background-repeat: no-repeat; }
#solutions22-Overview-Gray .container-1200 {
position: relative;
z-index: 100; }
#solutions22-Overview-Gray .wrapper {
display: flex;
justify-content: center;
align-items: flex-start; }
#solutions22-Overview-Gray .third img {
width: 90%;
height: auto;
margin: 0 auto; }
#solutions22-Overview-Gray h4 {
font-size: 27px;
line-height: 32px;
font-weight: 700; }
#solutions22-Overview-Gray p {
font-size: 16px;
line-height: 24px;
font-weight: 400; }
#solutions22-Overview-Gray h6 strong {
font-weight: 700; }
#solutions22-Overview-Gray ul li {
font-size: 16px;
line-height: 24px;
font-weight: 400; }
#solutions22-Overview-Gray .white-panel {
background-color: white;
padding: 40px; }
#solutions22-Overview-Gray .white-panel h4 {
font-size: 21px;
line-height: 32px;
font-weight: 700; }
/* Performance */
#solutions22-Performance {
position: relative;
padding: 12% 4% 10% 4%;
background-color: #3dae2b;
background-image: url("../images/bg-performance-top.png");
background-position: top center;
background-size: 100% auto;
background-repeat: no-repeat;
color: white; }
#solutions22-Performance .bottom {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background-image: url("../images/bg-performance-bottom-grey.png");
background-position: bottom center;
background-size: 100% auto;
background-repeat: no-repeat; }
#solutions22-Performance .bottom.white {
background-image: url("../images/bg-performance-bottom-white.png"); }
#solutions22-Performance .container-1200 {
position: relative;
z-index: 100; }
#solutions22-Performance h3 {
color: white;
font-weight: bold; }
#solutions22-Performance .performance-stats {
width: 100%;
display: flex;
flex-wrap: nowrap;
list-style-type: none; }
#solutions22-Performance .performance-stats li {
list-style-type: none;
flex-basis: 28%;
margin: 1.5%;
padding: 1%;
display: flex;
align-items: flex-start;
color: white; }
#solutions22-Performance .performance-icon {
flex-basis: 100px;
text-align: center; }
#solutions22-Performance .performance-icon img {
width: 80%;
max-width: 60px;
height: auto;
margin: 14px auto 0 auto; }
#solutions22-Performance .performance-data {
flex-basis: calc(100% - 100px); }
#solutions22-Performance .performance-data h6 {
font-size: 42px;
color: white;
font-weight: bold;
margin: 0 0 14px 0; }
#solutions22-Performance .performance-data p {
font-size: 18px;
color: white;
font-weight: bold;
margin-bottom: 10px; }
#solutions22-Performance .performance-stats li ul li {
list-style-type: square;
display: revert;
font-size: 16px;
font-weight: bold; }
/* Industries */
#solutions22-Applications {
padding: 14% 4% 8% 4%;
background-color: #f1f2f2;
background-image: url("../images/bg-sol22-applications-top.png");
background-position: top center;
background-size: 100% auto;
background-repeat: no-repeat;
position: relative; }
#solutions22-Applications .bottom {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background-image: url("../images/bg-sol22-applications-bottom.png");
background-position: bottom center;
background-size: 100% auto;
background-repeat: no-repeat; }
#solutions22-Applications .container-1250, #solutions22-Applications .container-1200 {
z-index: 100; }
#solutions22-Applications h3 {
color: #5b6670;
font-weight: bold; }
#solutions22-Applications p {
font-size: 16px;
line-height: 28px;
margin: 0 0 40px 0; }
#solutions22-Applications ul {
display: flex;
flex-wrap: wrap;
list-style-type: none;
margin: 2.5% 0; }
#solutions22-Applications ul li {
list-style-type: none;
flex-basis: 18%;
margin: 0 2.5%;
padding: 1% 1% 2.5% 1%;
text-align: center;
position: relative; }
#solutions22-Applications ul li img {
width: 100%;
max-width: 100px;
height: auto; }
#solutions22-Applications ul li h6 {
font-size: 14px;
line-height: 21px;
font-weight: bold;
color: #0075c9;
text-transform: uppercase;
margin: 0 0 10px 0; }
#solutions22-Applications ul li p {
font-size: 16px;
line-height: 24px;
margin: 0 0 20px 0; }
#solutions22-Applications ul li div {
position: absolute;
left: 0;
bottom: 24px;
width: 100%;
height: auto;
text-align: center; }
#solutions22-Applications ul li div a {
font-size: 12px;
text-transform: uppercase;
font-weight: bold; }
#solutions22-Applications ul li div a:hover, #solutions22-Applications ul li div a:visited:hover {
color: #3dae2b; }
#solutions22-Applications ul.set-three li {
flex-basis: 26%; }
#solutions22-Applications ul.set-three li img {
width: 100%;
max-width: 90px;
height: auto;
margin-bottom: 10px; }
/* Solutions */
#solutions22-Solutions {
padding: 4% 4% 0 4%; }
#solutions22-Solutions h3 {
color: #5b6670;
font-weight: bold; }
#solutions22-Solutions ul {
display: flex;
flex-wrap: wrap;
list-style-type: none;
margin: 2.5% 0; }
#solutions22-Solutions ul li {
list-style-type: none;
flex-basis: 18%;
margin: 2.5%;
padding: 1% 1% 2.5% 1%;
text-align: center;
position: relative; }
#solutions22-Solutions ul li img {
width: 100%;
max-width: 70px;
height: auto;
margin-bottom: 20px; }
#solutions22-Solutions ul li h6 {
font-size: 18px;
line-height: 24px;
font-weight: bold;
color: #00609c;
margin: 0 0 20px 0; }
#solutions22-Solutions ul li p {
font-size: 16px;
line-height: 24px;
margin: 0 0 20px 0; }
#solutions22-Solutions ul li div {
position: absolute;
left: 0;
bottom: 24px;
width: 100%;
height: auto;
text-align: center; }
#solutions22-Solutions ul li div a {
font-size: 12px;
text-transform: uppercase;
font-weight: bold; }
#solutions22-Solutions ul li div a:hover, #solutions22-Solutions ul li div a:visited:hover {
color: #3dae2b; }
#solutions22-Solutions ul.logos li img {
width: 100%;
max-width: unset;
height: auto; }
/* Case Studies */
#solutions22-Cases {
position: relative;
padding: 4% 4% 1% 4%;
background-color: #f1f2f2;
background-position: top center;
background-size: 100% auto;
background-repeat: no-repeat; }
#solutions22-Cases .container-1200 {
position: relative;
z-index: 100; }
#solutions22-Cases h3 {
color: #5b6670; }
#solutions22-Cases a, #solutions22-Cases a:visited {
font-size: 18px;
font-weight: bold;
text-transform: uppercase; }
#solutions22-Cases a:hover, #solutions22-Cases a:visited:hover {
color: #3dae2b; }
#solutions22-Cases .cards {
margin: 50px 0;
display: flex;
justify-content: center; }
#solutions22-Cases .cards li {
list-style-type: none;
position: relative;
flex-basis: calc(25% - 28px);
margin: 0 14px;
padding: 0 0 50px 0;
text-align: center;
vertical-align: top;
background-color: white;
border: 0;
box-shadow: 0px 0px 0px rgba(0, 117, 201, 0); }
#solutions22-Cases .cards li:hover {
box-shadow: 0px 0px 6px rgba(0, 117, 201, 0.25);
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
#solutions22-Cases .cardcontent p {
font-size: 16px;
line-height: 24px; }
#solutions22-Cases .cardcontent a, #solutions22-Cases .cardcontent a:visited {
position: absolute;
width: 100%;
bottom: 20px;
left: 0;
font-size: 14px;
font-weight: bold;
text-transform: uppercase; }
#solutions22-Cases .cardcontent a:hover, #solutions22-Cases .cardcontent a:visited:hover {
color: #3dae2b; }
#solutions22-Cases .bottom {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background-image: url("../images/cs-cases-bottom.png");
background-position: bottom center;
background-size: 100% auto;
background-repeat: no-repeat; }
/* Proven Process */
#solutions22-Process {
padding: 14% 4% 8% 4%;
background-color: #004d71;
background-image: url("../images/bg-process-top.png");
background-position: top center;
background-size: 100% auto;
background-repeat: no-repeat;
position: relative; }
#solutions22-Process .bottom {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background-image: url("../images/bg-process-bottom.png");
background-position: bottom center;
background-size: 100% auto;
background-repeat: no-repeat; }
#solutions22-Process .wrapper {
display: flex;
flex-wrap: nowrap;
max-width: 1250px;
margin: 0 auto;
padding: 0;
position: relative;
z-index: 100; }
#solutions22-Process .process-left {
flex-basis: 42%;
padding: 0 4%;
text-align: center;
align-self: center; }
#solutions22-Process .process-left img {
width: 94%;
height: auto;
margin-bottom: 30px; }
#solutions22-Process .process-right {
flex-basis: 42%;
padding: 0 4%;
align-self: center; }
#solutions22-Process .process-right h4 {
font-size: 28px;
line-height: 32px;
font-weight: 700;
color: white;
margin: 0 0 30px 0; }
#solutions22-Process .process-right p {
font-size: 21px;
line-height: 28px;
font-weight: 400;
color: white;
margin: 0 0 30px 0; }
#solutions22-Process .process-right li {
padding: 15px 0 15px 0;
font-size: 18px;
line-height: 21px;
list-style-type: none;
color: white;
position: relative; }
#solutions22-Process .process-right li i {
position: absolute;
left: -30px;
top: 18px;
margin-right: 14px; }
#solutions22-Process a.circle-link, #solutions22-Process a.circle-link:visited {
color: white; }
#solutions22-Process a.circle-link:hover, #solutions22-Process a.circle-link:visited:hover {
color: white; }
#solutions22-Process a.circle-link:before {
background-color: #3dae2b; }
#solutions22-Process a.circle-link:hover:before, #solutions22-Process a.circle-link:visited:hover:before {
background-color: #0075c9; }
/* Get To Know Us Panel */
#solutions22-getToKnow {
padding: 4%; }
#solutions22-getToKnow h6 {
font-size: 54px;
line-height: 62px;
font-weight: 700;
color: #00609c;
margin: 0 0 60px 0; }
#solutions22-getToKnow .alt-content h4 {
font-size: 28px;
line-height: 42px;
font-weight: 700;
margin: 0 0 30px 0; }
#solutions22-getToKnow .alt-content h6 {
font-size: 28px;
line-height: 42px;
font-weight: 700;
color: #00609c;
margin: 0 0 40px 0;
max-width: 720px; }
#solutions22-getToKnow .alt-content p {
font-size: 18px;
line-height: 28px;
margin: 0 0 60px 0;
max-width: 780px; }
#solutions22-getToKnow .alt-content-2 h6 {
font-size: 28px;
line-height: 42px;
font-weight: 700;
color: #00609c;
margin: 0 0 40px 0;
max-width: 600px; }
#solutions22-getToKnow .alt-content-2 p {
font-size: 18px;
line-height: 28px;
margin: 0 0 30px 0;
max-width: 780px; }
/* Workforce DM Table */
#solutions22-Packages {
padding: 4% 4%; }
#solutions22-Packages h3 {
color: #5b6670;
font-weight: bold; }
.packages-wrapper {
width: 100%;
overflow-x: scroll; }
table.packages {
width: 100%;
max-width: 1200px;
min-width: 600px;
border: 0;
margin: 0 auto; }
table.packages tr:nth-child(odd) {
background-color: #e7e8e9; }
table.packages tr:nth-child(even) {
background-color: #f8f8f8; }
table.packages tr:nth-of-type(1) {
background-color: #0074c2; }
table.packages tr:hover td {
background-color: white;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
table.packages th {
width: 25%;
color: white;
padding: 10px 20px;
text-align: left;
font-size: 14px;
line-height: 16px; }
table.packages th:nth-of-type(2) {
background-color: rgba(255, 255, 255, 0.2); }
table.packages th:nth-of-type(3) {
background-color: rgba(255, 255, 255, 0.4); }
table.packages th:nth-of-type(4) {
background-color: rgba(255, 255, 255, 0.6); }
table.packages strong {
display: block; }
table.packages td {
width: 25%;
padding: 12px 20px;
font-size: 14px;
line-height: 16px; }
table.packages td:nth-of-type(2), table.packages td:nth-of-type(3), table.packages td:nth-of-type(4) {
border-left: 1px solid #c3c4c6; }
.packages-footnote {
width: 100%;
max-width: 1200px;
border: 0;
margin: 12px auto;
font-size: 12px; }
/* -------------------------- */
/* Anatomy pages with large graphic - Added May 2023 */
.anatomy .container-1200 {
padding-top: 120px; }
.anatomy .infographic {
padding-top: 40px; }
.anatomy h1 {
font-size: 32px;
font-weight: bold; }
.anatomy h5 {
text-align: center;
text-transform: uppercase;
font-size: 21px;
margin: 40px auto 40px auto; }
.anatomy .resource-download {
float: right; }
.resource-download a {
font-size: 18px;
color: #3dae2b;
font-weight: bold; }
.resource-download a:after {
-webkit-font-smoothing: antialiased;
background-color: #3dae2b;
border-radius: 40px;
color: #fff;
content: "\f078";
display: inline-block;
font-family: Font Awesome\ 6 Pro;
font-size: 21px;
font-weight: 400;
line-height: 21px;
margin: -4px 0 0 14px;
padding: 6px 7px 6px 7px;
vertical-align: middle; }
.resource-download a:hover {
color: #0075c9; }
.resource-download a:hover:after {
color: #fff;
background-color: #0075c9; }
/* -------------------------- */
/* New Physical Security Page - Added June 2023 */
.physcial-security-page .container-1200 {
margin: 50px auto; }
.physcial-security-page .wrapper {
display: flex;
justify-content: center;
align-items: flex-start;
margin: 50px auto; }
.physcial-security-page .wrapper.flex-center {
align-items: center; }
.physcial-security-page .third img {
width: 90%;
height: auto;
margin: 0 auto; }
.physcial-security-page h3 {
font-size: 28px;
line-height: 36px;
font-weight: 700;
color: #5c6670; }
.physcial-security-page h4 {
font-size: 21px;
line-height: 32px;
font-weight: 700; }
.physcial-security-page p {
font-size: 16px;
line-height: 24px;
font-weight: 400; }
.physcial-security-page ul li {
font-size: 16px;
line-height: 24px;
font-weight: 400; }
.physcial-security-page .components {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
margin: 10px 0; }
.physcial-security-page .component {
margin: 10px 0;
flex-basis: 33%;
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap; }
.physcial-security-page .component .icon {
flex-basis: 75px; }
.physcial-security-page .component .icon img {
width: 100%;
height: auto;
max-width: 50px; }
.physcial-security-page .component .content {
flex-basis: calc(100% - 75px); }
article .physcial-security-page .component .content h4 {
font-size: 16px;
line-height: 21px;
font-weight: 700;
margin-bottom: 0; }
.physcial-security-page .support-services {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin: 20px 0; }
.physcial-security-page .support-service {
margin: 20px 0;
flex-basis: 50%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap; }
.physcial-security-page .support-service .icon {
flex-basis: 25%;
text-align: center; }
.physcial-security-page .support-service .icon img {
width: 100%;
height: auto;
max-width: 110px; }
.physcial-security-page .support-service .content {
flex-basis: 75%; }
article .physcial-security-page .support-service h4 {
margin-bottom: 6px; }
article .physcial-security-page .support-service p {
margin-bottom: 0;
padding-right: 30px; }
.physcial-security-page .wrapper .split {
flex-basis: 50%; }
.physcial-security-page .wrapper .split.image {
text-align: right; }
.physcial-security-page .wrapper .split img {
width: 80%;
height: auto;
margin: 0 auto; }
/* -------------------------- */
/* -------------------------- */
/* -------------------------- */
/* Mobile */
@media screen and (max-width: 768px) {
.solutions22-billboard-container {
padding: 4% 4% 4% 8%;
flex-wrap: wrap; }
.solutions22-billboard-left, .solutions22-billboard-right {
flex-basis: 100%; }
.solutions22-billboard-left h1 {
font-size: 26px;
line-height: 34px;
padding-right: 10%; }
.solutions22-intro {
padding: 4% 4% 10% 8%; }
.solutions22-intro h3 {
font-size: 18px;
line-height: 27px; }
#solutions22-Overview-Gray {
padding: 24% 6% 24% 6%; }
#solutions22-Overview .wrapper, #solutions22-Overview-Gray .wrapper {
flex-wrap: wrap; }
#solutions22-Overview .wrapper.reverse, #solutions22-Overview-Gray .wrapper.reverse {
flex-wrap: wrap-reverse; }
#solutions22-Overview .third img {
max-width: 280px;
margin: 0 auto 20px auto; }
#solutions22-Overview h4, #solutions22-Overview p {
font-size: 18px;
line-height: 28px; }
#solutions22-Benefits {
padding: 10% 4% 0 4%;
text-align: center; }
#solutions22-Benefits ul {
flex-wrap: wrap; }
#solutions22-Benefits ul li {
flex-basis: 94%;
text-align: center; }
#solutions22-Benefits ul li img {
margin: 0 auto; }
#solutions22-Applications {
padding: 20% 4% 8% 4%;
text-align: center; }
#solutions22-Applications ul {
flex-wrap: wrap; }
#solutions22-Applications ul li {
flex-basis: 40%;
margin: 0 2.5%;
padding: 1% 1% 2.5% 1%; }
#solutions22-Applications ul li p {
font-size: 14px;
line-height: 21px; }
#solutions22-Applications ul.set-three li {
flex-basis: 42%; }
#solutions22-Solutions {
padding: 8% 4% 0 4%; }
#solutions22-Solutions h3 {
text-align: center; }
#solutions22-Solutions ul li {
list-style-type: none;
flex-basis: 92%;
margin: 2.5%;
padding: 1% 1% 2.5% 1%; }
#solutions22-Solutions ul li h6 {
margin-bottom: 10px; }
#solutions22-Solutions ul li p {
font-size: 14px;
line-height: 21px; }
#solutions22-Solutions ul.logos li, #solutions22-SN-Benefits ul li {
flex-basis: 42%; }
#solutions22-Performance .container-1200 {
padding: 20% 4% 0 4%; }
#solutions22-Performance h3 {
width: 100%;
text-align: center; }
#solutions22-Performance .performance-stats {
flex-wrap: wrap; }
#solutions22-Performance .performance-stats li {
flex-basis: 90%;
margin: 5% 0; }
#solutions22-Performance .performance-stats li ul li {
margin: 0; }
#solutions22-Performance .performance-data h6 {
line-height: 36px; }
#solutions22-Cases {
padding: 8% 4% 4% 4%; }
#solutions22-Cases .cards {
flex-wrap: wrap;
margin: 24px 0; }
#solutions22-Cases .cards li {
flex-basis: calc(90% - 28px);
margin: 20px 14px; }
#solutions22-Process {
padding: 18% 4% 10% 4%; }
#solutions22-Process .wrapper {
flex-wrap: wrap; }
#solutions22-Process .process-left, #solutions22-Process .process-right {
flex-basis: 92%; }
#solutions22-Process .process-right h4 {
font-size: 24px;
line-height: 32px; }
#solutions22-getToKnow {
padding: 8%; }
#solutions22-getToKnow h6 {
font-size: 32px;
line-height: 42px;
margin: 0 0 30px 0; }
#solutions22-getToKnow .alt-content h4 {
font-size: 21px;
line-height: 28px;
font-weight: 700;
margin: 0 0 30px 0; }
#solutions22-getToKnow .alt-content h6 {
font-size: 24px;
line-height: 32px;
font-weight: 700;
color: #00609c;
margin: 0 0 40px 0;
max-width: 720px; }
#solutions22-getToKnow .alt-content p {
font-size: 18px;
line-height: 28px;
margin: 0 0 30px 0;
max-width: 780px; } }
/* END New Solutions - May 2022 */
/* ---------------------------------------------------------- */
/* ---------------------------------------------------------- */
/* ---------------------------------------------------------- */
/* Homepage */
/* New Homepage - Jan 2022 */
a.circle-link, a.circle-link:visited {
font-size: 21px;
line-height: 40px;
font-weight: 700;
padding: 0;
margin: 0;
color: #3dae2b;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
a.circle-link:hover, a.circle-link:visited:hover {
color: #0075c9;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
a.circle-link:before {
display: inline-block;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 6 Pro";
font-weight: 400;
content: "\f105";
font-size: 32px;
line-height: 31px;
vertical-align: middle;
background-color: #3dae2b;
color: white;
border-radius: 40px;
margin: -4px 14px 0 0;
padding: 6px 13px 6px 15px;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
a.circle-link:hover:before, a.circle-link:visited:hover:before {
background-color: #0075c9;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.home-billboard {
background-color: #004d71;
color: white; }
.home-billboard .home-billboard-container {
width: 92%;
max-width: 1250px;
display: flex;
flex-wrap: wrap;
justify-content: center;
overflow: hidden;
padding: 80px 0 0 0;
margin: 0 auto; }
.home-billboard-left {
flex-basis: 50%;
align-self: center; }
.home-billboard-left h1 {
font-size: 42px;
line-height: 52px;
font-weight: 700;
color: white;
margin-bottom: 40px; }
.home-billboard-left a.circle-link, .home-billboard-left a.circle-link:visited {
color: white; }
.home-billboard-left a.circle-link:hover, .home-billboard-left a.circle-link:visited:hover {
color: white; }
.home-billboard-left a.circle-link:before {
background-color: #3dae2b; }
.home-billboard-left a.circle-link:hover:before, .home-billboard-left a.circle-link:visited:hover:before {
background-color: #0075c9; }
.home-billboard-right {
flex-basis: 50%;
text-align: center; }
.home-billboard-right img {
width: 80%;
max-width: 500px;
height: auto;
margin: 0 auto; }
#threeWays {
position: relative;
padding: 8% 4% 8% 4%;
background-color: #0075c9;
background-image: url("../images/bg-threeways-top.png");
background-position: top center;
background-size: 100% auto;
background-repeat: no-repeat; }
#threeWays .bottom {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background-image: url("../images/bg-threeways-bottom.png");
background-position: bottom center;
background-size: 100% auto;
background-repeat: no-repeat; }
#threeWays .container-1250 {
position: relative;
z-index: 100; }
#threeWays h3 {
color: white;
font-weight: bold; }
.three-ways-points {
display: flex;
flex-wrap: nowrap;
list-style-type: none;
margin: 50px auto; }
.three-ways-points li {
width: 30.333%;
margin: 0 1.5%;
padding: 0;
position: relative;
color: white;
font-size: 21px;
line-height: 28px; }
.three-ways-points li:nth-of-type(1) {
margin: 0 3% 0 40px;
padding: 0 3% 0 0; }
.three-ways-points li:nth-of-type(1):before {
content: "1";
font-size: 27px;
line-height: 27px;
font-weight: 700;
padding: 0 8px 0 0;
margin: 0 16px 0 -40px;
border-right: 2px solid white; }
.three-ways-points li:nth-of-type(2) {
margin: 0 0 0 40px;
padding: 0 3% 0 0; }
.three-ways-points li:nth-of-type(2):before {
content: "2";
font-size: 27px;
line-height: 27px;
font-weight: 700;
padding: 0 8px 0 0;
margin: 0 16px 0 -40px;
border-right: 2px solid white; }
.three-ways-points li:nth-of-type(3) {
margin: 0 0 0 40px;
padding: 0 3% 0 0; }
.three-ways-points li:nth-of-type(3):before {
content: "3";
font-size: 27px;
line-height: 27px;
font-weight: 700;
padding: 0 8px 0 0;
margin: 0 16px 0 -40px;
border-right: 2px solid white; }
#homeResource {
padding: 2% 4%;
background-color: white; }
#homeResource h3 {
color: #5b6670;
font-weight: bold; }
.one-resource-points {
display: flex;
flex-wrap: nowrap;
list-style-type: none;
margin: 50px auto 0 auto; }
.one-resource-points li {
width: 30.333%;
margin: 0 3%;
padding: 0;
position: relative; }
.one-resource-points li:nth-of-type(1) {
margin: 0 3% 0 0;
padding: 0; }
.one-resource-points li:nth-of-type(3) {
margin: 0 0 0 3%;
padding: 0; }
.one-resource-points li img {
width: 100%;
max-width: 70px;
height: auto;
display: block;
margin-bottom: 10px; }
.one-resource-points li h6 {
font-size: 21px;
font-weight: bold;
color: #00609c;
margin-bottom: 10px; }
.one-resource-points li p {
font-size: 16px;
line-height: 26px;
margin-bottom: 30px; }
.one-resource-points a.circle-link, .one-resource-points a.circle-link:visited {
font-size: 18px;
line-height: 24px;
font-weight: 700;
color: #3dae2b;
position: relative;
left: 45px;
padding-right: 28%; }
.one-resource-points a.circle-link:hover, .one-resource-points a.circle-link:visited:hover {
color: #0075c9; }
.one-resource-points a.circle-link:before {
position: absolute;
left: -45px;
font-size: 24px;
line-height: 23px;
background-color: #3dae2b;
color: white;
border-radius: 40px;
margin: -4px 14px 0 0;
padding: 5px 10px 5px 11px; }
.one-resource-points a.circle-link:hover:before, .one-resource-points a.circle-link:visited:hover:before {
background-color: #0075c9; }
/* Performance */
#homePerformance {
position: relative;
padding: 2% 4%;
background-color: #3dae2b;
background-image: url("../images/bg-performance-top.png");
background-position: top center;
background-size: 100% auto;
background-repeat: no-repeat;
color: white; }
#homePerformance .bottom {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background-image: url("../images/bg-performance-bottom.png");
background-position: bottom center;
background-size: 100% auto;
background-repeat: no-repeat; }
#homePerformance .container-1250 {
position: relative;
z-index: 100;
padding: 8% 0; }
#homePerformance h3 {
color: white;
font-weight: bold; }
#homePerformance .performance-stats {
width: 100%;
display: flex;
flex-wrap: nowrap;
list-style-type: none; }
#homePerformance .performance-stats li {
list-style-type: none;
flex-basis: 28%;
margin: 1.5%;
padding: 1%;
display: flex;
align-items: flex-start;
color: white; }
#homePerformance .performance-icon {
flex-basis: 100px;
text-align: center; }
#homePerformance .performance-icon img {
width: 80%;
max-width: 60px;
height: auto;
margin: 14px auto 0 auto; }
#homePerformance .performance-data {
flex-basis: calc(100% - 100px); }
#homePerformance .performance-data h6 {
font-size: 44px;
color: white;
font-weight: bold;
margin: 0 0 14px 0; }
#homePerformance .performance-data p {
font-size: 18px;
color: white;
font-weight: bold; }
/* Industries */
#homeIndustries {
padding: 0 4%; }
#homeIndustries h3 {
color: #5b6670;
font-weight: bold; }
#homeIndustries .industries {
display: flex;
flex-wrap: wrap;
list-style-type: none; }
#homeIndustries .industries li {
list-style-type: none;
flex-basis: 18%;
margin: 2.5%;
padding: 1% 1% 2.5% 1%;
box-shadow: 0px 0px 0px rgba(0, 117, 201, 0);
text-align: center;
position: relative; }
#homeIndustries .industries li:hover {
box-shadow: 0px 0px 6px rgba(0, 117, 201, 0.25);
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
#homeIndustries .industries li img {
width: 100%;
max-width: 100px;
height: auto; }
#homeIndustries .industries li h6 {
font-size: 14px;
line-height: 21px;
font-weight: bold;
color: #0075c9;
text-transform: uppercase;
margin: 0 0 10px 0; }
#homeIndustries .industries li p {
font-size: 16px;
line-height: 21px;
margin: 0 0 20px 0; }
#homeIndustries .industries li div {
position: absolute;
left: 0;
bottom: 24px;
width: 100%;
height: auto;
text-align: center; }
#homeIndustries .industries li div a {
font-size: 12px;
text-transform: uppercase;
font-weight: bold; }
#homeIndustries .industries li div a:hover, #homeIndustries .industries li div a:visited:hover {
color: #3dae2b; }
/* Case Studies */
#csCases {
position: relative;
padding: 12% 4% 1% 4%;
background-color: #f1f2f2;
background-image: url("../images/bg-casestudies-top.png");
background-position: top center;
background-size: 100% auto;
background-repeat: no-repeat; }
#csCases .container-1250 {
position: relative;
z-index: 100; }
#csCases h3 {
color: #5b6670; }
#csCases a, #csCases a:visited {
font-size: 18px;
font-weight: bold;
text-transform: uppercase; }
#csCases a:hover, #csCases a:visited:hover {
color: #3dae2b; }
#csCases .cards {
margin: 50px 0;
display: flex;
justify-content: center; }
#csCases .cards li {
list-style-type: none;
position: relative;
flex-basis: calc(25% - 28px);
margin: 0 14px;
padding: 0 0 50px 0;
text-align: center;
vertical-align: top;
background-color: white;
border: 0;
box-shadow: 0px 0px 0px rgba(0, 117, 201, 0); }
#csCases .cards li:hover {
box-shadow: 0px 0px 6px rgba(0, 117, 201, 0.25);
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
#csCases .cardcontent p {
font-size: 16px;
line-height: 24px; }
#csCases .cardcontent a, #csCases .cardcontent a:visited {
position: absolute;
width: 100%;
bottom: 20px;
left: 0;
font-size: 14px;
font-weight: bold;
text-transform: uppercase; }
#csCases .cardcontent a:hover, #csCases .cardcontent a:visited:hover {
color: #3dae2b; }
#csCases .bottom {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background-image: url("../images/cs-cases-bottom.png");
background-position: bottom center;
background-size: 100% auto;
background-repeat: no-repeat; }
/* Proven Process */
#provenProcess {
padding: 12% 4% 8% 4%;
background-color: #00609c;
background-image: url("../images/bg-process-top.png");
background-position: top center;
background-size: 100% auto;
background-repeat: no-repeat;
position: relative; }
#provenProcess .bottom {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background-image: url("../images/bg-process-bottom.png");
background-position: bottom center;
background-size: 100% auto;
background-repeat: no-repeat; }
#provenProcess .wrapper {
display: flex;
flex-wrap: nowrap;
max-width: 1250px;
margin: 0 auto;
padding: 0;
position: relative;
z-index: 100; }
#provenProcess .process-left {
flex-basis: 42%;
padding: 0 4%;
text-align: center; }
#provenProcess .process-left img {
width: 94%;
height: auto;
margin-bottom: 30px; }
#provenProcess .process-right {
flex-basis: 42%;
padding: 0 4%; }
#provenProcess .process-right h4 {
font-size: 28px;
line-height: 32px;
font-weight: 700;
color: white;
margin: 0 0 30px 0; }
#provenProcess .process-right p {
font-size: 21px;
line-height: 28px;
font-weight: 400;
color: white;
margin: 0 0 30px 0; }
#provenProcess .process-right li {
padding: 15px 0 15px 0;
font-size: 18px;
line-height: 21px;
list-style-type: none;
color: white;
position: relative; }
#provenProcess .process-right li i {
position: absolute;
left: -30px;
top: 18px;
margin-right: 14px; }
#provenProcess a.circle-link, #provenProcess a.circle-link:visited {
color: white; }
#provenProcess a.circle-link:hover, #provenProcess a.circle-link:visited:hover {
color: white; }
#provenProcess a.circle-link:before {
background-color: #3dae2b; }
#provenProcess a.circle-link:hover:before, #provenProcess a.circle-link:visited:hover:before {
background-color: #0075c9; }
/* Get To Know Us Panel */
#getToKnow {
padding: 4%; }
#getToKnow h6 {
font-size: 54px;
line-height: 62px;
font-weight: 700;
color: #00609c;
margin: 0 0 60px 0; }
/* Tweak to Page Shell */
.home .entry-content, .case-study .entry-content {
padding: 0; }
/* Footer Changes - Labor Button and Search */
.aboutus .labor {
margin-top: 20px;
padding: 10px 20px;
background-color: #3dae2b;
color: white;
display: inline-flex;
align-items: center; }
.aboutus .labor:hover {
background-color: #0075c9;
color: white; }
.aboutus .labor span img {
width: 34px;
height: auto;
margin: 5px 20px 0 0; }
.footer-srchpanel {
margin: 30px 0;
padding: 0;
vertical-align: top;
text-align: left; }
.footer-srchpanel #s {
border: 0px;
background-color: #efefef;
width: 100px;
vertical-align: top;
text-align: left;
margin: 0 20px 0 0;
padding: 13px 10px 13px 20px;
display: inline;
font-size: 12px;
line-height: 12px;
font-weight: 700;
color: #5d6770;
font-family: Helvetica, Arial, sans-serif; }
.footer-srchpanel #Search {
border: 0px;
background-color: #464f58;
width: 60px;
height: 40px;
margin: 0;
padding: 3px 0 0 0;
display: inline;
font-size: 12px;
font-weight: 700;
color: white;
font-family: Helvetica, Arial, sans-serif;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.footer-srchpanel #Search:hover {
cursor: pointer;
background-color: #0075c9;
color: #ffffff; }
/* -------------------------- */
/* -------------------------- */
/* -------------------------- */
/* Mobile */
@media screen and (max-width: 768px) {
a.circle-link, a.circle-link:visited {
font-size: 16px; }
.home-billboard .home-billboard-container {
flex-wrap: wrap-reverse;
padding: 20px 0; }
.home-billboard-left, .home-billboard-right {
flex-basis: 90%; }
.home-billboard-left h1 {
font-size: 32px;
line-height: 36px; }
.home-billboard-right img {
margin-bottom: 30px; }
#threeWays {
padding: 20% 4% 8% 4%; }
#threeWays .container-1250 {
width: 92%;
margin: 0 auto; }
.three-ways-points {
flex-wrap: wrap; }
.three-ways-points li {
flex-basis: 90%;
font-size: 18px;
line-height: 24px;
margin-bottom: 20px !important; }
#homeResource {
padding: 8% 4%; }
.one-resource-points {
flex-wrap: wrap; }
.one-resource-points li {
flex-basis: 90%;
margin: 10px auto 30px auto !important; }
.one-resource-points li img {
margin: 0; }
#homePerformance .container-1250 {
padding: 20% 4% 10% 4%; }
#homePerformance .performance-stats {
flex-wrap: wrap; }
#homePerformance .performance-stats li {
flex-basis: 90%; }
#homeIndustries {
padding: 4%; }
#homeIndustries .industries li {
flex-basis: 40%; }
#homeIndustries .industries li p {
font-size: 12px;
line-height: 18px;
margin-bottom: 10px; }
#homeIndustries .industries li div {
position: relative;
left: auto;
bottom: auto; }
#csCases {
padding-top: 20%; }
#csCases .cards {
flex-wrap: wrap; }
#csCases .cards li {
flex-basis: 90%;
margin-bottom: 20px; }
#csCases .cardcontent p {
font-size: 14px;
line-height: 21px; }
#provenProcess .wrapper {
padding: 8% 4%;
flex-wrap: wrap-reverse; }
#provenProcess .process-left, #provenProcess .process-right {
flex-basis: 92%;
margin: 0 auto; }
#provenProcess .process-right p {
font-size: 18px;
line-height: 24px;
margin: 0 0 20px 0; }
#provenProcess .process-right li {
font-size: 16px;
padding: 10px 0; }
#provenProcess .process-right li i {
top: 12px; }
#getToKnow {
padding: 8%; }
#getToKnow h6 {
font-size: 32px;
line-height: 42px;
margin: 0 0 30px 0; }
#getToKnow .container-1250.wrap-reverse {
display: flex;
flex-wrap: wrap-reverse; }
#getToKnow .container-1250.wrap-reverse .half {
flex-basis: 100%; }
/* Tweak to Page Shell */
.homepage .entry-content {
padding: 0; } }
/* END New Homepage - Jan 2022 */
/* New Case Studies Page(s) - March 2022 */
.cs-billboard {
position: relative;
background-color: #004d71;
color: white;
padding: 2% 0 10% 0;
z-index: 1; }
.cs-billboard-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
overflow: hidden; }
.cs-billboard-image img {
width: 100%;
height: 100%;
object-fit: cover; }
.cs-billboard-bottom {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 50;
background-image: url("../images/cs-billboard-bottom.png");
background-position: bottom center;
background-size: 100% auto;
background-repeat: no-repeat; }
.cs-billboard .cs-billboard-container {
width: 92%;
max-width: 1250px;
display: flex;
flex-wrap: wrap;
justify-content: center;
overflow: hidden;
padding: 80px 0 0 0;
margin: 0 auto;
position: relative;
z-index: 100; }
.cs-billboard-left {
flex-basis: 70%;
align-self: center; }
.cs-billboard-left h1 {
font-size: 42px;
line-height: 52px;
font-weight: 700;
color: white;
margin-bottom: 40px; }
.cs-billboard-left a.circle-link, .cs-billboard-left a.circle-link:visited {
color: white; }
.cs-billboard-left a.circle-link:hover, .cs-billboard-left a.circle-link:visited:hover {
color: white; }
.cs-billboard-left a.circle-link:before {
background-color: #3dae2b; }
.cs-billboard-left a.circle-link:hover:before, .cs-billboard-left a.circle-link:visited:hover:before {
background-color: #0075c9; }
.cs-billboard-right {
flex-basis: 30%;
text-align: center; }
.cs-billboard-right img {
width: 80%;
max-width: 500px;
height: auto;
margin: 0 auto; }
.cs-overview {
position: relative;
background-color: #0075c9;
color: white;
padding: 0 4% 8% 4%; }
.cs-overview .container-1250 {
position: relative;
z-index: 100; }
.cs-overview h3 {
font-size: 24px;
line-height: 34px;
color: white;
padding-right: 10%; }
.cs-overview p {
padding-right: 10%; }
.cs-overview a.circle-link, .cs-overview a.circle-link:visited {
color: white; }
.cs-overview a.circle-link:hover, .cs-overview a.circle-link:visited:hover {
color: white; }
.cs-overview a.circle-link:before {
background-color: #3dae2b; }
.cs-overview a.circle-link:hover:before, .cs-overview a.circle-link:visited:hover:before {
background-color: #004d71; }
.cs-overview-bottom {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 50;
background-image: url("../images/cs-overview-bottom.png");
background-position: bottom center;
background-size: 100% auto;
background-repeat: no-repeat; }
.cs-content {
padding: 4%; }
.cs-content .container-1250 {
display: flex;
flex-wrap: wrap;
align-items: center; }
.cs-content .content-image {
flex-basis: 50%;
padding: 4% 0;
text-align: center; }
.cs-content .content-image img {
width: 80%;
height: auto;
max-width: 400px; }
.cs-content .content-copy {
flex-basis: 42%;
padding: 4%; }
.cs-content .content-copy h6 {
font-size: 21px;
color: #00609c;
margin-bottom: 28px; }
.cs-content .content-copy p, .cs-content .content-copy li {
font-size: 16px;
line-height: 26px; }
.case-study #csCases {
padding: 12% 4% 12% 4%; }
.case-study #getToKnow {
padding: 0 4% 4% 4%; }
.case-study #getToKnow h6 {
margin: 0 0 20px 0;
width: 80%;
font-size: 48px;
line-height: 56px;
max-width: 700px; }
.case-study #getToKnow h5 {
text-transform: none;
font-weight: 400;
margin: 0 0 40px 0; }
/* -------------------------- */
/* -------------------------- */
/* -------------------------- */
/* Mobile */
@media screen and (max-width: 768px) {
.cs-billboard .cs-billboard-container {
padding: 40px 0 20px 0; }
.cs-billboard-left, .cs-billboard-right {
flex-basis: 80%; }
.cs-billboard-left h1 {
font-size: 32px;
line-height: 42px; }
.cs-overview {
padding: 10%; }
.cs-overview h3 {
font-size: 18px;
line-height: 26px;
padding-right: 0;
margin-bottom: 30px; }
.cs-content {
padding-top: 12%; }
.cs-content .content-image, .cs-content .content-copy {
flex-basis: 92%;
padding: 4%; }
.case-study #csCases {
padding: 22% 4% 12% 4%; }
.case-study #getToKnow {
padding: 10%; }
/* -------------------------- */
/* Anatomy pages with large graphic - Added May 2023 */
.anatomy .container-1200 {
padding-top: 40px; }
.anatomy .resource-download {
float: none;
margin-bottom: 20px; }
/* -------------------------- */
/* New Physical Security Page - Added June 2023 */
.physcial-security-page .container-1200 {
margin: 20px auto; }
.physcial-security-page .wrapper {
flex-wrap: wrap;
width: 90%;
margin: 0 auto; }
.physcial-security-page .wrapper .third img {
width: 100%; }
.physcial-security-page .wrapper .third, .physcial-security-page .wrapper .twothird {
flex-basis: 100%;
margin: 10px 0; }
.physcial-security-page .component {
flex-basis: 50%; }
.physcial-security-page .component .icon {
flex-basis: 60px; }
.physcial-security-page .component .content {
flex-basis: calc(100% - 60px); }
.physcial-security-page .support-service {
flex-wrap: wrap;
flex-basis: 100%;
align-items: flex-start; }
.physcial-security-page .support-service .icon {
flex-basis: 20%;
padding-right: 20px; }
.physcial-security-page .support-service .content {
flex-basis: calc(80% - 20px); }
article .physcial-security-page .support-service h4 {
line-height: 24px; }
.physcial-security-page .wrapper.wrap-reverse {
flex-wrap: wrap-reverse; }
.physcial-security-page .wrapper .split {
flex-basis: 100%; }
.physcial-security-page .wrapper .split.image {
text-align: center;
margin-bottom: 40px; }
.physcial-security-page .wrapper .split img {
width: 100%; }
article .physcial-security-page h3 {
font-size: 24px; } }
/* -------------------------- */
/* -------------------------- */
/* -------------------------- */
/* Mobile Landscape
@media screen and (max-width:768px) and (orientation:landscape){
}
*/
/* -------------------------- */
/* -------------------------- */
/* -------------------------- */
/* Mobile */
@media screen and (orientation: portrait) {
#SpecialStatement {
position: fixed;
z-index: 9999;
bottom: 0;
left: 0;
width: 92%;
padding: 20px 4%;
text-align: center;
background-color: #3dae2b;
color: #ffffff; }
#SpecialStatement a {
color: #ffffff;
font-size: 16px; }
#SpecialStatement strong {
display: block;
margin-bottom: 10px; }
#SpecialStatement a span {
font-size: 12px; }
/* Common Formatting Elements */
/* Panels */
.panel {
text-align: left;
vertical-align: top;
padding: 0;
margin: 0;
width: 100%;
height: auto;
position: relative; }
.container {
max-width: 1000px;
margin: 0 auto;
padding: 0;
position: relative; }
.container-two {
max-width: 1400px;
margin: 0 auto;
padding: 0;
position: relative; }
.container-1250 {
max-width: 1250px;
margin: 0 auto;
padding: 0;
position: relative; }
.onecolumn article, .twocolumn article {
padding: 20px 0 20px 0; }
.entry-content {
padding: 0 3%; }
.threequarter {
margin: 0;
padding: 0;
text-align: left;
vertical-align: top; }
.half {
margin: 0;
padding: 0;
text-align: left;
vertical-align: top; }
.third {
margin: 0;
padding: 0;
text-align: center;
vertical-align: top; }
.twothird {
height: auto;
margin: 0;
padding: 0;
text-align: center;
vertical-align: top; }
article .twothird {
height: auto;
margin: 0;
padding: 0 3% 0 0;
text-align: left;
vertical-align: top; }
.quarter {
margin: 0;
padding: 0%;
text-align: left;
vertical-align: top;
border-left: none !important; }
.half-cell {
margin: 0;
padding: 0;
text-align: left;
vertical-align: top; }
.half img {
display: block;
margin: 0;
padding: 0; }
.half-cell img, .quarter img {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0; }
.fullbar {
text-align: left;
vertical-align: top;
padding: 3% 0 3% 0;
margin: 0;
width: 100%;
height: auto;
position: relative; }
.fullbar:nth-child(even) {
background-color: #eceded; }
.tb-1 {
padding: 1% 0 1% 0; }
.tb-2 {
padding: 2% 0 2% 0; }
.tb-3 {
padding: 3% 0 3% 0; }
.tb-4 {
padding: 4% 0 4% 0; }
.tb-5 {
padding: 5% 0 5% 0; }
.tb-6 {
padding: 6% 0 6% 0; }
.tb-7 {
padding: 7% 0 7% 0; }
.tb-8 {
padding: 8% 0 8% 0; }
.tb-9 {
padding: 9% 0 9% 0; }
.tb-10 {
padding: 10% 0 10% 0; }
.pad-0 {
padding: 0; }
.pad-1 {
padding: 1%; }
.pad-2 {
padding: 2%; }
.pad-3 {
padding: 3%; }
.pad-4 {
padding: 4%; }
.pad-5 {
padding: 5%; }
.pad-6 {
padding: 6%; }
.pad-7 {
padding: 7%; }
.pad-8 {
padding: 8%; }
hr {
margin: 20px 0 30px 0;
padding: 0;
height: 4px;
background-color: #e0e0e0;
border: none; }
/* Content Alignments */
.right {
text-align: right !important; }
.align-right {
float: right; }
.left {
text-align: left !important; }
.align-left {
float: left; }
.center {
text-align: center !important; }
/* Icon Alignments */
.icon-left {
float: left;
width: 100%;
height: auto;
max-width: 150px;
padding-right: 30px; }
.icon-right {
float: right;
width: 100%;
height: auto;
max-width: 150px;
padding-left: 30px; }
/* Article Content */
article h1, article h2, article h3, article h4, article h5, article h6, article li {
color: #5c6670; }
strong {
font-weight: 500; }
/* Standard Content */
header h1 {
font-weight: 400;
font-size: 34px;
line-height: 38px;
margin: 0 0 20px 0;
padding: 0; }
.page-entry-title {
max-width: 1000px;
margin: 3% auto;
padding: 0 3%;
position: relative;
font-weight: 400;
font-size: 36px;
line-height: 42px;
color: #5c6670; }
article h1, .onecolumn h1 {
font-weight: 400;
font-size: 28px;
line-height: 38px;
margin: 0 0 20px 0;
padding: 0; }
article h2 {
font-weight: 400;
font-size: 28px;
line-height: 32px;
margin: 0 0 20px 0;
padding: 0; }
article h3 {
font-weight: 400;
font-size: 21px;
line-height: 24px;
margin: 0 0 20px 0;
padding: 0;
color: #7a848e; }
article h4 {
font-weight: 400;
font-size: 18px;
line-height: 24px;
margin: 0 0 20px 0;
padding: 0; }
article h5 {
font-weight: 500;
font-size: 15px;
line-height: 21px;
margin: 0 0 20px 0;
padding: 0;
text-transform: uppercase; }
article h5.title {
font-weight: 500;
font-size: 21px;
line-height: 28px;
margin: 0 0 25px 0;
padding: 0;
text-transform: uppercase;
text-align: center; }
article h6 {
font-weight: 500;
font-size: 16px;
line-height: 24px;
margin: 0 0 5px 0;
padding: 0; }
article p {
font-weight: 400;
font-size: 14px;
line-height: 21px;
margin: 0 0 20px 0;
padding: 0; }
article ul {
list-style-type: square;
margin: 0 0 25px 15px;
padding: 0; }
article ol {
list-style-type: decimal;
margin: 0 0 25px 15px;
padding: 0; }
article ul li, article ol li {
font-weight: 400;
font-size: 14px;
line-height: 21px;
margin: 0 0 4px 15px;
padding: 0 0 0 0; }
article ul li:first-child, article ol li:first-child {
padding-top: 10px; }
article ul.checklist {
list-style-type: none;
margin: 0 0 25px 15px;
padding: 0; }
article ul.checklist li {
font-weight: 400;
font-size: 14px;
line-height: 18px;
margin: 0 0 14px 0;
padding: 0 0 0 25px;
background: url(../images/icon-checkbox.png) top left no-repeat; }
article ul.checklist li:hover {
cursor: pointer; }
article ul.checklist li.checked {
background: url(../images/icon-checkbox-checked.png) top left no-repeat; }
article blockquote {
padding: 3% 3% 2% 3%;
margin: 0 0 15px 0;
background-color: #e9ebec; }
article a.link {
font-weight: 700; }
.contentleft {
display: block;
margin: 0;
padding: 0 3% 2% 3%;
text-align: left;
vertical-align: top; }
h5.category {
font-size: 15px;
line-height: 21px;
margin: 0 0 0 0;
padding: 0;
text-transform: uppercase;
font-weight: 700;
color: #abafb4; }
/* Service Headings */
h2.service {
font-weight: 400;
font-size: 34px;
line-height: 38px;
margin: 0 0 5px 0;
padding: 0;
color: #0075c9; }
h2.service span {
font-weight: 700;
color: #dd0031; }
/* ---------------------------------------------------------- */
/* Cotent Tables */
table.two-col, table.three-col {
width: 100%;
margin-bottom: 15px; }
.two-col th, .three-col th {
background-color: #50748a;
padding: 2%;
font-size: 18px;
font-weight: 400;
color: #fff;
text-align: left; }
.two-col td, .three-col td {
background-color: #dfe1e2;
border-bottom: 2px solid #fff;
padding: 2%;
font-size: 14px;
line-height: 18px;
font-weight: 400; }
.two-col th:nth-child(2), .two-col td:nth-child(2), .three-col th:nth-child(2), .three-col th:nth-child(3), .three-col td:nth-child(2), .three-col td:nth-child(3) {
border-left: 2px solid #fff; }
/* ---------------------------------------------------------- */
/* search results */
.results h4 {
font-weight: 400;
font-size: 21px;
line-height: 24px;
margin: 0 0 5px 0 !important;
padding: 0; }
.results p {
font-weight: 400;
font-size: 14px;
line-height: 21px;
margin: 0 0 20px 0;
padding: 0; }
.results p.resultslabel {
font-weight: 500;
font-size: 18px;
line-height: 18px;
margin: 20px 0 0 0;
padding: 10px 0 0 0;
color: #d2d4d4; }
/* ---------------------------------------------------------- */
/* news listing */
ul.newslist {
list-style-type: none;
margin: 0;
padding: 0; }
ul.newslist li {
list-style-type: none;
margin: 0 0 15px 0;
padding: 15px 0 0 0; }
ul.newslist li .fulldate {
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #7d8890;
margin: 0 0 8px 0;
padding: 0; }
ul.newslist li h3 {
font-weight: 400;
font-size: 21px;
line-height: 24px;
margin: 0 0 5px 0;
padding: 0; }
.contentright {
display: block;
margin: 10px 0 0 0;
padding: 0 3% 2% 3%;
text-align: left;
vertical-align: top; }
.contentright p {
font-weight: 400;
font-size: 13px;
line-height: 19px;
margin: 0 0 20px 0;
padding: 0;
color: #333d48; }
.contentright .section-menu ul, .contentright .widget ul {
margin: 0 0 15px 0;
padding: 0;
list-style-type: none; }
.contentright .section-menu ul li, .contentright .widget ul li {
margin: 0;
padding: 0; }
.contentright .section-menu ul li a, .contentright .widget ul li a {
display: block;
padding: 3px 10px 4px 0;
margin: 0 0 4px 0;
color: #333d48;
font-size: 12px;
line-height: 18px;
font-weight: 400; }
.contentright .section-menu li ul li a, .contentright .widget li ul li a {
display: block;
padding: 3px 10px 4px 10px;
margin: 0 0 4px 0;
color: #333d48;
text-transform: none;
font-size: 12px;
line-height: 18px;
font-weight: 400; }
.contentright .section-menu ul li a:hover, article .contentright .section-menu li ul li a:hover, .contentright .widget ul li a:hover {
color: #dd0031; }
.contentright .section-menu ul ul ul, .contentright .widget ul ul ul {
margin: 0 0 10px 15px;
padding: 0;
list-style-type: none; }
.contentright .section-menu ul ul ul li a, .contentright .widget ul ul ul li a {
display: block;
padding: 4px 10px 6px 10px;
margin: 0 0 4px 0;
color: #333d48;
font-size: 12px;
line-height: 18px;
font-weight: 400; }
.contentright .widget-title {
padding: 15px 10px 6px 0 !important;
margin: 0 0 10px 0 !important;
color: #455560;
font-size: 16px;
font-style: normal;
font-weight: 500;
text-transform: uppercase;
border-bottom: 2px solid #ebeff2; }
#menu-secondary-learn {
padding: 60px 0 0 0;
width: 100%; }
#menu-secondary-learn ul {
margin: 0 0 5px 0;
padding: 0;
list-style-type: none; }
#menu-secondary-learn li {
margin: 0;
padding: 0;
list-style-type: none; }
#menu-secondary-learn li a {
display: block;
width: 100%;
padding: 3px 0 4px 0;
margin: 0 0 4px 0;
color: #333d48;
font-size: 14px;
line-height: 16px;
font-weight: 400;
text-transform: none; }
#menu-secondary-learn li:first-child a {
font-size: 16px;
line-height: 18px;
text-transform: uppercase;
font-weight: 500;
border-bottom: 2px solid #ebeff2; }
#menu-secondary-learn .sub-menu li a {
display: block;
padding: 3px 0 4px 0;
margin: 0 0 4px 0;
color: #333d48;
text-transform: none;
font-size: 14px;
line-height: 14px;
font-weight: 400;
border-bottom: none !important; }
#menu-secondary-learn li a:hover, #menu-secondary-learn .sub-menu li a:hover {
color: #dd0031; }
#menu-secondary-learn .sub-menu .sub-menu li a {
display: block;
padding: 4px 10px 6px 10px;
margin: 0 0 4px 0;
color: #333d48;
font-size: 14px;
line-height: 14px;
font-weight: 400; }
#menu-secondary-learn li.current_page_item a {
font-weight: 700 !important;
color: #50748a; }
#menu-secondary-learn li.current_page_item .sub-menu a {
font-weight: 400 !important;
color: #333d48; }
article .half {
display: inline-block;
width: 44%;
margin: 0 -4px 0 0;
padding: 0 3% 2% 3%;
text-align: left;
vertical-align: top; }
#Contact article .half {
display: block;
width: 94%;
margin: 0;
padding: 0 3% 2% 3%;
text-align: left;
vertical-align: top; }
article .container-two .half {
display: block;
width: 94%;
margin: 0;
padding: 0 3% 2% 3%;
text-align: left;
vertical-align: top; }
article .first-half {
display: inline-block;
width: 44%;
margin: 0 -4px 0 0;
padding: 0 3% 2% 3%;
text-align: left;
vertical-align: top; }
article .third {
margin: 0;
padding: 0;
text-align: left;
vertical-align: top; }
article .third img {
width: 100%;
height: auto; }
.onecolumn article .quarter, article .contentleft .quarter {
display: inline-block;
width: 20%;
margin: 0 -4px 0 0;
padding: 0 2% 2% 2%;
text-align: left;
vertical-align: top;
border-left: 1px solid #bcbec0 !important; }
article .firstquarter {
display: inline-block;
width: 20%;
margin: 0 -4px 0 0;
padding: 0 2% 2% 2%;
text-align: left;
vertical-align: top;
border-left: 1px solid white; }
/* ---------------------------------------------------------- */
/* Buttons */
a.link:after {
content: '\f105';
display: inline-block;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 6 Pro";
font-size: 18px;
line-height: 18px;
font-weight: 400;
vertical-align: middle;
margin: -2px 0 0 0;
padding: 0 0 0 10px; }
a.btn, a.btn-right {
display: inline-block;
width: auto;
margin: 0 -4px 15px 0;
padding: 10px 20px 10px 20px;
background-color: #dd0031;
color: white;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 18px;
text-transform: uppercase;
/* white-space: nowrap; */
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
a.btn:hover, a.btn-right:hover {
background-color: #0075c9;
color: white; }
a.btn-blue, a.btn-blue-right {
display: inline-block;
width: auto;
margin: 0 -4px 15px 0;
padding: 10px 20px 10px 20px;
background-color: #00609c;
color: #ffffff;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
white-space: nowrap;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
a.btn-blue:hover, a.btn-blue-right:hover {
background-color: #0075c9;
color: #ffffff; }
a.btn-dark-blue, a.btn-dark-blue-right {
display: inline-block;
width: auto;
margin: 0 -4px 15px 0;
padding: 16px 20px 17px 20px;
background-color: #464f58;
color: #ffffff;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
white-space: nowrap;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
a.btn-dark-blue:hover, a.btn-dark-blue-right:hover {
background-color: #0075c9;
color: #ffffff; }
article a.btn-right, article a.btn-blue-right, article a.btn-dark-blue-right {
margin-left: 0; }
article a.btn, article a.btn-blue, article a.btn-dark-blue, article a.btn-right, article a.btn-blue-right, article a.btn-dark-blue-right {
padding: 20px 30px 20px 30px; }
a.btn-white, a.btn-white-right {
display: inline-block;
width: auto;
margin: 0 -4px 15px 0;
padding: 10px 20px 10px 20px;
background-color: #ffffff;
color: #00609c;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
white-space: nowrap;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
a.btn-white:hover, a.btn-white-right:hover {
background-color: #0075c9;
color: #ffffff; }
/* ---------------------------------------------------------- */
/* Article Forms */
article form input[type="text"], article form input[type="email"] {
display: block;
width: 94%;
height: 30px;
font-size: 13px;
background-color: #efefef;
color: #7d868c;
border: none;
padding: 3px 10px;
margin: 0; }
article form input[type="date"] {
display: block;
font-size: 14px;
line-height: 18px;
background-color: #efefef;
color: #7d868c;
border: none;
padding: 3px 10px;
margin: 0 0 10px 0; }
article form select {
display: block;
width: 100%;
height: 30px;
font-size: 13px;
background-color: #efefef;
color: #7d868c;
border: none;
padding: 5px 10px;
margin: 0; }
article .wpcf7-textarea {
display: block;
width: 94%;
height: 100px;
font-size: 14px;
color: #7d868c;
border: none;
background-color: #efefef;
padding: 3px 10px;
margin-bottom: 2px;
line-height: 18px; }
article form input[type="submit"] {
display: inline-block;
margin: 0 0 10px 0;
padding: 10px 20px 10px 20px;
background-color: #dd0031;
color: white;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
border: none; }
::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #747c81; }
::-moz-placeholder {
/* Firefox 19+ */
color: #747c81; }
:-ms-input-placeholder {
/* IE 10+ */
color: #747c81; }
:-moz-placeholder {
/* Firefox 18- */
color: #747c81; }
article div.wpcf7-mail-sent-ok {
color: #fff;
background-color: #398f14;
padding: 10px; }
article div.wpcf7-mail-sent-ng {
color: #fff;
background-color: #ff0000;
padding: 10px; }
article div.wpcf7-spam-blocked {
color: #fff;
background-color: #ffa500;
padding: 10px; }
article div.wpcf7-validation-errors {
color: #444;
background-color: #f7e700;
padding: 10px; }
/**
* Post/Image/Paging Navigation
* -----------------------------------------------------------------------------
*/
.post-navigation h2, .pagination h2 {
display: none; }
.nav-links {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word; }
.post-navigation,
.image-navigation {
margin: 12px auto 24px;
vertical-align: top;
border-top: 4px solid #ebeff2; }
.post-navigation a,
.image-navigation .previous-image,
.image-navigation .next-image {
padding: 11px 0 12px 0;
width: 100%;
vertical-align: top; }
.post-navigation .meta-nav {
display: block;
color: #767676;
font-size: 14px;
font-weight: 700;
line-height: 21px;
text-transform: uppercase;
vertical-align: top; }
.post-navigation a,
.image-navigation a {
display: block;
padding: 10px 0 25px 0;
font-size: 14px;
line-height: 18px; }
.nav-previous,
.nav-next {
display: inline-block;
width: 45%;
font-size: 14px;
line-height: 18px !important;
text-transform: none;
vertical-align: top;
margin: 0 -4px 0 0;
padding-right: 5%; }
/* Paging Navigation */
.paging-navigation {
border-top: 4px solid #ebeff2;
margin: 48px 0; }
.paging-navigation .loop-pagination {
margin-top: -5px;
text-align: center; }
.paging-navigation {
border-top: 5px solid transparent;
display: inline-block;
font-size: 14px;
font-weight: 900;
margin-right: 1px;
padding: 7px 16px; }
.paging-navigation a {
color: #666666; }
.paging-navigation {
border-top: 5px solid #ee3124; }
.paging-navigation a:hover {
border-top: 5px solid #1996d5;
color: #2b2b2b; }
.page-numbers {
border-top: 4px solid #ebeff2;
display: inline-block;
font-size: 12px;
font-weight: 400;
margin-top: 25px;
margin-right: 1px;
padding: 7px 16px; }
.page-numbers a {
color: #666666; }
.page-numbers.current {
border-top: 4px solid #dd0031; }
.page-numbers a:hover {
border-top: 4px solid #1996d5;
color: #2b2b2b; }
/* ---------------------------------------------------------- */
/* Page Blocks */
#Shell {
margin: 0 auto;
padding: 0; }
#Page {
position: relative;
z-index: 1000;
top: 0;
left: 0;
background-color: #ffffff;
margin: 0;
padding: 0;
width: 100%;
overflow-x: hidden; }
#LogoBar {
margin: 0;
padding: 0;
background-color: white;
text-align: left;
vertical-align: top; }
#Content {
margin: 0;
padding: 0;
width: 100%;
height: auto; }
#Contact {
margin: 0;
padding: 0;
padding-top: 80px; }
/* ---------------------------------------------------------- */
/* Big Banner Images */
.billboard-nrf .container {
padding: 6% 2% 6% 2%;
text-align: center;
vertical-align: top; }
.billboard-nrf h1 {
font-size: 24px;
line-height: 32px;
color: #ffffff;
font-weight: 400;
font-style: normal;
margin: 0 0 15px 0;
text-transform: uppercase; }
.billboard-nrf h2 {
font-size: 16px;
line-height: 24px;
color: #ffffff;
font-weight: 400;
font-style: normal;
margin: 0 0 15px 0;
padding: 0 5%; }
.billboard-nrf h3 {
font-size: 16px;
line-height: 24px;
color: #ffffff;
font-weight: 400;
font-style: normal;
margin: 0 0 25px 0;
padding: 0 5%; }
.billboard {
padding: 3%;
height: auto; }
.billboard-two {
padding: 3%;
height: auto; }
.billboard-home h3, .billboard-video-overlay h1, .billboard-video-overlay h3, .billboard-video-overlay h3, .billboard h3, .billboard-two h3, .billboard h1 {
font-size: 32px;
line-height: 38px;
color: #ffffff;
font-weight: 400;
font-style: normal;
margin: 0 0 15px 0; }
.billboard-home h3.dark-grey, .billboard h3.dark-grey, .billboard-two h3.dark-grey {
color: #5c6670; }
.billboard-home p, .billboard p, .billboard-two p {
font-size: 18px;
line-height: 24px;
color: #ffffff;
font-weight: 400;
font-style: normal;
margin: 0 0 20px 0; }
.billboard-home p span {
display: block;
font-size: 14px;
line-height: 24px;
color: #ffffff;
font-weight: 700;
font-style: normal;
margin: 15px 0 20px 0; }
.billboard-home p.dark-grey, .billboard p.dark-grey, .billboard-two p.dark-grey {
color: #5c6670; }
.billboard-home a.btn, .billboard a.btn, .billboard-two a.btn {
padding: 15px 25px;
margin-right: 20px;
font-weight: 700;
font-style: normal;
font-size: 14px;
line-height: 14px; }
.billboard-home a.btn:hover, .billboard a.btn:hover, .billboard-two a.btn:hover {
background-color: #333e48;
color: white; }
.billboard img {
float: none;
padding-right: 0;
margin: 0 auto; }
.headline-b {
background-color: #e4e4e6;
margin-bottom: 2%; }
.headline-b h2 {
font-size: 28px;
line-height: 34px;
font-weight: 400;
font-style: normal;
margin: 1% 0 0 0;
padding-left: 3%; }
.subtitle {
padding: 3%; }
.subtitle h1 {
font-size: 21px;
line-height: 28px;
color: #ffffff;
font-weight: 400;
font-style: normal;
margin: 0; }
.subtitle p {
font-size: 16px;
line-height: 21px;
font-weight: 400;
font-style: normal;
color: #ffffff;
margin: 0; }
.introduction {
padding: 3%;
margin-bottom: 3%; }
.introduction p {
font-size: 15px;
line-height: 21px;
font-weight: 400;
font-style: normal; }
/* ---------------------------------------------------------- */
/* Homepage Video Banner */
.billboard-home {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
background-image: url(../images/retail-video-holder.jpg);
background-size: auto 100% !important;
background-position: top right; }
video {
display: none; }
.video-overlay {
position: relative;
background-color: rgba(6, 85, 134, 0.8); }
.billboard-home h3, .billboard-video-overlay h3, .billboard-video-overlay h3, .billboard-home p, .billboard-home p span {
color: white; }
.banner-panels {
display: block;
margin: 0;
text-align: center;
vertical-align: top; }
a.banner-panel {
position: relative;
display: block;
width: 90%;
padding: 2.5% 5%;
margin: 0 0 2% 0;
background-color: rgba(255, 255, 255, 0.9);
text-align: left;
vertical-align: top;
overflow: hidden; }
a.banner-panel h4 {
font-size: 21px;
line-height: 28px;
font-weight: 400;
font-style: normal;
color: #0075c9;
margin: 0 0 5px 0; }
a.banner-panel h4 span {
font-weight: 700;
font-style: normal;
color: #dd0031; }
a.banner-panel h4 span:after {
content: " "; }
.extra {
margin: 0;
padding: 0 15% 0 0;
color: #5c6670;
font-weight: 400;
font-style: normal;
font-size: 14px;
line-height: 18px;
text-align: left; }
.extra span {
position: absolute;
top: 0;
right: 0;
height: 100%;
display: block;
margin: 0;
padding: 0 4%;
background-color: #dd0031;
text-align: center;
vertical-align: middle; }
.extra img {
position: relative;
top: calc(50% - 10px); }
/* ---------------------------------------------------------- */
/* Solutions Video Banner */
.billboard-solutions {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
background-image: url(../images/solutions-video-holder.jpg);
background-size: auto 100% !important;
background-position: top right; }
.billboard-video-overlay {
position: relative;
z-index: 500; }
.billboard-solutions h3 {
padding: 0 3%; }
/* ---------------------------------------------------------- */
/* Logo Bar */
#LogoBar .logo {
padding: 70px 0 10px 2%;
width: 100%;
max-width: 180px; }
/* ---------------------------------------------------------- */
/* Menu in Utility Bar */
.toplinks {
position: absolute;
top: 35px;
left: 2%;
text-align: left;
vertical-align: top;
margin: 2px 0 0 0;
padding: 0; }
.toplinks li {
display: inline-block;
margin: 0 -4px 0 0;
padding: 5px 5px 0 0;
text-align: center;
vertical-align: top;
font-size: 11px;
font-weight: 400;
font-style: normal;
color: #5c6670; }
.toplinks li:last-of-type {
margin-right: 14px; }
.toplinks li span {
display: none; }
.toplinks li a {
color: #5c6670; }
.toplinks li a:hover {
color: #dd0031; }
/* ---------------------------------------------------------- */
/* Main Menu */
#MainLinks {
margin: 0;
padding: 0;
text-align: left;
vertical-align: top; }
/* ---------------------------------------------------------- */
/* UberMenu */
.ubermenu-item-level-0 {
font-size: 18px;
line-height: 24px;
font-weight: 400;
font-style: normal; }
.ubermenu-custom-content h3 {
font-size: 18px;
line-height: 24px;
font-weight: 400;
font-style: normal;
margin: 0 0 10px 0;
padding: 0; }
.ubermenu-custom-content h4 {
font-size: 13px;
line-height: 18px;
font-weight: 400;
font-style: normal;
margin: 0 0 10px 0;
padding: 0; }
.ubermenu-custom-content h5 {
font-size: 14px;
line-height: 21px;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
margin: 0;
padding: 0; }
.ubermenu-custom-content p {
font-size: 13px;
line-height: 18px;
font-weight: 400;
font-style: normal;
margin: 0 0 10px 0;
padding: 0; }
.ubermenu-custom-content img {
width: 100%;
height: auto; }
/* ---------------------------------------------------------- */
/* Connect Menu */
#SupportLinks {
display: none; }
/* ---------------------------------------------------------- */
/* BreadCrumb and Tagline */
.crumb-tagline {
position: absolute;
top: 0;
left: 0;
width: 98%;
margin: 0;
padding: 4px 0 2px 2%;
background-color: rgba(92, 102, 112, 0.8); }
/* Breadcrumbs */
.breadcrumbs {
display: none; }
/* tagline */
.tagline {
margin: 0;
padding: 5px 0 5px 0;
font-size: 11px;
line-height: 16px;
font-weight: 500;
color: #d1d3d3;
text-transform: uppercase;
text-align: left;
vertical-align: top; }
/* ---------------------------------------------------------- */
/* Content Blocks */
/* ---------------------------------------------------------- */
/* ---------------------------------------------------------- */
/* ---------------------------------------------------------- */
/* ---------------------------------------------------------- */
/* Homepage */
.service-panels {
width: 100%;
box-shadow: 0px 2px 4px rgba(125, 125, 125, 0.5);
margin-bottom: 4%; }
a.service-panel {
width: 92%;
padding: 2% 4% 1% 4%;
display: block;
background-color: #ffffff;
text-align: center;
vertical-align: top; }
a.service-panel:nth-child(odd) {
background-color: #ededed; }
a.service-panel:hover {
background-color: #333e48;
-moz-transition: background-color 0.4s ease-in-out;
-webkit-transition: background-color 0.4s ease-in-out;
-o-transition: background-color 0.4s ease-in-out;
transition: background-color 0.4s ease-in-out; }
a.service-panel h4 {
font-size: 28px;
line-height: 32px;
font-weight: 400;
font-style: normal;
color: #0075c9;
margin: 0 0 15px 0; }
a.service-panel h4 span {
font-weight: 700;
font-style: normal;
color: #dd0031;
display: block; }
a.service-panel p {
font-size: 15px;
line-height: 21px;
font-weight: 400;
font-style: normal;
color: #7d868c; }
a.service-panel:hover h4, a.service-panel:hover h4 span, a.service-panel:hover p {
color: #e4e4e6;
-moz-transition: color 0.2s ease-in-out;
-webkit-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out; }
a.service-panel hr {
width: 40%;
height: 3px;
margin: 0 auto;
background-color: #d1d3d3;
border: none; }
.more {
display: block;
width: 45%;
opacity: 0;
margin: 15px auto;
padding: 10px;
background-color: #e4e4e6;
color: #333e48;
font-weight: 400;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase; }
a.service-panel:hover .more {
opacity: 1;
-moz-transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out; }
/* New Homepage Billboard - Added 09-18 */
#Billboard .wrapper {
position: relative;
z-index: 10; }
#Billboard .row-block {
display: block; }
#Billboard .row-block .item {
display: inline-block;
margin: 0 -4px 0 0;
padding: 5%;
text-align: center;
color: white;
width: 40%;
height: auto;
position: relative; }
#Billboard .row-block .item:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center center;
background-size: cover;
z-index: -1; }
#Billboard .row-block .item:nth-of-type(1):before {
background-image: url("../images/billboard-bg-deployment.jpg"); }
#Billboard .row-block .item:nth-of-type(2):before {
background-image: url("../images/billboard-bg-security.jpg"); }
#Billboard .row-block .item:nth-of-type(3):before {
background-image: url("../images/billboard-bg-wireless.jpg"); }
#Billboard .row-block .item:nth-of-type(4):before {
background-image: url("../images/billboard-bg-managed.jpg"); }
#Billboard .row-block .content {
margin: auto; }
#Billboard .row-block p {
font-size: 14px;
font-weight: 400;
margin-bottom: 30px; }
#Billboard .row-block p a {
padding: 10px 20px;
color: rgba(0, 0, 0, 0.8);
background-color: rgba(255, 255, 255, 0.8);
font-size: 14px;
line-height: 14px;
text-decoration: none;
margin: 0; }
#Billboard .row-block p a:hover {
padding: 10px 20px;
color: rgba(0, 0, 0, 0.8);
background-color: white;
font-size: 14px;
line-height: 14px;
text-decoration: none;
margin: 0; }
#Billboard .row-block h3 {
font-family: "roboto",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 21px;
line-height: 28px;
margin-bottom: 20px; }
#Billboard .row-block .item:nth-of-type(3) h3 {
font-family: "roboto",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 24px;
margin-bottom: 28px; }
#Billboard .row-block h3 img {
display: block;
width: 50px;
height: auto;
margin: 0 auto 15px auto; }
/* NRF 2019 Promo - Added 12-18 */
.nrf-promo {
background-image: url(../images/nrfpromo-bg-left.jpg);
background-repeat: no-repeat;
background-size: 100% auto;
background-color: #40ac35;
position: relative;
overflow: hidden;
min-height: 100px; }
.nrf-promo .rightbg {
display: none; }
.nrf-promo-left {
display: none; }
.nrf-promo-left img {
display: block;
width: 90%;
height: auto;
margin: 0 auto;
padding: 0; }
.nrf-promo-center {
display: block;
margin: 0;
padding: 24px 2%;
text-align: center;
vertical-align: top; }
.nrf-promo h3 {
color: white;
margin: 0;
padding: 0;
font-size: 21px;
line-height: 28px;
font-weight: 700;
font-style: normal; }
.nrf-promo h4 {
color: white;
margin: 0;
padding: 0;
font-size: 16px;
line-height: 21px;
font-weight: 700;
font-style: normal; }
.nrf-promo-right {
display: block;
margin: 0;
padding: 0;
text-align: center;
vertical-align: middle; }
.nrf-promo-right a, .nrf-promo-right a:hover {
display: inline-block;
border: 1px solid white;
margin: 0 0 24px 0;
padding: 8px 16px;
color: white;
text-align: center;
font-size: 14px;
line-height: 18px;
font-weight: 700;
text-transform: uppercase; }
/* IFA Promo - Added 1-2020 */
.ifa-promo {
background-image: url(../images/ifa-promo-bg-mobile.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
background-color: #032748;
position: relative;
overflow-x: hidden; }
.ifa-promo-container {
width: 100%;
margin: 0 auto;
padding: 30px 0;
display: flex;
flex-wrap: wrap; }
.ifa-promo-left {
width: 92%;
height: auto;
align-self: center;
margin: 0;
padding: 20px 4%;
text-align: center;
vertical-align: middle; }
.ifa-promo-left img {
display: block;
width: 40%;
height: auto;
margin: 0 auto;
padding: 0; }
.ifa-promo-center {
margin: 0;
padding: 0;
padding: 10px 4%;
width: 92%;
height: auto;
align-self: center;
text-align: center;
vertical-align: middle; }
.ifa-promo h3 {
color: white;
margin: 0 0 15px 0;
padding: 0;
font-size: 24px;
line-height: 32px;
font-weight: 700;
font-style: normal; }
.ifa-promo h4 {
color: white;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 21px;
font-weight: 700;
font-style: normal; }
.ifa-promo-right {
margin: 0;
padding: 20px 4%;
width: 92%;
text-align: center;
vertical-align: middle; }
.ifa-promo-right a, .ifa-promo-right a:hover {
width: 80%;
max-width: 175px;
margin: 0 auto 20px 0;
padding: 8px 16px;
color: white;
text-align: center;
font-size: 14px;
line-height: 18px;
font-weight: 700;
text-transform: uppercase; }
/* Home Promo - Added 2-19 */
.home-promo {
background-image: url(../images/homepromo-bg-left.jpg);
background-repeat: no-repeat;
background-size: 100% auto;
background-color: #dd0031;
position: relative;
overflow: hidden;
min-height: 100px; }
.home-promo .rightbg {
display: none; }
.home-promo-left {
display: none; }
.home-promo-left img {
display: block;
width: 90%;
height: auto;
margin: 0 auto;
padding: 0; }
.home-promo-center {
display: block;
margin: 0;
padding: 24px 2%;
text-align: center;
vertical-align: top; }
.home-promo h3 {
color: white;
margin: 0;
padding: 0;
font-size: 21px;
line-height: 28px;
font-weight: 700;
font-style: normal; }
.home-promo h4 {
color: white;
margin: 0;
padding: 0;
font-size: 16px;
line-height: 21px;
font-weight: 700;
font-style: normal; }
.home-promo-right {
display: block;
margin: 0;
padding: 0;
text-align: center;
vertical-align: middle; }
.home-promo-right a, .home-promo-right a:hover {
display: inline-block;
border: 1px solid white;
margin: 0 0 24px 0;
padding: 8px 16px;
color: white;
text-align: center;
font-size: 14px;
line-height: 18px;
font-weight: 700;
text-transform: uppercase; }
/* Partner Spotlight on Homepage - Added 02-20 */
.partner-spotlight-top {
display: none; }
.partners-spotlight {
margin: 0 auto 2% auto; }
.partner-spotlight {
width: 96%;
max-width: 1000px;
margin: 0 auto 2% auto;
padding: 4% 2% 2% 2%;
display: flex;
flex-wrap: wrap;
flex-direction: column-reverse; }
.partner-spotlight .half {
display: block;
width: 95%;
padding: 0 2.5%; }
a.partner-spotlight-tab, a.partner-spotlight-tab:visited {
display: inline-block;
background-color: #004d71;
color: white;
padding: 0 0 0 14px;
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
margin-bottom: 0; }
a.partner-spotlight-tab:hover, a.partner-spotlight-tab:visited:hover {
color: white; }
a.partner-spotlight-tab::after {
background-color: #dd0031;
content: '\f105';
display: inline-block;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 6 Pro";
font-size: 14px;
line-height: 14px;
font-weight: 400;
margin: 0 0 0 12px;
padding: 12px 14px 12px 14px;
color: white; }
.partner-spotlight h4 {
font-size: 24px;
line-height: 28px;
color: #0074c8;
margin-bottom: 4px; }
.partner-spotlight p {
font-size: 18px;
line-height: 24px;
color: #333e48; }
.partner-spotlight a.link {
font-size: 14px; }
.partner-spotlight a.link::after {
font-size: 14px;
vertical-align: baseline; }
.partner-spotlight div:nth-of-type(2) img {
display: block;
width: 100%;
height: auto; }
.partner-spotlight-divider {
width: 100%;
height: 22px;
margin: 0 auto 20px 0;
background: url(../images/partner-spotlight-divider.jpg) top right no-repeat;
background-size: 100% auto; }
/* White Homepage Panel - Added 09-18 */
.elevator {
padding: 6% 5% 6% 5%;
text-align: center;
vertical-align: top;
background-color: #e4e4e6; }
.elevator h1 {
font-size: 18px;
line-height: 24px;
font-weight: 400;
font-style: normal;
margin: 0 0 20px 0; }
.elevator h2 {
font-size: 36px;
line-height: 42px;
font-weight: 700;
font-style: normal;
color: #004d71;
text-transform: uppercase;
margin: 0; }
.elevator h3 {
font-size: 18px;
line-height: 24px;
font-weight: 400;
font-style: normal;
color: #0075c9;
text-transform: uppercase;
margin: 0; }
.elevator h4 {
font-size: 24px;
line-height: 24px;
font-weight: 400;
font-style: normal;
color: #0075c9;
margin: 0 0 25px 0; }
.elevator h6 {
font-size: 18px;
line-height: 26px;
font-weight: 400;
font-style: normal;
margin: 0 4% 45px 0; }
.elevator a.btn {
padding: 15px 45px;
font-weight: 700;
font-style: normal;
font-size: 14px;
line-height: 14px; }
.clientlogos {
margin: 0 auto;
padding: 3% 0 0 0;
text-align: center;
vertical-align: top; }
.clientlogos img {
width: 80%;
max-width: 800px;
height: auto; }
.difference {
margin: 3% 0; }
.difference .half, .difference .container-two .half {
width: 89%;
margin: 0;
border-top: 1px solid #cfd1d2;
padding: 5%;
text-align: left;
vertical-align: top; }
.difference .half:last-of-type {
width: 89%;
margin: 0;
border-right: 0px;
padding: 5%;
text-align: left;
vertical-align: top; }
.difference .half p {
font-size: 15px;
line-height: 21px; }
.difference .half img {
display: block;
width: 80%;
height: auto;
margin: 0 auto; }
/* Green Homepage Panel - Added 09-18 */
.green-panel {
padding: 40px 0 40px 0;
background-color: #3dae2b;
color: white;
text-align: center;
vertical-align: top; }
.green-panel h5.title {
color: white;
margin-bottom: 40px; }
.green-panel .third {
width: 70%;
margin: 0 auto;
padding-bottom: 20px;
text-align: center; }
.green-panel .third img {
width: 60%;
height: auto;
border-radius: 50%; }
.green-panel .third h6 {
color: white;
margin-bottom: 0; }
.green-panel .third p {
color: white;
padding-left: 10px;
padding-right: 10px; }
.green-panel .third a.link, .green-panel .third a.link:visited {
color: rgba(255, 255, 255, 0.8);
font-weight: 400; }
.green-panel .third a.link:hover, .green-panel .third a.link:visited:hover {
color: white;
font-weight: 400; }
/* ------------------------------------- */
/* 2020 HOMEPAGE Rebuild - Added 03-20 */
/* Hubspot Blog Posts Feed - Added 03-20 */
.stat-panel {
padding: 4%;
background-color: #ffffff; }
.stat-connector {
position: absolute;
z-index: 400;
top: 119px;
left: auto;
width: 70%;
height: 1px;
/* background: url("../images/connector.svg") center center repeat-x; */ }
.stat-element {
position: relative;
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0 auto;
justify-content: center; }
.stat-wrapper {
display: flex;
flex-basis: 100%;
justify-content: center;
align-items: center;
align-self: flex-start;
padding: 20px 0; }
.stat {
position: relative;
z-index: 500;
flex-basis: 218px;
height: auto;
margin: 0 2.5%;
background: url("../images/circle.svg") top center no-repeat;
background-size: 100% auto;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
color: #fff; }
.stat-content {
margin: 20px auto;
width: 180px;
height: 180px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 28px; }
.stat-content span {
font-size: 14px;
margin-top: -10%; }
.stat-wrapper:nth-of-type(1) div.stat-content {
background-color: #004d71; }
.stat-wrapper:nth-of-type(2) div.stat-content {
background-color: #3dae2b; }
.stat-wrapper:nth-of-type(3) div.stat-content {
background-color: #0482c4; }
.stat-wrapper:nth-of-type(4) div.stat-content {
background-color: #ec1d4d; }
.stat-descriptor {
margin-top: 10px;
text-align: center;
font-size: 14px;
line-height: 21px;
color: #5b6670; }
/* Hubspot Blog Posts Feed - Added 03-20 */
.blog-blocks {
padding: 6% 4%;
background: none;
background-color: #3dae2b;
text-align: center; }
.blog-blocks h4 {
font-size: 24px;
line-height: 32px;
font-weight: 700;
margin: 0 0 30px 0;
padding: 0;
color: #fff;
text-transform: uppercase; }
.blog-blocks-wrapper {
display: flex;
flex-wrap: wrap;
text-align: left;
max-width: 1400px;
margin: 0 auto; }
.blog-block {
flex-basis: 97%;
margin: 1.5%;
padding-bottom: 40px;
background-color: #fff;
position: relative; }
.blog-block-categories {
padding: 20px;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
margin: 0;
background-color: #efefef;
color: rgba(92, 102, 112, 0.6); }
.blog-block-categories a, .blog-block-categories a:visited {
color: rgba(92, 102, 112, 0.6); }
.blog-block-categories a:hover, .blog-block-categories a:visited:hover {
color: #dd0031; }
.blog-block-article {
padding: 20px; }
.blog-block-article h4 {
font-size: 18px;
line-height: 24px;
font-weight: 400;
margin: 0;
height: 48px;
overflow: hidden; }
.blog-block-article p {
font-size: 14px;
line-height: 21px;
font-weight: 400; }
.blog-block-date {
padding: 5px 0;
font-size: 12px;
font-weight: 400;
color: rgba(92, 102, 112, 0.6); }
.blog-block a.link {
position: absolute;
bottom: 20px;
left: 20px; }
.article-image, .hs-featured-image {
display: none; }
/* Home One Resource Panel - Updated Jan 2022 */
.one-resource {
padding: 6%;
margin-bottom: 10px;
background-color: white; }
.one-resource-wrapper {
display: flex;
flex-wrap: wrap-reverse;
max-width: 1200px;
margin: 0 auto;
align-items: center;
justify-content: center;
align-content: center; }
.one-resource-left {
flex-basis: 100%; }
.one-resource-left h4 {
font-size: 28px;
line-height: 32px;
font-weight: 400;
color: white;
margin: 0 0 10px 0; }
.one-resource-left p {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: white;
margin: 0 0 20px 0; }
.one-resource-left .split-lists {
display: flex; }
.one-resource-left ul.split-list {
margin: 0 0 60px 0;
padding: 0;
flex-basis: 50%; }
.one-resource-left li {
padding: 20px 0 0 0;
margin: 0;
font-size: 16px;
line-height: 21px;
color: white;
list-style-type: none;
display: flex;
flex-wrap: nowrap;
align-items: center; }
.one-resource-left li img {
width: 20px;
height: auto;
padding: 0 10px 0 0; }
.one-resource-left .learnmore a {
margin: 0 auto;
padding: 16px 24px;
color: rgba(0, 0, 0, 0.8);
background-color: rgba(255, 255, 255, 0.8);
font-size: 14px;
line-height: 14px;
text-decoration: none;
text-transform: uppercase; }
.one-resource-left .learnmore a:hover {
color: #0075c9;
background-color: white; }
.one-resource-right {
flex-basis: 100%;
text-align: center; }
.one-resource-right img {
width: 80%;
height: auto;
max-width: 500px;
margin: 30px auto 30px auto; }
/* Home Proven Process Panel - Updated Jan 2022 */
.proven-process {
padding: 6%;
margin-bottom: 10px;
background-color: #004d71; }
.proven-process-wrapper {
display: flex;
flex-wrap: wrap-reverse;
max-width: 1200px;
margin: 0 auto;
align-items: center;
justify-content: center;
align-content: center; }
.proven-process-left {
flex-basis: 100%; }
.proven-process-left h4 {
font-size: 28px;
line-height: 32px;
font-weight: 400;
color: white;
margin: 0 0 10px 0; }
.proven-process-left p {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: white;
margin: 0 0 20px 0; }
.proven-process-left .split-lists {
display: flex; }
.proven-process-left ul.split-list {
margin: 0 0 60px 0;
padding: 0;
flex-basis: 50%; }
.proven-process-left li {
padding: 20px 0 0 0;
margin: 0;
font-size: 16px;
line-height: 21px;
color: white;
list-style-type: none;
display: flex;
flex-wrap: nowrap;
align-items: center; }
.proven-process-left li img {
width: 20px;
height: auto;
padding: 0 10px 0 0; }
.proven-process-left .learnmore a {
margin: 0 auto;
padding: 16px 24px;
color: rgba(0, 0, 0, 0.8);
background-color: rgba(255, 255, 255, 0.8);
font-size: 14px;
line-height: 14px;
text-decoration: none;
text-transform: uppercase; }
.proven-process-left .learnmore a:hover {
color: #0075c9;
background-color: white; }
.proven-process-right {
flex-basis: 100%;
text-align: center; }
.proven-process-right img {
width: 80%;
height: auto;
max-width: 500px;
margin: 30px auto 30px auto; }
/* ------------------------------------- */
/* 2020 HOMEPAGE Adjustments - Added 08-20 */
article .home-intro h1 {
font-size: 24px;
line-height: 32px;
color: #0075c9; }
article .home-intro h2 {
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin: 0;
padding: 0; }
.mcsignup {
background-color: #e4e4e6;
padding: 3%;
margin-bottom: 15px;
text-align: left;
vertical-align: top; }
.mcsignup h4 {
padding: 0 0 15px 0;
border-bottom: 2px solid #ffffff; }
.mcsignup .copy {
margin: 0;
padding: 0 3% 0 0;
text-align: left;
vertical-align: top; }
.mcsignup .homeform {
margin: 0;
padding: 0 3% 0 0;
text-align: left;
vertical-align: top; }
/* Secondary Pages */
.bg-dark-blue .top-quote p {
color: #ffffff;
padding: 0 3%; }
.bg-dark-blue p, .bg-dark-blue-two p {
color: #ffffff;
padding: 0 3%;
font-size: 16px;
line-height: 22px; }
.lower-blue {
color: #ffffff; }
.lower-blue a.btn-dark-blue:hover {
background-color: #ffffff;
color: #0075c9; }
.lower-blue h6 {
font-size: 28px;
line-height: 36px;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
margin: 0 0 20px 0;
padding: 0; }
.lower-blue img {
width: 80%;
height: auto; }
/* White Content on Colored Backgrounds */
article .white-content a.link {
color: rgba(255, 255, 255, 0.9); }
article .white-content a.link:hover {
color: white; }
article .white-content p {
color: #ffffff;
padding: 0 3% 0 0;
font-size: 16px;
line-height: 24px; }
/* White Content on Colored Backgrounds */
.four-icons-w-copy {
display: flex;
flex-wrap: wrap;
list-style-type: none;
margin: 3% auto 3% auto;
padding: 0; }
.four-icons-w-copy li {
flex-basis: 45%;
margin: 10px 0 10px 0;
padding: 10px 2.5%;
border-left: 0px solid #efefef;
font-size: 16px;
line-height: 21px; }
.four-icons-w-copy li:first-child {
padding: 10px 2.5%;
border-left: 0px solid rgba(255, 255, 255, 0); }
.four-icons-w-copy li img {
width: 40%;
height: auto;
margin: 0 auto 20px auto;
display: block; }
.white-icons-w-copy {
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style-type: none;
margin: 3% auto 3% auto;
padding: 0; }
.white-icons-w-copy li {
flex-basis: 45%;
margin: 10px 0 10px 0;
padding: 10px 2.5%;
border-left: 0px solid rgba(255, 255, 255, 0);
font-size: 16px;
line-height: 21px;
color: rgba(255, 255, 255, 0.75);
text-align: center; }
.white-icons-w-copy li:first-child {
padding: 10px 2.5%;
border-left: 0px solid rgba(255, 255, 255, 0); }
.white-icons-w-copy li img {
width: 40%;
height: auto;
margin: 0 auto 20px auto;
display: block; }
/* Case Study Panel */
.casestudy {
background-color: #0075c9; }
.casestudy .half-cell h3 {
font-weight: 400;
font-size: 28px;
line-height: 34px;
margin: 0 0 15px 0;
padding: 5% 5% 0 5%;
color: #ffffff;
text-transform: uppercase; }
.casestudy .half-cell h4 {
font-weight: 400;
font-size: 24px;
line-height: 28px;
margin: 0 0 15px 0;
padding: 0 5% 0 5%;
color: #ffffff; }
.casestudy .half-cell p {
font-weight: 400;
font-size: 15px;
line-height: 21px;
margin: 0 0 15px 0;
padding: 0 5% 0 5%;
color: #ffffff; }
.casestudy a.btn-dark-blue {
margin: 0 0 15px 0; }
.casestudy a.btn-dark-blue:hover {
background-color: #ffffff;
color: #0075c9; }
/* Top Quote Panel */
.top-quote {
padding: 4%; }
.top-quote p {
font-size: 12px;
text-align: right; }
.top-quote p:first-of-type {
font-size: 18px;
line-height: 21px;
color: #5c6670;
text-align: left; }
/* TSC Panel */
.tsc {
background-color: #e4e4e6; }
.tsc .half-cell h4 {
font-weight: 400;
font-size: 24px;
line-height: 28px;
margin: 0 0 15px 0;
padding: 5% 5% 0 5%;
color: #0075c9; }
.tsc .half-cell p {
font-weight: 400;
font-size: 15px;
line-height: 21px;
margin: 0 0 15px 0;
padding: 0 5% 0 5%; }
/* bordered cards */
.card {
width: 80%;
height: auto;
margin: 10px auto;
padding: 0;
text-align: left;
vertical-align: top;
border: 1px solid #cecece;
background-color: white; }
.cardcontent img {
width: 100%;
height: auto; }
.cardcontent h4 {
padding: 0 5%; }
.cardcontent p {
padding: 0 5%; }
.awards-card {
width: 80%;
height: auto;
margin: 10px auto;
padding: 0;
text-align: left;
vertical-align: top;
border: 1px solid #cecece;
background-color: white; }
.award-cards {
display: block;
text-align: center;
vertical-align: top;
border-bottom: 1px solid #cecece;
background-color: white; }
.award-cards div {
width: 100%;
min-height: 236px; }
.award-cards strong {
display: block;
text-align: center;
margin: 10px auto;
font-size: 14px;
line-height: 21px;
font-weight: 700;
color: #0075c9; }
.award-cards img {
width: 100%;
height: auto;
display: block; }
.awards-copy {
padding: 20px; }
.awards-copy h6 {
font-weight: 700;
font-size: 14px;
line-height: 21px;
margin: 0 0 4px 0;
color: #0075c9; }
.awards-copy p {
font-weight: 400;
font-size: 14px;
line-height: 18px;
margin: 0 0 0 0; }
/* Accordian */
#accordian .acc-panel {
margin: 0 0 10px 0;
padding: 0;
height: auto;
overflow: hidden; }
#accordian h3 {
display: block;
position: relative;
font-size: 14px;
line-height: 1.5em;
text-transform: uppercase;
padding: 10px 0 10px 10px;
margin: 0 0 10px 0;
background-color: #e4e4e6; }
.job-openings #accordian h3 {
text-transform: none;
background-color: #ffffff;
border-bottom: 1px solid #e4e4e6; }
.job-openings #accordian h3.active {
color: #0083c6; }
#accordian h3 strong {
color: #0083c6;
font-weight: normal; }
#accordian h3:hover {
cursor: pointer; }
#accordian .acc-content {
display: none;
margin: 0;
padding: 0 0 3% 0;
overflow: hidden; }
#accordian .acc-content p {
display: inline-block;
text-align: left;
vertical-align: top;
padding: 10px 4% 10px 2%;
margin: 0;
font-size: 14px;
line-height: 19px;
color: #6d6e71; }
#accordian .icon {
width: 18px;
height: 18px;
color: #0075c9;
position: absolute;
top: 8px;
right: 12px;
-webkit-transition: all 200ms ease 0s;
-moz-transition: all 200ms ease 0s;
transition: all 200ms ease 0s;
transform: rotate(0deg) perspective(1px) scale(1);
text-align: center;
vertical-align: middle;
margin: 0;
padding: 0;
font-family: Helvetica, Arial, sans-serif;
font-size: 21px;
line-height: 21px;
font-weight: normal; }
#accordian .active .icon {
margin: 0;
padding: 0;
font-size: 21px;
line-height: 21px;
font-weight: normal;
color: #dd0031;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg) perspective(1px) scale(1); }
/* Solutions Accordian */
#solutionAccordian .acc-panel {
margin: 0 0 20px 0;
padding: 0;
height: auto;
overflow: hidden;
background-color: #004d71;
vertical-align: top; }
#solutionAccordian h3 {
display: block;
position: relative;
min-height: 35px;
font-size: 18px;
line-height: 21px;
padding: 30px 25px 10px 80px;
margin: 0 0 10px 0;
color: #ffffff;
vertical-align: middle; }
/* #panel3 h3 {
padding: 20px 25px 10px 80px;
min-height: 45px;
} */
#solutionAccordian h3 strong {
color: #ffffff;
font-weight: normal; }
#solutionAccordian h3:hover {
cursor: pointer; }
#solutionAccordian .acc-content {
display: none;
margin: 0;
padding: 0 0 3% 0;
overflow: hidden; }
#solutionAccordian .acc-content p {
display: inline-block;
text-align: left;
vertical-align: top;
padding: 10px 5% 10px 5%;
margin: 0;
font-size: 14px;
line-height: 19px;
color: #ffffff; }
#solutionAccordian .badge {
width: 60px;
height: 60px;
color: #ffffff;
position: absolute;
top: 12px;
left: 12px; }
#panel1 .badge {
background-image: url(../images/ps-badges.svg);
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: 360px 60px; }
#panel2 .badge {
background-image: url(../images/ps-badges.svg);
background-position: -60px 0px;
background-repeat: no-repeat;
background-size: 360px 60px; }
#panel3 .badge {
background-image: url(../images/ps-badges.svg);
background-position: -120px 0px;
background-repeat: no-repeat;
background-size: 360px 60px; }
#panel4 .badge {
background-image: url(../images/ps-badges.svg);
background-position: -180px 0px;
background-repeat: no-repeat;
background-size: 360px 60px; }
#panel5 .badge {
background-image: url(../images/ps-badges.svg);
background-position: -240px 0px;
background-repeat: no-repeat;
background-size: 360px 60px; }
#panel6 .badge {
background-image: url(../images/ps-badges.svg);
background-position: -300px 0px;
background-repeat: no-repeat;
background-size: 360px 60px; }
#solutionAccordian .icon {
width: 30px;
height: 30px;
color: #ffffff;
position: absolute;
top: 24px;
right: 12px;
-webkit-transition: all 400ms ease 0s;
-moz-transition: all 400ms ease 0s;
transition: all 400ms ease 0s;
transform: rotate(0deg) perspective(1px) scale(1);
text-align: center;
vertical-align: middle;
margin: 0;
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 400; }
#solutionAccordian .active .icon {
margin: 0;
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 400;
color: #ffffff;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg) perspective(1px) scale(1); }
/* Industries Tabs */
.industry-tabs {
width: 100%;
background-color: #ffffff;
margin: 2% 0 0 0;
padding: 2% 0 0 0;
position: relative;
z-index: 500; }
.tabs {
text-align: center;
margin: 0 0 10px 0;
padding: 0; }
.tabs li {
list-style: none;
display: inline;
margin: 0 0 10px 0;
padding: 0; }
.tabs a {
padding: 10px 20px 10px 20px;
display: inline-block;
color: #004d71;
text-decoration: none;
outline: 0;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear; }
.tabs a:hover {
color: #ffffff;
text-decoration: none; }
.tabs a.active {
color: #ffffff;
background-color: #004d71; }
.industry {
width: 100%;
background-color: #e4e4e6;
margin: 0 0 20px 0;
padding: 2% 0; }
#industries {
position: relative;
width: 100%;
margin: 0;
padding: 0;
z-index: 200; }
#Retail, #Financial, #Healthcare, #Entertainment, #Grocery {
width: 90%;
margin: 0;
padding: 5%;
position: relative;
top: 0;
left: 0;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
text-align: left; }
#Retail:before, #Financial:before, #Healthcare:before, #Entertainment:before, #Grocery:before {
display: block;
content: " ";
height: 170px;
margin-top: -170px;
visibility: hidden; }
#industries .threequarter p {
padding-right: 5%; }
#industries .quarter h6 {
text-transform: uppercase;
font-weight: 700; }
#industries .threequarter h2 {
margin-bottom: 10px; }
#industries .threequarter h2 span {
display: inline-block;
padding-right: 10px; }
#industries .threequarter h2 span img {
width: auto;
height: 100%;
max-height: 38px; }
#industries .threequarter h3 {
font-size: 21px;
line-height: 28px;
color: #0075c9;
margin-bottom: 5px; }
#industries .threequarter h5 {
font-size: 18px;
line-height: 24px;
color: #5b6670;
text-transform: none;
font-weight: 400;
margin-bottom: 30px; }
#industries .threequarter a.btn {
display: inline-block;
width: auto;
margin: 0 -4px 20px 0;
padding: 12px 25px 14px 25px;
background-color: #7b868c;
color: #ffffff;
font-weight: 400;
font-style: normal;
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
white-space: nowrap;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
#industries .threequarter a.btn:hover, #industries .threequarter a.btn:hover {
background-color: #0075c9;
color: #ffffff; }
.industry-sub-title .quarter h2 span {
display: inline-block;
padding-right: 10px; }
.industry-sub-title .quarter h2 span img {
width: auto;
height: 100%;
max-height: 38px; }
/* Solutions Tabs */
.solution-tabs-wrapper {
background-color: #efeff0;
padding: 2% 4%; }
.solution-tabs {
width: 100%;
margin: 0;
padding: 2% 0 2% 0;
position: relative;
z-index: 500;
text-align: center; }
.solution-tabs h2 {
margin-bottom: 35px; }
.solution-tabs .tabs {
text-align: center;
margin: 0 auto;
padding: 0;
width: 100%;
max-width: 1300px; }
.solution-tabs .tabs li {
list-style: none;
display: inline-block;
margin: 12px;
padding: 0; }
.solution-tabs .tabs a {
padding: 6px 12px;
display: inline-block;
color: #5b6670;
text-decoration: none;
outline: 0;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
background-color: #ffffff;
border: 1px solid #cfd2d3;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear; }
.solution-tabs .tabs a:hover {
background-color: #0075c9;
color: #fff;
border-color: #0075c9;
text-decoration: none; }
.solution-tabs .tabs a.active {
background-color: #cfd2d3; }
.solution-tabs .tabs a.active:hover {
background-color: #b4b7b8;
border-color: #b4b7b8;
color: #5b6670; }
.solution {
width: 100%;
margin: 0;
padding: 3% 0 2% 0; }
#Solutions {
position: relative;
width: 100%;
margin: 0;
padding: 0;
z-index: 200; }
#Solutions .quarter img {
width: 40%;
height: auto;
margin: 0 auto; }
#Solutions .threequarter {
text-align: center; }
#Solutions .threequarter h2 {
font-size: 24px;
line-height: 32px;
color: #5b6670;
font-weight: 700;
margin-bottom: 5px; }
#Solutions .threequarter h3 {
font-size: 16px;
line-height: 21px;
color: #5b6670;
margin-bottom: 15px; }
/* Solutions Tabs Main Solutions Page: 031519 */
.solution-tabs .tabs.dialtabs {
max-width: 900px; }
.solutions-dial .container {
display: block; }
.solutions-dial .dial {
display: none; }
.solutions-dial .dialcontent {
width: 90%;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
padding-left: 3%; }
.solutions-dial .dialcontent .icon {
width: 60px;
margin-right: 15px;
border-right: 2px solid #e4e4e6;
text-align: center; }
.solutions-dial .dialcontent .icon img {
width: 90%;
max-width: 45px;
height: auto;
padding-right: 15px; }
.solutions-dial .dialcontent .title {
width: calc(100% - 77px);
font-size: 21px;
font-weight: 700;
line-height: 24px;
margin-bottom: 20px; }
.solutions-dial .dialcontent .title span {
display: block;
text-transform: uppercase;
font-size: 16px;
line-height: 16px;
font-weight: 400; }
.solutions-dial .dialcontent .copy {
font-size: 16px;
line-height: 24px;
font-weight: 400; }
.sol-icon-list {
margin: 30px 0; }
.sol-icon-list li {
list-style-type: none;
position: relative;
margin: 15px 0 35px 25px;
display: flex;
align-items: flex-start;
font-size: 16px;
line-height: 24px;
font-weight: 400; }
.sol-icon-list li .icon {
padding-right: 35px; }
.sol-icon-list li .icon img {
width: 45px;
height: auto; }
.sol-icon-list li strong {
width: calc(100% - 70px);
font-size: 21px;
font-weight: 700;
line-height: 24px;
margin-bottom: 20px; }
/*-- Used in Tabs and Page Content --*/
.iconlist li {
list-style-type: none;
position: relative;
margin: 15px 0 35px 25px;
padding-left: 5px; }
#industries .quarter .iconlist li {
margin: 15px 0 15px 25px; }
.iconlist li span {
position: absolute;
width: 35px;
height: 35px;
left: -40px; }
.iconlist li.iot span {
background-image: url("../images/industries-list-icons.png");
background-size: 360px 25px;
background-position: 0px 0px;
background-repeat: no-repeat; }
.iconlist li.assetlife span {
background-image: url("../images/industries-list-icons.png");
background-size: 360px 25px;
background-position: -40px 0px;
background-repeat: no-repeat; }
.iconlist li.physicallayer span {
background-image: url("../images/industries-list-icons.png");
background-size: 360px 25px;
background-position: -80px 0px;
background-repeat: no-repeat; }
.iconlist li.physicalsecurity span {
background-image: url("../images/industries-list-icons.png");
background-size: 360px 25px;
background-position: -120px 0px;
background-repeat: no-repeat; }
.iconlist li.wireless span {
background-image: url("../images/industries-list-icons.png");
background-size: 360px 25px;
background-position: -160px 0px;
background-repeat: no-repeat; }
.iconlist li.deployments span {
background-image: url("../images/industries-list-icons.png");
background-size: 360px 25px;
background-position: -200px 0px;
background-repeat: no-repeat; }
.iconlist li.design span {
background-image: url("../images/industries-list-icons.png");
background-size: 360px 25px;
background-position: -240px 0px;
background-repeat: no-repeat; }
.iconlist li.interactive span {
background-image: url("../images/industries-list-icons.png");
background-size: 360px 25px;
background-position: -280px 0px;
background-repeat: no-repeat; }
.iconlist li.pos span {
background-image: url("../images/industries-list-icons.png");
background-size: 360px 25px;
background-position: -320px 0px;
background-repeat: no-repeat; }
/*-- Industries Detail Pages --*/
.industry-sub-title {
padding: 1% 3%; }
.industry-sub-title .quarter h2 {
font-size: 32px;
color: #ffffff;
font-weight: 400;
margin-bottom: 10px; }
.industry-sub-title .quarter h2 span {
display: inline-block;
padding-right: 10px; }
.industry-sub-title .quarter h2 span img {
width: auto;
height: 100%;
max-height: 38px; }
.industry-sub-title .threequarter h3 {
font-size: 21px;
line-height: 24px;
color: #ffffff;
font-weight: 400;
margin-bottom: 30px; }
.industry-sub-title h3.centered {
font-size: 21px;
line-height: 24px;
color: #ffffff;
font-weight: 400;
margin-bottom: 30px;
text-align: center; }
.industry-detail .third {
padding: 0 2% 2% 0%; }
.industry-detail article .third img {
width: 90%;
height: auto;
padding-top: 6px; }
.inlinequote {
padding: 0 5%; }
.inlinequote h4 {
font-size: 18px;
line-height: 24px;
font-weight: 400;
font-style: italic; }
/* Timeline */
.timeline {
width: 100%;
margin: 0 0 2% 0;
position: relative; }
.marker-cell {
width: 100%;
padding: 10px 0; }
.year {
margin: 0 auto;
padding: 0;
font-size: 84px;
line-height: 84px;
font-style: normal;
font-weight: 700;
color: #0075c9;
text-align: center;
vertical-align: top;
letter-spacing: -2px; }
.event {
margin: 0 10% 30px 10%;
padding: 0;
font-size: 16px;
line-height: 24px;
font-style: normal;
font-weight: 400;
text-align: center;
vertical-align: top; }
.timeline:before {
display: block;
content: " ";
height: 170px;
margin-top: -170px;
visibility: hidden; }
/* ---------------------------------------------------------- */
/* Why Page */
#inPageNav {
padding: 0;
z-index: 2000; }
#inPageNav ul {
margin: 0;
padding: 0; }
#inPageNav ul li {
display: inline-block;
width: 31.33%;
height: 70px;
margin: 0 -4px 0 0;
padding: 0 1%;
vertical-align: top;
text-align: center;
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
border-left: 1px solid rgba(255, 255, 255, 0.25); }
#inPageNav ul li:first-of-type {
border-left: 1px solid rgba(255, 255, 255, 0); }
#inPageNav ul li:nth-of-type(4) {
border-left: 1px solid rgba(255, 255, 255, 0); }
#inPageNav ul li a {
display: block;
padding: 10px 0;
font-size: 14px;
line-height: 16px;
color: rgba(255, 255, 255, 0.8);
text-transform: uppercase; }
/* Accordions */
#Why h3.blue {
padding-top: 20px;
margin-bottom: 20px; }
#Why #solutionAccordian h3 {
font-size: 16px;
padding: 25px 25px 5px 70px; }
#Why .badge {
width: 50px;
height: 50px;
color: #ffffff;
position: absolute;
top: 12px;
left: 12px; }
#Why #panel1 .badge {
background-image: url(../images/why-badges.svg);
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: 300px 50px; }
#Why #panel2 .badge {
background-image: url(../images/why-badges.svg);
background-position: -50px 0px;
background-repeat: no-repeat;
background-size: 300px 50px; }
#Why #panel3 .badge {
background-image: url(../images/why-badges.svg);
background-position: -100px 0px;
background-repeat: no-repeat;
background-size: 300px 50px; }
#Why #panel4 .badge {
background-image: url(../images/why-badges.svg);
background-position: -150px 0px;
background-repeat: no-repeat;
background-size: 300px 50px; }
#Why #panel5 .badge {
background-image: url(../images/why-badges.svg);
background-position: -200px 0px;
background-repeat: no-repeat;
background-size: 300px 50px; }
#Why #panel6 .badge {
background-image: url(../images/why-badges.svg);
background-position: -250px 0px;
background-repeat: no-repeat;
background-size: 300px 50px; }
.why-telaid article .bg-blue a.link, .why-telaid article .bg-dark-blue a.link, .why-telaid article .bg-dark-blue-two a.link, .why-telaid article .bg-dark-blue-three a.link, .why-telaid article .bg-green a.link {
color: rgba(255, 255, 255, 0.9); }
.why-telaid article .bg-blue a.link:hover, .why-telaid article .bg-dark-blue a.link:hover, .why-telaid article .bg-dark-blue-two a.link:hover, .why-telaid article .bg-dark-blue-three a.link:hover, .why-telaid article .bg-green a.link:hover {
color: white; }
.why-telaid article .bg-blue p, .why-telaid article .bg-dark-blue p, .why-telaid article .bg-dark-blue-two p, .why-telaid article .bg-dark-blue-three p, .why-telaid article .bg-green p {
color: #ffffff;
padding: 0 3% 0 0;
font-size: 16px;
line-height: 28px; }
.why-numbers {
list-style-type: none;
margin: 3% auto 3% auto;
padding: 0; }
.why-numbers li {
display: inline-block;
width: 45%;
margin: 0 -4px 20px 0;
padding: 0 2.5%; }
.why-numbers li img {
width: 90%;
height: auto; }
/* Values */
#ValuesGrid {
margin: 0 auto; }
.value-block {
display: block;
margin: 0;
padding: 0;
text-align: center;
vertical-align: top;
border: 4px solid white; }
.value-block .cover {
margin: 0;
padding: 4%;
text-align: center;
vertical-align: top; }
.value-block .cover h6 {
height: auto;
display: block;
transition: all 0.4s ease;
text-align: center;
color: white;
font-size: 24px;
text-transform: uppercase; }
.value-block .cover h6 strong {
font-weight: 700; }
.value-block .cover div {
text-align: center; }
.value-block .cover span {
color: white;
font-size: 12px;
line-height: 18px;
transition: all 0.4s ease 0.2s; }
.value-block .cover span em {
font-style: italic;
font-weight: 700;
font-size: 16px;
display: block;
padding-top: 10px; }
#Partners {
margin-bottom: 20px; }
/* ---------------------------------------------------------- */
/* Covid-19 */
.covid-19 #inPageNav {
padding: 0;
z-index: 2000; }
.covid-19 #inPageNav .container {
width: 100%; }
.covid-19 #inPageNav ul {
width: 100%;
margin: 0;
padding: 0;
display: flex;
list-style-type: none;
align-items: center;
flex-wrap: wrap; }
.covid-19 #inPageNav ul li {
width: auto;
height: auto;
flex-basis: calc(50% - 1px);
margin: 0 0 0 0;
padding: 0;
text-align: center; }
.covid-19 #inPageNav ul li:first-of-type {
padding: 0; }
.covid-19 #inPageNav ul li a {
display: block;
white-space: normal;
padding: 20px 20px;
font-size: 16px;
color: rgba(255, 255, 255, 0.8);
text-transform: uppercase;
border-bottom: 4px solid rgba(221, 0, 49, 0); }
.covid-19 #inPageNav ul li a:hover, #inPageNav ul li a:visited:hover {
color: white; }
.covid-19 #inPageNav ul li a.active {
border-bottom: 4px solid #dd0031;
color: white; }
.covid-19 #inPageNav ul li:nth-of-type(4) {
border-left: 1px solid rgba(255, 255, 255, 0.25); }
.covid-19 .card {
border: 0px solid #cecece; }
.covid-19 .cardcontent {
padding-bottom: 10px; }
.covid-19 .section hr {
height: 1px;
margin: 40px 0; }
.covid-19 .section h4 {
margin: 40px 0; }
.covid-19 .section h3 {
font-size: 24px;
line-height: 26px; }
.covid-19 .section h3 span {
display: block;
font-size: 18px; }
.covid-19 article .section a.btn {
padding: 14px 20px; }
/* ---------------------------------------------------------- */
/* Blog */
.postblock article {
margin: 0 !important;
padding: 0 !important; }
.posttbl {
display: table;
border-spacing: 10px;
margin-bottom: 3%; }
.postblock {
display: table-cell;
width: 33%;
text-align: left;
vertical-align: top;
margin: 0;
padding: 0;
border-collapse: separate;
background-color: #ebeff2; }
.postblock:hover {
background-color: #f5f9fc;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.postrow {
display: table-row;
border-collapse: separate; }
.postblock img {
display: block;
width: 100%;
height: auto;
margin: 0 !important;
padding: 0 !important; }
.postblock h1 {
font-size: 18px !important;
line-height: 21px;
margin: 0 0 10px 0 !important;
padding: 4% 5% 0 5% !important;
text-align: left;
vertical-align: top; }
.postblock p {
font-size: 12px !important;
line-height: 16px !important;
margin: 0 0 10px 0 !important;
padding: 0 5% 5% 5% !important; }
h3.widget-title {
font-size: 18px !important;
line-height: 26px;
border-bottom: 2px solid #ccc;
margin: 0 0 10px 0 !important;
padding: 4% 5% 0 5% !important;
color: #55565a;
text-align: left;
vertical-align: top; }
.entry-meta {
display: none; }
/* ---------------------------------------------------------- */
/* Member Blocks */
#Team:before {
display: block;
content: " ";
height: 170px;
margin-top: -170px;
visibility: hidden; }
.member {
display: block;
margin: 10px auto;
padding: 0;
width: 230px;
height: 280px;
position: relative;
background-color: #333e48;
overflow: hidden; }
.name {
display: inline-block;
margin: 0 16px 20px 0;
padding: 10px 0 0 20px;
width: 100%;
height: 70px;
position: absolute;
top: 200px;
left: 0;
z-index: 500px;
background-color: #333e48;
font-weight: 700;
font-size: 14px;
line-height: 16px;
color: #fff;
text-align: left;
vertical-align: top; }
.name a, .name a:visited {
color: #fff; }
.name a:hover, .name a:visited:hover {
color: #fff; }
.name span {
font-weight: 400;
font-size: 12px;
line-height: 13px !important;
color: #fff; }
.libio {
display: block;
float: right;
position: absolute;
bottom: 10px;
right: 10px;
width: 29px;
height: 29px;
z-index: 2000; }
.libio img {
width: 100%;
height: auto; }
.photo {
display: inline-block;
margin: 0 16px 20px 0;
padding: 0;
width: 100%;
height: 50px;
position: absolute;
top: 0;
left: 0;
z-index: 200px; }
.member .photo img {
width: 100%;
height: auto; }
.description {
display: inline-block;
margin: 0 15px 20px 0;
padding: 10px 20px 10px 20px;
width: 190px;
height: 280px;
position: absolute;
top: 200px;
left: 0;
z-index: 300px;
background-color: #00609c;
font-weight: 400;
font-size: 12px;
line-height: 14px;
color: #fff;
text-align: left;
vertical-align: top;
transition: top 0.5s ease; }
.description p {
font-weight: 400;
font-size: 13px;
line-height: 14px;
color: #fff;
text-align: left;
vertical-align: top; }
.description a, .description a:visited {
color: #7DB5FF; }
.description a:hover, .description a:visited:hover {
color: #B7D6FF; }
.member:hover .description {
top: 0px; }
/* ---------------------------------------------------------- */
/* Careers and Community Pages (added 9/19) */
.highlight-panel {
width: 100%;
margin: 20px 0 20px 0;
padding: 3% 0;
background-position: top right;
background-size: 0 0; }
.highlight-wrapper {
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding: 0;
position: relative; }
.highlight-panel-content {
width: 100%;
margin: 0 auto; }
.highlight-panel-content h6 {
font-weight: 500;
font-size: 26px;
line-height: 34px;
margin: 0 0 25px 0;
padding: 0; }
.highlight-panel-content p {
font-size: 16px;
line-height: 26px; }
/* Career Quotes Carousel */
.career-quotes {
width: 100%;
margin: 0 auto;
padding: 4% 0 8% 0;
position: relative; }
.quote-cell {
width: 100%; }
.quote-cell div:nth-of-type(1) {
display: flex;
flex-wrap: wrap;
align-items: center; }
.quote-photo {
display: block;
padding: 10px 0;
margin: 0 auto; }
.quote-photo img {
margin: 0 auto;
width: 80%;
height: auto; }
.quote-text {
display: block;
text-align: center;
padding: 10px 5%; }
.quote-text p:nth-of-type(1) {
color: #ffffff;
font-size: 18px;
line-height: 24px;
padding: 0 5%;
margin-bottom: 30px;
display: block; }
.quote-text p:nth-of-type(2) {
color: #ffffff;
font-size: 14px;
padding: 0 5%;
display: block; }
.career-quotes ol {
margin: 0;
padding: 0; }
.career-quotes ol li:first-child {
padding-top: 0; }
.career-quotes .flickity-page-dots {
margin: 0 auto;
padding: 0;
bottom: 20px; }
.career-quotes .flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 10px;
background: white;
border-radius: 50%;
filter: alpha(opacity=40);
opacity: 0.25;
cursor: pointer; }
.career-quotes .flickity-page-dots .dot.is-selected {
filter: alpha(opacity=100);
opacity: 1; }
/* Attributes Carousel */
.brand-intro {
padding: 20px 4%; }
.attributes {
width: 92%;
margin: 0 auto;
padding: 0 4%;
position: relative; }
.attribute-cell {
width: 100%; }
.attribute-cell div {
margin: 0 10px;
padding: 20px;
min-height: 200px; }
.attribute-cell h6 {
color: #ffffff;
font-size: 16px;
text-transform: uppercase;
padding: 0 0 10px 0;
margin-bottom: 10px;
border-bottom: 2px solid #ffffff;
display: block; }
.attribute-cell p {
color: #ffffff; }
.attributes ol {
margin: 0;
padding: 0; }
.attributes ol li:first-child {
padding-top: 0; }
.attributes .flickity-page-dots {
width: 90%;
margin: 0;
padding: 0; }
.attributes .flickity-prev-next-button.previous {
bottom: 0;
left: 0px;
display: none; }
.attributes .flickity-prev-next-button.next {
bottom: 0;
right: 0px;
display: none; }
.attributes .flickity-prev-next-button .arrow {
fill: rgba(255, 255, 255, 0.5); }
.attributes .flickity-prev-next-button {
background-color: rgba(255, 255, 255, 0); }
.join {
padding: 4%; }
.join .half {
width: 100%;
padding: 0;
margin: 0; }
.join .half .half {
display: inline-block;
width: 44%;
margin: 0 -4px 0 0;
padding: 0 3% 2% 3%;
text-align: left;
vertical-align: top; }
.join .half .bg-white.pad-4 {
background-color: rgba(255, 255, 255, 0);
padding: 0; }
.community-logo {
max-width: 200px; }
.community-logo-square {
max-width: 100px; }
/* Client Quotes Carousel */
.client-quotes {
width: 100%;
margin: 0 auto;
padding: 4% 0 8% 0;
position: relative; }
.client-quotes-intro p {
font-size: 16px;
line-height: 24px;
text-align: center; }
.client-quote-cell {
width: 100%; }
.client-quote-text {
display: block;
text-align: center;
padding: 10px 5%; }
.client-quote-text p:nth-of-type(1) {
color: #0074c2;
font-size: 21px;
line-height: 28px;
padding: 0 5%;
margin-bottom: 20px;
display: block; }
.client-quote-text p:nth-of-type(2) {
font-size: 16px;
padding: 0 5%;
display: block;
color: #5d666f; }
.client-quotes .flickity-page-dots {
margin: 0 auto;
padding: 0;
bottom: 20px; }
.client-quotes .flickity-page-dots .dot {
display: inline-block;
width: 16px;
height: 16px;
margin: 0 10px;
background: #a4a5a9;
border-radius: 50%;
filter: alpha(opacity=40);
opacity: 0.25;
cursor: pointer; }
.client-quotes .flickity-page-dots .dot.is-selected {
filter: alpha(opacity=100);
opacity: 1; }
/* Scroll To Anchor Link */
.sta a, .sta a:visited {
background-color: #00609c;
padding: 10px 20px;
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
color: #ffffff; }
/* Scroll To Anchor Link */
.sta a:hover, .sta a:visited:hover {
background-color: #dd0031;
color: #ffffff; }
.sta a:after {
content: '\f0ab';
display: inline-block;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 6 Pro";
font-weight: 300;
font-size: 16px;
line-height: 16px;
vertical-align: middle;
margin: -3px 0 0 0;
padding: 0 0 0 10px; }
.job-openings h4 {
padding-top: 20px;
text-transform: uppercase;
color: #00609c; }
.connect-links {
width: 100%;
max-width: 1000px;
text-align: center;
margin: 0 auto; }
.connect-links a.twitter {
display: inline-block;
width: 48px;
height: 48px;
margin: 0 6px;
padding: 0;
background: url(../images/icon-connect-twitter.png) 50% 50% no-repeat;
background-size: 100%; }
.connect-links a.linkedin {
display: inline-block;
width: 48px;
height: 48px;
margin: 0 6px;
padding: 0;
background: url(../images/icon-connect-linkedin.png) 50% 50% no-repeat;
background-size: 100%; }
.connect-links a.yt {
display: inline-block;
width: 48px;
height: 48px;
margin: 0 6px;
padding: 0;
background: url(../images/icon-connect-youtube.png) 50% 50% no-repeat;
background-size: 100%; }
/* ---------------------------------------------------------- */
/* Contact Page */
#Contact .leftcard {
background-color: rgba(255, 255, 255, 0.9);
padding: 5%; }
#Contact .rightcard {
background-color: #0075c9;
padding: 5%; }
/* ---------------------------------------------------------- */
/* Career Pages */
.apply {
width: 60%;
padding: 2%;
background-color: #f5f5f5;
text-align: center;
vertical-align: top;
margin-bottom: 20px; }
.acc-panel .apply {
width: 60%;
margin: 10px auto 0 auto; }
.apply p {
margin: 0;
font-size: 18px;
line-height: 21px; }
.apply p.interest {
margin: 0 0 10px 0;
font-size: 14px;
line-height: 18px; }
a.applybutton, a.applybutton:visited {
display: block;
margin: 0;
padding: 10px 20px 10px 20px;
background-color: #0075c9;
color: white;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
a.applybutton:hover, a.applybutton:visited:hover {
background-color: #dd0031;
color: white; }
/* ---------------------------------------------------------- */
/* Feeds */
article .homenewsblock h4 {
font-size: 24px;
font-weight: 700;
margin-bottom: 0; }
.homenewsblock ul {
padding: 10px 0 0 5px;
margin: 10px 0 60px 0; }
.homenewsblock li {
list-style-type: none;
margin: 0 0 15px 0;
padding: 0; }
/* .date {
display:inline-block;
width: 20%;
margin: 0 -4px 0 0;
pading: 0;
text-align: center;
vertical-align: top;
}
.date .day {
display: block;
font-size: 32px;
line-height: 32px;
font-weight: 400;
color: #0083c6;
}
.date .month {
display: block;
font-size: 18px;
text-transform: uppercase;
font-weight: 400;
color: #0083c6;
}
.newsblurb {
display:inline-block;
width: 80%;
margin: 0 -4px 0 0;
pading: 0;
}
.newslistcat {
display: block;
font-size: 11px;
text-transform: uppercase;
font-weight: 500;
color: #abafb4;
margin: 0 0 0 0;
}
.newsblurb h6 {
margin: 0;
}
.newsblurb p {
font-size: 14px;
line-height: 18px;
margin: 0 0 10px 0;
}
*/
.blogfeed {
display: table-cell;
margin: 0;
padding: 0 5% 20px 5%;
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #7f858c; }
.newsfeed {
display: table-cell;
margin: 0;
padding: 0 5% 20px 5%;
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #7f858c; }
.newsfeed {
border-left: 1px solid #d1d3d3; }
.blogfeed {
border-left: none; }
.newsfeed h4, .blogfeed h4 {
font-weight: 400;
font-size: 21px;
line-height: 28px;
margin: 0 0 5px 0;
padding: 0;
color: #455560; }
.newsfeed h6, .blogfeed h6 {
font-weight: 500;
font-size: 14px;
line-height: 16px;
margin: 0 0 5px 0;
padding: 0;
color: #333e48; }
.newsfeed p, .blogfeed p {
font-weight: 400;
font-size: 12px;
line-height: 16px;
margin: 0 0 10px 0;
padding: 0;
color: #55565a; }
.newsfeed p a, .blogfeed p a {
font-weight: 500;
font-size: 18px;
line-height: 20px; }
.simpleshare {
margin-top: 15px; }
.ssbp-share-text {
padding: 15px 10px 6px 0 !important;
margin: 0 0 10px 0 !important;
color: #455560;
font-size: 14px;
font-style: normal;
font-weight: 500;
text-transform: uppercase; }
/* ---------------------------------------------------------- */
/* Podcasts CPT - Added October 2021 */
/* Main Podcasts Page */
.podcasts-billboard {
width: 100%;
height: auto;
padding: 6% 0;
position: relative;
background: url("../images/podcasts-billboard-bg.jpg");
background-size: cover;
display: flex;
align-items: center; }
.podcasts-billboard-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 200;
text-align: center; }
.podcasts-billboard-image img {
display: none; }
.podcasts-billboard .container.tb-6 {
padding: 0;
z-index: 300;
width: 100%; }
.podcasts-billboard .container.tb-6 h3 {
width: 90%;
max-width: 500px;
font-size: 16px;
line-height: 24px;
color: #004d71;
font-weight: 400;
padding-left: 4%; }
.podcasts-billboard .container.tb-6 h3 strong {
font-weight: 700; }
.podcasts-cards {
max-width: 1000px;
margin: 0 auto;
padding: 3% 0 3% 0; }
.podcasts-list {
list-style-type: none;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin: 0;
padding: 0; }
.podcasts-list li {
flex-basis: calc(48% - 2px);
margin: 0 1% 2% 1%;
padding: 0 !important;
border: 1px solid #7b868c; }
.podcasts-list li img {
width: 100%;
height: auto; }
.podcast-card-content {
padding: 4% 4% 0 4%; }
.podcast-card-content h3 {
font-size: 18px;
line-height: 24px;
color: #004d71;
font-weight: 700;
margin: 0 0 15px 0; }
.podcast-card-content p {
font-size: 12px;
line-height: 18px;
font-weight: 400;
margin: 0 0 15px 0; }
.podcast-card-content p.listen-link {
font-size: 12px;
line-height: 14px;
font-weight: 700;
margin: 0 0 15px 0;
text-transform: uppercase; }
/* Single Podcast Page */
.headline-podcast {
background: url("../images/podcasts-billboard-bg.jpg");
background-size: cover;
margin: 0 0 3% 0;
padding: 30px 0 30px 5%;
position: relative; }
.headline-podcast-image {
display: none; }
.headline-podcast-image img {
width: auto;
height: 100%;
margin: 0 auto; }
h3.podcast-category {
flex-basis: 100%;
font-size: 14px;
font-weight: 700;
margin: 0 0 4px 0;
color: #004d71;
text-transform: uppercase; }
.headline-podcast h1 {
max-width: 75%;
font-size: 24px;
line-height: 32px;
font-weight: 400;
font-style: normal;
margin: 0;
color: #004d71; }
.podcast-wrapper {
width: 90%;
max-width: 1000px;
display: flex;
flex-wrap: wrap;
margin: 0 auto; }
.podcast-embed {
flex-basis: 100%;
max-width: 1000px;
margin: 20px auto 20px auto; }
.podcast-content {
flex-basis: 100%;
max-width: 1000px;
display: flex;
flex-wrap: wrap;
margin: 0 auto; }
.podcast-release-date {
flex-basis: 100%;
font-size: 12px;
font-weight: 400;
margin: 0; }
.podcast-content-left {
flex-basis: 100%;
padding: 5% 0; }
.podcast-content-right {
flex-basis: 100%;
padding: 5% 0;
text-align: center; }
.podcast-content-right img {
width: 80%;
height: auto;
margin: 0 auto; }
/* Common Podcasts Pages */
.podcast-platforms {
width: 100%;
max-width: 1000px;
margin: 60px auto;
text-align: center; }
.podcast-platforms h4 {
font-weight: 400;
font-size: 21px;
line-height: 28px;
margin: 0 0 20px 0;
padding: 0;
color: #0075c9; }
.podcast-platforms ul {
list-style-type: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
margin: 0;
padding: 0; }
.podcast-platforms li {
margin: 0 10px; }
.podcast-platforms li img {
width: auto;
height: 40px; }
/* ---------------------------------------------------------- */
/* MailChimp Panel Above Footer */
.mc-bar {
background-color: #e4e4e6;
width: 90%;
padding: 40px 5%;
text-align: center; }
.mc-bar h4 {
margin-top: 0;
padding-top: 0; }
.mc-bar form {
display: block;
width: 100%;
margin: 0 auto;
padding: 0;
text-align: center;
vertical-align: top; }
.mc-bar form .legal-consent-container .hs-richtext p {
font-size: 14px;
width: 60%;
margin: 0 auto 20px auto; }
.mc-bar .hs-form .hs_submit {
display: block;
vertical-align: top; }
.mc-bar ul.inputs-list {
margin-left: 0 !important;
padding-left: 0 !important; }
.mc-bar ul.inputs-list li {
list-style-type: none !important; }
.legal-consent-container .hs-form-booleancheckbox-display input {
float: none !important;
display: block !important;
margin: 0 auto 10px auto; }
/* ---------------------------------------------------------- */
/* FOOTER */
/* Footer Menu Elements */
.footer {
margin: 0;
padding-right: 3%;
padding-left: 3%;
text-align: left;
vertical-align: top;
color: #a5a7aa; }
.aboutus {
display: block;
text-align: left;
vertical-align: top; }
.aboutus p {
padding: 0;
margin: 0 0 15px 0 !important;
font-size: 14px;
line-height: 18px;
font-style: normal;
font-weight: 400;
color: #a5a7aa; }
.aboutus h5 {
padding: 0;
margin: 0;
font-size: 14px;
line-height: 21px;
font-style: normal;
font-weight: 500;
text-transform: uppercase;
color: #ffffff; }
.aboutus h6 {
padding: 0;
margin: 0 0 15px 0 !important;
font-size: 14px;
line-height: 21px;
font-style: normal;
font-weight: 400;
color: #ffffff; }
.menus {
display: block;
text-align: left;
vertical-align: top; }
.menus div {
display: inline-block;
width: 30%;
margin: 0 -4px 0 0;
padding: 0 0 0 3%;
text-align: left;
vertical-align: top; }
.menus ul, .menus ul li ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
vertical-align: top; }
.menus ul li {
display: block;
margin: 0 0 0 0;
padding: 0 2% 0 0;
list-style-type: none;
text-align: left;
vertical-align: top; }
.menus li a {
text-align: left;
padding: 0;
margin: 0 0 0 0px;
color: #ffffff;
font-size: 13px;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.menus ul.sub-menu li a {
height: auto;
width: auto;
display: block;
text-align: left;
margin: 0 0 0 0;
padding: 5px 0 5px 0;
text-transform: none;
color: #a5a7aa;
font-weight: 400;
font-size: 14px;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.menus ul.sub-menu li a:hover {
color: #ffffff; }
.social {
text-align: center;
vertical-align: top;
border-top: 1px solid #5c6670;
margin: 25px 0 0 0;
padding: 25px 0 0 0; }
.social a.twitter {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-footer-twitter.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.social a.x {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-footer-x.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.thankyou-social a.twitter {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-twitter-light.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.social a.linkedin {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-footer-linkedin.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.thankyou-social a.linkedin {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-linkedin-light.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.social a.yt {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-footer-yt.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.thankyou-social a.yt {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-yt-light.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.social a.gplus {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-footer-googleplus.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.social a.facebook {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-footer-facebook.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.social a.instagram {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-footer-instagram.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.social h4 {
color: #ffffff;
font-weight: 300 !important;
font-style: normal;
font-size: 24px;
line-height: 24px;
margin: 15PX 0 0 0;
padding: 0; }
.social h4 span {
font-size: 14px; }
.locations {
border-top: 1px solid #5c6670;
margin: 25px 0 0 0;
padding: 25px 0 0 0; }
.location {
display: inline-block;
width: 50%;
margin: 0 -5px 0 0;
padding: 0;
text-align: center;
vertical-align: top;
border-right: 0px; }
.location p {
font-size: 12px;
line-height: 16px;
font-weight: 400; }
.location strong {
font-size: 14px;
color: #fff;
text-transform: uppercase; }
.copyright {
padding: 5% 0 0 0;
margin: 0 0 0 0;
font-size: 12px !important;
font-weight: 400;
font-style: normal;
color: #5c6670;
text-align: center; }
.copyright a {
font-size: 11px;
color: #a5a7aa; }
.copyright a:hover {
color: #ffffff; }
/* Fixed Social and Search */
#home {
display: none; }
#home a {
display: none; }
#socialshell {
display: none; }
#srchshell {
position: absolute;
z-index: 10000;
right: 0;
top: 32px;
overflow: hidden;
min-width: 40px;
width: auto;
height: 40px;
font-family: Helvetica, Arial, sans-serif; }
#togsoc {
display: none; }
.soc {
display: none; }
.soc-linkedin, .soc-twitter, .soc-yt, .soc-gplus {
display: none; }
.soc-linkedin a {
display: none; }
.soc-twitter a {
display: none; }
.soc-yt a {
display: none; }
.soc-gplus a {
display: none; }
#togsrch {
position: absolute;
z-index: 10000;
right: -1px;
top: 0;
width: 41px;
height: 40px;
margin: 0;
padding: 0;
background: url(../images/icon-search.png) 50% 50% no-repeat #333e48;
background-size: 65%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
#togsoc:hover, #togsrch:hover, #home:hover {
cursor: pointer;
background-color: #5c6670; }
.srchpanel {
position: relative;
z-index: 9000;
left: 0;
top: 0;
width: 190px;
height: 40px;
margin-right: -200px;
padding: 0;
background-color: #efefef;
vertical-align: top;
text-align: left; }
.srchpanel #s {
border: 0px;
background-color: #efefef;
width: 100px;
vertical-align: top;
text-align: left;
margin: 0;
padding: 12px 10px 14px 20px;
display: inline;
font-size: 14px;
font-weight: 400;
color: #5d6770;
font-family: Helvetica, Arial, sans-serif; }
.srchpanel #Search {
border: 0px;
background-color: #e4e4e6;
width: 60px;
height: 40px;
margin: 0;
padding: 3px 0 0 0;
display: inline;
font-size: 16px;
font-weight: 400;
color: #0075c9;
font-family: Helvetica, Arial, sans-serif;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.srchpanel #Search:hover {
cursor: pointer;
background-color: #0075c9;
color: #ffffff; }
#Content #searchform input[type="text"] {
display: inline-block;
width: 25%;
height: 30px;
font-size: 12px;
background-color: #efefef;
color: #7d868c;
border: none;
padding: 3px 10px;
margin: 0 0 10px 0; }
#Content #searchform input[type="submit"] {
display: inline-block;
margin: 0 0 10px 20px;
padding: 12px 20px 12px 20px;
background-color: #dd0031;
color: white;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
border: none; }
/* -------------------------- */
/* Countdown to Black Friday */
#Countdown {
background-color: #dd0031;
color: white;
padding: 0;
text-align: left;
vertical-align: top; }
#Countdown .container {
padding: 5%;
position: relative;
background-size: 200% auto; }
#Countdown .left {
display: block;
font-family: "roboto",sans-serif;
font-style: normal;
font-weight: 400;
margin: 0 -4px 0 0;
padding: 0 5% 0 0;
text-align: left;
vertical-align: top; }
#Countdown .right {
display: block;
font-family: "roboto",sans-serif;
font-style: normal;
font-weight: 400;
margin: 0 -4px 0 0;
padding: 0 5%;
text-align: center;
vertical-align: middle; }
#Countdown .right img {
display: block;
width: 60%;
max-width: 165px;
height: auto;
margin: 15px auto;
padding: 0; }
#Countdown h4 {
font-size: 21px;
color: white;
font-weight: 500;
margin: 0 0 15px 0;
padding: 0; }
#Countdown h5 {
font-size: 18px;
color: white;
font-weight: 500;
margin: 0 0 15px 0;
padding: 0; }
#timer {
display: block;
font-family: "roboto",sans-serif;
font-style: normal;
font-weight: 400;
margin: 0 0 0 0; }
#timer strong {
display: inline-block;
font-size: 21px;
line-height: 21px;
color: white;
text-align: center;
vertical-align: top;
font-weight: 500;
margin: 0 0 0 0;
padding: 0 10px 0 10px;
border-left: 2px solid #fff; }
#timer strong:nth-of-type(1) {
border-left: none;
padding: 0 10px 0 0; }
#timer span {
display: inline-block;
font-size: 21px;
line-height: 21px;
color: white;
font-weight: 500;
margin: 0 0 0 5px;
padding: 0; }
#Countdown a.button, #Countdown a.button:visited {
display: inline-block;
margin: 10px 0 10px 0;
padding: 12px 20px 12px 20px;
background-color: white;
color: #5c6670;
font-weight: 700;
font-style: normal;
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
border: none; }
#Countdown a.button:hover, #Countdown a.button:visited:hover {
color: #dd0031; }
/* -------------------------- */
/* Resources Page with Filtering */
.featured {
margin-bottom: 3%; }
.featured h5 {
font-size: 16px;
line-height: 21px;
font-weight: bold;
color: #999;
text-transform: uppercase;
margin: 0 0 10px 2%; }
.featured-left, .featured-right {
display: block;
margin: 2%;
padding: 2%;
border: 1px solid #cecece;
background-color: #fff;
vertical-align: top; }
.featured-split {
display: none; }
.featured-left h4, .featured-right h4 {
font-size: 18px;
line-height: 21px;
font-weight: normal;
color: #556169;
margin: 0 0 15px 0;
padding: 0; }
.featured-left p, .featured-right p {
font-size: 14px;
line-height: 18px;
font-weight: normal;
color: #6b7378;
margin-bottom: 10px; }
.featured-left img, .featured-right img {
width: 30%;
height: auto;
float: right;
margin: 0 0 0 15px;
padding: 0; }
#form-ui, #partner-form-ui {
padding: 15px 0;
margin: 15px 0 0 0;
background-color: #f5f5f5;
text-align: left;
vertical-align: middle; }
#form-ui span, #partner-form-ui span {
display: block;
margin-bottom: 10px; }
#form-ui h5, #partner-form-ui h5 {
display: inline-block;
width: 30%;
font-size: 16px;
font-weight: 400;
margin: 0 10px 0 20px;
color: #666; }
#form-ui select, #partner-form-ui select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0px solid #ffffff;
border-radius: 0;
padding: 8px 40px 8px 8px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #666;
background: url(../images/select-arrow-down.svg) #ffffff no-repeat;
background-size: auto 20%;
background-position: 92% center;
outline: 0; }
#form-ui select:-moz-focusring, #partner-form-ui select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000; }
#form-ui select option, #partner-form-ui select option {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
border-radius: 0;
padding: 5px 10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #666; }
#form-ui select:hover, #partner-form-ui select:hover {
cursor: pointer; }
/* Tech Partners Specific */
#partner-form-ui .select-block {
display: block;
margin-left: 4%;
margin-bottom: 15px; }
#partner-form-ui .select-block span {
font-size: 12px;
padding-right: 0; }
.solution-partners img {
display: inline-block;
width: calc(29% - 4px);
height: auto;
margin: 2%; }
/* End Tech Partners Specific */
.grid {
width: 94%;
margin: 35px auto; }
.resource-item {
display: block;
height: auto;
margin: 2%;
padding: 3%;
border: 1px solid #cecece;
background-color: #fff; }
.resource-item h6 {
font-size: 13px;
line-height: 16px;
font-weight: bold;
color: #999;
margin-bottom: 0; }
.resource-item h4 {
font-size: 18px;
line-height: 21px;
font-weight: normal;
color: #556169;
margin-bottom: 15px; }
.resource-item p {
font-size: 12px;
line-height: 14px;
font-weight: normal;
color: #6b7378;
margin-bottom: 10px; }
.resource-item img {
width: 40%;
height: auto;
float: right;
margin: 0 0 15px 15px;
padding: 0; }
.resource-item a, .resource-item a:visited {
font-size: 12px;
line-height: 12px;
font-weight: 500; }
.resource-item a:after {
content: '\f105';
display: inline-block;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 6 Pro";
font-size: 14px;
line-height: 22px;
font-weight: 400;
vertical-align: middle;
margin: -2px 0 0 0;
padding: 0 0 0 5px; }
#msg-box {
display: none;
font-size: 18px;
line-height: 14px;
font-weight: 400;
color: #999;
padding: 5% 0;
text-align: center; }
#msg-box span {
display: block;
font-size: 36px;
line-height: 46px;
font-weight: 400;
color: #0083c6; }
/* -------------------------- */
/* Bicsi Reference Doc List */
.reference {
margin: 0;
padding: 0; }
.reference li, .reference li:first-child {
list-style-type: none;
margin: 0 0 15px 0;
padding: 0 0 0 42px;
background-image: url(../images/icon-refdoc.png);
background-position: left center;
background-size: 32px auto;
background-repeat: no-repeat; }
.reference li a {
display: block; }
.reference li a:after {
content: '\f105';
display: inline-block;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 6 Pro";
font-size: 18px;
line-height: 18px;
font-weight: 400;
vertical-align: middle;
margin: -2px 0 0 0;
padding: 0 0 0 10px; }
/* -------------------------- */
/* Home page Promo */
.home-promo {
border-top: 1px solid #cfd1d2;
border-bottom: 1px solid #cfd1d2;
margin-bottom: 4%; }
.home-promo .container {
padding-bottom: 2%; }
.home-promo img {
width: 50%;
height: auto;
margin: 20px auto; }
.home-promo h4, .home-promo p {
padding-left: 4%; }
/* -------------------------- */
/* RAAM Sponsorship Page */
.homefront-intro div:nth-of-type(1), .homefront-intro div:nth-of-type(3) {
text-align: center; }
.homefront-intro div:nth-of-type(2) {
text-align: center; }
.homefront-intro div:nth-of-type(1) img {
width: 50%;
height: auto; }
.homefront-intro div:nth-of-type(3) img {
width: 75%;
height: auto; }
article img.hf-image {
width: 75%;
height: auto;
margin: 0 auto;
text-align: center; }
#map-shell {
position: relative;
width: 95%;
height: 400px;
border: 4px solid #efefef;
margin: 0 auto;
padding: 0;
z-index: 15;
overflow-x: scroll;
overflow-y: hidden; }
#map {
position: absolute;
width: auto;
height: 405px;
left: 0;
top: 0;
margin: 0;
padding: 0;
z-index: 10;
display: block; }
a.group1.launchcard span {
display: none; }
.galleryimages {
display: none; }
/* -------------------------- */
/* Form Thank You Page */
.thankyou-highlight {
display: block;
margin: 0 1% 20px 1%;
padding: 2%;
background-color: #e5e5e5;
text-align: left;
vertical-align: top; }
.thankyou-highlight img {
float: left;
width: 25%;
height: auto;
max-height: 120px;
padding: 2%; }
.thankyou-highlight h4 {
padding: 2% 2% 0 35%;
width: 66%;
font-size: 18px;
line-height: 21px; }
.thankyou-highlight p {
padding: 0 2% 0 35%;
width: 66%; }
.thankyou-highlight p:first-of-type {
display: none; }
.thankyou-highlight a.btn {
padding: 10px 20px 10px 20px; }
.thankyou-social {
display: block;
margin: 0 1%;
padding: 1%;
text-align: left;
vertical-align: top; }
/* Support Blocks */
.support-blocks {
margin: 40px 0;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center; }
.support-block {
display: flex;
flex-grow: 1;
margin: 5px;
padding: 0;
position: relative;
background-color: #cfd2d3;
overflow: hidden;
width: calc(50% - 20px);
height: 240px;
justify-content: center;
align-items: center; }
.support-block .overview {
margin: 0;
padding: 0;
position: relative;
top: 0;
left: 0;
z-index: 100;
text-align: center;
vertical-align: middle; }
.support-block .overview .copy {
font-weight: 400;
font-size: 16px;
line-height: 21px;
color: #55565a;
text-align: center; }
.support-block .overview .number {
display: block;
margin: 0 auto;
border: none;
padding: 0;
text-align: center;
font-weight: 700;
font-size: 48px;
line-height: 48px;
color: #7b868c !important; }
.support-block .overview .copy span {
display: block;
margin-top: 15px;
font-weight: 400;
font-size: 16px;
line-height: 21px;
color: #55565a;
text-align: center; }
.support-description {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
margin: 0 0 0 0;
padding: 0 20px;
position: absolute;
top: 245px;
left: 0;
z-index: 800;
height: 100%;
width: calc(100% - 40px);
background-color: #dd0031;
transition: top 0.5s ease; }
.support-description p {
display: block;
width: 100%;
font-weight: 400;
font-size: 16px;
line-height: 21px;
color: #fff;
text-align: center;
margin: 0;
padding: 0; }
.support-description .number {
display: block;
width: 100%;
margin: 0 0 10px 0;
border: none;
padding: 0;
text-align: center;
font-weight: 700;
font-size: 24px;
line-height: 24px;
color: #ffffff !important; }
.support-description .number i {
padding-left: 10px;
padding-right: 10px; }
.support-block:hover .support-description, .support-block:focus .support-description {
top: 0px; } }
/* -------------------------- */
/* -------------------------- */
/* -------------------------- */
/* Desktop */
@media screen and (min-width: 769px) {
/* Common Formatting Elements */
/* Panels */
.panel {
text-align: left;
vertical-align: top;
padding: 0;
margin: 0;
width: 100%;
height: auto;
position: relative; }
.container {
max-width: 1000px;
margin: 0 auto;
padding: 0;
position: relative; }
.container-two {
max-width: 1400px;
margin: 0 auto;
padding: 0;
position: relative; }
.container-1250 {
max-width: 1250px;
margin: 0 auto;
padding: 0;
position: relative; }
.onecolumn article, .twocolumn article {
padding: 20px 0 20px 0; }
.threequarter {
display: inline-block;
width: 72%;
margin: 0 -4px 0 0;
padding: 0 1% 0 1%;
text-align: left;
vertical-align: top; }
.half {
display: inline-block;
width: 49.9%;
margin: 0 -4px 0 0;
padding: 0;
text-align: left;
vertical-align: top; }
.third {
display: inline-block;
width: 33.33%;
height: auto;
margin: 0 -4px 0 0;
padding: 0;
text-align: center;
vertical-align: top; }
.twothird {
display: inline-block;
width: 66.66%;
height: auto;
margin: 0 -4px 0 0;
padding: 0;
text-align: center;
vertical-align: top; }
article .twothird {
display: inline-block;
width: 63.66%;
height: auto;
margin: 0 -4px 0 0;
padding: 0 3% 0 0;
text-align: left;
vertical-align: top; }
.quarter {
display: inline-block;
width: 22%;
margin: 0 -4px 0 0;
padding: 0 1% 0 1%;
text-align: left;
vertical-align: top;
border-left: none !important; }
.half-cell {
display: table-cell;
width: 50%;
margin: 0;
padding: 0;
text-align: left;
vertical-align: top; }
.half img {
display: block;
margin: 0;
padding: 0; }
.half-cell img, .quarter img {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0; }
.fullbar {
text-align: left;
vertical-align: top;
padding: 3% 0 3% 0;
margin: 0;
width: 100%;
height: auto;
position: relative; }
.fullbar:nth-child(even) {
background-color: #eceded; }
.tb-1 {
padding: 1% 0 1% 0; }
.tb-2 {
padding: 2% 0 2% 0; }
.tb-3 {
padding: 3% 0 3% 0; }
.tb-4 {
padding: 4% 0 4% 0; }
.tb-5 {
padding: 5% 0 5% 0; }
.tb-6 {
padding: 6% 0 6% 0; }
.tb-7 {
padding: 7% 0 7% 0; }
.tb-8 {
padding: 8% 0 8% 0; }
.tb-9 {
padding: 9% 0 9% 0; }
.tb-10 {
padding: 10% 0 10% 0; }
.pad-0 {
padding: 0; }
.pad-1 {
padding: 1%; }
.pad-2 {
padding: 2%; }
.pad-3 {
padding: 3%; }
.pad-4 {
padding: 4%; }
.pad-5 {
padding: 5%; }
.pad-6 {
padding: 6%; }
.pad-7 {
padding: 7%; }
.pad-8 {
padding: 8%; }
hr {
margin: 20px 0 30px 0;
padding: 0;
height: 4px;
background-color: #e0e0e0;
border: none; }
/* Content Alignments */
.right {
text-align: right !important; }
.align-right {
float: right; }
.left {
text-align: left !important; }
.align-left {
float: left; }
.center {
text-align: center !important; }
/* Icon Alignments */
.icon-left {
float: left;
width: 100%;
height: auto;
max-width: 150px;
padding-right: 30px; }
.icon-right {
float: right;
width: 100%;
height: auto;
max-width: 150px;
padding-left: 30px; }
/* Article Content */
article h1, article h2, article h3, article h4, article h5, article h6, article li {
color: #5c6670; }
strong {
font-weight: 500; }
/* Standard Content */
header h1 {
font-weight: 400;
font-size: 34px;
line-height: 38px;
margin: 0 0 20px 0;
padding: 0; }
.page-entry-title {
max-width: 1000px;
margin: 3% auto;
padding: 0;
position: relative;
font-weight: 400;
font-size: 42px;
line-height: 48px;
color: #5c6670; }
article h1, .onecolumn h1 {
font-weight: 400;
font-size: 28px;
line-height: 38px;
margin: 0 0 20px 0;
padding: 0; }
article h2 {
font-weight: 400;
font-size: 34px;
line-height: 38px;
margin: 0 0 20px 0;
padding: 0; }
article h3 {
font-weight: 400;
font-size: 27px;
line-height: 30px;
margin: 0 0 20px 0;
padding: 0;
color: #7a848e; }
article h4 {
font-weight: 400;
font-size: 20px;
line-height: 26px;
margin: 0 0 20px 0;
padding: 0; }
article h5 {
font-weight: 500;
font-size: 15px;
line-height: 21px;
margin: 0 0 20px 0;
padding: 0;
text-transform: uppercase; }
article h5.title {
font-weight: 500;
font-size: 21px;
line-height: 28px;
margin: 0 0 25px 0;
padding: 0;
text-transform: uppercase;
text-align: center; }
article h6 {
font-weight: 500;
font-size: 16px;
line-height: 24px;
margin: 0 0 5px 0;
padding: 0; }
article p {
font-weight: 400;
font-size: 14px;
line-height: 21px;
margin: 0 0 20px 0;
padding: 0; }
article ul {
list-style-type: square;
margin: 0 0 25px 15px;
padding: 0; }
article ol {
list-style-type: decimal;
margin: 0 0 25px 15px;
padding: 0; }
article ul li, article ol li {
font-weight: 400;
font-size: 14px;
line-height: 21px;
margin: 0 0 4px 15px;
padding: 0 0 0 0; }
article ul li:first-child, article ol li:first-child {
padding-top: 10px; }
article ul.checklist {
list-style-type: none;
margin: 0 0 25px 15px;
padding: 0; }
article ul.checklist li {
font-weight: 400;
font-size: 14px;
line-height: 18px;
margin: 0 0 14px 0;
padding: 0 0 0 25px;
background: url(../images/icon-checkbox.png) top left no-repeat; }
article ul.checklist li:hover {
cursor: pointer; }
article ul.checklist li.checked {
background: url(../images/icon-checkbox-checked.png) top left no-repeat; }
article blockquote {
padding: 3% 3% 2% 3%;
margin: 0 0 15px 0;
background-color: #e9ebec; }
article a.link {
font-weight: 700; }
.contentleft {
display: inline-block;
width: 65%;
margin: 0 -4px 0 0;
padding: 0 3% 2% 0;
text-align: left;
vertical-align: top; }
h5.category {
font-size: 15px;
line-height: 21px;
margin: 0 0 0 0;
padding: 0;
text-transform: uppercase;
font-weight: 700;
color: #abafb4; }
/* Service Headings */
h2.service {
font-weight: 400;
font-size: 34px;
line-height: 38px;
margin: 0 0 5px 0;
padding: 0;
color: #0075c9; }
h2.service span {
font-weight: 700;
color: #dd0031; }
/* ---------------------------------------------------------- */
/* Cotent Tables */
table.two-col, table.three-col {
width: 100%;
margin-bottom: 15px; }
.two-col th, .three-col th {
background-color: #50748a;
padding: 2%;
font-size: 18px;
font-weight: 400;
color: #fff;
text-align: left; }
.two-col td, .three-col td {
background-color: #dfe1e2;
border-bottom: 2px solid #fff;
padding: 2%;
font-size: 14px;
line-height: 18px;
font-weight: 400; }
.two-col th:nth-child(2), .two-col td:nth-child(2), .three-col th:nth-child(2), .three-col th:nth-child(3), .three-col td:nth-child(2), .three-col td:nth-child(3) {
border-left: 2px solid #fff; }
/* ---------------------------------------------------------- */
/* search results */
.results h4 {
font-weight: 400;
font-size: 21px;
line-height: 24px;
margin: 0 0 5px 0 !important;
padding: 0; }
.results p {
font-weight: 400;
font-size: 14px;
line-height: 21px;
margin: 0 0 20px 0;
padding: 0; }
.results p.resultslabel {
font-weight: 500;
font-size: 18px;
line-height: 18px;
margin: 20px 0 0 0;
padding: 10px 0 0 0;
color: #d2d4d4; }
/* ---------------------------------------------------------- */
/* news listing */
ul.newslist {
list-style-type: none;
margin: 0;
padding: 0; }
ul.newslist li {
list-style-type: none;
margin: 0 0 15px 0;
padding: 15px 0 0 0; }
ul.newslist li .fulldate {
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #7d8890;
margin: 0 0 8px 0;
padding: 0; }
ul.newslist li h3 {
font-weight: 400;
font-size: 21px;
line-height: 24px;
margin: 0 0 5px 0;
padding: 0; }
.contentright {
display: inline-block;
width: 25%;
margin: 10px -4px 0 3%;
padding: 0 2% 2% 0;
text-align: left;
vertical-align: top; }
.contentright p {
font-weight: 400;
font-size: 13px;
line-height: 19px;
margin: 0 0 20px 0;
padding: 0;
color: #333d48; }
.contentright .section-menu ul, .contentright .widget ul {
margin: 0 0 15px 0;
padding: 0;
list-style-type: none; }
.contentright .section-menu ul li, .contentright .widget ul li {
margin: 0;
padding: 0; }
.contentright .section-menu ul li a, .contentright .widget ul li a {
display: block;
padding: 3px 10px 4px 0;
margin: 0 0 4px 0;
color: #333d48;
font-size: 12px;
line-height: 18px;
font-weight: 400; }
.contentright .section-menu li ul li a, .contentright .widget li ul li a {
display: block;
padding: 3px 10px 4px 10px;
margin: 0 0 4px 0;
color: #333d48;
text-transform: none;
font-size: 12px;
line-height: 18px;
font-weight: 400; }
.contentright .section-menu ul li a:hover, article .contentright .section-menu li ul li a:hover, .contentright .widget ul li a:hover {
color: #dd0031; }
.contentright .section-menu ul ul ul, .contentright .widget ul ul ul {
margin: 0 0 10px 15px;
padding: 0;
list-style-type: none; }
.contentright .section-menu ul ul ul li a, .contentright .widget ul ul ul li a {
display: block;
padding: 4px 10px 6px 10px;
margin: 0 0 4px 0;
color: #333d48;
font-size: 12px;
line-height: 18px;
font-weight: 400; }
.contentright .widget-title {
padding: 15px 10px 6px 0 !important;
margin: 0 0 10px 0 !important;
color: #455560;
font-size: 16px;
font-style: normal;
font-weight: 500;
text-transform: uppercase;
border-bottom: 2px solid #ebeff2; }
#menu-secondary-learn {
padding: 60px 0 0 0;
width: 100%; }
#menu-secondary-learn ul {
margin: 0 0 5px 0;
padding: 0;
list-style-type: none; }
#menu-secondary-learn li {
margin: 0;
padding: 0;
list-style-type: none; }
#menu-secondary-learn li a {
display: block;
width: 100%;
padding: 3px 0 4px 0;
margin: 0 0 4px 0;
color: #333d48;
font-size: 14px;
line-height: 16px;
font-weight: 400;
text-transform: none; }
#menu-secondary-learn li:first-child a {
font-size: 16px;
line-height: 18px;
text-transform: uppercase;
font-weight: 500;
border-bottom: 2px solid #ebeff2; }
#menu-secondary-learn .sub-menu li a {
display: block;
padding: 3px 0 4px 0;
margin: 0 0 4px 0;
color: #333d48;
text-transform: none;
font-size: 14px;
line-height: 14px;
font-weight: 400;
border-bottom: none !important; }
#menu-secondary-learn li a:hover, #menu-secondary-learn .sub-menu li a:hover {
color: #dd0031; }
#menu-secondary-learn .sub-menu .sub-menu li a {
display: block;
padding: 4px 10px 6px 10px;
margin: 0 0 4px 0;
color: #333d48;
font-size: 14px;
line-height: 14px;
font-weight: 400; }
#menu-secondary-learn li.current_page_item a {
font-weight: 700 !important;
color: #50748a; }
#menu-secondary-learn li.current_page_item .sub-menu a {
font-weight: 400 !important;
color: #333d48; }
article .half {
display: inline-block;
width: 44%;
margin: 0 -4px 0 0;
padding: 0 3% 2% 3%;
text-align: left;
vertical-align: top; }
article .first-half {
display: inline-block;
width: 44%;
margin: 0 -4px 0 0;
padding: 0 3% 2% 3%;
text-align: left;
vertical-align: top; }
article .third {
display: inline-block;
width: 31%;
height: auto;
margin: 0 -4px 0 0;
padding: 0 1% 2% 1%;
text-align: left;
vertical-align: top; }
article .third img {
width: 100%;
height: auto; }
.onecolumn article .quarter, article .contentleft .quarter {
display: inline-block;
width: 20%;
margin: 0 -4px 0 0;
padding: 0 2% 2% 2%;
text-align: left;
vertical-align: top;
border-left: 1px solid #bcbec0 !important; }
article .firstquarter {
display: inline-block;
width: 20%;
margin: 0 -4px 0 0;
padding: 0 2% 2% 2%;
text-align: left;
vertical-align: top;
border-left: 1px solid white; }
/* ---------------------------------------------------------- */
/* Buttons */
a.link:after {
content: '\f105';
display: inline-block;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 6 Pro";
font-size: 18px;
line-height: 18px;
vertical-align: middle;
margin: -2px 0 0 0;
padding: 0 0 0 10px;
font-weight: 400; }
a.btn, a.btn-right {
display: inline-block;
margin: 0;
padding: 10px 20px 10px 20px;
background-color: #dd0031;
color: white;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
a.btn:hover, a.btn-right:hover {
background-color: #0075c9;
color: white; }
a.btn-blue, a.btn-blue-right {
display: inline-block;
margin: 0;
padding: 10px 20px 10px 20px;
background-color: #00609c;
color: #ffffff;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
a.btn-blue:hover, a.btn-blue-right:hover {
background-color: #0075c9;
color: #ffffff; }
a.btn-dark-blue, a.btn-dark-blue-right {
display: inline-block;
margin: 0;
padding: 10px 20px 10px 20px;
background-color: #464f58;
color: #ffffff;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
a.btn-dark-blue:hover, a.btn-dark-blue-right:hover {
background-color: #0075c9;
color: #ffffff; }
article a.btn-right, article a.btn-blue-right, article a.btn-dark-blue-right {
margin-left: 20px; }
article a.btn, article a.btn-blue, article a.btn-dark-blue, article a.btn-right, article a.btn-blue-right, article a.btn-dark-blue-right {
padding: 20px 30px 20px 30px; }
a.btn-white, a.btn-white-right {
display: inline-block;
margin: 0;
padding: 16px 20px 17px 20px;
background-color: #ffffff;
color: #00609c;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
a.btn-white:hover, a.btn-white-right:hover {
background-color: #0075c9;
color: #ffffff; }
/* ---------------------------------------------------------- */
/* Article Forms */
article form input[type="text"], article form input[type="email"] {
display: block;
width: 96%;
height: 30px;
font-size: 13px;
background-color: #efefef;
color: #7d868c;
border: none;
padding: 3px 10px;
margin: 0; }
article form input[type="date"] {
display: block;
font-size: 14px;
line-height: 18px;
background-color: #efefef;
color: #7d868c;
border: none;
padding: 3px 10px;
margin: 0 0 10px 0; }
article form select {
display: block;
width: 100%;
height: 30px;
font-size: 13px;
background-color: #efefef;
color: #7d868c;
border: none;
padding: 5px 10px;
margin: 0; }
article .wpcf7-textarea {
display: block;
width: 97%;
height: 50px;
font-size: 14px;
color: #7d868c;
border: none;
background-color: #efefef;
padding: 3px 10px;
margin-bottom: 2px;
line-height: 18px; }
article form input[type="submit"] {
display: inline-block;
margin: 0 0 10px 0;
padding: 10px 20px 10px 20px;
background-color: #dd0031;
color: white;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
border: none; }
::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #747c81; }
::-moz-placeholder {
/* Firefox 19+ */
color: #747c81; }
:-ms-input-placeholder {
/* IE 10+ */
color: #747c81; }
:-moz-placeholder {
/* Firefox 18- */
color: #747c81; }
article div.wpcf7-mail-sent-ok {
color: #fff;
background-color: #398f14;
padding: 10px; }
article div.wpcf7-mail-sent-ng {
color: #fff;
background-color: #ff0000;
padding: 10px; }
article div.wpcf7-spam-blocked {
color: #fff;
background-color: #ffa500;
padding: 10px; }
article div.wpcf7-validation-errors {
color: #444;
background-color: #f7e700;
padding: 10px; }
/**
* Post/Image/Paging Navigation
* -----------------------------------------------------------------------------
*/
.post-navigation h2, .pagination h2 {
display: none; }
.nav-links {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word; }
.post-navigation,
.image-navigation {
margin: 12px auto 24px;
vertical-align: top;
border-top: 4px solid #ebeff2; }
.post-navigation a,
.image-navigation .previous-image,
.image-navigation .next-image {
padding: 11px 0 12px 0;
width: 100%;
vertical-align: top; }
.post-navigation .meta-nav {
display: block;
color: #767676;
font-size: 14px;
font-weight: 700;
line-height: 21px;
text-transform: uppercase;
vertical-align: top; }
.post-navigation a,
.image-navigation a {
display: block;
padding: 10px 0 25px 0;
font-size: 14px;
line-height: 18px; }
.nav-previous,
.nav-next {
display: inline-block;
width: 45%;
font-size: 14px;
line-height: 18px !important;
text-transform: none;
vertical-align: top;
margin: 0 -4px 0 0;
padding-right: 5%; }
/* Paging Navigation */
.paging-navigation {
border-top: 4px solid #ebeff2;
margin: 48px 0; }
.paging-navigation .loop-pagination {
margin-top: -5px;
text-align: center; }
.paging-navigation {
border-top: 5px solid transparent;
display: inline-block;
font-size: 14px;
font-weight: 900;
margin-right: 1px;
padding: 7px 16px; }
.paging-navigation a {
color: #666666; }
.paging-navigation {
border-top: 5px solid #ee3124; }
.paging-navigation a:hover {
border-top: 5px solid #1996d5;
color: #2b2b2b; }
.page-numbers {
border-top: 4px solid #ebeff2;
display: inline-block;
font-size: 12px;
font-weight: 400;
margin-top: 25px;
margin-right: 1px;
padding: 7px 16px; }
.page-numbers a {
color: #666666; }
.page-numbers.current {
border-top: 4px solid #dd0031; }
.page-numbers a:hover {
border-top: 4px solid #1996d5;
color: #2b2b2b; }
/* ---------------------------------------------------------- */
/* Page Blocks */
#Shell {
max-width: 2400px;
margin: 0 auto;
padding: 0; }
#Page {
position: relative;
z-index: 1000;
top: 0;
left: 0;
background-color: #ffffff;
margin: 0;
padding: 0;
width: 100%; }
#LogoBar {
width: 100%;
height: 80px;
position: fixed;
top: 0;
left: 0;
z-index: 3000;
margin: 0;
padding: 0;
background-color: white;
border-bottom: 4px solid #333e48;
text-align: left;
vertical-align: top; }
#Content {
margin: 0;
padding: 0;
position: absolute;
z-index: 1100;
top: 80px;
left: 0;
width: 100%;
height: auto; }
#Contact {
margin: 0;
padding: 0;
padding-top: 80px; }
/* ---------------------------------------------------------- */
/* Homepage Video Banner */
.billboard-home {
width: 100%;
height: 530px;
overflow: hidden;
position: relative; }
video {
position: absolute;
right: 0;
top: 0;
min-width: 100%;
width: 100%;
height: auto;
z-index: 100;
background-image: url(../images/retail-video-holder.jpg);
background-position: top center;
background-size: cover; }
.video-overlay {
position: absolute;
z-index: 300;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 117, 201, 0.7); }
.banner-wrapper {
width: 90%;
max-width: 1250px;
margin: 0 auto;
padding: 75px 5% 0 5%; }
.banner-left {
display: inline-block;
margin: 0 -4px 0 0;
width: 43%;
padding: 0 5% 0 2%;
text-align: left;
vertical-align: top; }
.banner-panels {
display: inline-block;
margin: 0 -4px 0 0;
width: 50%;
text-align: center;
vertical-align: top; }
a.banner-panel {
position: relative;
z-index: 5;
display: inline-block;
width: 43%;
padding: 25px 1%;
margin: 0 1% 1.75% 0;
background-color: rgba(255, 255, 255, 0.9);
text-align: center;
vertical-align: top; }
a.banner-panel:hover {
background-color: rgba(221, 0, 49, 0.9);
-moz-transition: background-color 0.4s ease-in-out;
-webkit-transition: background-color 0.4s ease-in-out;
-o-transition: background-color 0.4s ease-in-out;
transition: background-color 0.4s ease-in-out; }
a.banner-panel h4 {
font-size: 28px;
line-height: 32px;
font-weight: 400;
font-style: normal;
color: #0075c9;
margin: 0 0 5px 0;
opacity: 1; }
a.banner-panel h4 span {
font-weight: 700;
font-style: normal;
color: #dd0031;
display: block; }
a.banner-panel:hover h4, a.banner-panel:hover h4 span, a.banner-panel:hover p {
color: #e4e4e6;
opacity: 0;
-moz-transition: color 0.2s ease-in-out;
-webkit-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out; }
a.banner-panel hr {
width: 40%;
height: 3px;
margin: 0 auto;
background-color: #d1d3d3;
border: none; }
.extra {
position: absolute;
z-index: 10;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 84%;
height: auto;
opacity: 0;
margin: 0 auto;
padding: 0 8%;
color: #ffffff;
font-weight: 400;
font-style: normal;
font-size: 14px;
line-height: 18px;
text-align: center; }
a.banner-panel:hover > .extra {
opacity: 1;
-moz-transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out; }
.extra img {
display: block;
margin: 5px auto; }
/* ---------------------------------------------------------- */
/* Billboard Solutions Video */
.billboard-solutions {
width: 100%;
height: 400px;
overflow: hidden;
position: relative; }
.billboard-video-overlay {
position: relative;
z-index: 500; }
/* ---------------------------------------------------------- */
/* Big Banner Images */
.billboard-nrf .container {
padding: 6% 8% 4% 8%;
text-align: center;
vertical-align: top; }
.billboard-nrf h1 {
font-size: 32px;
line-height: 38px;
color: #ffffff;
font-weight: 400;
font-style: normal;
margin: 0 0 15px 0;
text-transform: uppercase; }
.billboard-nrf h2 {
font-size: 21px;
line-height: 28px;
color: #ffffff;
font-weight: 400;
font-style: normal;
margin: 0 0 15px 0;
padding: 0 5%; }
.billboard-nrf h3 {
font-size: 21px;
line-height: 28px;
color: #ffffff;
font-weight: 400;
font-style: normal;
margin: 0 0 25px 0;
padding: 0 5%; }
.billboard {
width: 100%;
height: 400px; }
.sol {
height: 350px !important; }
.billboard-two {
width: 100%;
height: 200px; }
.billboard-home h3, .billboard-video-overlay h1, .billboard-video-overlay h3, .billboard-video-overlay h3, .billboard h3, .billboard-two h3 {
font-size: 32px;
line-height: 38px;
color: #ffffff;
font-weight: 400;
font-style: normal;
margin: 0 0 15px 0; }
.billboard h3, .billboard-video-overlay h1, .billboard-video-overlay h3, .billboard-two h3, .billboard p, .billboard-two p {
max-width: 60%; }
.billboard h1 {
width: 100%;
max-width: 60%;
font-size: 32px;
line-height: 38px;
color: #ffffff;
font-weight: 400;
font-style: normal;
margin: 0 0 15px 0; }
.billboard-home h3.dark-grey, .billboard h3.dark-grey, .billboard-two h3.dark-grey {
color: #5c6670; }
.billboard-home p, .billboard p, .billboard-two p {
font-size: 18px;
line-height: 24px;
color: #ffffff;
font-weight: 400;
font-style: normal;
margin: 0 0 20px 0; }
.billboard-home p span {
display: block;
font-size: 14px;
line-height: 24px;
color: #ffffff;
font-weight: 700;
font-style: normal;
margin: 15px 0 20px 0;
text-align: left; }
.billboard-home p.dark-grey, .billboard p.dark-grey, .billboard-two p.dark-grey {
color: #5c6670; }
.billboard-home a.btn, .billboard a.btn, .billboard-two a.btn {
padding: 15px 25px;
margin-right: 20px;
font-weight: 700;
font-style: normal;
font-size: 14px;
line-height: 14px; }
.billboard-home a.btn:hover, .billboard a.btn:hover, .billboard-two a.btn:hover {
background-color: #333e48;
color: white; }
.billboard img {
float: right;
padding-right: 3%; }
.headline-b {
background-color: #e4e4e6;
margin-bottom: 2%; }
.headline-b h2 {
font-size: 28px;
line-height: 34px;
font-weight: 400;
font-style: normal;
margin: 3% 0 0 0;
width: 60%; }
.subtitle h1 {
font-size: 28px;
line-height: 34px;
color: #ffffff;
font-weight: 400;
font-style: normal;
margin: 0; }
.subtitle p {
font-size: 18px;
line-height: 24px;
font-weight: 400;
font-style: normal;
color: #ffffff;
margin: 0; }
.introduction {
margin-bottom: 3%; }
.introduction p {
font-size: 15px;
line-height: 21px;
font-weight: 400;
font-style: normal; }
/* ---------------------------------------------------------- */
/* Logo Bar */
#LogoBar .logo {
display: inline-block;
padding: 22px 0 0 2%;
width: 100%;
max-width: 180px; }
/* ---------------------------------------------------------- */
/* Menu in Utility Bar */
.toplinks {
width: 100%;
text-align: right;
vertical-align: top;
margin: 2px 0 0 0;
padding: 0; }
/* Hack FF */
@-moz-document url-prefix() {
.toplinks {
margin: 0 0 0 0; } }
.toplinks li {
display: inline-block;
margin: 5px -4px 0 0;
padding: 0 8px 0 8px;
text-align: center;
vertical-align: top;
font-size: 11px;
line-height: 11px;
font-weight: 400;
font-style: normal;
color: #5c6670;
border-right: 1px solid #5c6670; }
.toplinks li:last-of-type {
margin-right: 14px;
border-right: 0px solid white; }
.toplinks li span {
display: inline; }
.toplinks li a {
color: #5c6670; }
.toplinks li a:hover {
color: #dd0031; }
/* ---------------------------------------------------------- */
/* Main Menu */
#MainLinks {
display: inline-block;
width: 64%;
z-index: 3000;
margin: 0;
padding: 0 0 0 0;
text-align: right;
vertical-align: top; }
/* ---------------------------------------------------------- */
/* UberMenu */
.ubermenu-item-level-0 {
font-size: 18px;
line-height: 24px;
font-weight: 400;
font-style: normal; }
.ubermenu-custom-content h3 {
font-size: 18px;
line-height: 24px;
font-weight: 400;
font-style: normal;
margin: 0 0 10px 0;
padding: 0; }
.ubermenu-custom-content h4 {
font-size: 13px;
line-height: 18px;
font-weight: 400;
font-style: normal;
margin: 0 0 10px 0;
padding: 0; }
.ubermenu-custom-content h5 {
font-size: 14px;
line-height: 21px;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
margin: 0;
padding: 0; }
.ubermenu-custom-content p {
font-size: 13px;
line-height: 18px;
font-weight: 400;
font-style: normal;
margin: 0 0 10px 0;
padding: 0; }
.ubermenu-custom-content img {
width: 100%;
height: auto; }
.ubermenu .ubermenu-colgroup .ubermenu-column, .ubermenu .ubermenu-custom-content-padded, .ubermenu .ubermenu-nonlink, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-submenu-padded, .ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target, .ubermenu .ubermenu-target, .ubermenu .ubermenu-widget, .ubermenu-responsive-toggle {
padding: 16px 20px; }
.ubermenu-main .ubermenu-submenu.ubermenu-submenu-drop {
margin-top: 2px !important;
border: none !important;
border-top: 4px solid #dd0031 !important; }
.ubermenu-skin-flat-blue .ubermenu-submenu.ubermenu-submenu-drop {
font-size: 14px !important; }
.ubermenu-submenu.ubermenu-submenu-drop .ubermenu-target {
padding: 10px 20px !important; }
/* ---------------------------------------------------------- */
/* Connect Menu */
#SupportLinks {
position: absolute;
top: 0;
right: 2%;
margin: 0;
padding: 0;
text-align: left;
vertical-align: top;
z-index: 4500;
display: flex;
flex-wrap: nowrap; }
#SupportLinks ul {
margin: 0;
padding: 0;
text-align: left;
vertical-align: top; }
#SupportLinks ul li {
float: left;
position: relative;
z-index: 4500;
margin: 0;
padding: 0;
list-style-type: none; }
#SupportLinks li a {
display: block;
padding: 28px 20px 14px 20px;
margin: 0;
color: #ffffff;
background-color: #dd0031;
font-weight: 500;
font-size: 14px;
line-height: 18px;
text-transform: uppercase; }
#SupportLinks li:hover {
background-color: #702077; }
#SupportLinks li:hover a {
color: white; }
#SupportLinks ul.curtain {
width: 500px;
padding: 0;
display: none;
margin: 10px 0 0 10px;
top: 50px;
right: 0px;
position: absolute;
background-color: #e4e4e6;
border-top: 8px solid #dd0031;
z-index: 4500;
text-align: left;
vertical-align: top; }
#SupportLinks li:hover > ul.curtain {
display: block; }
#SupportLinks ul.curtain li {
width: 200px;
display: inline-block;
float: none;
padding: 0 20px 5px 20px;
margin: 15px 0 15px 0;
text-align: left;
vertical-align: top;
border-left: 2px solid #00609c;
font-weight: 400;
font-size: 12px; }
#SupportLinks a#cta_button_3454475_4e5e9652-e4c1-49d5-9c73-91fd44fcdd3d {
width: 54px;
display: block;
font-size: 12px;
line-height: 14px;
font-weight: 500;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-family: "roboto", sans-serif;
background: #dd0031;
color: white;
text-shadow: 0px 0px #01273a;
border: 0px solid white;
padding: 30px 20px 12px 16px;
margin: 0 auto;
white-space: break-spaces !important; }
#SupportLinks .labor-partners-link a {
display: inline-block;
font-size: 12px;
line-height: 14px;
font-weight: 500;
text-align: center;
text-decoration: none;
text-transform: uppercase;
background: #3dae2b;
color: white;
padding: 16px 20px 12px 20px;
margin-left: 10px;
width: 50px; }
#SupportLinks .labor-partners-link a:hover, #SupportLinks a#cta_button_3454475_4e5e9652-e4c1-49d5-9c73-91fd44fcdd3d:hover {
background-color: #058fd7; }
#SupportLinks ul.curtain li:first-child {
border-left: none !important;
width: 200px; }
#SupportLinks ul.curtain li:hover {
border-bottom: none !important;
background-color: rgba(255, 255, 255, 0); }
#SupportLinks ul.curtain li a {
height: auto;
width: auto;
white-space: nowrap;
text-align: left;
margin: 0 0 0 0;
padding: 10px 10px 10px 10px;
text-transform: none;
font-size: 12px; }
#SupportLinks .curtain p {
font-size: 12px;
line-height: 16px;
margin: 0 0 10px 0;
padding: 0; }
#SupportLinks .curtain h4 {
font-size: 16px;
line-height: 21px;
font-weight: 400;
margin: 0 0 5px 0;
padding: 0; }
#SupportLinks ul.curtain li a.btn {
display: inline-block;
margin: 0 0 20px 0;
padding: 10px 20px 10px 20px;
background-color: #dd0031;
color: white;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
#SupportLinks ul.curtain li a.btn:hover {
background-color: #0075c9;
color: white; }
#SupportLinks form {
width: 200px; }
#SupportLinks form input[type="text"], #SupportLinks form input[type="email"] {
display: block;
width: 96%;
height: 20px;
font-size: 12px;
background-color: #efefef;
color: #7d868c;
border: none;
padding: 3px 10px;
margin: 0; }
#SupportLinks .wpcf7-textarea {
display: block;
width: 97%;
height: 50px;
font-size: 12px;
color: #7d868c;
border: none;
background-color: #efefef;
padding: 3px 10px;
margin-bottom: 2px; }
#SupportLinks form input[type="submit"] {
display: inline-block;
margin: 0 0 10px 0;
padding: 10px 20px 10px 20px;
background-color: #dd0031;
color: white;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
border: none; }
::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #747c81; }
::-moz-placeholder {
/* Firefox 19+ */
color: #747c81; }
:-ms-input-placeholder {
/* IE 10+ */
color: #747c81; }
:-moz-placeholder {
/* Firefox 18- */
color: #747c81; }
#SupportLinks div.wpcf7-mail-sent-ok {
color: #fff;
background-color: #398f14;
padding: 10px; }
#SupportLinks div.wpcf7-mail-sent-ng {
color: #fff;
background-color: #ff0000;
padding: 10px; }
#SupportLinks div.wpcf7-spam-blocked {
color: #fff;
background-color: #ffa500;
padding: 10px; }
#SupportLinks div.wpcf7-validation-errors {
color: #444;
background-color: #f7e700;
padding: 10px; }
/* ---------------------------------------------------------- */
/* BreadCrumb and Tagline */
.crumb-tagline {
position: fixed;
top: 80px;
left: 0;
width: 100%;
min-height: 32px;
z-index: 2500;
margin: 0;
padding: 8px 0 0 0;
background-color: rgba(92, 102, 112, 0.8); }
/* Breadcrumbs */
.breadcrumbs {
display: inline-block;
width: 48%;
margin: 0 -4px 0 0;
padding: 3px 0 3px 2%;
font-weight: 500;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
color: #d1d3d3; }
.breadcrumbs a {
color: #d1d3d3;
text-decoration: none;
outline: 0;
padding: 0 5px; }
.breadcrumbs a:visited {
color: #d1d3d3;
text-decoration: none;
outline: 0; }
.breadcrumbs a:hover, .breadcrumbs a:visited:hover {
color: #ffffff;
text-decoration: none;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
outline: 0; }
/* tagline */
.tagline {
display: inline-block;
width: 48%;
margin: 0 -4px 0 0;
padding: 5px 2% 5px 0;
font-size: 12px;
line-height: 16px;
font-weight: 500;
color: #d1d3d3;
text-transform: uppercase;
text-align: right;
vertical-align: top; }
/* ---------------------------------------------------------- */
/* Content Blocks */
.service-panels {
width: 100%;
box-shadow: 0px 2px 4px rgba(125, 125, 125, 0.5);
margin-bottom: 4%; }
a.service-panel {
width: 25%;
padding: 2% 4% 1% 4%;
display: table-cell;
background-color: #ffffff;
text-align: center;
vertical-align: top; }
a.service-panel:nth-child(odd) {
width: 25%;
display: table-cell;
background-color: #ededed; }
a.service-panel:hover {
background-color: #333e48;
-moz-transition: background-color 0.4s ease-in-out;
-webkit-transition: background-color 0.4s ease-in-out;
-o-transition: background-color 0.4s ease-in-out;
transition: background-color 0.4s ease-in-out; }
a.service-panel h4 {
font-size: 28px;
line-height: 32px;
font-weight: 400;
font-style: normal;
color: #0075c9;
margin: 0 0 15px 0;
height: 96px; }
a.service-panel h4 span {
font-weight: 700;
font-style: normal;
color: #dd0031;
display: block; }
a.service-panel p {
font-size: 15px;
line-height: 21px;
font-weight: 400;
font-style: normal;
color: #7d868c; }
a.service-panel:hover h4, a.service-panel:hover h4 span, a.service-panel:hover p {
color: #e4e4e6;
-moz-transition: color 0.2s ease-in-out;
-webkit-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out; }
a.service-panel hr {
width: 40%;
height: 3px;
margin: 0 auto;
background-color: #d1d3d3;
border: none; }
.more {
display: block;
width: 45%;
opacity: 0;
margin: 15px auto;
padding: 10px;
background-color: #e4e4e6;
color: #333e48;
font-weight: 400;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase; }
a.service-panel:hover .more {
opacity: 1;
-moz-transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out; }
/* New Homepage Billboard - Added 09-18 */
#Billboard .wrapper {
position: relative;
z-index: 10; }
#Billboard .row-block {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
height: 530px; }
#Billboard .row-block .item {
display: flex;
margin: auto;
position: relative;
flex: 1;
text-align: center;
color: white;
transition: 0.3s;
max-width: 25%;
height: 100%;
min-width: 10%;
z-index: 20; }
#Billboard .row-block .item:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center center;
z-index: -1; }
#Billboard .row-block .item:nth-of-type(1):before {
background-color: rgba(0, 0, 0, 0.2); }
#Billboard .row-block .item:nth-of-type(2):before {
background-color: rgba(0, 0, 0, 0); }
#Billboard .row-block .item:nth-of-type(3):before {
background-color: rgba(0, 0, 0, 0.2); }
#Billboard .row-block .item:nth-of-type(4):before {
background-color: rgba(0, 0, 0, 0); }
#Billboard .row-block .item:nth-of-type(1):hover:before {
background-image: url("../images/billboard-bg-deployment.jpg"); }
#Billboard .row-block .item:nth-of-type(2):hover:before {
background-image: url("../images/billboard-bg-security.jpg"); }
#Billboard .row-block .item:nth-of-type(3):hover:before {
background-image: url("../images/billboard-bg-wireless.jpg"); }
#Billboard .row-block .item:nth-of-type(4):hover:before {
background-image: url("../images/billboard-bg-managed.jpg"); }
#Billboard .row-block .item:hover {
transition: 0.5s;
max-width: 40% !important;
flex-grow: 2;
color: #fff; }
#Billboard .row-block .item:hover p {
-webkit-transform: none;
transform: none;
transition: 0.3s;
opacity: 1; }
#Billboard .row-block .content {
margin: auto; }
#Billboard .row-block p {
-webkit-transform: translateY(120%);
transform: translateY(120%);
opacity: 0;
font-size: 14px;
font-weight: 400; }
#Billboard .row-block p a {
padding: 10px 20px;
color: rgba(0, 0, 0, 0.8);
background-color: rgba(255, 255, 255, 0.8);
font-size: 14px;
line-height: 14px;
text-decoration: none;
margin: 0; }
#Billboard .row-block p a:hover {
padding: 10px 20px;
color: rgba(0, 0, 0, 0.8);
background-color: white;
font-size: 14px;
line-height: 14px;
text-decoration: none;
margin: 0; }
#Billboard .row-block h3 {
font-family: "roboto",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 34px;
margin-bottom: 20px; }
#Billboard .row-block h3 img {
display: block;
width: 50px;
height: auto;
margin: 0 auto 15px auto; }
/* NRF 2019 Promo - Added 12-18 */
.nrf-promo {
background-image: url(../images/nrfpromo-bg-left.jpg);
background-repeat: no-repeat;
background-size: auto 100%;
background-color: #40ac35;
position: relative;
overflow-x: hidden;
min-height: 100px; }
.nrf-promo .rightbg {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 300px;
background-image: url(../images/nrfpromo-bg-right.jpg);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: top right;
background-color: #40ac35; }
.nrf-promo-left {
display: inline-block;
width: 10%;
margin: 0 -4px 0 0;
padding: 0;
text-align: center;
vertical-align: middle;
position: relative; }
.nrf-promo-left img {
display: block;
width: 90%;
height: auto;
margin: 0 auto;
padding: 0; }
.nrf-promo-center {
display: inline-block;
margin: 0 -4px 0 0;
padding: 24px 2%;
width: 66%;
text-align: left;
vertical-align: middle; }
.nrf-promo h3 {
color: white;
margin: 0;
padding: 0;
font-size: 24px;
line-height: 32px;
font-weight: 700;
font-style: normal; }
.nrf-promo h4 {
color: white;
margin: 0;
padding: 0;
font-size: 16px;
line-height: 21px;
font-weight: 700;
font-style: normal; }
.nrf-promo-right {
display: inline-block;
margin: 0 -4px 0 0;
padding: 0;
width: 20%;
text-align: center;
vertical-align: middle; }
.nrf-promo-right a, .nrf-promo-right a:hover {
display: inline-block;
width: 80%;
max-width: 150px;
border: 1px solid white;
margin-top: 4px;
padding: 8px 16px;
color: white;
text-align: center;
font-size: 14px;
line-height: 18px;
font-weight: 700;
text-transform: uppercase; }
/* IFA Promo - Added 1-2020 */
.ifa-promo {
background-image: url(../images/ifa-promo-bg.png);
background-repeat: no-repeat;
background-size: auto 100%;
background-color: #032748;
position: relative;
overflow-x: hidden; }
.ifa-promo-container {
width: 100%;
margin: 0 auto;
padding: 0;
display: flex; }
.ifa-promo-left {
width: 10%;
height: 100%;
align-self: center;
margin: 0;
padding: 20px 4%;
text-align: center;
vertical-align: middle; }
.ifa-promo-left img {
display: block;
width: 90%;
height: auto;
margin: 0 auto;
padding: 0; }
.ifa-promo-center {
margin: 0;
padding: 0;
width: 62%;
height: 100%;
align-self: center;
text-align: left;
vertical-align: middle; }
.ifa-promo h3 {
color: white;
margin: 0;
padding: 0;
font-size: 24px;
line-height: 32px;
font-weight: 700;
font-style: normal; }
.ifa-promo h4 {
color: white;
margin: 0;
padding: 0;
font-size: 16px;
line-height: 21px;
font-weight: 700;
font-style: normal; }
.ifa-promo-right {
background-image: url(../images/ifa-promo-bg-right.png);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: top left;
margin: 0;
padding: 20px 4%;
width: 12%;
text-align: center;
vertical-align: middle;
display: flex; }
.ifa-promo-right a, .ifa-promo-right a:hover {
width: 80%;
max-width: 175px;
margin-top: 4px;
padding: 8px 16px;
color: white;
text-align: center;
font-size: 14px;
line-height: 18px;
font-weight: 700;
text-transform: uppercase;
align-self: center; }
/* Home Promo - Added 2-19 */
.home-promo {
background-image: url(../images/homepromo-bg-left.jpg);
background-repeat: no-repeat;
background-size: auto 100%;
background-color: #dd0031;
position: relative;
overflow-x: hidden;
min-height: 100px; }
.home-promo .rightbg {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 300px;
background-image: url(../images/homepromo-bg-right.jpg);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: top right;
background-color: #dd0031; }
.home-promo-left {
display: inline-block;
width: 10%;
margin: 0 -4px 0 0;
padding: 0;
text-align: center;
vertical-align: middle;
position: relative; }
.home-promo-left img {
display: block;
width: 40%;
height: auto;
margin: 0 auto;
padding: 0; }
.home-promo-center {
display: inline-block;
margin: 0 -4px 0 0;
padding: 24px 2%;
width: 66%;
text-align: left;
vertical-align: middle; }
.home-promo h3 {
color: white;
margin: 0;
padding: 0;
font-size: 24px;
line-height: 32px;
font-weight: 700;
font-style: normal; }
.home-promo h4 {
color: white;
margin: 0;
padding: 0;
font-size: 16px;
line-height: 21px;
font-weight: 700;
font-style: normal; }
.home-promo-right {
display: inline-block;
margin: 0 -4px 0 0;
padding: 0;
width: 20%;
text-align: center;
vertical-align: middle; }
.home-promo-right a, .home-promo-right a:hover {
display: inline-block;
width: 80%;
max-width: 150px;
border: 1px solid white;
margin-top: 4px;
padding: 8px 16px;
color: white;
text-align: center;
font-size: 14px;
line-height: 18px;
font-weight: 700;
text-transform: uppercase; }
/* Partner Spotlight on Homepage - Added 02-20 */
.partner-spotlight-top {
width: 100%;
height: 10px;
margin: 0;
background-color: #222222; }
.partners-spotlight {
width: 100%;
max-width: 1200px;
margin: 0 auto 2% auto; }
.partner-spotlight {
width: 100%;
max-width: 1200px;
margin: 0 auto 2% auto;
padding: 3% 5% 0 5%;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center; }
.partner-spotlight .half {
display: block;
width: 45%;
padding: 0 2.5%; }
a.partner-spotlight-tab, a.partner-spotlight-tab:visited {
display: inline-block;
background-color: #004d71;
color: white;
padding: 0 0 0 14px;
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
margin-bottom: 0px; }
a.partner-spotlight-tab::after {
background-color: #dd0031;
content: '\f105';
display: inline-block;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 6 Pro";
font-size: 14px;
line-height: 14px;
font-weight: 400;
margin: -2px 0 0 12px;
padding: 12px 14px 12px 14px;
color: white; }
a.partner-spotlight-tab:hover, a.partner-spotlight-tab:visited:hover {
color: white;
background-color: #dd0031; }
.partner-spotlight h4 {
font-size: 28px;
line-height: 32px;
color: #0074c8;
margin-bottom: 4px; }
.partner-spotlight p {
font-size: 21px;
line-height: 32px;
color: #333e48; }
.partner-spotlight a.link {
font-size: 14px; }
.partner-spotlight a.link::after {
font-size: 14px;
vertical-align: baseline; }
.partner-spotlight div:nth-of-type(2) img {
display: block;
width: 100%;
height: auto; }
.partner-spotlight-divider {
width: 100%;
height: 66px;
margin: 0 auto;
background: url(../images/partner-spotlight-divider.jpg) top right no-repeat;
background-size: 100% 100%; }
/* White Homepage Panel - Added 09-18 */
.elevator {
padding: 4% 5% 6% 5%;
text-align: center;
vertical-align: top;
background-color: #e4e4e6; }
.elevator h1 {
font-size: 28px;
line-height: 42px;
font-weight: 400;
font-style: normal;
margin: 0 0 40px 0; }
.elevator h2 {
font-size: 48px;
line-height: 56px;
font-weight: 700;
font-style: normal;
color: #004d71;
text-transform: uppercase;
margin: 0; }
.elevator h3 {
font-size: 36px;
line-height: 48px;
font-weight: 400;
font-style: normal;
color: #0075c9;
text-transform: uppercase;
margin: 0; }
.elevator h4 {
font-size: 28px;
line-height: 45px;
font-weight: 400;
font-style: normal;
color: #0075c9;
padding-top: 30px;
margin: 0 0 20px 0; }
.elevator h6 {
font-size: 18px;
line-height: 26px;
font-weight: 400;
font-style: normal;
margin: 0 4% 45px 0; }
.elevator a.btn {
padding: 15px 45px;
font-weight: 700;
font-style: normal;
font-size: 14px;
line-height: 14px; }
.clientlogos {
margin: 0 auto;
padding: 3% 0 0 0;
text-align: center;
vertical-align: top; }
.clientlogos img {
width: 100%;
max-width: 800px;
height: auto; }
.difference {
border-top: 1px solid #cfd1d2;
border-bottom: 1px solid #cfd1d2;
margin: 3% 0; }
.difference .half {
width: 40%;
margin: 0 -5px 0 0;
border-right: 1px solid #cfd1d2;
padding: 5%;
text-align: left;
vertical-align: top; }
.difference .half:last-of-type {
margin: 0 -5px 0 0;
border-right: 0px;
padding: 5%;
text-align: left;
vertical-align: top; }
.difference .half p {
font-size: 15px;
line-height: 21px; }
.difference .half img {
display: block;
width: 60%;
height: auto;
margin: 0 auto; }
/* Green Homepage Panel - Added 09-18 */
.green-panel {
padding: 4% 0 1% 0;
background-color: #3dae2b;
color: white;
text-align: center;
vertical-align: top; }
.green-panel h5.title {
color: white;
margin-bottom: 40px; }
.green-panel .third {
text-align: center; }
.green-panel .third img {
width: 60%;
height: auto;
border-radius: 50%; }
.green-panel .third h6 {
color: white;
margin-bottom: 0; }
.green-panel .third p {
color: white;
padding-left: 10px;
padding-right: 10px; }
.green-panel .third a.link, .green-panel .third a.link:visited {
color: rgba(255, 255, 255, 0.8);
font-weight: 400; }
.green-panel .third a.link:hover, .green-panel .third a.link:visited:hover {
color: white;
font-weight: 400; }
/* ------------------------------------- */
/* 2020 HOMEPAGE Rebuild - Added 03-20 */
/* Hubspot Blog Posts Feed - Added 03-20 */
.stat-panel {
padding: 4%;
background-color: #ffffff; }
.stat-connector {
position: absolute;
z-index: 400;
top: 119px;
left: auto;
width: 70%;
height: 1px;
background: url("../images/connector.svg") center center repeat-x; }
.stat-element {
position: relative;
display: flex;
flex-wrap: nowrap;
width: 100%;
margin: 0 auto;
justify-content: center; }
.stat-wrapper {
display: flex;
flex-basis: 25%;
justify-content: center;
align-items: center;
align-self: flex-start; }
.stat {
position: relative;
z-index: 500;
flex-basis: 240px;
height: auto;
margin: 0 2.5%;
background: url("../images/circle.svg") top center no-repeat;
background-size: 100% auto;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
color: #fff; }
.stat-content {
margin: 20px auto;
width: 200px;
height: 200px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 32px; }
.stat-content span {
font-size: 14px;
margin-top: -10%; }
.stat-wrapper:nth-of-type(1) div.stat-content {
background-color: #004d71; }
.stat-wrapper:nth-of-type(2) div.stat-content {
background-color: #3dae2b; }
.stat-wrapper:nth-of-type(3) div.stat-content {
background-color: #0482c4; }
.stat-wrapper:nth-of-type(4) div.stat-content {
background-color: #ec1d4d; }
.stat-descriptor {
margin-top: 40px;
text-align: center;
font-size: 16px;
line-height: 24px;
color: #5b6670; }
/* ------------------------------------- */
/* 2020 HOMEPAGE Adjustments - Added 08-20 */
article .home-intro h1 {
font-size: 26px;
line-height: 36px;
color: #0075c9; }
article .home-intro h2 {
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin: 0;
padding: 0; }
.mcsignup {
background-color: #e4e4e6;
padding: 3%;
text-align: left;
vertical-align: top; }
.mcsignup h4 {
padding: 0 0 15px 0;
border-bottom: 2px solid #ffffff; }
.mcsignup .copy {
display: inline-block;
width: 62%;
margin: 0 -4px 0 0;
padding: 0 3% 0 0;
text-align: left;
vertical-align: top; }
.mcsignup .homeform {
display: inline-block;
width: 32%;
margin: 0 -4px 0 0;
padding: 0 3% 0 0;
text-align: left;
vertical-align: top; }
/* Secondary Pages */
.bg-dark-blue .top-quote p {
color: #ffffff; }
.bg-dark-blue p, .bg-dark-blue-two p {
color: #ffffff;
padding: 0;
font-size: 18px;
line-height: 24px; }
.lower-blue {
color: #ffffff; }
.lower-blue a.btn-dark-blue:hover {
background-color: #ffffff;
color: #0075c9; }
.lower-blue h6 {
font-size: 28px;
line-height: 36px;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
margin: 0 0 20px 0;
padding: 0; }
.lower-blue img {
width: 80%;
height: auto; }
/* White Content on Colored Backgrounds */
article .white-content a.link {
color: rgba(255, 255, 255, 0.9); }
article .white-content a.link:hover {
color: white; }
article .white-content p {
color: #ffffff;
padding: 0 3% 0 0;
font-size: 16px;
line-height: 24px; }
/* White Content on Colored Backgrounds */
.four-icons-w-copy {
display: flex;
flex-wrap: nowrap;
list-style-type: none;
margin: 3% auto 3% auto;
padding: 0; }
.four-icons-w-copy li {
flex-basis: 20%;
margin: 20px 0 20px 0;
padding: 10px 2.5%;
border-left: 2px solid #efefef;
font-size: 16px;
line-height: 21px; }
.four-icons-w-copy li:first-child {
padding: 10px 2.5%;
border-left: 2px solid rgba(255, 255, 255, 0); }
.four-icons-w-copy li img {
width: 40%;
height: auto;
margin: 0 auto 20px auto;
display: block; }
.white-icons-w-copy {
display: flex;
flex-wrap: nowrap;
list-style-type: none;
margin: 3% auto 3% auto;
padding: 0; }
.white-icons-w-copy li {
flex-grow: 1;
margin: 20px 0 20px 0;
padding: 10px 2.5%;
border-left: 1px solid rgba(255, 255, 255, 0.5);
font-size: 16px;
line-height: 21px;
color: rgba(255, 255, 255, 0.75);
text-align: center; }
.white-icons-w-copy li:first-child {
padding: 10px 2.5%;
border-left: 1px solid rgba(255, 255, 255, 0); }
.white-icons-w-copy li img {
width: 40%;
max-width: 80px;
height: auto;
margin: 0 auto 20px auto;
display: block; }
/* Case Study Panel */
.casestudy {
background-color: #0075c9; }
.casestudy .half-cell h3 {
font-weight: 400;
font-size: 28px;
line-height: 34px;
margin: 0 0 15px 0;
padding: 5% 5% 0 5%;
color: #ffffff;
text-transform: uppercase; }
.casestudy .half-cell h4 {
font-weight: 400;
font-size: 24px;
line-height: 28px;
margin: 0 0 15px 0;
padding: 0 5% 0 5%;
color: #ffffff; }
.casestudy .half-cell p {
font-weight: 400;
font-size: 15px;
line-height: 21px;
margin: 0 0 15px 0;
padding: 0 5% 0 5%;
color: #ffffff; }
.casestudy a.btn-dark-blue:hover {
background-color: #ffffff;
color: #0075c9; }
/* Top Quote Panel */
.top-quote p {
font-size: 14px;
text-align: right; }
.top-quote p:first-of-type {
font-size: 21px;
line-height: 32px;
color: #5c6670;
text-align: left; }
/* TSC Panel */
.tsc {
background-color: #e4e4e6; }
.tsc .half-cell h4 {
font-weight: 400;
font-size: 24px;
line-height: 28px;
margin: 0 0 15px 0;
padding: 5% 5% 0 5%;
color: #0075c9; }
.tsc .half-cell p {
font-weight: 400;
font-size: 15px;
line-height: 21px;
margin: 0 0 15px 0;
padding: 0 5% 0 5%; }
/* bordered cards */
.cards {
display: table;
border-collapse: separate;
border-spacing: 10px; }
.card {
display: table-cell;
width: 33%;
height: auto;
margin: 0;
padding: 0;
text-align: left;
vertical-align: top;
border: 1px solid #cecece;
background-color: white; }
.cardcontent img {
width: 100%;
height: auto; }
.cardcontent h4 {
padding: 0 5%; }
.cardcontent p {
padding: 0 5%; }
.awards-card {
width: 100%;
height: auto;
margin: 10px auto;
padding: 0;
text-align: left;
vertical-align: top;
border: 1px solid #cecece;
background-color: white; }
.award-cards {
display: block;
text-align: center;
vertical-align: top;
border-bottom: 1px solid #cecece;
background-color: white; }
.award-cards div {
width: 100%;
min-height: 236px; }
.award-cards strong {
display: block;
text-align: center;
margin: 10px auto;
font-size: 14px;
line-height: 21px;
font-weight: 700;
color: #0075c9; }
.award-cards img {
width: 100%;
height: auto;
display: block; }
.awards-copy {
padding: 20px; }
.awards-copy h6 {
font-weight: 700;
font-size: 14px;
line-height: 21px;
margin: 0 0 4px 0;
color: #0075c9; }
.awards-copy p {
font-weight: 400;
font-size: 14px;
line-height: 18px;
margin: 0 0 0 0; }
/* Accordian */
#accordian .acc-panel {
margin: 0 0 10px 0;
padding: 0;
height: auto;
overflow: hidden; }
#accordian h3 {
display: block;
position: relative;
font-size: 18px;
line-height: 1.5em;
text-transform: uppercase;
padding: 10px 0 10px 10px;
margin: 0 0 10px 0;
background-color: #e4e4e6; }
.job-openings #accordian h3 {
text-transform: none;
background-color: #ffffff;
border-bottom: 1px solid #e4e4e6; }
#accordian h3 strong {
color: #0083c6;
font-weight: normal; }
#accordian h3:hover {
cursor: pointer; }
.job-openings #accordian h3:hover, .job-openings #accordian h3.active {
color: #0083c6; }
#accordian .acc-content {
display: none;
margin: 0;
padding: 0 0 3% 0;
overflow: hidden; }
#accordian .acc-content p {
display: inline-block;
text-align: left;
vertical-align: top;
padding: 10px 4% 10px 2%;
margin: 0;
font-size: 14px;
line-height: 19px;
color: #6d6e71; }
#accordian .icon {
width: 18px;
height: 18px;
color: #0075c9;
position: absolute;
top: 12px;
right: 12px;
-webkit-transition: all 200ms ease 0s;
-moz-transition: all 200ms ease 0s;
transition: all 200ms ease 0s;
transform: rotate(0deg) perspective(1px) scale(1);
text-align: center;
vertical-align: middle;
margin: 0;
padding: 0;
font-family: Helvetica, Arial, sans-serif;
font-size: 21px;
line-height: 21px;
font-weight: normal; }
#accordian .active .icon {
margin: 0;
padding: 0;
font-size: 21px;
line-height: 21px;
font-weight: normal;
color: #dd0031;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg) perspective(1px) scale(1); }
/* Solutions Accordian */
#solutionAccordian .acc-panel {
display: inline-block;
width: 47%;
margin: 0 20px 20px 0;
padding: 0;
height: auto;
overflow: hidden;
background-color: #004d71;
vertical-align: top; }
#solutionAccordian h3 {
display: block;
position: relative;
min-height: 35px;
font-size: 18px;
line-height: 21px;
padding: 30px 25px 10px 80px;
margin: 0 0 10px 0;
color: #ffffff;
vertical-align: middle; }
/* #panel3 h3 {
padding: 20px 25px 10px 80px;
min-height: 45px;
} */
#solutionAccordian h3 strong {
color: #ffffff;
font-weight: normal; }
#solutionAccordian h3:hover {
cursor: pointer; }
#solutionAccordian .acc-content {
display: none;
margin: 0;
padding: 0 0 3% 0;
overflow: hidden; }
#solutionAccordian .acc-content p {
display: inline-block;
text-align: left;
vertical-align: top;
padding: 10px 5% 10px 5%;
margin: 0;
font-size: 14px;
line-height: 19px;
color: #ffffff; }
#solutionAccordian .badge {
width: 60px;
height: 60px;
color: #ffffff;
position: absolute;
top: 12px;
left: 12px; }
#panel1 .badge {
background-image: url(../images/ps-badges.svg);
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: 360px 60px; }
#panel2 .badge {
background-image: url(../images/ps-badges.svg);
background-position: -60px 0px;
background-repeat: no-repeat;
background-size: 360px 60px; }
#panel3 .badge {
background-image: url(../images/ps-badges.svg);
background-position: -120px 0px;
background-repeat: no-repeat;
background-size: 360px 60px; }
#panel4 .badge {
background-image: url(../images/ps-badges.svg);
background-position: -180px 0px;
background-repeat: no-repeat;
background-size: 360px 60px; }
#panel5 .badge {
background-image: url(../images/ps-badges.svg);
background-position: -240px 0px;
background-repeat: no-repeat;
background-size: 360px 60px; }
#panel6 .badge {
background-image: url(../images/ps-badges.svg);
background-position: -300px 0px;
background-repeat: no-repeat;
background-size: 360px 60px; }
#solutionAccordian .icon {
width: 30px;
height: 30px;
color: #ffffff;
position: absolute;
top: 24px;
right: 12px;
-webkit-transition: all 400ms ease 0s;
-moz-transition: all 400ms ease 0s;
transition: all 400ms ease 0s;
transform: rotate(0deg) perspective(1px) scale(1);
text-align: center;
vertical-align: middle;
margin: 0;
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 400; }
#solutionAccordian .active .icon {
margin: 0;
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 400;
color: #ffffff;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg) perspective(1px) scale(1); }
/* Industries Tabs */
.industry-tabs {
width: 100%;
background-color: #004d71;
margin: 0;
padding: 2% 0 0 0;
position: relative;
z-index: 500; }
.tabs {
text-align: left;
margin: 0;
padding: 0; }
.tabs li {
list-style: none;
display: inline;
margin: 0 20px 0 0;
padding: 0; }
.tabs a {
padding: 0 10px 10px 10px;
display: inline-block;
color: #e4e4e6;
text-decoration: none;
outline: 0;
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
border-bottom: 5px solid #004d71;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear; }
.tabs a:hover {
color: #ffffff;
text-decoration: none;
border-bottom: 5px solid #ffffff; }
.tabs a.active {
border-bottom: 5px solid #eb1d4d; }
.industry {
width: 100%;
background-color: #e4e4e6;
margin: 0;
padding: 3% 0 2% 0; }
#industries {
position: relative;
width: 100%;
margin: 0;
padding: 0;
z-index: 200; }
#Retail, #Financial, #Healthcare, #Entertainment, #Grocery {
width: 100%;
margin: 0;
padding: 0;
position: relative;
top: 0;
left: 0;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
text-align: left; }
#Retail:before, #Financial:before, #Healthcare:before, #Entertainment:before, #Grocery:before {
display: block;
content: " ";
height: 170px;
margin-top: -170px;
visibility: hidden; }
#industries .threequarter {
width: 62%;
padding-right: 3%; }
#industries .quarter {
width: 30%; }
#industries .threequarter p {
padding-right: 5%; }
#industries .quarter h6 {
text-transform: uppercase;
font-weight: 700; }
#industries .threequarter h2 {
margin-bottom: 10px; }
#industries .threequarter h2 span {
display: inline-block;
padding-right: 10px; }
#industries .threequarter h2 span img {
width: auto;
height: 100%;
max-height: 38px; }
#industries .threequarter h3 {
font-size: 21px;
line-height: 28px;
color: #0075c9;
margin-bottom: 5px; }
#industries .threequarter h5 {
font-size: 18px;
line-height: 24px;
color: #5b6670;
text-transform: none;
font-weight: 400;
margin-bottom: 30px; }
#industries .threequarter a.btn {
display: inline-block;
width: auto;
margin: 0 -4px 20px 0;
padding: 12px 25px 14px 25px;
background-color: #7b868c;
color: #ffffff;
font-weight: 400;
font-style: normal;
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
white-space: nowrap;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
#industries .threequarter a.btn:hover, #industries .threequarter a.btn:hover {
background-color: #0075c9;
color: #ffffff; }
.inlinequote {
padding: 0 5%; }
.inlinequote h4 {
font-size: 24px;
line-height: 32px;
font-weight: 400;
font-style: italic; }
/* Solutions Tabs */
.solution-tabs-wrapper {
background-color: #efeff0;
padding: 2% 4%; }
.solution-tabs {
width: 100%;
margin: 0;
padding: 2% 0 2% 0;
position: relative;
z-index: 500;
text-align: center; }
.solution-tabs h2 {
margin-bottom: 35px; }
.solution-tabs .tabs {
text-align: center;
margin: 0 auto;
padding: 0;
width: 100%;
max-width: 1300px; }
.solution-tabs .tabs li {
list-style: none;
display: inline-block;
margin: 8px;
padding: 0; }
.solution-tabs .tabs a {
padding: 8px 16px;
display: inline-block;
color: #5b6670;
text-decoration: none;
outline: 0;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
background-color: #ffffff;
border: 1px solid #cfd2d3;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear; }
.solution-tabs .tabs a:hover {
background-color: #0075c9;
color: #fff;
border-color: #0075c9;
text-decoration: none; }
.solution-tabs .tabs a.active {
background-color: #cfd2d3; }
.solution-tabs .tabs a.active:hover {
background-color: #b4b7b8;
border-color: #b4b7b8;
color: #5b6670; }
.solution {
width: 100%;
margin: 0;
padding: 3% 0 2% 0; }
#Solutions {
position: relative;
width: 100%;
margin: 0;
padding: 0;
z-index: 200; }
#Solutions .quarter img {
width: 85%;
height: auto; }
#Solutions .threequarter h2 {
font-size: 28px;
line-height: 36px;
color: #5b6670;
font-weight: 700;
margin-bottom: 5px; }
#Solutions .threequarter h3 {
font-size: 18px;
line-height: 24px;
color: #5b6670;
margin-bottom: 15px; }
/* Solutions Tabs Main Solutions Page: 031519 */
.solution-tabs .tabs.dialtabs {
max-width: 900px; }
.solutions-dial .container {
width: 100%;
display: flex;
flex-wrap: nowrap;
align-items: center; }
.solutions-dial .dial {
width: 40%; }
.solutions-dial .dial img {
width: 80%;
height: auto; }
.solutions-dial .dialcontent {
width: 60%;
display: flex;
flex-wrap: wrap;
align-items: flex-start; }
.solutions-dial .dialcontent .icon {
width: 60px;
margin-right: 15px;
border-right: 2px solid #e4e4e6;
text-align: center; }
.solutions-dial .dialcontent .icon img {
width: 90%;
max-width: 45px;
height: auto;
padding-right: 15px; }
.solutions-dial .dialcontent .title {
width: calc(100% - 77px);
font-size: 21px;
font-weight: 700;
line-height: 24px;
margin-bottom: 20px; }
.solutions-dial .dialcontent .title span {
display: block;
text-transform: uppercase;
font-size: 16px;
line-height: 16px;
font-weight: 400; }
.solutions-dial .dialcontent .copy {
font-size: 16px;
line-height: 24px;
font-weight: 400; }
.sol-icon-list {
margin: 30px 0; }
.sol-icon-list li {
list-style-type: none;
position: relative;
margin: 15px 0 35px 0;
display: flex;
align-items: flex-start;
font-size: 16px;
line-height: 24px;
font-weight: 400; }
.sol-icon-list li .icon {
padding-right: 35px; }
.sol-icon-list li .icon img {
width: 45px;
height: auto; }
.sol-icon-list li strong {
width: calc(100% - 90px);
font-size: 21px;
font-weight: 700;
line-height: 24px;
margin-bottom: 20px; }
/*-- Used in Tabs and Page Content --*/
.iconlist li {
list-style-type: none;
position: relative;
margin: 15px 0 35px 25px;
padding-left: 5px; }
#industries .quarter .iconlist li {
margin: 15px 0 15px 25px; }
.iconlist li span {
position: absolute;
width: 35px;
height: 35px;
left: -40px; }
.iconlist li.iot span {
background-image: url("../images/industries-list-icons.png");
background-size: 360px 25px;
background-position: 0px 0px;
background-repeat: no-repeat; }
.iconlist li.assetlife span {
background-image: url("../images/industries-list-icons.png");
background-size: 360px 25px;
background-position: -40px 0px;
background-repeat: no-repeat; }
.iconlist li.physicallayer span {
background-image: url("../images/industries-list-icons.png");
background-size: 360px 25px;
background-position: -80px 0px;
background-repeat: no-repeat; }
.iconlist li.physicalsecurity span {
background-image: url("../images/industries-list-icons.png");
background-size: 360px 25px;
background-position: -120px 0px;
background-repeat: no-repeat; }
.iconlist li.wireless span {
background-image: url("../images/industries-list-icons.png");
background-size: 360px 25px;
background-position: -160px 0px;
background-repeat: no-repeat; }
.iconlist li.deployments span {
background-image: url("../images/industries-list-icons.png");
background-size: 360px 25px;
background-position: -200px 0px;
background-repeat: no-repeat; }
.iconlist li.design span {
background-image: url("../images/industries-list-icons.png");
background-size: 360px 25px;
background-position: -240px 0px;
background-repeat: no-repeat; }
.iconlist li.interactive span {
background-image: url("../images/industries-list-icons.png");
background-size: 360px 25px;
background-position: -280px 0px;
background-repeat: no-repeat; }
.iconlist li.pos span {
background-image: url("../images/industries-list-icons.png");
background-size: 360px 25px;
background-position: -320px 0px;
background-repeat: no-repeat; }
/*-- Industries Detail Pages --*/
.industry-sub-title {
padding: 1% 2%; }
.industry-sub-title .quarter {
width: 24%; }
.industry-sub-title .quarter h2 {
font-size: 32px;
color: #ffffff;
font-weight: 400;
margin-bottom: 10px; }
.industry-sub-title .quarter h2 span {
display: inline-block;
padding-right: 10px; }
.industry-sub-title .quarter h2 span img {
width: auto;
height: 100%;
max-height: 38px; }
.industry-sub-title .threequarter h3 {
font-size: 21px;
line-height: 24px;
color: #ffffff;
font-weight: 400;
margin-bottom: 30px; }
.industry-sub-title h3.centered {
font-size: 21px;
line-height: 24px;
color: #ffffff;
font-weight: 400;
margin-bottom: 30px;
text-align: center; }
.industry-detail .third {
padding: 0 2% 2% 0%; }
.industry-detail article .third img {
width: 90%;
height: auto;
padding-top: 6px; }
/* Timeline */
.timeline {
width: 100%;
margin: 0 0 2% 0;
position: relative; }
.marker-cell {
width: 100%;
padding: 10px 0; }
.year {
margin: 0 auto;
padding: 0;
font-size: 84px;
line-height: 84px;
font-style: normal;
font-weight: 700;
color: #0075c9;
text-align: center;
vertical-align: top;
letter-spacing: -2px; }
.event {
margin: 0 10% 30px 10%;
padding: 0;
font-size: 16px;
line-height: 24px;
font-style: normal;
font-weight: 400;
text-align: center;
vertical-align: top; }
.timeline:before {
display: block;
content: " ";
height: 170px;
margin-top: -170px;
visibility: hidden; }
/* ---------------------------------------------------------- */
/* Why Page */
.why-telaid #inPageNav {
padding: 0;
z-index: 2000; }
.why-telaid #inPageNav ul {
margin: 0;
padding: 0; }
.why-telaid #inPageNav ul li {
display: inline-block;
width: 14.66%;
margin: 0 -4px 0 0;
padding: 0 1%;
vertical-align: top;
text-align: center; }
.why-telaid #inPageNav ul li:first-of-type {
padding: 0 1% 0 0; }
.why-telaid #inPageNav ul li a {
display: block;
height: 43px;
padding: 20px 0;
color: rgba(255, 255, 255, 0.8);
text-transform: uppercase;
border-bottom: 4px solid rgba(221, 0, 49, 0); }
.why-telaid #inPageNav ul li a:hover, #inPageNav ul li a:visited:hover {
color: white; }
.why-telaid #inPageNav ul li a.active {
border-bottom: 4px solid #dd0031;
color: white; }
/* Accordions */
#Why h3.blue {
margin-bottom: 40px; }
#Why #solutionAccordian h3 {
font-size: 16px;
padding: 25px 25px 5px 70px; }
#Why .badge {
width: 50px;
height: 50px;
color: #ffffff;
position: absolute;
top: 12px;
left: 12px; }
#Why #panel1 .badge {
background-image: url(../images/why-badges.svg);
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: 300px 50px; }
#Why #panel2 .badge {
background-image: url(../images/why-badges.svg);
background-position: -50px 0px;
background-repeat: no-repeat;
background-size: 300px 50px; }
#Why #panel3 .badge {
background-image: url(../images/why-badges.svg);
background-position: -100px 0px;
background-repeat: no-repeat;
background-size: 300px 50px; }
#Why #panel4 .badge {
background-image: url(../images/why-badges.svg);
background-position: -150px 0px;
background-repeat: no-repeat;
background-size: 300px 50px; }
#Why #panel5 .badge {
background-image: url(../images/why-badges.svg);
background-position: -200px 0px;
background-repeat: no-repeat;
background-size: 300px 50px; }
#Why #panel6 .badge {
background-image: url(../images/why-badges.svg);
background-position: -250px 0px;
background-repeat: no-repeat;
background-size: 300px 50px; }
.why-telaid article .bg-blue a.link, .why-telaid article .bg-dark-blue a.link, .why-telaid article .bg-dark-blue-two a.link, .why-telaid article .bg-dark-blue-three a.link, .why-telaid article .bg-green a.link {
color: rgba(255, 255, 255, 0.9); }
.why-telaid article .bg-blue a.link:hover, .why-telaid article .bg-dark-blue a.link:hover, .why-telaid article .bg-dark-blue-two a.link:hover, .why-telaid article .bg-dark-blue-three a.link:hover, .why-telaid article .bg-green a.link:hover {
color: white; }
.why-telaid article .bg-blue p, .why-telaid article .bg-dark-blue p, .why-telaid article .bg-dark-blue-two p, .why-telaid article .bg-dark-blue-three p, .why-telaid article .bg-green p {
color: #ffffff;
padding: 0 3% 0 0;
font-size: 18px;
line-height: 34px; }
.why-numbers {
list-style-type: none;
margin: 4% 0 5% 0;
padding: 0; }
.why-numbers li {
display: inline-block;
width: 30%;
margin: 0 -4px 0 0;
padding: 0 1.5%;
border-left: 2px solid #efefef; }
.why-numbers li:first-of-type {
border-left: 2px solid #ffffff; }
.why-numbers li img {
width: 90%;
height: auto; }
/* Values */
#ValuesGrid {
width: 100%;
max-width: 1000px;
margin: 0 auto;
display: table; }
.t-row {
display: table-row; }
.value-block {
display: table-cell;
margin: 0;
padding: 0;
width: 50% !important;
height: 250px;
position: relative;
overflow: hidden;
text-align: center;
vertical-align: top;
border: 4px solid white; }
.value-block .cover {
margin: 0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 300px;
text-align: center;
vertical-align: top;
transition: all 0.4s ease; }
.value-block .cover h6 {
height: auto;
display: block;
position: absolute;
width: 100%;
top: 45%;
left: 0;
transition: all 0.4s ease;
text-align: center;
color: white;
font-size: 28px;
font-weight: 400;
text-transform: uppercase; }
.value-block .cover h6 strong {
font-weight: 700; }
.value-block .cover div {
position: absolute;
width: 90%;
height: 80%;
top: 25%;
left: 0;
padding: 5%;
text-align: center; }
.value-block .cover span {
color: rgba(255, 255, 255, 0);
font-size: 14px;
line-height: 21px;
transition: all 0.4s ease 0.0s; }
.value-block .cover span em {
font-style: italic;
font-weight: 700;
font-size: 16px;
display: block;
padding-top: 15px; }
.value-block:hover .cover h6 {
height: auto;
display: block;
position: absolute;
width: 100%;
top: 15%;
left: 0;
transition: all 0.4s ease;
text-align: center;
color: white;
font-size: 24px;
text-transform: uppercase; }
.value-block:hover .cover span {
color: white;
font-size: 14px;
line-height: 21px;
transition: all 0.4s ease 0.2s; }
/* ---------------------------------------------------------- */
/* Covid-19 */
.covid-19 #inPageNav {
padding: 0;
z-index: 2000; }
.covid-19 #inPageNav .container {
width: 100%; }
.covid-19 #inPageNav ul {
width: 100%;
margin: 0;
padding: 0;
display: flex;
flex-wrap: nowrap;
list-style-type: none;
align-items: center; }
.covid-19 #inPageNav ul li {
width: auto;
margin: 0 0 0 0;
padding: 0 2%;
text-align: center; }
.covid-19 #inPageNav ul li:first-of-type {
padding: 0 2% 0 0; }
.covid-19 #inPageNav ul li a {
display: block;
white-space: nowrap;
padding: 32px 20px;
font-size: 16px;
color: rgba(255, 255, 255, 0.8);
text-transform: uppercase;
border-bottom: 4px solid rgba(221, 0, 49, 0); }
.covid-19 #inPageNav ul li a:hover, #inPageNav ul li a:visited:hover {
color: white; }
.covid-19 #inPageNav ul li a.active {
border-bottom: 4px solid #dd0031;
color: white; }
.covid-19 .card {
border: 0px solid #cecece; }
.covid-19 .section hr {
height: 1px;
margin: 40px 0; }
.covid-19 .section h4 {
margin: 40px 0; }
.covid-19 .section h3 {
font-size: 24px;
line-height: 26px; }
.covid-19 .section h3 span {
display: block;
font-size: 18px; }
.covid-19 article .section a.btn {
padding: 14px 20px; }
/* ---------------------------------------------------------- */
/* Blog */
.postblock article {
margin: 0 !important;
padding: 0 !important; }
.posttbl {
display: table;
border-spacing: 10px;
margin-bottom: 3%; }
.postblock {
display: table-cell;
width: 33%;
text-align: left;
vertical-align: top;
margin: 0;
padding: 0;
border-collapse: separate;
background-color: #ebeff2; }
.postblock:hover {
background-color: #f5f9fc;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.postrow {
display: table-row;
border-collapse: separate; }
.postblock img {
display: block;
width: 100%;
height: auto;
margin: 0 !important;
padding: 0 !important; }
.postblock h1 {
font-size: 18px !important;
line-height: 21px;
margin: 0 0 10px 0 !important;
padding: 4% 5% 0 5% !important;
text-align: left;
vertical-align: top; }
.postblock p {
font-size: 12px !important;
line-height: 16px !important;
margin: 0 0 10px 0 !important;
padding: 0 5% 5% 5% !important; }
h3.widget-title {
font-size: 18px !important;
line-height: 26px;
border-bottom: 2px solid #ccc;
margin: 0 0 10px 0 !important;
padding: 4% 5% 0 5% !important;
color: #55565a;
text-align: left;
vertical-align: top; }
.entry-meta {
display: none; }
/* ---------------------------------------------------------- */
/* Member Blocks */
#Team:before {
display: block;
content: " ";
height: 170px;
margin-top: -170px;
visibility: hidden; }
.member {
display: inline-block;
margin: 0 15px 20px 0;
padding: 0;
width: 230px;
height: 280px;
position: relative;
background-color: #333e48;
overflow: hidden; }
.name {
display: inline-block;
margin: 0 16px 20px 0;
padding: 10px 0 0 20px;
width: 100%;
height: 70px;
position: absolute;
top: 200px;
left: 0;
z-index: 500px;
background-color: #333e48;
font-weight: 700;
font-size: 14px;
line-height: 16px;
color: #fff;
text-align: left;
vertical-align: top; }
.name a, .name a:visited {
color: #fff; }
.name a:hover, .name a:visited:hover {
color: #fff; }
.name span {
font-weight: 400;
font-size: 12px;
line-height: 13px !important;
color: #fff; }
.libio {
display: block;
float: right;
position: absolute;
bottom: 10px;
right: 10px;
width: 29px;
height: 29px;
z-index: 2000; }
.libio img {
width: 100%;
height: auto; }
.photo {
display: inline-block;
margin: 0 16px 20px 0;
padding: 0;
width: 100%;
height: 50px;
position: absolute;
top: 0;
left: 0;
z-index: 200px; }
.member .photo img {
width: 100%;
height: auto; }
.description {
display: inline-block;
margin: 0 15px 20px 0;
padding: 10px 20px 10px 20px;
width: 190px;
height: 280px;
position: absolute;
top: 200px;
left: 0;
z-index: 300px;
background-color: #00609c;
font-weight: 400;
font-size: 12px;
line-height: 14px;
color: #fff;
text-align: left;
vertical-align: top;
transition: top 0.5s ease; }
.description p {
font-weight: 400;
font-size: 13px;
line-height: 14px;
color: #fff;
text-align: left;
vertical-align: top; }
.description a, .description a:visited {
color: #7DB5FF; }
.description a:hover, .description a:visited:hover {
color: #B7D6FF; }
.member:hover .description {
top: 0px; }
/* ---------------------------------------------------------- */
/* Careers and Community Pages (added 9/19) */
.highlight-panel {
width: 100%;
margin: 0;
padding: 3% 0;
min-height: 400px;
background-position: top right;
background-size: 100% auto; }
.highlight-wrapper {
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding: 0;
position: relative; }
.highlight-panel-content {
width: 40%;
max-width: 500px; }
.highlight-panel-content h6 {
font-weight: 500;
font-size: 26px;
line-height: 34px;
margin: 0 0 25px 0;
padding: 0; }
.highlight-panel-content p {
font-size: 16px;
line-height: 26px; }
/* Career Quotes Carousel */
.career-quotes {
width: 100%;
margin: 0 auto;
padding: 4% 0 8% 0;
position: relative; }
.quote-cell {
width: 100%; }
.quote-cell div:nth-of-type(1) {
display: flex;
align-items: center; }
.quote-photo {
width: 35%;
padding: 20px 0; }
.quote-photo img {
margin: 0 auto;
width: 100%;
height: auto; }
.quote-text {
width: 55%;
text-align: center;
padding: 20px 5%; }
.quote-text p:nth-of-type(1) {
color: #ffffff;
font-size: 21px;
line-height: 28px;
padding: 0 5%;
margin-bottom: 30px;
display: block; }
.quote-text p:nth-of-type(2) {
color: #ffffff;
font-size: 16px;
padding: 0 5%;
display: block; }
.career-quotes ol {
margin: 0;
padding: 0; }
.career-quotes ol li:first-child {
padding-top: 0; }
.career-quotes .flickity-page-dots {
bottom: 40px; }
.career-quotes .flickity-page-dots .dot {
display: inline-block;
width: 16px;
height: 16px;
margin: 0 5px;
background: white;
border-radius: 50%;
filter: alpha(opacity=40);
opacity: 0.25;
cursor: pointer; }
.career-quotes .flickity-page-dots .dot.is-selected {
filter: alpha(opacity=100);
opacity: 1; }
/* Attributes Carousel */
.brand-intro {
padding: 20px 4%; }
.attributes {
width: 92%;
margin: 0 auto;
padding: 0 4%;
position: relative; }
.attribute-cell {
width: 25%; }
.attribute-cell div {
margin: 0 10px;
padding: 20px;
min-height: 220px; }
.attribute-cell h6 {
color: #ffffff;
font-size: 16px;
text-transform: uppercase;
padding: 0 0 10px 0;
margin-bottom: 10px;
border-bottom: 2px solid #ffffff;
display: block; }
.attribute-cell p {
color: #ffffff; }
.attributes .flickity-page-dots {
display: none; }
.attributes .flickity-prev-next-button.previous {
left: 0px; }
.attributes .flickity-prev-next-button.next {
right: 0px; }
.attributes .flickity-prev-next-button .arrow {
fill: rgba(255, 255, 255, 0.5); }
.attributes .flickity-prev-next-button {
background-color: rgba(255, 255, 255, 0); }
/* Client Quotes Carousel */
.client-quotes {
width: 100%;
margin: 0 auto;
padding: 4% 0 8% 0;
position: relative; }
.client-quotes-intro p {
font-size: 16px;
line-height: 24px; }
.client-quote-cell {
width: 100%; }
.client-quote-text {
display: block;
text-align: center;
padding: 10px 5%; }
.client-quote-text p:nth-of-type(1) {
color: #0074c2;
font-size: 28px;
line-height: 36px;
padding: 0 5%;
margin-bottom: 30px;
display: block; }
.client-quote-text p:nth-of-type(2) {
font-size: 18px;
padding: 0 5%;
display: block;
color: #5d666f; }
.client-quotes .flickity-page-dots {
margin: 0 auto;
padding: 0;
bottom: 20px; }
.client-quotes .flickity-page-dots .dot {
display: inline-block;
width: 16px;
height: 16px;
margin: 0 10px;
background: #a4a5a9;
border-radius: 50%;
filter: alpha(opacity=40);
opacity: 0.25;
cursor: pointer; }
.client-quotes .flickity-page-dots .dot.is-selected {
filter: alpha(opacity=100);
opacity: 1; }
.join .half .half p:last-of-type {
margin-bottom: 0; }
.community-logo {
max-width: 200px; }
.community-logo-square {
max-width: 100px; }
/* Scroll To Anchor Link */
.sta {
padding-top: 10px; }
.sta a, .sta a:visited {
background-color: #00609c;
padding: 10px 20px;
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
color: #ffffff; }
.sta a:hover, .sta a:visited:hover {
background-color: #dd0031;
color: #ffffff; }
.sta a:after {
content: '\f0ab';
display: inline-block;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 6 Pro";
font-weight: 300;
font-size: 16px;
line-height: 16px;
vertical-align: middle;
margin: -3px 0 0 0;
padding: 0 0 0 10px; }
.job-openings h4 {
text-transform: uppercase;
color: #00609c;
padding-top: 20px; }
.connect-links {
width: 100%;
max-width: 1000px;
text-align: center;
margin: 0 auto; }
.connect-links a.twitter {
display: inline-block;
width: 48px;
height: 48px;
margin: 0 6px;
padding: 0;
background: url(../images/icon-connect-twitter.png) 50% 50% no-repeat;
background-size: 100%; }
.connect-links a.linkedin {
display: inline-block;
width: 48px;
height: 48px;
margin: 0 6px;
padding: 0;
background: url(../images/icon-connect-linkedin.png) 50% 50% no-repeat;
background-size: 100%; }
.connect-links a.yt {
display: inline-block;
width: 48px;
height: 48px;
margin: 0 6px;
padding: 0;
background: url(../images/icon-connect-yt.png) 50% 50% no-repeat;
background-size: 100%; }
/* ---------------------------------------------------------- */
/* Contact Page */
#Contact .leftcard {
background-color: rgba(255, 255, 255, 0.9);
padding: 5%; }
#Contact .rightcard {
background-color: #0075c9;
padding: 5%; }
/* ---------------------------------------------------------- */
/* Career Pages */
.apply {
width: 30%;
padding: 2%;
background-color: #f5f5f5;
float: right;
text-align: center;
vertical-align: top; }
.acc-panel .apply {
width: 100%;
margin-top: 10px; }
.apply p {
margin: 0;
font-size: 18px;
line-height: 21px; }
.apply p.interest {
margin: 0 0 10px 0;
font-size: 14px;
line-height: 18px; }
a.applybutton, a.applybutton:visited {
display: block;
margin: 0;
padding: 10px 20px 10px 20px;
background-color: #0075c9;
color: white;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
a.applybutton:hover, a.applybutton:visited:hover {
background-color: #dd0031;
color: white; }
/* ---------------------------------------------------------- */
/* Feeds */
article .homenewsblock h4 {
font-size: 24px;
font-weight: 700;
margin-bottom: 0; }
.homenewsblock ul {
padding: 10px 0 0 5px;
margin: 10px 0 0 0; }
.homenewsblock li {
list-style-type: none;
margin: 0 0 15px 0;
padding: 0; }
/* .date {
display:inline-block;
width: 15%;
margin: 0 -4px 0 0;
pading: 0;
text-align: center;
vertical-align: top;
}
.date .day {
display: block;
font-size: 32px;
line-height: 32px;
font-weight: 400;
color: #0083c6;
}
.date .month {
display: block;
font-size: 18px;
text-transform: uppercase;
font-weight: 400;
color: #0083c6;
}
.newsblurb {
display:inline-block;
width: 85%;
margin: 0 -4px 0 0;
pading: 0;
}
.newslistcat {
display: block;
font-size: 11px;
text-transform: uppercase;
font-weight: 500;
color: #abafb4;
margin: 0 0 0 0;
}
.newsblurb h6 {
margin: 0;
}
.newsblurb p {
font-size: 14px;
line-height: 18px;
margin: 0 0 10px 0;
} */
.blogfeed {
display: table-cell;
margin: 0;
padding: 0 5% 20px 5%;
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #7f858c; }
.newsfeed {
display: table-cell;
margin: 0;
padding: 0 5% 20px 5%;
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #7f858c; }
.newsfeed {
border-left: 1px solid #d1d3d3; }
.blogfeed {
border-left: none; }
.newsfeed h4, .blogfeed h4 {
font-weight: 400;
font-size: 21px;
line-height: 28px;
margin: 0 0 5px 0;
padding: 0;
color: #455560; }
.newsfeed h6, .blogfeed h6 {
font-weight: 500;
font-size: 14px;
line-height: 16px;
margin: 0 0 5px 0;
padding: 0;
color: #333e48; }
.newsfeed p, .blogfeed p {
font-weight: 400;
font-size: 12px;
line-height: 16px;
margin: 0 0 10px 0;
padding: 0;
color: #55565a; }
.newsfeed p a, .blogfeed p a {
font-weight: 500;
font-size: 18px;
line-height: 20px; }
.simpleshare {
margin-top: 35px; }
.ssbp-share-text {
padding: 15px 10px 6px 0 !important;
margin: 0 0 10px 0 !important;
color: #455560;
font-size: 14px;
font-style: normal;
font-weight: 500;
text-transform: uppercase; }
/* ---------------------------------------------------------- */
/* Podcasts CPT - Added October 2021 */
/* Main Podcasts Page */
.podcasts-billboard {
width: 100%;
height: auto;
padding: 6% 0;
position: relative;
background: url("../images/podcasts-billboard-bg.jpg");
background-size: cover;
display: flex;
align-items: center; }
.podcasts-billboard-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 200;
text-align: center; }
.podcasts-billboard-image img {
width: auto;
height: 100%;
position: relative;
bottom: 0; }
.podcasts-billboard .container.tb-6 {
padding: 0;
z-index: 300;
width: 100%; }
.podcasts-billboard .container.tb-6 h3 {
width: 90%;
max-width: 500px;
font-size: 24px;
line-height: 32px;
color: #004d71;
font-weight: 400; }
.podcasts-billboard .container.tb-6 h3 strong {
font-weight: 700; }
.podcasts-cards {
max-width: 1000px;
margin: 0 auto;
padding: 3% 0 3% 0; }
.podcasts-list {
list-style-type: none;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin: 0;
padding: 0; }
.podcasts-list li {
flex-basis: calc(23% - 2px);
margin: 0 1% 2% 1%;
padding: 0 !important;
border: 1px solid #7b868c; }
.podcasts-list li img {
width: 100%;
height: auto; }
.podcast-card-content {
padding: 4% 4% 0 4%; }
.podcast-card-content h3 {
font-size: 18px;
line-height: 24px;
color: #004d71;
font-weight: 700;
margin: 0 0 15px 0; }
.podcast-card-content p {
font-size: 12px;
line-height: 18px;
font-weight: 400;
margin: 0 0 15px 0; }
.podcast-card-content p.listen-link {
font-size: 12px;
line-height: 14px;
font-weight: 700;
margin: 0 0 15px 0;
text-transform: uppercase; }
/* Single Podcast Page */
.headline-podcast {
background: url("../images/podcasts-billboard-bg.jpg");
background-size: cover;
margin: 0 0 3% 0;
padding: 30px 0 50px 0;
position: relative; }
.headline-podcast-image {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
text-align: center; }
.headline-podcast-image img {
width: auto;
height: 100%;
margin: 0 auto; }
h3.podcast-category {
flex-basis: 100%;
font-size: 14px;
font-weight: 700;
margin: 0 0 4px 0;
color: #004d71;
text-transform: uppercase; }
.headline-podcast h1 {
max-width: 75%;
font-size: 24px;
line-height: 32px;
font-weight: 400;
font-style: normal;
margin: 0;
color: #004d71; }
.podcast-wrapper {
width: 100%;
max-width: 1000px;
display: flex;
flex-wrap: wrap;
margin: 0 auto; }
.podcast-embed {
flex-basis: 100%;
max-width: 1000px;
margin: 20px auto 40px auto; }
.podcast-content {
flex-basis: 100%;
max-width: 1000px;
display: flex;
flex-wrap: nowrap;
margin: 0 auto; }
.podcast-release-date {
flex-basis: 100%;
font-size: 12px;
font-weight: 400;
margin: 0; }
.podcast-content-left {
flex-basis: 62.5%;
padding: 0 2.5% 0 0; }
.podcast-content-right {
flex-basis: 30%;
padding: 0 0 0 5%; }
.podcast-content-right img {
width: 100%;
height: auto; }
/* Common Podcasts Pages */
.podcast-platforms {
width: 100%;
max-width: 1000px;
margin: 60px auto;
text-align: center; }
.podcast-platforms h4 {
font-weight: 400;
font-size: 27px;
line-height: 30px;
margin: 0 0 20px 0;
padding: 0;
color: #0075c9; }
.podcast-platforms ul {
list-style-type: none;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: center;
margin: 0;
padding: 0; }
.podcast-platforms li {
margin: 0 10px; }
.podcast-platforms li img {
width: auto;
height: 44px; }
/* ---------------------------------------------------------- */
/* MailChimp Panel Above Footer */
.mc-bar {
background-color: #e4e4e6;
width: 100%;
padding: 2% 0; }
.mc-bar h4 {
margin-top: 0;
padding-top: 0; }
.mc-bar form {
display: block;
width: 100%;
margin: 0 auto;
padding: 0;
text-align: center;
vertical-align: top; }
.mc-bar form .legal-consent-container .hs-richtext p {
font-size: 14px;
width: 60%;
margin: 0 auto 20px auto; }
.mc-bar div[data-reactid*=".hbspt-forms"] {
display: inline; }
/* Signup Bar - HubSpot
* --------------
*/
/* Form Field (selector for form field wrapper) */
.mc-bar .hs-form .hs-form-field {
display: inline-block;
width: auto;
vertical-align: top; }
/* Descriptions (targets class applied to Help Text divs) */
/* Labels (selects field labels and error messages) */
/* Inputs (selectors for all inputs) */
.mc-bar .hs-form input[type="text"],
.mc-bar .hs-form input[type="password"],
.mc-bar .hs-form input[type="datetime"],
.mc-bar .hs-form input[type="datetime-local"],
.mc-bar .hs-form input[type="date"],
.mc-bar .hs-form input[type="month"],
.mc-bar .hs-form input[type="time"],
.mc-bar .hs-form input[type="week"],
.mc-bar .hs-form input[type="number"],
.mc-bar .hs-form input[type="email"],
.mc-bar .hs-form input[type="url"],
.mc-bar .hs-form input[type="search"],
.mc-bar .hs-form input[type="tel"],
.mc-bar .hs-form input[type="color"],
.mc-bar .hs-form input[type="file"],
.mc-bar .hs-form textarea,
.mc-bar .hs-form select {
display: inline-block;
width: auto;
height: 30px;
font-size: 13px;
font-weight: 400;
background-color: #efefef;
color: #7d868c;
border: none;
padding: 3px 10px;
margin: 0 5px 10px 5px; }
/* Inputs in focus (selectors for all inputs when clicked) */
/* Multi-select (selectors for multi-select fields) */
li.hs-form-booleancheckbox {
list-style-type: none; }
/* Required (selectors for fields, when they do not pass validation) */
/* Error message (selector for validation messages) */
/* Multi Column Form (selectors for fieldsets and field wrappers)
========================================================================== */
/* Hide "Required Field" Astrisk */
.mc-bar .hs-form .hs-form-required {
display: none; }
/* Error message (selector for validation messages) */
.mc-bar .hs-form .hs-error-msgs label {
font-size: 11px;
list-style-type: none; }
/* Success message (selector for validation messages) */
.mc-bar .hs-form .submitted-message {
font-weight: 400;
font-size: 14px;
line-height: 21px;
color: #5c6670; }
.mc-bar .hs-form .hs_submit {
display: inline-block;
vertical-align: top; }
.mc-bar .hs-form input[type="submit"] {
display: inline-block;
margin: 0 0 10px 0;
padding: 12px 20px 12px 20px;
background-color: #dd0031;
color: white;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
border: none; }
/* ---------------------------------------------------------- */
/* FOOTER */
/* Footer Menu Elements */
.footer {
margin: 0;
padding-right: 3%;
padding-left: 3%;
text-align: left;
vertical-align: top;
color: #a5a7aa; }
.aboutus {
display: table-cell;
width: 30%;
padding-right: 5%;
text-align: left;
vertical-align: top; }
.aboutus p {
padding: 0;
margin: 0 0 15px 0 !important;
font-size: 14px;
line-height: 18px;
font-style: normal;
font-weight: 400;
color: #a5a7aa; }
.aboutus h5 {
padding: 0;
margin: 0;
font-size: 14px;
line-height: 21px;
font-style: normal;
font-weight: 500;
text-transform: uppercase;
color: #ffffff; }
.aboutus h6 {
padding: 0;
margin: 0 0 15px 0 !important;
font-size: 14px;
line-height: 21px;
font-style: normal;
font-weight: 400;
color: #ffffff; }
.menus {
display: table-cell;
width: 45%;
text-align: left;
vertical-align: top; }
.menus div {
display: inline-block;
width: 30%;
margin: 0 -4px 0 0;
padding: 0 0 0 3%;
text-align: left;
vertical-align: top; }
.menus ul, .menus ul li ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
vertical-align: top; }
.menus ul li {
display: block;
margin: 0 0 0 0;
padding: 0 2% 0 0;
list-style-type: none;
text-align: left;
vertical-align: top; }
.menus li a {
text-align: left;
padding: 0;
margin: 0 0 0 0px;
color: #ffffff;
font-size: 13px;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.menus ul.sub-menu li a {
height: auto;
width: auto;
display: block;
text-align: left;
margin: 0 0 0 0;
padding: 5px 0 5px 0;
text-transform: none;
color: #a5a7aa;
font-weight: 400;
font-size: 14px;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.menus ul.sub-menu li a:hover {
color: #ffffff; }
.social {
display: table-cell;
width: 20%;
text-align: left;
vertical-align: top; }
.social a.twitter {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-footer-twitter.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.thankyou-social a.twitter {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-twitter-light.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.social a.x {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-footer-x.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.social a.linkedin {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-footer-linkedin.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.thankyou-social a.linkedin {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-linkedin-light.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.social a.yt {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-footer-yt.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.thankyou-social a.yt {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-yt-light.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.social a.gplus {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-footer-googleplus.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.social a.instagram {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-footer-instagram.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.social a.facebook {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-footer-facebook.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.social h4 {
color: #ffffff;
font-weight: 300 !important;
font-style: normal;
font-size: 24px;
line-height: 24px;
margin: 15PX 0 0 0;
padding: 0; }
.social h4 span {
font-size: 14px; }
.locations {
border-top: 1px solid #5c6670;
margin: 25px 0 0 0;
padding: 25px 0 0 0; }
.location {
display: inline-block;
width: 14.25%;
margin: 0 -5px 0 0;
padding: 0;
text-align: center;
vertical-align: top;
border-right: 1px solid #5c6670; }
.location:last-of-type {
border-right: 0px; }
.location p {
font-size: 12px;
line-height: 16px;
font-weight: 400; }
.location strong {
font-size: 14px;
color: #fff;
text-transform: uppercase; }
.copyright {
padding: 5% 0 0 0;
margin: 0 0 0 0;
font-size: 12px !important;
font-weight: 400;
font-style: normal;
color: #5c6670;
text-align: center; }
.copyright a {
font-size: 11px;
color: #a5a7aa; }
.copyright a:hover {
color: #ffffff; }
/* Fixed Social and Search */
#home {
position: fixed;
z-index: 10000;
right: -1px;
top: 170px;
width: 41px;
height: 40px;
margin: 0 0 1px 0;
padding: 0;
background: url(../images/fixed-home.png) 50% 50% no-repeat #333e48;
background-size: 65%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
#home a {
display: block;
width: 41px;
height: 40px; }
#socialshell {
position: fixed;
z-index: 10000;
right: 0;
top: 211px;
overflow: hidden;
min-width: 40px;
width: auto;
height: 40px;
margin: 0 0 1px 0;
padding: 0;
font-family: Helvetica, Arial, sans-serif; }
#srchshell {
position: fixed;
z-index: 10000;
right: 0;
top: 252px;
overflow: hidden;
min-width: 40px;
width: auto;
height: 40px;
font-family: Helvetica, Arial, sans-serif; }
#togsoc {
position: absolute;
z-index: 10000;
right: -1px;
top: 0;
width: 41px;
height: 40px;
margin: 0;
padding: 0;
background: url(../images/icon-social.png) 50% 50% no-repeat #333e48;
background-size: 65%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.soc {
position: relative;
z-index: 9000;
right: 0;
top: 0;
width: 120px;
height: 40px;
margin-right: -120px;
padding: 0;
background-color: #efefef;
vertical-align: top;
text-align: left; }
.soc-linkedin, .soc-twitter, .soc-yt, .soc-gplus {
margin: 0;
padding: 0;
display: inline-block; }
.soc-linkedin a {
display: block;
width: 40px;
height: 40px;
margin: 0;
padding: 0;
background: url(../images/icon-linkedin.png) 50% 50% no-repeat #333e48;
background-size: 65%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.soc-twitter a {
display: block;
width: 40px;
height: 40px;
margin: 0;
padding: 0;
background: url(../images/icon-twitter.png) 50% 50% no-repeat #333e48;
background-size: 65%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.soc-yt a {
display: block;
width: 40px;
height: 40px;
margin: 0;
padding: 0;
background: url(../images/icon-yt.png) 50% 50% no-repeat #333e48;
background-size: 65%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.soc-gplus a {
display: block;
width: 40px;
height: 40px;
margin: 0;
padding: 0;
background: url(../images/icon-googleplus.png) 50% 50% no-repeat #333e48;
background-size: 65%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.soc-linkedin a:hover, .soc-twitter a:hover, .soc-yt a:hover, .soc-gplus a:hover {
cursor: pointer;
background-color: #5c6670; }
#togsrch {
position: absolute;
z-index: 10000;
right: -1px;
top: 0;
width: 41px;
height: 40px;
margin: 0;
padding: 0;
background: url(../images/icon-search.png) 50% 50% no-repeat #333e48;
background-size: 65%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
#togsoc:hover, #togsrch:hover, #home:hover {
cursor: pointer;
background-color: #5c6670; }
.srchpanel {
position: relative;
z-index: 9000;
left: 0;
top: 0;
width: 190px;
height: 40px;
margin-right: -200px;
padding: 0;
background-color: #efefef;
vertical-align: top;
text-align: left; }
.srchpanel #s {
border: 0px;
background-color: #efefef;
width: 100px;
vertical-align: top;
text-align: left;
margin: 0;
padding: 12px 10px 14px 20px;
display: inline;
font-size: 14px;
font-weight: 400;
color: #5d6770;
font-family: Helvetica, Arial, sans-serif; }
.srchpanel #Search {
border: 0px;
background-color: #e4e4e6;
width: 60px;
height: 40px;
margin: 0;
padding: 3px 0 0 0;
display: inline;
font-size: 12px;
font-weight: 700;
color: #0075c9;
font-family: Helvetica, Arial, sans-serif;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.srchpanel #Search:hover {
cursor: pointer;
background-color: #0075c9;
color: #ffffff; }
#Content #searchform input[type="text"] {
display: inline-block;
width: 25%;
height: 30px;
font-size: 12px;
background-color: #efefef;
color: #7d868c;
border: none;
padding: 3px 10px;
margin: 0 0 10px 0; }
#Content #searchform input[type="submit"] {
display: inline-block;
margin: 0 0 10px 20px;
padding: 12px 20px 12px 20px;
background-color: #dd0031;
color: white;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
border: none; }
/* -------------------------- */
/* Countdown to Black Friday */
#Countdown {
background-color: #dd0031;
color: white;
padding: 0;
text-align: left;
vertical-align: top; }
#Countdown .container {
max-width: 1250px;
margin: 0 auto;
padding: 2% 2% 2% 5%;
position: relative;
background-size: 100% auto; }
#Countdown .left {
display: inline-block;
width: 60%;
font-family: "roboto",sans-serif;
font-style: normal;
font-weight: 400;
margin: 0 -4px 0 0;
padding: 0 5% 0 0;
text-align: left;
vertical-align: top; }
#Countdown .right {
display: inline-block;
width: 25%;
font-family: "roboto",sans-serif;
font-style: normal;
font-weight: 400;
margin: 0 -4px 0 0;
padding: 0 5%;
text-align: center;
vertical-align: middle; }
#Countdown .right img {
display: block;
width: 100%;
max-width: 165px;
height: auto;
margin: 0 auto;
padding: 0; }
#Countdown h4 {
font-size: 21px;
color: white;
font-weight: 500;
margin: 0 0 15px 0;
padding: 0; }
#Countdown h5 {
font-size: 18px;
color: white;
font-weight: 500;
margin: 0 0 15px 0;
padding: 0; }
#timer {
display: inline-block;
font-family: "roboto",sans-serif;
font-style: normal;
font-weight: 400;
margin: 0 0 0 0; }
#timer strong {
display: inline-block;
font-size: 36px;
line-height: 36px;
color: white;
text-align: center;
vertical-align: top;
font-weight: 500;
margin: 0 0 0 0;
padding: 0 20px 0 20px;
border-left: 2px solid #fff; }
#timer strong:nth-of-type(1) {
border-left: none;
padding: 0 20px 0 0; }
#timer span {
display: inline-block;
font-size: 36px;
line-height: 36px;
color: white;
font-weight: 500;
margin: 0 0 0 5px;
padding: 0; }
#Countdown a.button, #Countdown a.button:visited {
display: inline-block;
margin: 20px 25px 20px 0;
padding: 12px 20px 12px 20px;
background-color: white;
color: #5c6670;
font-weight: 700;
font-style: normal;
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
border: none; }
#Countdown a.button:hover, #Countdown a.button:visited:hover {
color: #dd0031; }
/* -------------------------- */
/* Resources Page with Filtering */
.featured {
margin-bottom: 3%; }
.featured h5 {
font-size: 16px;
line-height: 21px;
font-weight: bold;
color: #999;
text-transform: uppercase;
margin-bottom: 10px; }
.featured-left, .featured-right {
display: table-cell;
width: 48%;
margin: 0;
padding: 2%;
border: 1px solid #cecece;
background-color: #fff;
vertical-align: top; }
.featured-split {
display: table-cell;
width: 4%;
margin: 0;
padding: 0;
vertical-align: top; }
.featured-left h4, .featured-right h4 {
font-size: 18px;
line-height: 21px;
font-weight: normal;
color: #556169;
margin: 0 0 15px 0;
padding: 0; }
.featured-left p, .featured-right p {
font-size: 14px;
line-height: 18px;
font-weight: normal;
color: #6b7378;
margin-bottom: 10px; }
.featured-left img, .featured-right img {
width: 30%;
height: auto;
float: right;
margin: 0 0 0 15px;
padding: 0; }
#form-ui, #partner-form-ui {
padding: 15px 0;
margin: 15px 0 0 0;
background-color: #f5f5f5;
text-align: left;
vertical-align: middle; }
#form-ui span, #partner-form-ui span {
display: inline-block; }
#form-ui h5, #partner-form-ui h5 {
display: inline-block;
font-size: 16px;
font-weight: 400;
margin: 0 10px 0 20px;
color: #666; }
#form-ui select, #partner-form-ui select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0px solid #ffffff;
border-radius: 0;
padding: 8px 40px 8px 8px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #666;
background: url(../images/select-arrow-down.svg) #ffffff no-repeat;
background-size: auto 20%;
background-position: 92% center;
outline: 0; }
#form-ui select:-moz-focusring, #partner-form-ui select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000; }
#form-ui select option, #partner-form-ui select option {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
border-radius: 0;
padding: 5px 10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #666; }
#form-ui select:hover, #partner-form-ui select:hover {
cursor: pointer; }
/* Tech Partners Specific */
#partner-form-ui .select-block {
display: inline-block;
margin-left: 20px;
margin-bottom: 0; }
#partner-form-ui .select-block span {
font-size: 14px;
padding-right: 15px; }
.solution-partners img {
display: inline-block;
width: calc(16% - 4px);
height: auto;
margin: 2%; }
.offset-crumb {
padding-top: 42px; }
/* End Tech Partners Specific */
.grid {
width: 100%;
margin: 35px auto; }
.resource-item {
display: inline-block;
width: 29%;
min-height: 175px;
margin: 1%;
padding: 1%;
border: 1px solid #cecece;
background-color: #fff; }
.resource-item h6 {
font-size: 13px;
line-height: 16px;
font-weight: bold;
color: #999;
margin-bottom: 0; }
.resource-item h4 {
font-size: 18px;
line-height: 21px;
font-weight: normal;
color: #556169;
margin-bottom: 15px; }
.resource-item p {
font-size: 12px;
line-height: 14px;
font-weight: normal;
color: #6b7378;
margin-bottom: 10px; }
.resource-item img {
width: 40%;
height: auto;
float: right;
margin: 0 0 15px 15px;
padding: 0; }
.resource-item a, .resource-item a:visited {
font-size: 12px;
line-height: 12px;
font-weight: 500; }
.resource-item a:after {
content: '\f105';
display: inline-block;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 6 Pro";
font-size: 14px;
line-height: 22px;
font-weight: 400;
vertical-align: middle;
margin: -2px 0 0 0;
padding: 0 0 0 5px; }
#msg-box {
display: none;
font-size: 18px;
line-height: 14px;
font-weight: 400;
color: #999;
padding: 5% 0;
text-align: center; }
#msg-box span {
display: block;
font-size: 36px;
line-height: 46px;
font-weight: 400;
color: #0083c6; }
/* -------------------------- */
/* Bicsi Reference Doc List */
.reference {
margin: 0;
padding: 0; }
.reference li, .reference li:first-child {
list-style-type: none;
margin: 0 0 15px 0;
padding: 0 0 0 42px;
background-image: url(../images/icon-refdoc.png);
background-position: left center;
background-size: 32px auto;
background-repeat: no-repeat; }
.reference li a {
display: block; }
.reference li a:after {
content: '\f105';
display: inline-block;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 6 Pro";
font-size: 18px;
line-height: 18px;
vertical-align: middle;
margin: -2px 0 0 0;
padding: 0 0 0 10px; }
/* -------------------------- */
/* Home page Promo */
.home-promo {
border-bottom: 1px solid #cfd1d2;
margin-bottom: 4%; }
.home-promo .container {
padding-bottom: 2%; }
.home-promo h4, .home-promo p {
padding-left: 4%; }
/* -------------------------- */
/* RAAM Sponsorship Page */
.homefront-intro {
text-align: left;
vertical-align: top; }
.homefront-intro div:nth-of-type(1), .homefront-intro div:nth-of-type(3) {
display: inline-block;
width: 15%;
margin: 0 -4px 0 0;
padding: 15px 0 0 0;
text-align: left;
vertical-align: top; }
.homefront-intro div:nth-of-type(2) {
display: inline-block;
width: 65%;
margin: 0 -4px 0 0;
padding: 0 2.5% 0 2.5%;
text-align: left;
vertical-align: top; }
.homefront-intro div:nth-of-type(1) img, .homefront-intro div:nth-of-type(3) img {
width: 100%;
height: auto; }
#map-shell {
position: relative;
width: 100%;
height: 400px;
border: 4px solid #efefef;
margin: 0 auto;
padding: 0;
z-index: 15;
overflow-x: scroll;
overflow-y: hidden; }
#map {
position: absolute;
width: auto;
height: 405px;
left: 0;
top: 0;
margin: 0;
padding: 0;
z-index: 10;
display: block; }
a.group1.launchcard {
position: relative;
display: block;
padding: 5px 5px 7px 5px;
background-color: #cfd3d5;
font-size: 12px;
line-height: 12px;
color: #7a848e; }
a.group1.launchcard span {
position: absolute;
width: 35px;
height: 35px;
background: url(../images/icon-zoom.png) rgba(255, 255, 255, 0.9) center center no-repeat;
background-size: 25px 25px;
z-index: 100; }
a.group1.launchcard img {
position: relative;
z-index: 10;
padding-bottom: 5px; }
.galleryimages {
display: none; }
/* -------------------------- */
/* Form Thank You Page */
.thankyou-highlight {
display: inline-block;
width: 29%;
min-height: 150px;
margin: 0 1%;
padding: 1%;
background-color: #e5e5e5;
text-align: left;
vertical-align: top; }
.thankyou-highlight img {
float: left;
width: 30%;
height: auto; }
.thankyou-highlight h4 {
padding-left: 35%;
width: 68%;
font-size: 18px;
line-height: 21px; }
.thankyou-highlight p {
padding-left: 35%;
width: 68%; }
.thankyou-highlight p:first-of-type {
display: none; }
.thankyou-highlight a.btn {
padding: 10px 20px 10px 20px; }
.thankyou-social {
display: inline-block;
width: 29%;
min-height: 175px;
margin: 0 1%;
padding: 1%;
text-align: left;
vertical-align: top; }
/* Support Blocks */
.support-blocks {
margin: 40px 0;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center; }
.support-block {
display: flex;
flex-grow: 1;
margin: 0 5px;
padding: 0;
position: relative;
background-color: #cfd2d3;
overflow: hidden;
height: 240px;
justify-content: center;
align-items: center; }
.support-block .overview {
margin: 0;
padding: 0;
position: relative;
top: 0;
left: 0;
z-index: 100;
text-align: center;
vertical-align: middle; }
.support-block .overview .copy {
font-weight: 400;
font-size: 16px;
line-height: 21px;
color: #55565a;
text-align: center; }
.support-block .overview .number {
display: block;
margin: 0 auto;
border: none;
padding: 0;
text-align: center;
font-weight: 700;
font-size: 48px;
line-height: 48px;
color: #7b868c !important; }
.support-block .overview .copy span {
display: block;
margin-top: 15px;
font-weight: 400;
font-size: 16px;
line-height: 21px;
color: #55565a;
text-align: center; }
.support-description {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
margin: 0 0 0 0;
padding: 0 20px;
position: absolute;
top: 245px;
left: 0;
z-index: 800;
height: 100%;
background-color: #dd0031;
transition: top 0.5s ease; }
.support-description p {
display: block;
width: 100%;
font-weight: 400;
font-size: 16px;
line-height: 21px;
color: #fff;
text-align: center;
margin: 0;
padding: 0; }
.support-description .number {
display: block;
width: 100%;
margin: 0 0 10px 0;
border: none;
padding: 0;
text-align: center;
font-weight: 700;
font-size: 24px;
line-height: 24px;
color: #ffffff !important; }
.support-description .number i {
padding-left: 10px;
padding-right: 10px; }
.support-block:hover .support-description, .support-block:focus .support-description {
top: 0px; } }
/* -------------------------- */
/* -------------------------- */
/* -------------------------- */
/* Smaller Desktops and Tablets */
@media screen and (min-width: 769px) and (max-width: 1280px) {
/* ---------------------------------------------------------- */
/* Menu in Utility Bar */
.toplinks {
width: 100%;
text-align: right;
vertical-align: top;
margin: 0px 0 0 0;
padding: 0; }
.banner-wrapper {
width: 90%;
max-width: 1250px;
margin: 0 auto;
padding: 75px 5% 0 2%; }
.banner-left {
display: inline-block;
margin: 0 -4px 0 0;
width: 43%;
padding: 0 5% 0 0;
text-align: left;
vertical-align: top; }
.billboard-home {
height: 450px; }
.billboard-solutions {
height: 350px; }
.billboard-home h3, .billboard-video-overlay h3, .billboard-video-overlay h3, .billboard-solutions h3, .billboard h3, .billboard-two h3 {
font-size: 24px;
line-height: 32px;
color: #ffffff;
font-weight: 400;
font-style: normal;
margin: 0 0 15px 0; }
.billboard-home p, .billboard-solutions p, .billboard p, .billboard-two p {
font-size: 14px;
line-height: 21px;
color: #ffffff;
font-weight: 400;
font-style: normal;
margin: 0 0 20px 0; }
.billboard-home p span {
display: block;
font-size: 12px;
line-height: 18px;
color: #ffffff;
font-weight: 700;
font-style: normal;
margin: 15px 0 20px 0;
text-align: left; }
.billboard-home a.btn, .billboard a.btn, .billboard-two a.btn {
padding: 15px 25px;
margin-right: 20px;
font-weight: 700;
font-style: normal;
font-size: 14px;
line-height: 14px; }
/* New Homepage Billboard - Added 09-18 */
#Billboard .wrapper {
position: relative;
z-index: 10; }
#Billboard .row-block {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
height: 450px; }
#Billboard .row-block .item {
display: flex;
margin: auto;
position: relative;
flex: 1;
text-align: center;
vertical-align: middle;
color: white;
transition: 0.3s;
max-width: 25%;
height: 100%;
min-width: 10%;
z-index: 20; }
#Billboard .row-block .item:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center center;
z-index: -1; }
#Billboard .row-block .item:nth-of-type(1):hover:before {
background-image: url("../images/billboard-bg-deployment.jpg"); }
#Billboard .row-block .item:nth-of-type(2):hover:before {
background-image: url("../images/billboard-bg-security.jpg"); }
#Billboard .row-block .item:nth-of-type(3):hover:before {
background-image: url("../images/billboard-bg-wireless.jpg"); }
#Billboard .row-block .item:nth-of-type(4):hover:before {
background-image: url("../images/billboard-bg-managed.jpg"); }
#Billboard .row-block .item:hover {
transition: 0.5s;
max-width: 40% !important;
flex-grow: 2;
color: #fff; }
#Billboard .row-block .item:hover p {
-webkit-transform: none;
transform: none;
transition: 0.3s;
opacity: 1; }
#Billboard .row-block .content {
margin: auto; }
#Billboard .row-block p {
-webkit-transform: translateY(120%);
transform: translateY(120%);
opacity: 0;
font-size: 14px;
font-weight: 400; }
#Billboard .row-block p a {
padding: 10px 20px;
color: rgba(0, 0, 0, 0.8);
background-color: rgba(255, 255, 255, 0.8);
font-size: 14px;
line-height: 14px;
text-decoration: none;
margin: 0; }
#Billboard .row-block p a:hover {
padding: 10px 20px;
color: rgba(0, 0, 0, 0.8);
background-color: white;
font-size: 14px;
line-height: 14px;
text-decoration: none;
margin: 0; }
#Billboard .row-block h3 {
font-family: "roboto",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 24px;
margin-bottom: 20px; }
/* White Homepage Panel - Added 09-18 */
.elevator {
padding: 4% 5% 6% 5%;
text-align: center;
vertical-align: top;
background-color: #e4e4e6; }
.elevator h1 {
font-size: 28px;
line-height: 42px;
font-weight: 400;
font-style: normal;
margin: 0 0 40px 0; }
.elevator h2 {
font-size: 48px;
line-height: 56px;
font-weight: 700;
font-style: normal;
color: #004d71;
text-transform: uppercase;
margin: 0; }
.elevator h3 {
font-size: 36px;
line-height: 48px;
font-weight: 400;
font-style: normal;
color: #0075c9;
text-transform: uppercase;
margin: 0; }
.elevator h4 {
font-size: 28px;
line-height: 45px;
font-weight: 400;
font-style: normal;
color: #0075c9;
margin: 0 0 45px 0; }
.elevator h6 {
font-size: 18px;
line-height: 26px;
font-weight: 400;
font-style: normal;
margin: 0 4% 45px 0; }
.elevator a.btn {
padding: 15px 45px;
font-weight: 700;
font-style: normal;
font-size: 14px;
line-height: 14px; }
.social a.twitter, .social a.linkedin, .social a.gplus, .social a.yt {
width: 44px;
height: 44px; }
#Countdown .container {
max-width: 1250px;
margin: 0 auto;
padding: 2% 2% 2% 3.5%;
position: relative;
background-size: 100% auto; }
.subtitle, .top-quote {
padding: 3%; } }
/* -------------------------- */
/* -------------------------- */
/* -------------------------- */
/* Larger Screens */
@media screen and (min-width: 1280px) {
#MainLinks {
display: inline-block;
width: 66%;
z-index: 3000;
margin: 0;
padding: 0 0 0 0;
text-align: right;
vertical-align: top; }
#Countdown .container {
max-width: 1250px;
margin: 0 auto;
padding: 2% 2% 2% 7%;
position: relative;
background-size: 100% auto; }
/* NRF 2019 Promo - Added 12-18 */
.nrf-promo {
background-image: url(../images/nrfpromo-bg-left.jpg);
background-repeat: no-repeat;
background-size: auto 100%;
background-color: #40ac35;
position: relative;
overflow: hidden;
min-height: 100px; }
.nrf-promo .rightbg {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 300px;
background-image: url(../images/nrfpromo-bg-right.jpg);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: top right;
background-color: #40ac35; }
.nrf-promo-left {
display: inline-block;
width: 10%;
margin: 0 -4px 0 0;
padding: 0;
text-align: center;
vertical-align: bottom;
position: relative; }
.nrf-promo-left img {
position: absolute;
left: 0px;
bottom: -5px;
display: block;
width: 100%;
max-width: 100px;
height: auto;
margin: 0;
padding: 0;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); }
.nrf-promo-center {
display: inline-block;
margin: 0 -4px 0 0;
padding: 24px 0;
width: 70%;
text-align: left;
vertical-align: middle; }
.nrf-promo h3 {
color: white;
margin: 0;
padding: 0;
font-size: 32px;
line-height: 39px;
font-weight: 700;
font-style: normal; }
.nrf-promo h4 {
color: white;
margin: 0;
padding: 0;
font-size: 18px;
line-height: 24px;
font-weight: 700;
font-style: normal; }
.nrf-promo-right {
display: inline-block;
margin: 0 -4px 0 0;
padding: 0;
width: 20%;
text-align: center;
vertical-align: middle; }
.nrf-promo-right a, .nrf-promo-right a:hover {
display: inline-block;
width: 80%;
max-width: 150px;
border: 1px solid white;
margin-top: 4px;
padding: 10px 20px;
color: white;
text-align: center;
font-size: 14px;
line-height: 18px;
font-weight: 700;
text-transform: uppercase; }
/* Home Promo - Added 2-19 */
.home-promo {
background-image: url(../images/homepromo-bg-left.jpg);
background-repeat: no-repeat;
background-size: auto 100%;
background-color: #dd0031;
position: relative;
overflow: hidden;
min-height: 100px; }
.home-promo .rightbg {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 300px;
background-image: url(../images/homepromo-bg-right.jpg);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: top right;
background-color: #dd0031; }
.home-promo-left {
display: inline-block;
width: 10%;
margin: 0 -4px 0 0;
padding: 0;
text-align: center;
vertical-align: bottom;
position: relative; }
.home-promo-left img {
position: absolute;
left: 0px;
bottom: 25px;
display: block;
width: 100%;
max-width: 60px;
height: auto;
margin: 0;
padding: 0; }
.home-promo-center {
display: inline-block;
margin: 0 -4px 0 0;
padding: 24px 0;
width: 70%;
text-align: left;
vertical-align: middle; }
.home-promo h3 {
color: white;
margin: 0;
padding: 0;
font-size: 32px;
line-height: 39px;
font-weight: 700;
font-style: normal; }
.home-promo h4 {
color: white;
margin: 0;
padding: 0;
font-size: 18px;
line-height: 24px;
font-weight: 700;
font-style: normal; }
.home-promo-right {
display: inline-block;
margin: 0 -4px 0 0;
padding: 0;
width: 20%;
text-align: center;
vertical-align: middle; }
.home-promo-right a, .home-promo-right a:hover {
display: inline-block;
width: 80%;
max-width: 150px;
border: 1px solid white;
margin-top: 4px;
padding: 10px 20px;
color: white;
text-align: center;
font-size: 14px;
line-height: 18px;
font-weight: 700;
text-transform: uppercase; } }
/* -------------------------- */
/* -------------------------- */
/* -------------------------- */
/* Large Desktops */
@media screen and (min-width: 1600px) {
.billboard-home .tb-6 {
padding: 4% 0 !important; }
#MainLinks {
display: inline-block;
width: 67%;
z-index: 3000;
margin: 0;
padding: 0 0 0 0;
text-align: right;
vertical-align: top; }
#Countdown .container {
max-width: 1250px;
margin: 0 auto;
padding: 2% 2% 2% 5%;
position: relative;
background-size: 100% auto; } }
/* -------------------------- */
/* -------------------------- */
/* -------------------------- */
/* Large Desktops */
@media screen and (min-width: 2000px) {
.billboard .tb-6 {
padding: 3% 0 !important; } }
/* -------------------------- */
/* -------------------------- */
/* -------------------------- */
/* Phone / Small Table Landscape Tweaks */
@media screen and (min-width: 375px) and (max-width: 768px) and (orientation: landscape) {
/* Common Formatting Elements */
/* Panels */
.panel {
text-align: left;
vertical-align: top;
padding: 0;
margin: 0;
width: 100%;
height: auto;
position: relative; }
.container {
max-width: 1000px;
margin: 0 auto;
padding: 0;
position: relative; }
.container-two {
max-width: 1400px;
margin: 0 auto;
padding: 0;
position: relative; }
.container-1250 {
max-width: 1250px;
margin: 0 auto;
padding: 0;
position: relative; }
.onecolumn article, .twocolumn article {
padding: 20px 0 20px 0; }
.entry-content {
padding: 0 3%; }
.threequarter {
display: inline-block;
width: 72%;
margin: 0 -4px 0 0;
padding: 0 1% 0 1%;
text-align: left;
vertical-align: top; }
.half {
display: inline-block;
width: 49.9%;
margin: 0 -4px 0 0;
padding: 0;
text-align: left;
vertical-align: top; }
.third {
display: inline-block;
width: 33.33%;
height: auto;
margin: 0 -4px 0 0;
padding: 0;
text-align: center;
vertical-align: top; }
.twothird {
display: inline-block;
width: 66.66%;
height: auto;
margin: 0 -4px 0 0;
padding: 0;
text-align: center;
vertical-align: top; }
article .twothird {
display: inline-block;
width: 60.66%;
height: auto;
margin: 0 -4px 0 0;
padding: 0 3% 0 3%;
text-align: left;
vertical-align: top; }
.quarter {
display: inline-block;
width: 22%;
margin: 0 -4px 0 0;
padding: 0 1% 0 1%;
text-align: left;
vertical-align: top;
border-left: none !important; }
.half-cell {
display: table-cell;
width: 50%;
margin: 0;
padding: 0;
text-align: left;
vertical-align: top; }
.half img {
display: block;
margin: 0;
padding: 0; }
.half-cell img, .quarter img {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0; }
.fullbar {
text-align: left;
vertical-align: top;
padding: 3% 0 3% 0;
margin: 0;
width: 100%;
height: auto;
position: relative; }
.fullbar:nth-child(even) {
background-color: #eceded; }
.tb-1 {
padding: 1% 0 1% 0; }
.tb-2 {
padding: 2% 0 2% 0; }
.tb-3 {
padding: 3% 0 3% 0; }
.tb-4 {
padding: 4% 0 4% 0; }
.tb-5 {
padding: 5% 0 5% 0; }
.tb-6 {
padding: 6% 0 6% 0; }
.tb-7 {
padding: 7% 0 7% 0; }
.tb-8 {
padding: 8% 0 8% 0; }
.tb-9 {
padding: 9% 0 9% 0; }
.tb-10 {
padding: 10% 0 10% 0; }
.pad-0 {
padding: 0; }
.pad-1 {
padding: 1%; }
.pad-2 {
padding: 2%; }
.pad-3 {
padding: 3%; }
.pad-4 {
padding: 4%; }
.pad-5 {
padding: 5%; }
.pad-6 {
padding: 6%; }
.pad-7 {
padding: 7%; }
.pad-8 {
padding: 8%; }
hr {
margin: 20px 0 30px 0;
padding: 0;
height: 4px;
background-color: #e0e0e0;
border: none; }
/* Content Alignments */
.right {
text-align: right !important; }
.align-right {
float: right; }
.left {
text-align: left !important; }
.align-left {
float: left; }
.center {
text-align: center !important; }
/* Icon Alignments */
.icon-left {
float: left;
width: 100%;
height: auto;
max-width: 150px;
padding-right: 30px; }
.icon-right {
float: right;
width: 100%;
height: auto;
max-width: 150px;
padding-left: 30px; }
/* Article Content */
article h1, article h2, article h3, article h4, article h5, article h6, article li {
color: #5c6670; }
strong {
font-weight: 500; }
/* Standard Content */
header h1 {
font-weight: 400;
font-size: 34px;
line-height: 38px;
margin: 0 0 20px 0;
padding: 0; }
.page-entry-title {
max-width: 1000px;
margin: 3% auto;
padding: 0 3%;
position: relative;
font-weight: 400;
font-size: 32px;
line-height: 38px;
color: #5c6670; }
article h1, .onecolumn h1 {
font-weight: 400;
font-size: 28px;
line-height: 38px;
margin: 0 0 20px 0;
padding: 0; }
article h2 {
font-weight: 400;
font-size: 34px;
line-height: 38px;
margin: 0 0 20px 0;
padding: 0; }
article h3 {
font-weight: 400;
font-size: 27px;
line-height: 30px;
margin: 0 0 20px 0;
padding: 0;
color: #7a848e; }
article h4 {
font-weight: 400;
font-size: 20px;
line-height: 26px;
margin: 0 0 20px 0;
padding: 0; }
article h5 {
font-weight: 500;
font-size: 15px;
line-height: 21px;
margin: 0 0 20px 0;
padding: 0;
text-transform: uppercase; }
article h6 {
font-weight: 500;
font-size: 16px;
line-height: 24px;
margin: 0 0 5px 0;
padding: 0; }
article p {
font-weight: 400;
font-size: 14px;
line-height: 21px;
margin: 0 0 20px 0;
padding: 0; }
article ul {
list-style-type: square;
margin: 0 0 25px 15px;
padding: 0; }
article ol {
list-style-type: decimal;
margin: 0 0 25px 15px;
padding: 0; }
article ul li, article ol li {
font-weight: 400;
font-size: 14px;
line-height: 21px;
margin: 0 0 4px 15px;
padding: 0 0 0 0; }
article ul li:first-child, article ol li:first-child {
padding-top: 10px; }
article ul.checklist {
list-style-type: none;
margin: 0 0 25px 15px;
padding: 0; }
article ul.checklist li {
font-weight: 400;
font-size: 14px;
line-height: 18px;
margin: 0 0 14px 0;
padding: 0 0 0 25px;
background: url(../images/icon-checkbox.png) top left no-repeat; }
article ul.checklist li:hover {
cursor: pointer; }
article ul.checklist li.checked {
background: url(../images/icon-checkbox-checked.png) top left no-repeat; }
article blockquote {
padding: 3% 3% 2% 3%;
margin: 0 0 15px 0;
background-color: #e9ebec; }
article a.link {
font-weight: 700; }
.contentleft {
display: inline-block;
width: 62%;
margin: 0 -4px 0 0;
padding: 0 3% 2% 3%;
text-align: left;
vertical-align: top; }
h5.category {
font-size: 15px;
line-height: 21px;
margin: 0 0 0 0;
padding: 0;
text-transform: uppercase;
font-weight: 700;
color: #abafb4; }
/* Service Headings */
h2.service {
font-weight: 400;
font-size: 34px;
line-height: 38px;
margin: 0 0 5px 0;
padding: 0;
color: #0075c9; }
h2.service span {
font-weight: 700;
color: #dd0031; }
/* ---------------------------------------------------------- */
/* Cotent Tables */
table.two-col, table.three-col {
width: 100%;
margin-bottom: 15px; }
.two-col th, .three-col th {
background-color: #50748a;
padding: 2%;
font-size: 18px;
font-weight: 400;
color: #fff;
text-align: left; }
.two-col td, .three-col td {
background-color: #dfe1e2;
border-bottom: 2px solid #fff;
padding: 2%;
font-size: 14px;
line-height: 18px;
font-weight: 400; }
.two-col th:nth-child(2), .two-col td:nth-child(2), .three-col th:nth-child(2), .three-col th:nth-child(3), .three-col td:nth-child(2), .three-col td:nth-child(3) {
border-left: 2px solid #fff; }
/* ---------------------------------------------------------- */
/* search results */
.results h4 {
font-weight: 400;
font-size: 21px;
line-height: 24px;
margin: 0 0 5px 0 !important;
padding: 0; }
.results p {
font-weight: 400;
font-size: 14px;
line-height: 21px;
margin: 0 0 20px 0;
padding: 0; }
.results p.resultslabel {
font-weight: 500;
font-size: 18px;
line-height: 18px;
margin: 20px 0 0 0;
padding: 10px 0 0 0;
color: #d2d4d4; }
/* ---------------------------------------------------------- */
/* news listing */
ul.newslist {
list-style-type: none;
margin: 0;
padding: 0; }
ul.newslist li {
list-style-type: none;
margin: 0 0 15px 0;
padding: 15px 0 0 0; }
ul.newslist li .fulldate {
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #7d8890;
margin: 0 0 8px 0;
padding: 0; }
ul.newslist li h3 {
font-weight: 400;
font-size: 21px;
line-height: 24px;
margin: 0 0 5px 0;
padding: 0; }
.contentright {
display: inline-block;
width: 25%;
margin: 10px -4px 0 3%;
padding: 0 2% 2% 0;
text-align: left;
vertical-align: top; }
.contentright p {
font-weight: 400;
font-size: 13px;
line-height: 19px;
margin: 0 0 20px 0;
padding: 0;
color: #333d48; }
.contentright .section-menu ul, .contentright .widget ul {
margin: 0 0 15px 0;
padding: 0;
list-style-type: none; }
.contentright .section-menu ul li, .contentright .widget ul li {
margin: 0;
padding: 0; }
.contentright .section-menu ul li a, .contentright .widget ul li a {
display: block;
padding: 3px 10px 4px 0;
margin: 0 0 4px 0;
color: #333d48;
font-size: 12px;
line-height: 18px;
font-weight: 400; }
.contentright .section-menu li ul li a, .contentright .widget li ul li a {
display: block;
padding: 3px 10px 4px 10px;
margin: 0 0 4px 0;
color: #333d48;
text-transform: none;
font-size: 12px;
line-height: 18px;
font-weight: 400; }
.contentright .section-menu ul li a:hover, article .contentright .section-menu li ul li a:hover, .contentright .widget ul li a:hover {
color: #dd0031; }
.contentright .section-menu ul ul ul, .contentright .widget ul ul ul {
margin: 0 0 10px 15px;
padding: 0;
list-style-type: none; }
.contentright .section-menu ul ul ul li a, .contentright .widget ul ul ul li a {
display: block;
padding: 4px 10px 6px 10px;
margin: 0 0 4px 0;
color: #333d48;
font-size: 12px;
line-height: 18px;
font-weight: 400; }
.contentright .widget-title {
padding: 15px 10px 6px 0 !important;
margin: 0 0 10px 0 !important;
color: #455560;
font-size: 16px;
font-style: normal;
font-weight: 500;
text-transform: uppercase;
border-bottom: 2px solid #ebeff2; }
#menu-secondary-learn {
padding: 60px 0 0 0;
width: 100%; }
#menu-secondary-learn ul {
margin: 0 0 5px 0;
padding: 0;
list-style-type: none; }
#menu-secondary-learn li {
margin: 0;
padding: 0;
list-style-type: none; }
#menu-secondary-learn li a {
display: block;
width: 100%;
padding: 3px 0 4px 0;
margin: 0 0 4px 0;
color: #333d48;
font-size: 14px;
line-height: 16px;
font-weight: 400;
text-transform: none; }
#menu-secondary-learn li:first-child a {
font-size: 16px;
line-height: 18px;
text-transform: uppercase;
font-weight: 500;
border-bottom: 2px solid #ebeff2; }
#menu-secondary-learn .sub-menu li a {
display: block;
padding: 3px 0 4px 0;
margin: 0 0 4px 0;
color: #333d48;
text-transform: none;
font-size: 14px;
line-height: 14px;
font-weight: 400;
border-bottom: none !important; }
#menu-secondary-learn li a:hover, #menu-secondary-learn .sub-menu li a:hover {
color: #dd0031; }
#menu-secondary-learn .sub-menu .sub-menu li a {
display: block;
padding: 4px 10px 6px 10px;
margin: 0 0 4px 0;
color: #333d48;
font-size: 14px;
line-height: 14px;
font-weight: 400; }
#menu-secondary-learn li.current_page_item a {
font-weight: 700 !important;
color: #50748a; }
#menu-secondary-learn li.current_page_item .sub-menu a {
font-weight: 400 !important;
color: #333d48; }
article .half {
display: inline-block;
width: 44%;
margin: 0 -4px 0 0;
padding: 0 3% 2% 3%;
text-align: left;
vertical-align: top; }
article .first-half {
display: inline-block;
width: 44%;
margin: 0 -4px 0 0;
padding: 0 3% 2% 3%;
text-align: left;
vertical-align: top; }
article .third {
display: inline-block;
width: 31%;
height: auto;
margin: 0 -4px 0 0;
padding: 0 1% 2% 1%;
text-align: left;
vertical-align: top; }
article .third img {
width: 100%;
height: auto; }
.onecolumn article .quarter, article .contentleft .quarter {
display: inline-block;
width: 20%;
margin: 0 -4px 0 0;
padding: 0 2% 2% 2%;
text-align: left;
vertical-align: top;
border-left: 1px solid #bcbec0 !important; }
article .firstquarter {
display: inline-block;
width: 20%;
margin: 0 -4px 0 0;
padding: 0 2% 2% 2%;
text-align: left;
vertical-align: top;
border-left: 1px solid white; }
/* ---------------------------------------------------------- */
/* Buttons */
a.link:after {
content: '\f105';
display: inline-block;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 6 Pro";
font-size: 18px;
line-height: 18px;
font-weight: 400;
vertical-align: middle;
margin: -2px 0 0 0;
padding: 0 0 0 10px; }
a.btn, a.btn-right {
display: inline-block;
margin: 0;
padding: 10px 20px 10px 20px;
background-color: #dd0031;
color: white;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
a.btn:hover, a.btn-right:hover {
background-color: #0075c9;
color: white; }
a.btn-blue, a.btn-blue-right {
display: inline-block;
margin: 0;
padding: 10px 20px 10px 20px;
background-color: #00609c;
color: #ffffff;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
a.btn-blue:hover, a.btn-blue-right:hover {
background-color: #0075c9;
color: #ffffff; }
a.btn-dark-blue, a.btn-dark-blue-right {
display: inline-block;
margin: 0;
padding: 10px 20px 10px 20px;
background-color: #464f58;
color: #ffffff;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
a.btn-dark-blue:hover, a.btn-dark-blue-right:hover {
background-color: #0075c9;
color: #ffffff; }
article a.btn-right, article a.btn-blue-right, article a.btn-dark-blue-right {
margin-left: 20px; }
article a.btn, article a.btn-blue, article a.btn-dark-blue, article a.btn-right, article a.btn-blue-right, article a.btn-dark-blue-right {
padding: 20px 30px 20px 30px; }
a.btn-white, a.btn-white-right {
display: inline-block;
margin: 0;
padding: 16px 20px 17px 20px;
background-color: #ffffff;
color: #00609c;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
a.btn-white:hover, a.btn-white-right:hover {
background-color: #0075c9;
color: #ffffff; }
/* ---------------------------------------------------------- */
/* Article Forms */
article form input[type="text"], article form input[type="email"] {
display: block;
width: 96%;
height: 30px;
font-size: 13px;
background-color: #efefef;
color: #7d868c;
border: none;
padding: 3px 10px;
margin: 0; }
article form input[type="date"] {
display: block;
font-size: 14px;
line-height: 18px;
background-color: #efefef;
color: #7d868c;
border: none;
padding: 3px 10px;
margin: 0 0 10px 0; }
article form select {
display: block;
width: 100%;
height: 30px;
font-size: 13px;
background-color: #efefef;
color: #7d868c;
border: none;
padding: 5px 10px;
margin: 0; }
article .wpcf7-textarea {
display: block;
width: 97%;
height: 50px;
font-size: 14px;
color: #7d868c;
border: none;
background-color: #efefef;
padding: 3px 10px;
margin-bottom: 2px;
line-height: 18px; }
article form input[type="submit"] {
display: inline-block;
margin: 0 0 10px 0;
padding: 10px 20px 10px 20px;
background-color: #dd0031;
color: white;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
border: none; }
::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #747c81; }
::-moz-placeholder {
/* Firefox 19+ */
color: #747c81; }
:-ms-input-placeholder {
/* IE 10+ */
color: #747c81; }
:-moz-placeholder {
/* Firefox 18- */
color: #747c81; }
article div.wpcf7-mail-sent-ok {
color: #fff;
background-color: #398f14;
padding: 10px; }
article div.wpcf7-mail-sent-ng {
color: #fff;
background-color: #ff0000;
padding: 10px; }
article div.wpcf7-spam-blocked {
color: #fff;
background-color: #ffa500;
padding: 10px; }
article div.wpcf7-validation-errors {
color: #444;
background-color: #f7e700;
padding: 10px; }
/**
* Post/Image/Paging Navigation
* -----------------------------------------------------------------------------
*/
.post-navigation h2, .pagination h2 {
display: none; }
.nav-links {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word; }
.post-navigation,
.image-navigation {
margin: 12px auto 24px;
vertical-align: top;
border-top: 4px solid #ebeff2; }
.post-navigation a,
.image-navigation .previous-image,
.image-navigation .next-image {
padding: 11px 0 12px 0;
width: 100%;
vertical-align: top; }
.post-navigation .meta-nav {
display: block;
color: #767676;
font-size: 14px;
font-weight: 700;
line-height: 21px;
text-transform: uppercase;
vertical-align: top; }
.post-navigation a,
.image-navigation a {
display: block;
padding: 10px 0 25px 0;
font-size: 14px;
line-height: 18px; }
.nav-previous,
.nav-next {
display: inline-block;
width: 45%;
font-size: 14px;
line-height: 18px !important;
text-transform: none;
vertical-align: top;
margin: 0 -4px 0 0;
padding-right: 5%; }
/* Paging Navigation */
.paging-navigation {
border-top: 4px solid #ebeff2;
margin: 48px 0; }
.paging-navigation .loop-pagination {
margin-top: -5px;
text-align: center; }
.paging-navigation {
border-top: 5px solid transparent;
display: inline-block;
font-size: 14px;
font-weight: 900;
margin-right: 1px;
padding: 7px 16px; }
.paging-navigation a {
color: #666666; }
.paging-navigation {
border-top: 5px solid #ee3124; }
.paging-navigation a:hover {
border-top: 5px solid #1996d5;
color: #2b2b2b; }
.page-numbers {
border-top: 4px solid #ebeff2;
display: inline-block;
font-size: 12px;
font-weight: 400;
margin-top: 25px;
margin-right: 1px;
padding: 7px 16px; }
.page-numbers a {
color: #666666; }
.page-numbers.current {
border-top: 4px solid #dd0031; }
.page-numbers a:hover {
border-top: 4px solid #1996d5;
color: #2b2b2b; }
/* ---------------------------------------------------------- */
/* Page Blocks */
#Shell {
max-width: 2400px;
margin: 0 auto;
padding: 0; }
#Page {
position: relative;
z-index: 1000;
top: 0;
left: 0;
background-color: #ffffff;
margin: 0;
padding: 0;
width: 100%; }
#LogoBar {
width: 100%;
height: auto;
position: relative;
top: 50px;
left: 0;
z-index: 2000;
margin: 0;
padding: 0;
background-color: white;
text-align: left;
vertical-align: top; }
#Content {
margin: 0;
padding: 0;
position: absolute;
z-index: 1100;
top: 0;
left: 0;
width: 100%;
height: auto; }
#Contact {
margin: 0;
padding: 0;
padding-top: 80px; }
/* ---------------------------------------------------------- */
/* Big Banner Images */
.billboard-home {
width: 94%;
padding: 3% 3% 0 3%;
height: auto; }
.billboard-solutions {
width: 94%;
padding: 3% 3% 0 3%;
height: auto; }
.billboard {
width: 94%;
padding: 3% 3% 0 3%;
height: auto;
min-height: 150px; }
.billboard-two {
width: 100%;
height: 200px; }
.billboard-home h3, .billboard-video-overlay h3, .billboard h3, .billboard-two h3, .billboard h1 {
font-size: 32px;
line-height: 38px;
color: #ffffff;
font-weight: 400;
font-style: normal;
margin: 0 0 15px 0;
width: 90%; }
.billboard-home h3.dark-grey, .billboard h3.dark-grey, .billboard-two h3.dark-grey {
color: #5c6670; }
.billboard-home p, .billboard p, .billboard-two p {
font-size: 18px;
line-height: 24px;
color: #ffffff;
font-weight: 400;
font-style: normal;
margin: 0 0 20px 0;
width: 90%; }
.billboard-home p span {
display: block;
font-size: 14px;
line-height: 24px;
color: #ffffff;
font-weight: 700;
font-style: normal;
margin: 15px 0 20px 0;
text-align: left; }
.billboard-home p.dark-grey, .billboard p.dark-grey, .billboard-two p.dark-grey {
color: #5c6670; }
.billboard-home a.btn, .billboard a.btn, .billboard-two a.btn {
padding: 15px 25px;
margin: 0 15px 20px 0;
font-weight: 700;
font-style: normal;
font-size: 14px;
line-height: 14px; }
.billboard-home a.btn:hover, .billboard a.btn:hover, .billboard-two a.btn:hover {
background-color: #333e48;
color: white; }
.billboard img {
float: right;
padding-right: 3%; }
.headline-b {
background-color: #e4e4e6;
margin: 3% 0; }
.headline-b h2 {
font-size: 28px;
line-height: 34px;
font-weight: 400;
font-style: normal;
margin: 3% 0 0 0;
padding-left: 3%; }
.subtitle, .top-quote {
padding: 3%; }
.subtitle h1 {
font-size: 28px;
line-height: 34px;
color: #ffffff;
font-weight: 400;
font-style: normal;
margin: 0; }
.subtitle p {
font-size: 18px;
line-height: 24px;
font-weight: 400;
font-style: normal;
color: #ffffff;
margin: 0; }
.introduction {
margin-bottom: 3%;
padding: 3%; }
.introduction p {
font-size: 15px;
line-height: 21px;
font-weight: 400;
font-style: normal; }
/* ---------------------------------------------------------- */
/* Homepage Video Banner */
.billboard-home {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
background-image: url(../images/retail-video-holder.jpg);
background-size: auto 100% !important;
background-position: top right; }
video {
display: none; }
.video-overlay {
position: relative;
z-index: 300;
padding: 3%;
background-color: rgba(6, 85, 134, 0.8); }
.billboard-home h3, .billboard-video-overlay h3, .billboard-video-overlay h3, .billboard-home p, .billboard-home p span {
color: white; }
/* ---------------------------------------------------------- */
/* Solutions Video Banner */
.billboard-solutions {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
background-image: url(../images/solutions-video-holder.jpg);
background-size: auto 100% !important;
background-position: top right; }
.billboard-video-overlay {
position: relative;
z-index: 500; }
/* ---------------------------------------------------------- */
/* Logo Bar */
#LogoBar .logo {
display: inline-block;
padding: 5px 0 5px 15px;
width: 250px; }
/* ---------------------------------------------------------- */
/* Menu in Utility Bar */
.toplinks {
position: absolute;
top: 0;
right: 0;
z-index: 3000; }
.toplinks li {
display: inline-block;
margin: 0 -4px 0 0;
padding: 5px 5px 0 0;
text-align: center;
vertical-align: top;
font-size: 11px;
font-weight: 400;
font-style: normal;
color: #ffffff; }
.toplinks li:last-of-type {
margin-right: 14px; }
.toplinks li a {
color: #ffffff; }
.toplinks li a:hover {
color: #dd0031; }
/* ---------------------------------------------------------- */
/* Main Menu */
#MainLinks {
width: 100%;
margin: 0;
padding: 0 0 0 0;
text-align: right;
vertical-align: top; }
/* ---------------------------------------------------------- */
/* UberMenu */
.ubermenu-item-level-0 {
font-size: 18px;
line-height: 24px;
font-weight: 400;
font-style: normal; }
.ubermenu-custom-content h3 {
font-size: 18px;
line-height: 24px;
font-weight: 400;
font-style: normal;
margin: 0 0 10px 0;
padding: 0; }
.ubermenu-custom-content h4 {
font-size: 13px;
line-height: 18px;
font-weight: 400;
font-style: normal;
margin: 0 0 10px 0;
padding: 0; }
.ubermenu-custom-content h5 {
font-size: 14px;
line-height: 21px;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
margin: 0;
padding: 0; }
.ubermenu-custom-content p {
font-size: 13px;
line-height: 18px;
font-weight: 400;
font-style: normal;
margin: 0 0 10px 0;
padding: 0; }
.ubermenu-custom-content img {
width: 100%;
height: auto; }
/* ---------------------------------------------------------- */
/* Connect Menu */
#SupportLinks {
display: none; }
#SupportLinks ul {
margin: 0;
padding: 0;
text-align: left;
vertical-align: top; }
#SupportLinks ul li {
float: left;
position: relative;
z-index: 4500;
margin: 0;
padding: 0;
list-style-type: none; }
#SupportLinks li a {
display: block;
padding: 28px 20px 14px 20px;
margin: 0;
color: #ffffff;
background-color: #dd0031;
font-weight: 500;
font-size: 14px;
line-height: 18px;
text-transform: uppercase; }
#SupportLinks li:hover {
background-color: #702077; }
#SupportLinks li:hover a {
color: white; }
#SupportLinks ul.curtain {
width: 500px;
padding: 0;
display: none;
margin: 10px 0 0 10px;
top: 50px;
right: 0px;
position: absolute;
background-color: #e4e4e6;
border-top: 8px solid #dd0031;
z-index: 4500;
text-align: left;
vertical-align: top; }
#SupportLinks li:hover > ul.curtain {
display: block; }
#SupportLinks ul.curtain li {
width: 200px;
display: inline-block;
float: none;
padding: 0 20px 5px 20px;
margin: 15px 0 15px 0;
text-align: left;
vertical-align: top;
border-left: 2px solid #00609c;
font-weight: 400;
font-size: 12px; }
#SupportLinks ul.curtain li:first-child {
border-left: none !important;
width: 200px; }
#SupportLinks ul.curtain li:hover {
border-bottom: none !important;
background-color: rgba(255, 255, 255, 0); }
#SupportLinks ul.curtain li a {
height: auto;
width: auto;
white-space: nowrap;
text-align: left;
margin: 0 0 0 0;
padding: 10px 10px 10px 10px;
text-transform: none;
font-size: 12px; }
#SupportLinks .curtain p {
font-size: 12px;
line-height: 16px;
margin: 0 0 10px 0;
padding: 0; }
#SupportLinks .curtain h4 {
font-size: 16px;
line-height: 21px;
font-weight: 400;
margin: 0 0 5px 0;
padding: 0; }
#SupportLinks ul.curtain li a.btn {
display: inline-block;
margin: 0 0 20px 0;
padding: 10px 20px 10px 20px;
background-color: #dd0031;
color: white;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
#SupportLinks ul.curtain li a.btn:hover {
background-color: #0075c9;
color: white; }
#SupportLinks form {
width: 200px; }
#SupportLinks form input[type="text"], #SupportLinks form input[type="email"] {
display: block;
width: 96%;
height: 20px;
font-size: 12px;
background-color: #efefef;
color: #7d868c;
border: none;
padding: 3px 10px;
margin: 0; }
#SupportLinks .wpcf7-textarea {
display: block;
width: 97%;
height: 50px;
font-size: 12px;
color: #7d868c;
border: none;
background-color: #efefef;
padding: 3px 10px;
margin-bottom: 2px; }
#SupportLinks form input[type="submit"] {
display: inline-block;
margin: 0 0 10px 0;
padding: 10px 20px 10px 20px;
background-color: #dd0031;
color: white;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
border: none; }
::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #747c81; }
::-moz-placeholder {
/* Firefox 19+ */
color: #747c81; }
:-ms-input-placeholder {
/* IE 10+ */
color: #747c81; }
:-moz-placeholder {
/* Firefox 18- */
color: #747c81; }
#SupportLinks div.wpcf7-mail-sent-ok {
color: #fff;
background-color: #398f14;
padding: 10px; }
#SupportLinks div.wpcf7-mail-sent-ng {
color: #fff;
background-color: #ff0000;
padding: 10px; }
#SupportLinks div.wpcf7-spam-blocked {
color: #fff;
background-color: #ffa500;
padding: 10px; }
#SupportLinks div.wpcf7-validation-errors {
color: #444;
background-color: #f7e700;
padding: 10px; }
/* ---------------------------------------------------------- */
/* BreadCrumb and Tagline */
.crumb-tagline {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1500;
margin: 0;
padding: 7px 0 7px 0;
background-color: rgba(92, 102, 112, 0.8); }
/* Breadcrumbs */
.breadcrumbs {
display: none; }
/* tagline */
.tagline {
display: block;
margin: 0;
padding: 5px 0 5px 15px;
font-size: 12px;
line-height: 16px;
font-weight: 500;
color: #d1d3d3;
text-transform: uppercase;
text-align: left;
vertical-align: top; }
/* ---------------------------------------------------------- */
/* Content Blocks */
/* Homepage */
.service-panels {
width: 100%;
box-shadow: 0px 2px 4px rgba(125, 125, 125, 0.5);
margin-bottom: 4%; }
a.service-panel {
width: 42%;
padding: 2% 4% 2% 4%;
margin: 0 -4px 0 0;
display: inline-block;
background-color: #ffffff;
text-align: center;
vertical-align: top;
border-top: 1px solid #ededed; }
a.service-panel:nth-child(odd) {
background-color: #ffffff; }
a.service-panel:hover {
background-color: #333e48;
-moz-transition: background-color 0.4s ease-in-out;
-webkit-transition: background-color 0.4s ease-in-out;
-o-transition: background-color 0.4s ease-in-out;
transition: background-color 0.4s ease-in-out; }
a.service-panel h4 {
font-size: 28px;
line-height: 32px;
font-weight: 400;
font-style: normal;
color: #0075c9;
margin: 0 0 15px 0;
height: 96px; }
a.service-panel h4 span {
font-weight: 700;
font-style: normal;
color: #dd0031;
display: block; }
a.service-panel p {
font-size: 15px;
line-height: 21px;
font-weight: 400;
font-style: normal;
color: #7d868c; }
a.service-panel:hover h4, a.service-panel:hover h4 span, a.service-panel:hover p {
color: #e4e4e6;
-moz-transition: color 0.2s ease-in-out;
-webkit-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out; }
a.service-panel hr {
width: 40%;
height: 3px;
margin: 0 auto;
background-color: #d1d3d3;
border: none; }
.more {
display: block;
width: 45%;
opacity: 0;
margin: 15px auto;
padding: 10px;
background-color: #e4e4e6;
color: #333e48;
font-weight: 400;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase; }
a.service-panel:hover .more {
opacity: 1;
-moz-transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out; }
.clientlogos {
margin: 0 auto;
padding: 3% 0 0 0;
text-align: center;
vertical-align: top; }
.clientlogos img {
width: 80%;
max-width: 800px;
height: auto; }
.difference {
margin: 3% 0; }
.container-two .half {
width: 90%;
margin: 0;
border-top: 1px solid #ffffff;
padding: 5% 5% 1% 5%;
text-align: left;
vertical-align: top; }
.difference .half {
width: 90%;
margin: 0;
border-top: 1px solid #cfd1d2;
padding: 5% 5% 1% 5%;
text-align: left;
vertical-align: top; }
.difference .half:last-of-type {
width: 90%;
margin: 0;
border-right: 0px;
padding: 5%;
text-align: left;
vertical-align: top; }
.difference .half p {
font-size: 15px;
line-height: 21px; }
.difference .half img {
display: block;
width: 60%;
height: auto;
margin: 0 auto; }
.mcsignup {
background-color: #e4e4e6;
padding: 3%;
margin-bottom: 15px;
text-align: left;
vertical-align: top; }
.mcsignup h4 {
padding: 0 0 15px 0;
border-bottom: 2px solid #ffffff; }
.mcsignup .copy {
margin: 0;
padding: 0 3% 0 0;
text-align: left;
vertical-align: top; }
.mcsignup .homeform {
margin: 0;
padding: 0 3% 0 0;
text-align: left;
vertical-align: top; }
/* Secondary Pages */
.bg-dark-blue .top-quote p {
color: #ffffff;
padding: 0 3%; }
.bg-dark-blue p, .bg-dark-blue-two p {
color: #ffffff;
padding: 0 3%;
font-size: 18px;
line-height: 24px; }
.lower-blue {
color: #ffffff; }
.lower-blue a.btn-dark-blue:hover {
background-color: #ffffff;
color: #0075c9; }
.lower-blue h6 {
font-size: 28px;
line-height: 36px;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
margin: 0 0 20px 0;
padding: 0; }
.lower-blue img {
width: 80%;
height: auto; }
/* Case Study Panel */
.casestudy {
background-color: #0075c9; }
.casestudy .half-cell h3 {
font-weight: 400;
font-size: 28px;
line-height: 34px;
margin: 0 0 15px 0;
padding: 5% 5% 0 5%;
color: #ffffff;
text-transform: uppercase; }
.casestudy .half-cell h4 {
font-weight: 400;
font-size: 24px;
line-height: 28px;
margin: 0 0 15px 0;
padding: 0 5% 0 5%;
color: #ffffff; }
.casestudy .half-cell p {
font-weight: 400;
font-size: 15px;
line-height: 21px;
margin: 0 0 15px 0;
padding: 0 5% 0 5%;
color: #ffffff; }
.casestudy a.btn-dark-blue:hover {
background-color: #ffffff;
color: #0075c9; }
/* TSC Panel */
.tsc {
background-color: #e4e4e6; }
.tsc .half-cell h4 {
font-weight: 400;
font-size: 24px;
line-height: 28px;
margin: 0 0 15px 0;
padding: 5% 5% 0 5%;
color: #0075c9; }
.tsc .half-cell p {
font-weight: 400;
font-size: 15px;
line-height: 21px;
margin: 0 0 15px 0;
padding: 0 5% 0 5%; }
/* bordered cards */
.cards {
display: table;
border-collapse: separate;
border-spacing: 10px; }
.card {
display: table-cell;
width: 33%;
height: auto;
margin: 0;
padding: 0;
text-align: left;
vertical-align: top;
border: 1px solid #cecece;
background-color: white; }
.cardcontent img {
width: 100%;
height: auto; }
.cardcontent h4 {
padding: 0 5%; }
.cardcontent p {
padding: 0 5%; }
.awards-card {
width: 100%;
height: auto;
margin: 10px auto;
padding: 0;
text-align: left;
vertical-align: top;
border: 1px solid #cecece;
background-color: white; }
.award-cards {
display: block;
text-align: center;
vertical-align: top;
border-bottom: 1px solid #cecece;
background-color: white; }
.award-cards div {
width: 100%;
min-height: 236px; }
.award-cards strong {
display: block;
text-align: center;
margin: 10px auto;
font-size: 14px;
line-height: 21px;
font-weight: 700;
color: #0075c9; }
.award-cards img {
width: 100%;
height: auto;
display: block; }
.awards-copy {
padding: 20px; }
.awards-copy h6 {
font-weight: 700;
font-size: 14px;
line-height: 21px;
margin: 0 0 4px 0;
color: #0075c9; }
.awards-copy p {
font-weight: 400;
font-size: 14px;
line-height: 18px;
margin: 0 0 0 0; }
/* Accordian */
#accordian .acc-panel {
margin: 0 0 10px 0;
padding: 0;
height: auto;
overflow: hidden; }
#accordian h3 {
display: block;
position: relative;
font-size: 18px;
line-height: 1.5em;
text-transform: uppercase;
padding: 10px 0 10px 10px;
margin: 0 0 10px 0;
background-color: #e4e4e6; }
.job-openings #accordian h3 {
text-transform: none;
background-color: #ffffff;
border-bottom: 1px solid #e4e4e6; }
.job-openings #accordian h3.active {
color: #0083c6; }
#accordian h3 strong {
color: #0083c6;
font-weight: normal; }
#accordian h3:hover {
cursor: pointer; }
#accordian .acc-content {
display: none;
margin: 0;
padding: 0 0 3% 0;
overflow: hidden; }
#accordian .acc-content p {
display: inline-block;
text-align: left;
vertical-align: top;
padding: 10px 4% 10px 2%;
margin: 0;
font-size: 14px;
line-height: 19px;
color: #6d6e71; }
#accordian .icon {
width: 18px;
height: 18px;
color: #0075c9;
position: absolute;
top: 12px;
right: 12px;
-webkit-transition: all 200ms ease 0s;
-moz-transition: all 200ms ease 0s;
transition: all 200ms ease 0s;
transform: rotate(0deg) perspective(1px) scale(1);
text-align: center;
vertical-align: middle;
margin: 0;
padding: 0;
font-family: Helvetica, Arial, sans-serif;
font-size: 21px;
line-height: 21px;
font-weight: normal; }
#accordian .active .icon {
margin: 0;
padding: 0;
font-size: 21px;
line-height: 21px;
font-weight: normal;
color: #dd0031;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg) perspective(1px) scale(1); }
/* Solutions Accordian */
#solutionAccordian .acc-panel {
margin: 0 20px 20px 20px;
padding: 0;
height: auto;
overflow: hidden;
background-color: #004d71;
vertical-align: top; }
#solutionAccordian h3 {
display: block;
position: relative;
min-height: 35px;
font-size: 18px;
line-height: 21px;
padding: 30px 25px 10px 80px;
margin: 0 0 10px 0;
color: #ffffff;
vertical-align: middle; }
/* #panel3 h3 {
padding: 20px 25px 10px 80px;
min-height: 45px;
} */
#solutionAccordian h3 strong {
color: #ffffff;
font-weight: normal; }
#solutionAccordian h3:hover {
cursor: pointer; }
#solutionAccordian .acc-content {
display: none;
margin: 0;
padding: 0 0 3% 0;
overflow: hidden; }
#solutionAccordian .acc-content p {
display: inline-block;
text-align: left;
vertical-align: top;
padding: 10px 5% 10px 5%;
margin: 0;
font-size: 14px;
line-height: 19px;
color: #ffffff; }
#solutionAccordian .badge {
width: 60px;
height: 60px;
color: #ffffff;
position: absolute;
top: 12px;
left: 12px; }
#panel1 .badge {
background-image: url(../images/ps-badges.svg);
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: 360px 60px; }
#panel2 .badge {
background-image: url(../images/ps-badges.svg);
background-position: -60px 0px;
background-repeat: no-repeat;
background-size: 360px 60px; }
#panel3 .badge {
background-image: url(../images/ps-badges.svg);
background-position: -120px 0px;
background-repeat: no-repeat;
background-size: 360px 60px; }
#panel4 .badge {
background-image: url(../images/ps-badges.svg);
background-position: -180px 0px;
background-repeat: no-repeat;
background-size: 360px 60px; }
#panel5 .badge {
background-image: url(../images/ps-badges.svg);
background-position: -240px 0px;
background-repeat: no-repeat;
background-size: 360px 60px; }
#panel6 .badge {
background-image: url(../images/ps-badges.svg);
background-position: -300px 0px;
background-repeat: no-repeat;
background-size: 360px 60px; }
#solutionAccordian .icon {
width: 30px;
height: 30px;
color: #ffffff;
position: absolute;
top: 24px;
right: 12px;
-webkit-transition: all 400ms ease 0s;
-moz-transition: all 400ms ease 0s;
transition: all 400ms ease 0s;
transform: rotate(0deg) perspective(1px) scale(1);
text-align: center;
vertical-align: middle;
margin: 0;
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 400; }
#solutionAccordian .active .icon {
margin: 0;
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 400;
color: #ffffff;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg) perspective(1px) scale(1); }
/* Industries Tabs */
.industry-tabs {
width: 100%;
background-color: #004d71;
margin: 2% 0 0 0;
padding: 2% 0 0 0;
position: relative;
z-index: 500; }
.tabs {
text-align: left;
margin: 0;
padding: 0; }
.tabs li {
list-style: none;
display: inline;
margin: 0 10px 0 0;
padding: 0; }
.tabs a {
padding: 0 7px 10px 7px;
display: inline-block;
color: #e4e4e6;
text-decoration: none;
outline: 0;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
border-bottom: 5px solid #004d71;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear; }
.tabs a:hover {
color: #ffffff;
text-decoration: none;
border-bottom: 5px solid #ffffff; }
.tabs a.active {
border-bottom: 5px solid #eb1d4d; }
.industry {
width: 100%;
background-color: #e4e4e6;
margin: 0;
padding: 2% 0; }
#industries {
position: relative;
width: 100%;
margin: 0;
padding: 0;
z-index: 200; }
#Retail, #Financial, #Healthcare, #Entertainment, #Grocery {
width: 100%;
margin: 0;
padding: 0;
position: relative;
top: 0;
left: 0;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
text-align: left; }
#Retail:before, #Financial:before, #Healthcare:before, #Entertainment:before, #Grocery:before {
display: block;
content: " ";
height: 170px;
margin-top: -170px;
visibility: hidden; }
#industries .threequarter p {
padding-right: 5%; }
#industries .quarter h6 {
text-transform: uppercase;
font-weight: 700; }
.inlinequote {
padding: 0 5%; }
.inlinequote h4 {
font-size: 18px;
line-height: 24px;
font-weight: 400;
font-style: italic; }
/* Timeline */
.timeline {
width: 100%;
margin: 0 0 2% 0;
position: relative; }
.marker-cell {
width: 100%;
padding: 10px 0; }
.year {
margin: 0 auto;
padding: 0;
font-size: 84px;
line-height: 84px;
font-style: normal;
font-weight: 700;
color: #0075c9;
text-align: center;
vertical-align: top;
letter-spacing: -2px; }
.event {
margin: 0 10% 30px 10%;
padding: 0;
font-size: 16px;
line-height: 24px;
font-style: normal;
font-weight: 400;
text-align: center;
vertical-align: top; }
.timeline:before {
display: block;
content: " ";
height: 170px;
margin-top: -170px;
visibility: hidden; }
/* ---------------------------------------------------------- */
/* Blog */
.postblock article {
margin: 0 !important;
padding: 0 !important; }
.posttbl {
display: table;
border-spacing: 10px;
margin-bottom: 3%; }
.postblock {
display: table-cell;
width: 33%;
text-align: left;
vertical-align: top;
margin: 0;
padding: 0;
border-collapse: separate;
background-color: #ebeff2; }
.postblock:hover {
background-color: #f5f9fc;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.postrow {
display: table-row;
border-collapse: separate; }
.postblock img {
display: block;
width: 100%;
height: auto;
margin: 0 !important;
padding: 0 !important; }
.postblock h1 {
font-size: 18px !important;
line-height: 21px;
margin: 0 0 10px 0 !important;
padding: 4% 5% 0 5% !important;
text-align: left;
vertical-align: top; }
.postblock p {
font-size: 12px !important;
line-height: 16px !important;
margin: 0 0 10px 0 !important;
padding: 0 5% 5% 5% !important; }
h3.widget-title {
font-size: 18px !important;
line-height: 26px;
border-bottom: 2px solid #ccc;
margin: 0 0 10px 0 !important;
padding: 4% 5% 0 5% !important;
color: #55565a;
text-align: left;
vertical-align: top; }
.entry-meta {
display: none; }
/* ---------------------------------------------------------- */
/* Member Blocks */
.team {
margin: 0 auto;
text-align: center; }
#Team:before {
display: block;
content: " ";
height: 170px;
margin-top: -170px;
visibility: hidden; }
.member {
display: inline-block;
margin: 0 15px 20px 0;
padding: 0;
width: 230px;
height: 280px;
position: relative;
background-color: #333e48;
overflow: hidden; }
.name {
display: inline-block;
margin: 0 16px 20px 0;
padding: 10px 0 0 20px;
width: 100%;
height: 70px;
position: absolute;
top: 200px;
left: 0;
z-index: 500px;
background-color: #333e48;
font-weight: 700;
font-size: 14px;
line-height: 16px;
color: #fff;
text-align: left;
vertical-align: top; }
.name a, .name a:visited {
color: #fff; }
.name a:hover, .name a:visited:hover {
color: #fff; }
.name span {
font-weight: 400;
font-size: 12px;
line-height: 13px !important;
color: #fff; }
.libio {
display: block;
float: right;
position: absolute;
bottom: 10px;
right: 10px;
width: 29px;
height: 29px;
z-index: 2000; }
.libio img {
width: 100%;
height: auto; }
.photo {
display: inline-block;
margin: 0 16px 20px 0;
padding: 0;
width: 100%;
height: 50px;
position: absolute;
top: 0;
left: 0;
z-index: 200px; }
.member .photo img {
width: 100%;
height: auto; }
.description {
display: inline-block;
margin: 0 15px 20px 0;
padding: 10px 20px 10px 20px;
width: 190px;
height: 280px;
position: absolute;
top: 200px;
left: 0;
z-index: 300px;
background-color: #00609c;
font-weight: 400;
font-size: 12px;
line-height: 14px;
color: #fff;
text-align: left;
vertical-align: top;
transition: top 0.5s ease; }
.description p {
font-weight: 400;
font-size: 13px;
line-height: 14px;
color: #fff;
text-align: left;
vertical-align: top; }
.description a, .description a:visited {
color: #7DB5FF; }
.description a:hover, .description a:visited:hover {
color: #B7D6FF; }
.member:hover .description {
top: 0px; }
/* ---------------------------------------------------------- */
/* Contact Page */
#Contact .leftcard {
background-color: rgba(255, 255, 255, 0.9);
padding: 5%; }
#Contact .rightcard {
background-color: #0075c9;
padding: 5%; }
/* ---------------------------------------------------------- */
/* Feeds */
article .homenewsblock h4 {
font-size: 24px;
font-weight: 700;
margin-bottom: 0; }
.homenewsblock ul {
padding: 10px 0 0 5px;
margin: 10px 0 0 0; }
.homenewsblock li {
list-style-type: none;
margin: 0 0 15px 0;
padding: 0; }
/* .date {
display:inline-block;
width: 15%;
margin: 0 -4px 0 0;
pading: 0;
text-align: center;
vertical-align: top;
}
.date .day {
display: block;
font-size: 32px;
line-height: 32px;
font-weight: 400;
color: #0083c6;
}
.date .month {
display: block;
font-size: 18px;
text-transform: uppercase;
font-weight: 400;
color: #0083c6;
}
.newsblurb {
display:inline-block;
width: 85%;
margin: 0 -4px 0 0;
pading: 0;
}
.newslistcat {
display: block;
font-size: 11px;
text-transform: uppercase;
font-weight: 500;
color: #abafb4;
margin: 0 0 0 0;
}
.newsblurb h6 {
margin: 0;
}
.newsblurb p {
font-size: 14px;
line-height: 18px;
margin: 0 0 10px 0;
}
*/
.blogfeed {
display: table-cell;
margin: 0;
padding: 0 5% 20px 5%;
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #7f858c; }
.newsfeed {
display: table-cell;
margin: 0;
padding: 0 5% 20px 5%;
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #7f858c; }
.newsfeed {
border-left: 1px solid #d1d3d3; }
.blogfeed {
border-left: none; }
.newsfeed h4, .blogfeed h4 {
font-weight: 400;
font-size: 21px;
line-height: 28px;
margin: 0 0 5px 0;
padding: 0;
color: #455560; }
.newsfeed h6, .blogfeed h6 {
font-weight: 500;
font-size: 14px;
line-height: 16px;
margin: 0 0 5px 0;
padding: 0;
color: #333e48; }
.newsfeed p, .blogfeed p {
font-weight: 400;
font-size: 12px;
line-height: 16px;
margin: 0 0 10px 0;
padding: 0;
color: #55565a; }
.newsfeed p a, .blogfeed p a {
font-weight: 500;
font-size: 18px;
line-height: 20px; }
/* ---------------------------------------------------------- */
/* MailChimp Panel Above Footer */
.mc-bar {
background-color: #e4e4e6;
width: 100%; }
.mc-bar h4 {
margin-top: 0;
padding-top: 0; }
.mc-bar .mc4wp-form {
display: block;
width: 100%;
margin: 0 auto;
padding: 0;
text-align: center;
vertical-align: top; }
.mc-bar .mc4wp-form input[type="text"], .mc-bar input[type="email"] {
display: inline-block;
width: auto;
height: 30px;
font-size: 13px;
font-weight: 400;
background-color: #efefef;
color: #7d868c;
border: none;
padding: 3px 10px;
margin: 0 5px 10px 5px; }
.mc-bar input[type="email"] {
min-width: 200px; }
.mc-bar .mc4wp-form input[type="submit"] {
display: inline-block;
margin: 0 0 10px 0;
padding: 12px 20px 12px 20px;
background-color: #dd0031;
color: white;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
border: none; }
/* ---------------------------------------------------------- */
/* FOOTER */
/* Footer Menu Elements */
.footer {
margin: 0;
padding-right: 3%;
padding-left: 3%;
text-align: left;
vertical-align: top;
color: #a5a7aa; }
.aboutus {
display: block;
text-align: left;
vertical-align: top; }
.aboutus p {
padding: 0;
margin: 0 0 15px 0 !important;
font-size: 14px;
line-height: 18px;
font-style: normal;
font-weight: 400;
color: #a5a7aa; }
.aboutus h5 {
padding: 0;
margin: 0;
font-size: 14px;
line-height: 21px;
font-style: normal;
font-weight: 500;
text-transform: uppercase;
color: #ffffff; }
.aboutus h6 {
padding: 0;
margin: 0 0 15px 0 !important;
font-size: 14px;
line-height: 21px;
font-style: normal;
font-weight: 400;
color: #ffffff; }
.menus {
display: block;
text-align: left;
vertical-align: top; }
.menus div {
display: inline-block;
width: 30%;
margin: 0 -4px 0 0;
padding: 0 3% 0 0;
text-align: left;
vertical-align: top; }
.menus ul, .menus ul li ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
vertical-align: top; }
.menus ul li {
display: block;
margin: 0 0 0 0;
padding: 0 2% 0 0;
list-style-type: none;
text-align: left;
vertical-align: top; }
.menus li a {
text-align: left;
padding: 0;
margin: 0 0 0 0px;
color: #ffffff;
font-size: 13px;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.menus ul.sub-menu li a {
height: auto;
width: auto;
display: block;
text-align: left;
margin: 0 0 0 0;
padding: 5px 0 5px 0;
text-transform: none;
color: #a5a7aa;
font-weight: 400;
font-size: 14px;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.menus ul.sub-menu li a:hover {
color: #ffffff; }
.social {
display: block;
text-align: center;
vertical-align: top;
margin-top: 3%; }
.social a.twitter, .thankyou-social a.twitter {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-footer-twitter.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.social a.x, .thankyou-social a.x {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-footer-x.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.social a.linkedin, .thankyou-social a.linkedin {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-footer-linkedin.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.social a.yt, .thankyou-social a.yt {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-footer-yt.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.social a.gplus {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-footer-googleplus.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.social a.instagram, .thankyou-social a.instagram {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-footer-instagram.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.social a.facebook, .thankyou-social a.facebook {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-footer-facebook.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.social h4 {
color: #ffffff;
font-weight: 300 !important;
font-style: normal;
font-size: 24px;
line-height: 28px;
margin: 15PX 0 0 0;
padding: 0; }
.locations {
border-top: 1px solid #5c6670;
margin: 25px 0 0 0;
padding: 25px 0 0 0; }
.location {
display: inline-block;
width: 20%;
margin: 0 -5px 0 0;
padding: 0;
text-align: center;
vertical-align: top;
border-right: 1px solid #5c6670; }
.location:last-of-type {
border-right: 0px; }
.location p {
font-size: 12px;
line-height: 16px;
font-weight: 400; }
.location strong {
font-size: 14px;
color: #fff;
text-transform: uppercase; }
.copyright {
padding: 5% 0 0 0;
margin: 0 0 0 0;
font-size: 12px !important;
font-weight: 400;
font-style: normal;
color: #5c6670;
text-align: center; }
.copyright a {
font-size: 11px;
color: #a5a7aa; }
.copyright a:hover {
color: #ffffff; }
/* Fixed Social and Search */
#home {
position: fixed;
z-index: 10000;
right: -1px;
top: 0;
width: 41px;
height: 40px;
margin: 0 0 1px 0;
padding: 0;
background: url(../images/fixed-home.png) 50% 50% no-repeat #333e48;
background-size: 65%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
#home a {
display: block;
width: 41px;
height: 40px; }
#socialshell {
position: fixed;
z-index: 10000;
right: 0;
top: 41px;
overflow: hidden;
min-width: 40px;
width: auto;
height: 40px;
margin: 0 0 1px 0;
padding: 0;
font-family: Helvetica, Arial, sans-serif; }
#srchshell {
position: fixed;
z-index: 10000;
right: 0;
top: 82px;
overflow: hidden;
min-width: 40px;
width: auto;
height: 40px;
font-family: Helvetica, Arial, sans-serif; }
#togsoc {
position: absolute;
z-index: 10000;
right: -1px;
top: 0;
width: 41px;
height: 40px;
margin: 0;
padding: 0;
background: url(../images/icon-social.png) 50% 50% no-repeat #333e48;
background-size: 65%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.soc {
position: relative;
z-index: 9000;
right: 0;
top: 0;
width: 120px;
height: 40px;
margin-right: -120px;
padding: 0;
background-color: #efefef;
vertical-align: top;
text-align: left; }
.soc-linkedin, .soc-twitter, .soc-yt, .soc-gplus {
margin: 0;
padding: 0;
display: inline-block; }
.soc-linkedin a {
display: block;
width: 40px;
height: 40px;
margin: 0;
padding: 0;
background: url(../images/icon-linkedin.png) 50% 50% no-repeat #333e48;
background-size: 65%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.soc-twitter a {
display: block;
width: 40px;
height: 40px;
margin: 0;
padding: 0;
background: url(../images/icon-twitter.png) 50% 50% no-repeat #333e48;
background-size: 65%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.soc-yt a {
display: block;
width: 40px;
height: 40px;
margin: 0;
padding: 0;
background: url(../images/icon-twitter.png) 50% 50% no-repeat #333e48;
background-size: 65%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.soc-gplus a {
display: block;
width: 40px;
height: 40px;
margin: 0;
padding: 0;
background: url(../images/icon-googleplus.png) 50% 50% no-repeat #333e48;
background-size: 65%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.soc-linkedin a:hover, .soc-twitter a:hover, .soc-yt a:hover, .soc-gplus a:hover {
cursor: pointer;
background-color: #5c6670; }
#togsrch {
position: absolute;
z-index: 10000;
right: -1px;
top: 0;
width: 41px;
height: 40px;
margin: 0;
padding: 0;
background: url(../images/icon-search.png) 50% 50% no-repeat #333e48;
background-size: 65%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
#togsoc:hover, #togsrch:hover, #home:hover {
cursor: pointer;
background-color: #5c6670; }
.srchpanel {
position: relative;
z-index: 9000;
left: 0;
top: 0;
width: 190px;
height: 40px;
margin-right: -200px;
padding: 0;
background-color: #efefef;
vertical-align: top;
text-align: left; }
.srchpanel #s {
border: 0px;
background-color: #efefef;
width: 100px;
vertical-align: top;
text-align: left;
margin: 0;
padding: 12px 10px 14px 20px;
display: inline;
font-size: 14px;
font-weight: 400;
color: #5d6770;
font-family: Helvetica, Arial, sans-serif; }
.srchpanel #Search {
border: 0px;
background-color: #e4e4e6;
width: 60px;
height: 40px;
margin: 0;
padding: 3px 0 0 0;
display: inline;
font-size: 16px;
font-weight: 400;
color: #0075c9;
font-family: Helvetica, Arial, sans-serif;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.srchpanel #Search:hover {
cursor: pointer;
background-color: #0075c9;
color: #ffffff; }
#Content #searchform input[type="text"] {
display: inline-block;
width: 25%;
height: 30px;
font-size: 12px;
background-color: #efefef;
color: #7d868c;
border: none;
padding: 3px 10px;
margin: 0 0 10px 0; }
#Content #searchform input[type="submit"] {
display: inline-block;
margin: 0 0 10px 20px;
padding: 12px 20px 12px 20px;
background-color: #dd0031;
color: white;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
border: none; }
/* Support Blocks */
.support-blocks {
margin: 40px 0;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center; }
.support-block {
display: flex;
flex-grow: 1;
margin: 5px;
padding: 0;
position: relative;
background-color: #cfd2d3;
overflow: hidden;
width: calc(50% - 20px);
height: 240px;
justify-content: center;
align-items: center; }
.support-block .overview {
margin: 0;
padding: 0;
position: relative;
top: 0;
left: 0;
z-index: 100;
text-align: center;
vertical-align: middle; }
.support-block .overview .copy {
font-weight: 400;
font-size: 16px;
line-height: 21px;
color: #55565a;
text-align: center; }
.support-block .overview .number {
display: block;
margin: 0 auto;
border: none;
padding: 0;
text-align: center;
font-weight: 700;
font-size: 48px;
line-height: 48px;
color: #7b868c !important; }
.support-block .overview .copy span {
display: block;
margin-top: 15px;
font-weight: 400;
font-size: 16px;
line-height: 21px;
color: #55565a;
text-align: center; }
.support-description {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
margin: 0 0 0 0;
padding: 0 20px;
position: absolute;
top: 245px;
left: 0;
z-index: 800;
height: 100%;
width: calc(100% - 40px);
background-color: #dd0031;
transition: top 0.5s ease; }
.support-description p {
display: block;
width: 100%;
font-weight: 400;
font-size: 16px;
line-height: 21px;
color: #fff;
text-align: center;
margin: 0;
padding: 0; }
.support-description .number {
display: block;
width: 100%;
margin: 0 0 10px 0;
border: none;
padding: 0;
text-align: center;
font-weight: 700;
font-size: 24px;
line-height: 24px;
color: #ffffff !important; }
.support-description .number i {
padding-left: 10px;
padding-right: 10px; }
.support-block:hover .support-description, .support-block:focus .support-description {
top: 0px; } }
/* -------------------------- */
/* -------------------------- */
/* -------------------------- */
/* Tablet Portrait Tweaks */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.partner-spotlight {
width: 90%;
max-width: 1200px;
margin: 0 auto 2% auto;
padding: 4% 5% 0 5%;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
flex-direction: initial; }
.partner-spotlight .half {
display: inline;
width: 48%;
padding: 0 1%; }
.partner-spotlight h4 {
font-size: 21px; }
/* ---------------------------------------------------------- */
/* Big Banner Images */
.billboard-home {
background-size: auto 100% !important; }
.billboard-solutions {
background-size: auto 100% !important; }
.billboard-two {
height: 200px; }
.billboard-home h3, .billboard-video-overlay h3, .billboard h3, .billboard-two h3, .billboard h1 {
font-size: 32px;
line-height: 38px;
color: #ffffff;
font-weight: 400;
font-style: normal;
margin: 0 0 15px 0; }
.billboard-home h3.dark-grey, .billboard h3.dark-grey, .billboard-two h3.dark-grey {
color: #5c6670; }
.billboard-home p, .billboard p, .billboard-two p {
font-size: 18px;
line-height: 24px;
color: #ffffff;
font-weight: 400;
font-style: normal;
margin: 0 0 20px 0; }
.billboard-home p span {
display: block;
font-size: 14px;
line-height: 24px;
color: #ffffff;
font-weight: 700;
font-style: normal;
margin: 15px 0 20px 0;
text-align: left; }
.billboard-home p.dark-grey, .billboard p.dark-grey, .billboard-two p.dark-grey {
color: #5c6670; }
.billboard-home a.btn, .billboard a.btn, .billboard-two a.btn {
padding: 15px 25px;
margin-right: 20px;
font-weight: 700;
font-style: normal;
font-size: 14px;
line-height: 14px; }
.billboard-home a.btn:hover, .billboard a.btn:hover, .billboard-two a.btn:hover {
background-color: #333e48;
color: white; }
.billboard img {
float: right;
padding-right: 3%; }
.billboard-home h3, .billboard-video-overlay h3, .billboard-home p, .billboard-home p span {
color: white; }
/* Green Homepage Panel - Added 09-18 */
.green-panel .third {
text-align: center;
display: inline-block;
margin: 0 -4px 0 0;
width: 48%;
padding: 0 1% 2% 1%; }
.service-panels {
width: 100%;
box-shadow: 0px 2px 4px rgba(125, 125, 125, 0.5);
margin-bottom: 4%; }
a.service-panel {
width: 42%;
padding: 2% 4% 1% 4%;
margin: 0 -4px 0 0;
display: inline-block;
background-color: #ffffff;
text-align: center;
vertical-align: middle; }
a.service-panel:nth-child(odd) {
background-color: #ffffff; }
a.service-panel:hover {
background-color: #333e48;
-moz-transition: background-color 0.4s ease-in-out;
-webkit-transition: background-color 0.4s ease-in-out;
-o-transition: background-color 0.4s ease-in-out;
transition: background-color 0.4s ease-in-out; }
a.service-panel h4 {
font-size: 28px;
line-height: 32px;
font-weight: 400;
font-style: normal;
color: #0075c9;
margin: 0 0 15px 0; }
a.service-panel h4 span {
font-weight: 700;
font-style: normal;
color: #dd0031;
display: block; }
a.service-panel p {
font-size: 15px;
line-height: 21px;
font-weight: 400;
font-style: normal;
color: #7d868c; }
a.service-panel:hover h4, a.service-panel:hover h4 span, a.service-panel:hover p {
color: #e4e4e6;
-moz-transition: color 0.2s ease-in-out;
-webkit-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out; }
a.service-panel hr {
width: 40%;
height: 3px;
margin: 0 auto;
background-color: #d1d3d3;
border: none; }
.more {
display: block;
width: 45%;
opacity: 0;
margin: 15px auto;
padding: 10px;
background-color: #e4e4e6;
color: #333e48;
font-weight: 400;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase; }
a.service-panel:hover .more {
opacity: 1;
-moz-transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out; }
/* team */
.team {
margin: 0 auto;
text-align: center; }
.member {
display: inline-block;
margin: 0 15px 20px 0;
padding: 0;
width: 230px;
height: 280px;
position: relative;
background-color: #333e48;
overflow: hidden; }
/* bordered cards */
.cards {
display: table;
border-collapse: separate;
border-spacing: 10px; }
.card {
display: table-cell;
width: 33%;
height: auto;
margin: 0;
padding: 0;
text-align: left;
vertical-align: top;
border: 1px solid #cecece;
background-color: white; }
.cardcontent img {
width: 100%;
height: auto; }
.cardcontent h4 {
padding: 0 5%; }
.cardcontent p {
padding: 0 5%; }
.awards-card {
width: 100%;
height: auto;
margin: 10px auto;
padding: 0;
text-align: left;
vertical-align: top;
border: 1px solid #cecece;
background-color: white; }
.award-cards {
display: block;
text-align: center;
vertical-align: top;
border-bottom: 1px solid #cecece;
background-color: white; }
.award-cards div {
width: 100%;
min-height: 236px; }
.award-cards strong {
display: block;
text-align: center;
margin: 10px auto;
font-size: 14px;
line-height: 21px;
font-weight: 700;
color: #0075c9; }
.award-cards img {
width: 100%;
height: auto;
display: block; }
.awards-copy {
padding: 20px; }
.awards-copy h6 {
font-weight: 700;
font-size: 14px;
line-height: 21px;
margin: 0 0 4px 0;
color: #0075c9; }
.awards-copy p {
font-weight: 400;
font-size: 14px;
line-height: 18px;
margin: 0 0 0 0; }
/* ---------------------------------------------------------- */
/* Why Page */
#inPageNav ul li {
display: inline-block;
width: 31.33%;
height: auto;
margin: 0 -4px 0 0;
padding: 15px 1%;
vertical-align: top;
text-align: center;
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
border-left: 1px solid rgba(255, 255, 255, 0.25); }
#Partners {
margin-bottom: 20px; }
/* -------------------------- */
/* Resources Page with Filtering */
.featured {
margin: 0 3% 3% 3%; }
.featured h5 {
font-size: 16px;
line-height: 21px;
font-weight: bold;
color: #999;
text-transform: uppercase;
margin: 0 0 10px 0; }
.featured-left, .featured-right {
display: table-cell;
width: 48%;
margin: 0;
padding: 2%;
border: 1px solid #cecece;
background-color: #fff;
vertical-align: top; }
.featured-split {
display: table-cell;
width: 4%;
margin: 0;
padding: 0;
vertical-align: top; }
.featured-left h4, .featured-right h4 {
font-size: 18px;
line-height: 21px;
font-weight: normal;
color: #556169;
margin: 0 0 15px 0;
padding: 0; }
.featured-left p, .featured-right p {
font-size: 14px;
line-height: 18px;
font-weight: normal;
color: #6b7378;
margin-bottom: 10px; }
.featured-left img, .featured-right img {
width: 30%;
height: auto;
float: right;
margin: 0 0 0 15px;
padding: 0; }
#form-ui, #partner-form-ui {
padding: 15px 0;
margin: 15px 0 0 0;
background-color: #f5f5f5;
text-align: left;
vertical-align: middle; }
#form-ui span, #partner-form-ui span {
display: inline-block; }
#form-ui h5, #partner-form-ui h5 {
display: inline-block;
width: auto;
font-size: 16px;
font-weight: 400;
margin: 0 10px 0 20px;
color: #666; }
#form-ui select, #partner-form-ui select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0px solid #ffffff;
border-radius: 0;
padding: 8px 40px 8px 8px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #666;
background: url(../images/select-arrow-down.svg) #ffffff no-repeat;
background-size: auto 20%;
background-position: 92% center;
outline: 0; }
#form-ui select:-moz-focusring, #partner-form-ui select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000; }
#form-ui select option, #partner-form-ui select option {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
border-radius: 0;
padding: 5px 10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #666; }
#form-ui select:hover, #partner-form-ui select:hover {
cursor: pointer; }
.grid {
width: 95%;
margin: 35px auto; }
.resource-item {
display: inline-block;
width: 45%;
height: auto;
margin: 1%;
padding: 1%;
border: 1px solid #cecece;
background-color: #fff; }
.resource-item h6 {
font-size: 13px;
line-height: 16px;
font-weight: bold;
color: #999;
margin-bottom: 0; }
.resource-item h4 {
font-size: 18px;
line-height: 21px;
font-weight: normal;
color: #556169;
margin-bottom: 15px; }
.resource-item p {
font-size: 12px;
line-height: 14px;
font-weight: normal;
color: #6b7378;
margin-bottom: 10px; }
.resource-item img {
width: 40%;
height: auto;
float: right;
margin: 0 0 15px 15px;
padding: 0; }
.resource-item a, .resource-item a:visited {
font-size: 12px;
line-height: 12px;
font-weight: 500; }
.resource-item a:after {
content: '\f105';
display: inline-block;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 6 Pro";
font-size: 14px;
line-height: 22px;
font-weight: 400;
vertical-align: middle;
margin: -2px 0 0 0;
padding: 0 0 0 5px; }
#msg-box {
display: none;
font-size: 18px;
line-height: 14px;
font-weight: 400;
color: #999;
padding: 5% 0;
text-align: center; }
#msg-box span {
display: block;
font-size: 36px;
line-height: 46px;
font-weight: 400;
color: #0083c6; }
/* -------------------------- */
/* Countdown to Black Friday */
#Countdown {
background-color: #dd0031;
color: white;
padding: 0;
text-align: left;
vertical-align: top; }
#Countdown .container {
max-width: 1200px;
margin: 0 auto;
padding: 3%;
position: relative;
background-size: 100% auto; }
#Countdown .left {
display: inline-block;
width: 60%;
font-family: "roboto",sans-serif;
font-style: normal;
font-weight: 400;
margin: 0 -4px 0 0;
padding: 0 5% 0 0;
text-align: left;
vertical-align: top; }
#Countdown .right {
display: inline-block;
width: 25%;
font-family: "roboto",sans-serif;
font-style: normal;
font-weight: 400;
margin: 0 -4px 0 0;
padding: 0 5%;
text-align: center;
vertical-align: middle; }
#Countdown .right img {
display: block;
width: 100%;
max-width: 165px;
height: auto;
margin: 0 auto;
padding: 0; }
#Countdown h4 {
font-size: 21px;
color: white;
font-weight: 500;
margin: 0 0 15px 0;
padding: 0; }
#Countdown h5 {
font-size: 18px;
color: white;
font-weight: 500;
margin: 0 0 15px 0;
padding: 0; }
#timer {
display: inline-block;
font-family: "roboto",sans-serif;
font-style: normal;
font-weight: 400;
margin: 0 0 0 0; }
#timer strong {
display: inline-block;
font-size: 21px;
line-height: 21px;
color: white;
text-align: center;
vertical-align: top;
font-weight: 500;
margin: 0 0 0 0;
padding: 0 20px 0 20px;
border-left: 2px solid #fff; }
#timer strong:nth-of-type(1) {
border-left: none;
padding: 0 20px 0 0; }
#timer span {
display: inline-block;
font-size: 21px;
line-height: 21px;
color: white;
font-weight: 500;
margin: 0 0 0 5px;
padding: 0; }
#Countdown a.button, #Countdown a.button:visited {
display: inline-block;
margin: 20px 0 20px 0;
padding: 12px 20px 12px 20px;
background-color: white;
color: #5c6670;
font-weight: 700;
font-style: normal;
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
border: none; }
#Countdown a.button:hover, #Countdown a.button:visited:hover {
color: #dd0031; }
/* -------------------------- */
/* RAAM Sponsorship Page */
.homefront-intro {
text-align: left;
vertical-align: top; }
.homefront-intro div:nth-of-type(1) {
display: inline-block;
width: 25%;
margin: 0 -4px 0 0;
padding: 15px 0 0 0;
text-align: left;
vertical-align: top; }
.homefront-intro div:nth-of-type(3) {
display: block;
width: 75%;
margin: 0 auto;
padding: 15px 0 0 0;
text-align: center;
vertical-align: top; }
.homefront-intro div:nth-of-type(2) {
display: inline-block;
width: 70%;
margin: 0 -4px 0 0;
padding: 0 2.5% 0 2.5%;
text-align: left;
vertical-align: top; }
.homefront-intro div:nth-of-type(1) img, .homefront-intro div:nth-of-type(3) img {
width: 100%;
height: auto; }
#map-shell {
position: relative;
width: 95%;
height: 400px;
border: 4px solid #efefef;
margin: 0 auto;
padding: 0;
z-index: 15;
overflow-x: scroll;
overflow-y: hidden; }
#map {
position: absolute;
width: auto;
height: 405px;
left: 0;
top: 0;
margin: 0;
padding: 0;
z-index: 10;
display: block; }
.subtitle, .top-quote {
padding: 3%; }
/* NRF 2019 Promo - Added 12-18 */
.nrf-promo h3 {
color: white;
margin: 0;
padding: 0;
font-size: 21px;
line-height: 28px;
font-weight: 700;
font-style: normal; }
.nrf-promo h4 {
color: white;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 21px;
font-weight: 700;
font-style: normal; }
.nrf-promo-right a, .nrf-promo-right a:hover {
display: inline-block;
width: 70%;
max-width: 150px;
border: 1px solid white;
margin: 4px 10px 0 0;
padding: 8px 16px;
color: white;
text-align: center;
font-size: 12px;
line-height: 14px;
font-weight: 700;
text-transform: uppercase; }
/* Home Promo - Added 2-19 */
.home-promo h3 {
color: white;
margin: 0;
padding: 0;
font-size: 21px;
line-height: 28px;
font-weight: 700;
font-style: normal; }
.home-promo h4 {
color: white;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 21px;
font-weight: 700;
font-style: normal; }
.home-promo-right a, .home-promo-right a:hover {
display: inline-block;
width: 70%;
max-width: 150px;
border: 1px solid white;
margin: 4px 10px 0 0;
padding: 8px 16px;
color: white;
text-align: center;
font-size: 12px;
line-height: 14px;
font-weight: 700;
text-transform: uppercase; }
/* Attributes Carousel */
.attributes {
margin-bottom: 40px; }
.attribute-cell {
width: 50%; }
.attributes .flickity-page-dots {
bottom: -40px; }
.attributes .flickity-page-dots .dot {
background: white;
border-radius: 50%;
filter: alpha(opacity=40);
opacity: 0.25; }
.attributes .flickity-page-dots .dot.is-selected {
filter: alpha(opacity=100);
opacity: 1; } }
/* -------------------------- */
/* -------------------------- */
/* -------------------------- */
/* Small screen phone */
@media screen and (min-width: 320px) and (max-width: 568px) and (orientation: portrait) {
.tagline {
margin: 0;
padding: 5px 0 5px 0;
font-size: 9px;
line-height: 16px;
font-weight: 500;
color: #d1d3d3;
text-transform: uppercase;
text-align: left;
vertical-align: top; } }
/* -------------------------- */
/* -------------------------- */
/* -------------------------- */
/* Small screen phone */
@media screen and (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
/* Common Formatting Elements */
/* Panels */
.panel {
text-align: left;
vertical-align: top;
padding: 0;
margin: 0;
width: 100%;
height: auto;
position: relative; }
.container {
max-width: 1000px;
margin: 0 auto;
padding: 0;
position: relative; }
.container-two {
max-width: 1400px;
margin: 0 auto;
padding: 0;
position: relative; }
.container-1250 {
max-width: 1250px;
margin: 0 auto;
padding: 0;
position: relative; }
.onecolumn article, .twocolumn article {
padding: 20px 0 20px 0; }
.entry-content {
padding: 0 3%; }
.threequarter {
display: inline-block;
width: 72%;
margin: 0 -4px 0 0;
padding: 0 1% 0 1%;
text-align: left;
vertical-align: top; }
.half {
display: inline-block;
width: 49.9%;
margin: 0 -4px 0 0;
padding: 0;
text-align: left;
vertical-align: top; }
.third {
display: inline-block;
width: 33.33%;
height: auto;
margin: 0 -4px 0 0;
padding: 0;
text-align: center;
vertical-align: top; }
.twothird {
display: inline-block;
width: 66.66%;
height: auto;
margin: 0 -4px 0 0;
padding: 0;
text-align: center;
vertical-align: top; }
article .twothird {
display: inline-block;
width: 60.66%;
height: auto;
margin: 0 -4px 0 0;
padding: 0 3% 0 3%;
text-align: left;
vertical-align: top; }
.quarter {
display: inline-block;
width: 22%;
margin: 0 -4px 0 0;
padding: 0 1% 0 1%;
text-align: left;
vertical-align: top;
border-left: none !important; }
.half-cell {
display: table-cell;
width: 50%;
margin: 0;
padding: 0;
text-align: left;
vertical-align: top; }
.half img {
display: block;
margin: 0;
padding: 0; }
.half-cell img, .quarter img {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0; }
.fullbar {
text-align: left;
vertical-align: top;
padding: 3% 0 3% 0;
margin: 0;
width: 100%;
height: auto;
position: relative; }
.fullbar:nth-child(even) {
background-color: #eceded; }
.tb-1 {
padding: 1% 0 1% 0; }
.tb-2 {
padding: 2% 0 2% 0; }
.tb-3 {
padding: 3% 0 3% 0; }
.tb-4 {
padding: 4% 0 4% 0; }
.tb-5 {
padding: 5% 0 5% 0; }
.tb-6 {
padding: 6% 0 6% 0; }
.tb-7 {
padding: 7% 0 7% 0; }
.tb-8 {
padding: 8% 0 8% 0; }
.tb-9 {
padding: 9% 0 9% 0; }
.tb-10 {
padding: 10% 0 10% 0; }
.pad-0 {
padding: 0; }
.pad-1 {
padding: 1%; }
.pad-2 {
padding: 2%; }
.pad-3 {
padding: 3%; }
.pad-4 {
padding: 4%; }
.pad-5 {
padding: 5%; }
.pad-6 {
padding: 6%; }
.pad-7 {
padding: 7%; }
.pad-8 {
padding: 8%; }
hr {
margin: 20px 0 30px 0;
padding: 0;
height: 4px;
background-color: #e0e0e0;
border: none; }
/* Content Alignments */
.right {
text-align: right !important; }
.align-right {
float: right; }
.left {
text-align: left !important; }
.align-left {
float: left; }
.center {
text-align: center !important; }
/* Article Content */
article h1, article h2, article h3, article h4, article h5, article h6, article li {
color: #5c6670; }
strong {
font-weight: 500; }
/* Standard Content */
header h1 {
font-weight: 400;
font-size: 34px;
line-height: 38px;
margin: 0 0 20px 0;
padding: 0; }
.page-entry-title {
max-width: 1000px;
margin: 3% auto;
padding: 0 3%;
position: relative;
font-weight: 400;
font-size: 32px;
line-height: 38px;
color: #5c6670; }
article h1, .onecolumn h1 {
font-weight: 400;
font-size: 28px;
line-height: 38px;
margin: 0 0 20px 0;
padding: 0; }
article h2 {
font-weight: 400;
font-size: 34px;
line-height: 38px;
margin: 0 0 20px 0;
padding: 0; }
article h3 {
font-weight: 400;
font-size: 27px;
line-height: 30px;
margin: 0 0 20px 0;
padding: 0;
color: #7a848e; }
article h4 {
font-weight: 400;
font-size: 20px;
line-height: 26px;
margin: 0 0 20px 0;
padding: 0; }
article h5 {
font-weight: 500;
font-size: 15px;
line-height: 21px;
margin: 0 0 20px 0;
padding: 0;
text-transform: uppercase; }
article h6 {
font-weight: 500;
font-size: 16px;
line-height: 24px;
margin: 0 0 5px 0;
padding: 0; }
article p {
font-weight: 400;
font-size: 14px;
line-height: 21px;
margin: 0 0 20px 0;
padding: 0; }
article ul {
list-style-type: square;
margin: 0 0 25px 15px;
padding: 0; }
article ol {
list-style-type: decimal;
margin: 0 0 25px 15px;
padding: 0; }
article ul li, article ol li {
font-weight: 400;
font-size: 14px;
line-height: 21px;
margin: 0 0 4px 15px;
padding: 0 0 0 0; }
article ul li:first-child, article ol li:first-child {
padding-top: 10px; }
article ul.checklist {
list-style-type: none;
margin: 0 0 25px 15px;
padding: 0; }
article ul.checklist li {
font-weight: 400;
font-size: 14px;
line-height: 18px;
margin: 0 0 14px 0;
padding: 0 0 0 25px;
background: url(../images/icon-checkbox.png) top left no-repeat; }
article ul.checklist li:hover {
cursor: pointer; }
article ul.checklist li.checked {
background: url(../images/icon-checkbox-checked.png) top left no-repeat; }
article blockquote {
padding: 3% 3% 2% 3%;
margin: 0 0 15px 0;
background-color: #e9ebec; }
article a.link {
font-weight: 700; }
.contentleft {
display: inline-block;
width: 62%;
margin: 0 -4px 0 0;
padding: 0 3% 2% 3%;
text-align: left;
vertical-align: top; }
h5.category {
font-size: 15px;
line-height: 21px;
margin: 0 0 0 0;
padding: 0;
text-transform: uppercase;
font-weight: 700;
color: #abafb4; }
/* Service Headings */
h2.service {
font-weight: 400;
font-size: 34px;
line-height: 38px;
margin: 0 0 5px 0;
padding: 0;
color: #0075c9; }
h2.service span {
font-weight: 700;
color: #dd0031; }
/* ---------------------------------------------------------- */
/* Cotent Tables */
table.two-col, table.three-col {
width: 100%;
margin-bottom: 15px; }
.two-col th, .three-col th {
background-color: #50748a;
padding: 2%;
font-size: 18px;
font-weight: 400;
color: #fff;
text-align: left; }
.two-col td, .three-col td {
background-color: #dfe1e2;
border-bottom: 2px solid #fff;
padding: 2%;
font-size: 14px;
line-height: 18px;
font-weight: 400; }
.two-col th:nth-child(2), .two-col td:nth-child(2), .three-col th:nth-child(2), .three-col th:nth-child(3), .three-col td:nth-child(2), .three-col td:nth-child(3) {
border-left: 2px solid #fff; }
/* ---------------------------------------------------------- */
/* search results */
.results h4 {
font-weight: 400;
font-size: 21px;
line-height: 24px;
margin: 0 0 5px 0 !important;
padding: 0; }
.results p {
font-weight: 400;
font-size: 14px;
line-height: 21px;
margin: 0 0 20px 0;
padding: 0; }
.results p.resultslabel {
font-weight: 500;
font-size: 18px;
line-height: 18px;
margin: 20px 0 0 0;
padding: 10px 0 0 0;
color: #d2d4d4; }
/* ---------------------------------------------------------- */
/* news listing */
ul.newslist {
list-style-type: none;
margin: 0;
padding: 0; }
ul.newslist li {
list-style-type: none;
margin: 0 0 15px 0;
padding: 15px 0 0 0; }
ul.newslist li .fulldate {
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #7d8890;
margin: 0 0 8px 0;
padding: 0; }
ul.newslist li h3 {
font-weight: 400;
font-size: 21px;
line-height: 24px;
margin: 0 0 5px 0;
padding: 0; }
.contentright {
display: inline-block;
width: 25%;
margin: 10px -4px 0 3%;
padding: 0 2% 2% 0;
text-align: left;
vertical-align: top; }
.contentright p {
font-weight: 400;
font-size: 13px;
line-height: 19px;
margin: 0 0 20px 0;
padding: 0;
color: #333d48; }
.contentright .section-menu ul, .contentright .widget ul {
margin: 0 0 15px 0;
padding: 0;
list-style-type: none; }
.contentright .section-menu ul li, .contentright .widget ul li {
margin: 0;
padding: 0; }
.contentright .section-menu ul li a, .contentright .widget ul li a {
display: block;
padding: 3px 10px 4px 0;
margin: 0 0 4px 0;
color: #333d48;
font-size: 12px;
line-height: 18px;
font-weight: 400; }
.contentright .section-menu li ul li a, .contentright .widget li ul li a {
display: block;
padding: 3px 10px 4px 10px;
margin: 0 0 4px 0;
color: #333d48;
text-transform: none;
font-size: 12px;
line-height: 18px;
font-weight: 400; }
.contentright .section-menu ul li a:hover, article .contentright .section-menu li ul li a:hover, .contentright .widget ul li a:hover {
color: #dd0031; }
.contentright .section-menu ul ul ul, .contentright .widget ul ul ul {
margin: 0 0 10px 15px;
padding: 0;
list-style-type: none; }
.contentright .section-menu ul ul ul li a, .contentright .widget ul ul ul li a {
display: block;
padding: 4px 10px 6px 10px;
margin: 0 0 4px 0;
color: #333d48;
font-size: 12px;
line-height: 18px;
font-weight: 400; }
.contentright .widget-title {
padding: 15px 10px 6px 0 !important;
margin: 0 0 10px 0 !important;
color: #455560;
font-size: 16px;
font-style: normal;
font-weight: 500;
text-transform: uppercase;
border-bottom: 2px solid #ebeff2; }
#menu-secondary-learn {
padding: 60px 0 0 0;
width: 100%; }
#menu-secondary-learn ul {
margin: 0 0 5px 0;
padding: 0;
list-style-type: none; }
#menu-secondary-learn li {
margin: 0;
padding: 0;
list-style-type: none; }
#menu-secondary-learn li a {
display: block;
width: 100%;
padding: 3px 0 4px 0;
margin: 0 0 4px 0;
color: #333d48;
font-size: 14px;
line-height: 16px;
font-weight: 400;
text-transform: none; }
#menu-secondary-learn li:first-child a {
font-size: 16px;
line-height: 18px;
text-transform: uppercase;
font-weight: 500;
border-bottom: 2px solid #ebeff2; }
#menu-secondary-learn .sub-menu li a {
display: block;
padding: 3px 0 4px 0;
margin: 0 0 4px 0;
color: #333d48;
text-transform: none;
font-size: 14px;
line-height: 14px;
font-weight: 400;
border-bottom: none !important; }
#menu-secondary-learn li a:hover, #menu-secondary-learn .sub-menu li a:hover {
color: #dd0031; }
#menu-secondary-learn .sub-menu .sub-menu li a {
display: block;
padding: 4px 10px 6px 10px;
margin: 0 0 4px 0;
color: #333d48;
font-size: 14px;
line-height: 14px;
font-weight: 400; }
#menu-secondary-learn li.current_page_item a {
font-weight: 700 !important;
color: #50748a; }
#menu-secondary-learn li.current_page_item .sub-menu a {
font-weight: 400 !important;
color: #333d48; }
article .half {
display: inline-block;
width: 44%;
margin: 0 -4px 0 0;
padding: 0 3% 2% 3%;
text-align: left;
vertical-align: top; }
article .first-half {
display: inline-block;
width: 44%;
margin: 0 -4px 0 0;
padding: 0 3% 2% 3%;
text-align: left;
vertical-align: top; }
article .third {
display: inline-block;
width: 31%;
height: auto;
margin: 0 -4px 0 0;
padding: 0 1% 2% 1%;
text-align: left;
vertical-align: top; }
article .third img {
width: 100%;
height: auto; }
.onecolumn article .quarter, article .contentleft .quarter {
display: inline-block;
width: 20%;
margin: 0 -4px 0 0;
padding: 0 2% 2% 2%;
text-align: left;
vertical-align: top;
border-left: 1px solid #bcbec0 !important; }
article .firstquarter {
display: inline-block;
width: 20%;
margin: 0 -4px 0 0;
padding: 0 2% 2% 2%;
text-align: left;
vertical-align: top;
border-left: 1px solid white; }
/* ---------------------------------------------------------- */
/* Buttons */
a.link:after {
content: '\f105';
display: inline-block;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 6 Pro";
font-size: 18px;
line-height: 18px;
font-weight: 400;
vertical-align: middle;
margin: -2px 0 0 0;
padding: 0 0 0 10px; }
a.btn, a.btn-right {
display: inline-block;
margin: 0;
padding: 10px 20px 10px 20px;
background-color: #dd0031;
color: white;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
a.btn:hover, a.btn-right:hover {
background-color: #0075c9;
color: white; }
a.btn-blue, a.btn-blue-right {
display: inline-block;
margin: 0;
padding: 10px 20px 10px 20px;
background-color: #00609c;
color: #ffffff;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
a.btn-blue:hover, a.btn-blue-right:hover {
background-color: #0075c9;
color: #ffffff; }
a.btn-dark-blue, a.btn-dark-blue-right {
display: inline-block;
margin: 0;
padding: 10px 20px 10px 20px;
background-color: #464f58;
color: #ffffff;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
a.btn-dark-blue:hover, a.btn-dark-blue-right:hover {
background-color: #0075c9;
color: #ffffff; }
article a.btn-right, article a.btn-blue-right, article a.btn-dark-blue-right {
margin-left: 20px; }
article a.btn, article a.btn-blue, article a.btn-dark-blue, article a.btn-right, article a.btn-blue-right, article a.btn-dark-blue-right {
padding: 20px 30px 20px 30px; }
a.btn-white, a.btn-white-right {
display: inline-block;
margin: 0;
padding: 16px 20px 17px 20px;
background-color: #ffffff;
color: #00609c;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
a.btn-white:hover, a.btn-white-right:hover {
background-color: #0075c9;
color: #ffffff; }
/* ---------------------------------------------------------- */
/* Article Forms */
article form input[type="text"], article form input[type="email"] {
display: block;
width: 96%;
height: 30px;
font-size: 13px;
background-color: #efefef;
color: #7d868c;
border: none;
padding: 3px 10px;
margin: 0; }
article form input[type="date"] {
display: block;
font-size: 14px;
line-height: 18px;
background-color: #efefef;
color: #7d868c;
border: none;
padding: 3px 10px;
margin: 0 0 10px 0; }
article form select {
display: block;
width: 100%;
height: 30px;
font-size: 13px;
background-color: #efefef;
color: #7d868c;
border: none;
padding: 5px 10px;
margin: 0; }
article .wpcf7-textarea {
display: block;
width: 97%;
height: 50px;
font-size: 14px;
color: #7d868c;
border: none;
background-color: #efefef;
padding: 3px 10px;
margin-bottom: 2px;
line-height: 18px; }
article form input[type="submit"] {
display: inline-block;
margin: 0 0 10px 0;
padding: 10px 20px 10px 20px;
background-color: #dd0031;
color: white;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
border: none; }
::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #747c81; }
::-moz-placeholder {
/* Firefox 19+ */
color: #747c81; }
:-ms-input-placeholder {
/* IE 10+ */
color: #747c81; }
:-moz-placeholder {
/* Firefox 18- */
color: #747c81; }
article div.wpcf7-mail-sent-ok {
color: #fff;
background-color: #398f14;
padding: 10px; }
article div.wpcf7-mail-sent-ng {
color: #fff;
background-color: #ff0000;
padding: 10px; }
article div.wpcf7-spam-blocked {
color: #fff;
background-color: #ffa500;
padding: 10px; }
article div.wpcf7-validation-errors {
color: #444;
background-color: #f7e700;
padding: 10px; }
/**
* Post/Image/Paging Navigation
* -----------------------------------------------------------------------------
*/
.post-navigation h2, .pagination h2 {
display: none; }
.nav-links {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word; }
.post-navigation,
.image-navigation {
margin: 12px auto 24px;
vertical-align: top;
border-top: 4px solid #ebeff2; }
.post-navigation a,
.image-navigation .previous-image,
.image-navigation .next-image {
padding: 11px 0 12px 0;
width: 100%;
vertical-align: top; }
.post-navigation .meta-nav {
display: block;
color: #767676;
font-size: 14px;
font-weight: 700;
line-height: 21px;
text-transform: uppercase;
vertical-align: top; }
.post-navigation a,
.image-navigation a {
display: block;
padding: 10px 0 25px 0;
font-size: 14px;
line-height: 18px; }
.nav-previous,
.nav-next {
display: inline-block;
width: 45%;
font-size: 14px;
line-height: 18px !important;
text-transform: none;
vertical-align: top;
margin: 0 -4px 0 0;
padding-right: 5%; }
/* Paging Navigation */
.paging-navigation {
border-top: 4px solid #ebeff2;
margin: 48px 0; }
.paging-navigation .loop-pagination {
margin-top: -5px;
text-align: center; }
.paging-navigation {
border-top: 5px solid transparent;
display: inline-block;
font-size: 14px;
font-weight: 900;
margin-right: 1px;
padding: 7px 16px; }
.paging-navigation a {
color: #666666; }
.paging-navigation {
border-top: 5px solid #ee3124; }
.paging-navigation a:hover {
border-top: 5px solid #1996d5;
color: #2b2b2b; }
.page-numbers {
border-top: 4px solid #ebeff2;
display: inline-block;
font-size: 12px;
font-weight: 400;
margin-top: 25px;
margin-right: 1px;
padding: 7px 16px; }
.page-numbers a {
color: #666666; }
.page-numbers.current {
border-top: 4px solid #dd0031; }
.page-numbers a:hover {
border-top: 4px solid #1996d5;
color: #2b2b2b; }
/* ---------------------------------------------------------- */
/* Page Blocks */
#Shell {
max-width: 2400px;
margin: 0 auto;
padding: 0; }
#Page {
position: relative;
z-index: 1000;
top: 0;
left: 0;
background-color: #ffffff;
margin: 0;
padding: 0;
width: 100%; }
#LogoBar {
width: 100%;
height: auto;
position: relative;
top: 50px;
left: 0;
z-index: 2000;
margin: 0;
padding: 0;
background-color: white;
text-align: left;
vertical-align: top; }
#Content {
margin: 0;
padding: 0;
position: absolute;
z-index: 1100;
top: 0;
left: 0;
width: 100%;
height: auto; }
#Contact {
margin: 0;
padding: 0;
padding-top: 80px; }
/* ---------------------------------------------------------- */
/* Big Banner Images */
.billboard-home {
width: 94%;
padding: 3% 3% 0 3%;
height: auto; }
.billboard-solutions {
width: 94%;
padding: 3% 3% 0 3%;
height: auto; }
.billboard {
width: 94%;
padding: 3% 3% 0 3%;
height: auto;
min-height: 150px; }
.billboard-two {
width: 100%;
height: 200px; }
.billboard-home h3, .billboard-video-overlay h3, .billboard h3, .billboard-two h3, .billboard h1 {
font-size: 32px;
line-height: 38px;
color: #ffffff;
font-weight: 400;
font-style: normal;
margin: 0 0 15px 0;
width: 90%; }
.billboard-home h3.dark-grey, .billboard h3.dark-grey, .billboard-two h3.dark-grey {
color: #5c6670; }
.billboard-home p, .billboard p, .billboard-two p {
font-size: 18px;
line-height: 24px;
color: #ffffff;
font-weight: 400;
font-style: normal;
margin: 0 0 20px 0;
width: 90%; }
.billboard-home p span {
display: block;
font-size: 14px;
line-height: 24px;
color: #ffffff;
font-weight: 700;
font-style: normal;
margin: 15px 0 20px 0;
text-align: left; }
.billboard-home p.dark-grey, .billboard p.dark-grey, .billboard-two p.dark-grey {
color: #5c6670; }
.billboard-home a.btn, .billboard a.btn, .billboard-two a.btn {
padding: 15px 25px;
margin: 0 15px 20px 0;
font-weight: 700;
font-style: normal;
font-size: 14px;
line-height: 14px; }
.billboard-home a.btn:hover, .billboard a.btn:hover, .billboard-two a.btn:hover {
background-color: #333e48;
color: white; }
.billboard img {
float: right;
padding-right: 3%; }
.headline-b {
background-color: #e4e4e6;
margin: 3% 0; }
.headline-b h2 {
font-size: 28px;
line-height: 34px;
font-weight: 400;
font-style: normal;
margin: 3% 0 0 0;
padding-left: 3%; }
.subtitle {
padding: 3%; }
.subtitle h1 {
font-size: 28px;
line-height: 34px;
color: #ffffff;
font-weight: 400;
font-style: normal;
margin: 0; }
.subtitle p {
font-size: 18px;
line-height: 24px;
font-weight: 400;
font-style: normal;
color: #ffffff;
margin: 0; }
.introduction {
margin-bottom: 3%;
padding: 3%; }
.introduction p {
font-size: 15px;
line-height: 21px;
font-weight: 400;
font-style: normal; }
/* ---------------------------------------------------------- */
/* Homepage Video Banner */
.billboard-home {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
background-image: url(../images/retail-video-holder.jpg);
background-size: auto 100% !important;
background-position: top right; }
video {
display: none; }
.video-overlay {
position: relative;
z-index: 300;
padding: 3%;
background-color: rgba(6, 85, 134, 0.8); }
.billboard-home h3, .billboard-video-overlay h3, .billboard-home p, .billboard-home p span {
color: white; }
/* ---------------------------------------------------------- */
/* Solutions Video Banner */
.billboard-solutions {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
background-image: url(../images/solutions-video-holder.jpg);
background-size: auto 100% !important;
background-position: top right; }
.billboard-video-overlay {
position: relative;
z-index: 500; }
/* ---------------------------------------------------------- */
/* Logo Bar */
#LogoBar .logo {
display: inline-block;
padding: 5px 0 5px 15px;
width: 250px; }
/* ---------------------------------------------------------- */
/* Menu in Utility Bar */
.toplinks {
position: absolute;
top: 0;
right: 0;
z-index: 3000; }
.toplinks li {
display: inline-block;
margin: 0 -4px 0 0;
padding: 5px 5px 0 0;
text-align: center;
vertical-align: top;
font-size: 11px;
font-weight: 400;
font-style: normal;
color: #ffffff; }
.toplinks li:last-of-type {
margin-right: 14px; }
.toplinks li a {
color: #ffffff; }
.toplinks li a:hover {
color: #dd0031; }
/* ---------------------------------------------------------- */
/* Main Menu */
#MainLinks {
width: 100%;
margin: 0;
padding: 0 0 0 0;
text-align: right;
vertical-align: top; }
/* ---------------------------------------------------------- */
/* UberMenu */
.ubermenu-item-level-0 {
font-size: 18px;
line-height: 24px;
font-weight: 400;
font-style: normal; }
.ubermenu-custom-content h3 {
font-size: 18px;
line-height: 24px;
font-weight: 400;
font-style: normal;
margin: 0 0 10px 0;
padding: 0; }
.ubermenu-custom-content h4 {
font-size: 13px;
line-height: 18px;
font-weight: 400;
font-style: normal;
margin: 0 0 10px 0;
padding: 0; }
.ubermenu-custom-content h5 {
font-size: 14px;
line-height: 21px;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
margin: 0;
padding: 0; }
.ubermenu-custom-content p {
font-size: 13px;
line-height: 18px;
font-weight: 400;
font-style: normal;
margin: 0 0 10px 0;
padding: 0; }
.ubermenu-custom-content img {
width: 100%;
height: auto; }
/* ---------------------------------------------------------- */
/* Connect Menu */
#SupportLinks {
display: none; }
#SupportLinks ul {
margin: 0;
padding: 0;
text-align: left;
vertical-align: top; }
#SupportLinks ul li {
float: left;
position: relative;
z-index: 4500;
margin: 0;
padding: 0;
list-style-type: none; }
#SupportLinks li a {
display: block;
padding: 28px 20px 14px 20px;
margin: 0;
color: #ffffff;
background-color: #dd0031;
font-weight: 500;
font-size: 14px;
line-height: 18px;
text-transform: uppercase; }
#SupportLinks li:hover {
background-color: #702077; }
#SupportLinks li:hover a {
color: white; }
#SupportLinks ul.curtain {
width: 500px;
padding: 0;
display: none;
margin: 10px 0 0 10px;
top: 50px;
right: 0px;
position: absolute;
background-color: #e4e4e6;
border-top: 8px solid #dd0031;
z-index: 4500;
text-align: left;
vertical-align: top; }
#SupportLinks li:hover > ul.curtain {
display: block; }
#SupportLinks ul.curtain li {
width: 200px;
display: inline-block;
float: none;
padding: 0 20px 5px 20px;
margin: 15px 0 15px 0;
text-align: left;
vertical-align: top;
border-left: 2px solid #00609c;
font-weight: 400;
font-size: 12px; }
#SupportLinks ul.curtain li:first-child {
border-left: none !important;
width: 200px; }
#SupportLinks ul.curtain li:hover {
border-bottom: none !important;
background-color: rgba(255, 255, 255, 0); }
#SupportLinks ul.curtain li a {
height: auto;
width: auto;
white-space: nowrap;
text-align: left;
margin: 0 0 0 0;
padding: 10px 10px 10px 10px;
text-transform: none;
font-size: 12px; }
#SupportLinks .curtain p {
font-size: 12px;
line-height: 16px;
margin: 0 0 10px 0;
padding: 0; }
#SupportLinks .curtain h4 {
font-size: 16px;
line-height: 21px;
font-weight: 400;
margin: 0 0 5px 0;
padding: 0; }
#SupportLinks ul.curtain li a.btn {
display: inline-block;
margin: 0 0 20px 0;
padding: 10px 20px 10px 20px;
background-color: #dd0031;
color: white;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
#SupportLinks ul.curtain li a.btn:hover {
background-color: #0075c9;
color: white; }
#SupportLinks form {
width: 200px; }
#SupportLinks form input[type="text"], #SupportLinks form input[type="email"] {
display: block;
width: 96%;
height: 20px;
font-size: 12px;
background-color: #efefef;
color: #7d868c;
border: none;
padding: 3px 10px;
margin: 0; }
#SupportLinks .wpcf7-textarea {
display: block;
width: 97%;
height: 50px;
font-size: 12px;
color: #7d868c;
border: none;
background-color: #efefef;
padding: 3px 10px;
margin-bottom: 2px; }
#SupportLinks form input[type="submit"] {
display: inline-block;
margin: 0 0 10px 0;
padding: 10px 20px 10px 20px;
background-color: #dd0031;
color: white;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
border: none; }
::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #747c81; }
::-moz-placeholder {
/* Firefox 19+ */
color: #747c81; }
:-ms-input-placeholder {
/* IE 10+ */
color: #747c81; }
:-moz-placeholder {
/* Firefox 18- */
color: #747c81; }
#SupportLinks div.wpcf7-mail-sent-ok {
color: #fff;
background-color: #398f14;
padding: 10px; }
#SupportLinks div.wpcf7-mail-sent-ng {
color: #fff;
background-color: #ff0000;
padding: 10px; }
#SupportLinks div.wpcf7-spam-blocked {
color: #fff;
background-color: #ffa500;
padding: 10px; }
#SupportLinks div.wpcf7-validation-errors {
color: #444;
background-color: #f7e700;
padding: 10px; }
/* ---------------------------------------------------------- */
/* BreadCrumb and Tagline */
.crumb-tagline {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1500;
margin: 0;
padding: 7px 0 7px 0;
background-color: rgba(92, 102, 112, 0.8); }
/* Breadcrumbs */
.breadcrumbs {
display: none; }
/* tagline */
.tagline {
display: block;
margin: 0;
padding: 5px 0 5px 15px;
font-size: 12px;
line-height: 16px;
font-weight: 500;
color: #d1d3d3;
text-transform: uppercase;
text-align: left;
vertical-align: top; }
/* ---------------------------------------------------------- */
/* Content Blocks */
/* Homepage */
.service-panels {
width: 100%;
box-shadow: 0px 2px 4px rgba(125, 125, 125, 0.5);
margin-bottom: 4%; }
a.service-panel {
width: 42%;
padding: 2% 4% 2% 4%;
margin: 0 -4px 0 0;
display: inline-block;
background-color: #ffffff;
text-align: center;
vertical-align: top;
border-top: 1px solid #ededed; }
a.service-panel:nth-child(odd) {
background-color: #ffffff; }
a.service-panel:hover {
background-color: #333e48;
-moz-transition: background-color 0.4s ease-in-out;
-webkit-transition: background-color 0.4s ease-in-out;
-o-transition: background-color 0.4s ease-in-out;
transition: background-color 0.4s ease-in-out; }
a.service-panel h4 {
font-size: 28px;
line-height: 32px;
font-weight: 400;
font-style: normal;
color: #0075c9;
margin: 0 0 15px 0;
height: 96px; }
a.service-panel h4 span {
font-weight: 700;
font-style: normal;
color: #dd0031;
display: block; }
a.service-panel p {
font-size: 15px;
line-height: 21px;
font-weight: 400;
font-style: normal;
color: #7d868c; }
a.service-panel:hover h4, a.service-panel:hover h4 span, a.service-panel:hover p {
color: #e4e4e6;
-moz-transition: color 0.2s ease-in-out;
-webkit-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out; }
a.service-panel hr {
width: 40%;
height: 3px;
margin: 0 auto;
background-color: #d1d3d3;
border: none; }
.more {
display: block;
width: 45%;
opacity: 0;
margin: 15px auto;
padding: 10px;
background-color: #e4e4e6;
color: #333e48;
font-weight: 400;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase; }
a.service-panel:hover .more {
opacity: 1;
-moz-transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out; }
.elevator {
padding: 0 4%;
text-align: center;
vertical-align: top;
background-color: #e4e4e6; }
.elevator h1 {
font-size: 18px;
line-height: 24px;
font-weight: 700;
font-style: normal; }
.elevator h2 {
font-size: 21px;
line-height: 24px;
font-weight: 400;
font-style: normal; }
.elevator a.btn {
padding: 15px 25px;
font-weight: 700;
font-style: normal;
font-size: 14px;
line-height: 14px; }
.clientlogos {
margin: 0 auto;
padding: 3% 0 0 0;
text-align: center;
vertical-align: top; }
.clientlogos img {
width: 80%;
max-width: 800px;
height: auto; }
.difference {
margin: 3% 0; }
.container-two .half {
width: 90%;
margin: 0;
border-top: 1px solid #ffffff;
padding: 5% 5% 1% 5%;
text-align: left;
vertical-align: top; }
.difference .half {
width: 90%;
margin: 0;
border-top: 1px solid #cfd1d2;
padding: 5% 5% 1% 5%;
text-align: left;
vertical-align: top; }
.difference .half:last-of-type {
width: 90%;
margin: 0;
border-right: 0px;
padding: 5%;
text-align: left;
vertical-align: top; }
.difference .half p {
font-size: 15px;
line-height: 21px; }
.difference .half img {
display: block;
width: 60%;
height: auto;
margin: 0 auto; }
.mcsignup {
background-color: #e4e4e6;
padding: 3%;
margin-bottom: 15px;
text-align: left;
vertical-align: top; }
.mcsignup h4 {
padding: 0 0 15px 0;
border-bottom: 2px solid #ffffff; }
.mcsignup .copy {
margin: 0;
padding: 0 3% 0 0;
text-align: left;
vertical-align: top; }
.mcsignup .homeform {
margin: 0;
padding: 0 3% 0 0;
text-align: left;
vertical-align: top; }
/* Secondary Pages */
.bg-dark-blue .top-quote p {
color: #ffffff;
padding: 0 3%; }
.bg-dark-blue p, .bg-dark-blue-two p {
color: #ffffff;
padding: 0;
font-size: 18px;
line-height: 24px; }
.lower-blue {
color: #ffffff; }
.lower-blue a.btn-dark-blue:hover {
background-color: #ffffff;
color: #0075c9; }
.lower-blue h6 {
font-size: 28px;
line-height: 36px;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
margin: 0 0 20px 0;
padding: 0; }
.lower-blue img {
width: 80%;
height: auto; }
/* Case Study Panel */
.casestudy {
background-color: #0075c9; }
.casestudy .half-cell h3 {
font-weight: 400;
font-size: 28px;
line-height: 34px;
margin: 0 0 15px 0;
padding: 5% 5% 0 5%;
color: #ffffff;
text-transform: uppercase; }
.casestudy .half-cell h4 {
font-weight: 400;
font-size: 24px;
line-height: 28px;
margin: 0 0 15px 0;
padding: 0 5% 0 5%;
color: #ffffff; }
.casestudy .half-cell p {
font-weight: 400;
font-size: 15px;
line-height: 21px;
margin: 0 0 15px 0;
padding: 0 5% 0 5%;
color: #ffffff; }
.casestudy a.btn-dark-blue:hover {
background-color: #ffffff;
color: #0075c9; }
/* TSC Panel */
.tsc {
background-color: #e4e4e6; }
.tsc .half-cell h4 {
font-weight: 400;
font-size: 24px;
line-height: 28px;
margin: 0 0 15px 0;
padding: 5% 5% 0 5%;
color: #0075c9; }
.tsc .half-cell p {
font-weight: 400;
font-size: 15px;
line-height: 21px;
margin: 0 0 15px 0;
padding: 0 5% 0 5%; }
/* bordered cards */
.cards {
display: table;
border-collapse: separate;
border-spacing: 10px; }
.card {
display: table-cell;
width: 33%;
height: auto;
margin: 0;
padding: 0;
text-align: left;
vertical-align: top;
border: 1px solid #cecece;
background-color: white; }
.cardcontent img {
width: 100%;
height: auto; }
.cardcontent h4 {
padding: 0 5%; }
.cardcontent p {
padding: 0 5%; }
.awards-card {
width: 100%;
height: auto;
margin: 10px auto;
padding: 0;
text-align: left;
vertical-align: top;
border: 1px solid #cecece;
background-color: white; }
.award-cards {
display: block;
text-align: center;
vertical-align: top;
border-bottom: 1px solid #cecece;
background-color: white; }
.award-cards div {
width: 100%;
min-height: 236px; }
.award-cards strong {
display: block;
text-align: center;
margin: 10px auto;
font-size: 14px;
line-height: 21px;
font-weight: 700;
color: #0075c9; }
.award-cards img {
width: 100%;
height: auto;
display: block; }
.awards-copy {
padding: 20px; }
.awards-copy h6 {
font-weight: 700;
font-size: 14px;
line-height: 21px;
margin: 0 0 4px 0;
color: #0075c9; }
.awards-copy p {
font-weight: 400;
font-size: 14px;
line-height: 18px;
margin: 0 0 0 0; }
/* Accordian */
#accordian .acc-panel {
margin: 0 0 10px 0;
padding: 0;
height: auto;
overflow: hidden; }
#accordian h3 {
display: block;
position: relative;
font-size: 18px;
line-height: 1.5em;
text-transform: uppercase;
padding: 10px 0 10px 10px;
margin: 0 0 10px 0;
background-color: #e4e4e6; }
.job-openings #accordian h3 {
text-transform: none;
background-color: #ffffff;
border-bottom: 1px solid #e4e4e6; }
.job-openings #accordian h3.active {
color: #0083c6; }
#accordian h3 strong {
color: #0083c6;
font-weight: normal; }
#accordian h3:hover {
cursor: pointer; }
#accordian .acc-content {
display: none;
margin: 0;
padding: 0 0 3% 0;
overflow: hidden; }
#accordian .acc-content p {
display: inline-block;
text-align: left;
vertical-align: top;
padding: 10px 4% 10px 2%;
margin: 0;
font-size: 14px;
line-height: 19px;
color: #6d6e71; }
#accordian .icon {
width: 18px;
height: 18px;
color: #0075c9;
position: absolute;
top: 12px;
right: 12px;
-webkit-transition: all 200ms ease 0s;
-moz-transition: all 200ms ease 0s;
transition: all 200ms ease 0s;
transform: rotate(0deg) perspective(1px) scale(1);
text-align: center;
vertical-align: middle;
margin: 0;
padding: 0;
font-family: Helvetica, Arial, sans-serif;
font-size: 21px;
line-height: 21px;
font-weight: normal; }
#accordian .active .icon {
margin: 0;
padding: 0;
font-size: 21px;
line-height: 21px;
font-weight: normal;
color: #dd0031;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg) perspective(1px) scale(1); }
/* Industries Tabs */
.industry-tabs {
width: 100%;
background-color: #004d71;
margin: 2% 0 0 0;
padding: 2% 0 0 0;
position: relative;
z-index: 500; }
.tabs {
text-align: left;
margin: 0;
padding: 0; }
.tabs li {
list-style: none;
display: inline;
margin: 0 10px 0 0;
padding: 0; }
.tabs a {
padding: 0 7px 10px 7px;
display: inline-block;
color: #e4e4e6;
text-decoration: none;
outline: 0;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
border-bottom: 5px solid #004d71;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear; }
.tabs a:hover {
color: #ffffff;
text-decoration: none;
border-bottom: 5px solid #ffffff; }
.tabs a.active {
border-bottom: 5px solid #eb1d4d; }
.industry {
width: 100%;
background-color: #e4e4e6;
margin: 0;
padding: 2% 0; }
#industries {
position: relative;
width: 100%;
margin: 0;
padding: 0;
z-index: 200; }
#Retail, #Financial, #Healthcare, #Entertainment, #Grocery {
width: 100%;
margin: 0;
padding: 0;
position: relative;
top: 0;
left: 0;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
text-align: left; }
#Retail:before, #Financial:before, #Healthcare:before, #Entertainment:before, #Grocery:before {
display: block;
content: " ";
height: 170px;
margin-top: -170px;
visibility: hidden; }
#industries .threequarter p {
padding-right: 5%; }
#industries .quarter h6 {
text-transform: uppercase;
font-weight: 700; }
.inlinequote {
padding: 0 5%; }
.inlinequote h4 {
font-size: 18px;
line-height: 24px;
font-weight: 400;
font-style: italic; }
/* Timeline */
.timeline {
width: 100%;
margin: 0 0 2% 0;
position: relative; }
.marker-cell {
width: 100%;
padding: 10px 0; }
.year {
margin: 0 auto;
padding: 0;
font-size: 84px;
line-height: 84px;
font-style: normal;
font-weight: 700;
color: #0075c9;
text-align: center;
vertical-align: top;
letter-spacing: -2px; }
.event {
margin: 0 10% 30px 10%;
padding: 0;
font-size: 16px;
line-height: 24px;
font-style: normal;
font-weight: 400;
text-align: center;
vertical-align: top; }
.timeline:before {
display: block;
content: " ";
height: 170px;
margin-top: -170px;
visibility: hidden; }
/* ---------------------------------------------------------- */
/* Blog */
.postblock article {
margin: 0 !important;
padding: 0 !important; }
.posttbl {
display: table;
border-spacing: 10px;
margin-bottom: 3%; }
.postblock {
display: table-cell;
width: 33%;
text-align: left;
vertical-align: top;
margin: 0;
padding: 0;
border-collapse: separate;
background-color: #ebeff2; }
.postblock:hover {
background-color: #f5f9fc;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.postrow {
display: table-row;
border-collapse: separate; }
.postblock img {
display: block;
width: 100%;
height: auto;
margin: 0 !important;
padding: 0 !important; }
.postblock h1 {
font-size: 18px !important;
line-height: 21px;
margin: 0 0 10px 0 !important;
padding: 4% 5% 0 5% !important;
text-align: left;
vertical-align: top; }
.postblock p {
font-size: 12px !important;
line-height: 16px !important;
margin: 0 0 10px 0 !important;
padding: 0 5% 5% 5% !important; }
h3.widget-title {
font-size: 18px !important;
line-height: 26px;
border-bottom: 2px solid #ccc;
margin: 0 0 10px 0 !important;
padding: 4% 5% 0 5% !important;
color: #55565a;
text-align: left;
vertical-align: top; }
.entry-meta {
display: none; }
/* ---------------------------------------------------------- */
/* Member Blocks */
.team {
margin: 0 auto;
text-align: center; }
#Team:before {
display: block;
content: " ";
height: 170px;
margin-top: -170px;
visibility: hidden; }
.member {
display: inline-block;
margin: 0 15px 20px 0;
padding: 0;
width: 230px;
height: 280px;
position: relative;
background-color: #333e48;
overflow: hidden; }
.name {
display: inline-block;
margin: 0 16px 20px 0;
padding: 10px 0 0 20px;
width: 100%;
height: 70px;
position: absolute;
top: 200px;
left: 0;
z-index: 500px;
background-color: #333e48;
font-weight: 700;
font-size: 14px;
line-height: 16px;
color: #fff;
text-align: left;
vertical-align: top; }
.name a, .name a:visited {
color: #fff; }
.name a:hover, .name a:visited:hover {
color: #fff; }
.name span {
font-weight: 400;
font-size: 12px;
line-height: 13px !important;
color: #fff; }
.libio {
display: block;
float: right;
position: absolute;
bottom: 10px;
right: 10px;
width: 29px;
height: 29px;
z-index: 2000; }
.libio img {
width: 100%;
height: auto; }
.photo {
display: inline-block;
margin: 0 16px 20px 0;
padding: 0;
width: 100%;
height: 50px;
position: absolute;
top: 0;
left: 0;
z-index: 200px; }
.member .photo img {
width: 100%;
height: auto; }
.description {
display: inline-block;
margin: 0 15px 20px 0;
padding: 10px 20px 10px 20px;
width: 190px;
height: 280px;
position: absolute;
top: 200px;
left: 0;
z-index: 300px;
background-color: #00609c;
font-weight: 400;
font-size: 12px;
line-height: 14px;
color: #fff;
text-align: left;
vertical-align: top;
transition: top 0.5s ease; }
.description p {
font-weight: 400;
font-size: 13px;
line-height: 14px;
color: #fff;
text-align: left;
vertical-align: top; }
.description a, .description a:visited {
color: #7DB5FF; }
.description a:hover, .description a:visited:hover {
color: #B7D6FF; }
.member:hover .description {
top: 0px; }
/* ---------------------------------------------------------- */
/* Contact Page */
#Contact .leftcard {
background-color: rgba(255, 255, 255, 0.9);
padding: 5%; }
#Contact .rightcard {
background-color: #0075c9;
padding: 5%; }
/* ---------------------------------------------------------- */
/* Feeds */
article .homenewsblock h4 {
font-size: 24px;
font-weight: 700;
margin-bottom: 0; }
.homenewsblock ul {
padding: 10px 0 0 0;
margin: 10px 0 0 0; }
.homenewsblock li {
list-style-type: none;
margin: 0 0 15px 0;
padding: 0; }
/* .date {
display:inline-block;
width: 15%;
margin: 0 -4px 0 0;
pading: 0;
text-align: center;
vertical-align: top;
}
.date .day {
display: block;
font-size: 32px;
line-height: 32px;
font-weight: 400;
color: #0083c6;
}
.date .month {
display: block;
font-size: 18px;
text-transform: uppercase;
font-weight: 400;
color: #0083c6;
}
.newsblurb {
display:inline-block;
width: 85%;
margin: 0 -4px 0 0;
pading: 0;
}
.newslistcat {
display: block;
font-size: 11px;
text-transform: uppercase;
font-weight: 500;
color: #abafb4;
margin: 0 0 0 0;
}
.newsblurb h6 {
margin: 0;
}
.newsblurb p {
font-size: 14px;
line-height: 18px;
margin: 0 0 10px 0;
}
*/
.blogfeed {
display: table-cell;
margin: 0;
padding: 0 5% 20px 5%;
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #7f858c; }
.newsfeed {
display: table-cell;
margin: 0;
padding: 0 5% 20px 5%;
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #7f858c; }
.newsfeed {
border-left: 1px solid #d1d3d3; }
.blogfeed {
border-left: none; }
.newsfeed h4, .blogfeed h4 {
font-weight: 400;
font-size: 21px;
line-height: 28px;
margin: 0 0 5px 0;
padding: 0;
color: #455560; }
.newsfeed h6, .blogfeed h6 {
font-weight: 500;
font-size: 14px;
line-height: 16px;
margin: 0 0 5px 0;
padding: 0;
color: #333e48; }
.newsfeed p, .blogfeed p {
font-weight: 400;
font-size: 12px;
line-height: 16px;
margin: 0 0 10px 0;
padding: 0;
color: #55565a; }
.newsfeed p a, .blogfeed p a {
font-weight: 500;
font-size: 18px;
line-height: 20px; }
/* ---------------------------------------------------------- */
/* MailChimp Panel Above Footer */
.mc-bar {
background-color: #e4e4e6;
width: 100%; }
.mc-bar h4 {
margin-top: 0;
padding-top: 0; }
.mc-bar .mc4wp-form {
display: block;
width: 100%;
margin: 0 auto;
padding: 0;
text-align: center;
vertical-align: top; }
.mc-bar .mc4wp-form input[type="text"], .mc-bar input[type="email"] {
display: inline-block;
width: auto;
height: 30px;
font-size: 13px;
font-weight: 400;
background-color: #efefef;
color: #7d868c;
border: none;
padding: 3px 10px;
margin: 0 5px 10px 5px; }
.mc-bar input[type="email"] {
min-width: 200px; }
.mc-bar .mc4wp-form input[type="submit"] {
display: inline-block;
margin: 0 0 10px 0;
padding: 12px 20px 12px 20px;
background-color: #dd0031;
color: white;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
border: none; }
/* ---------------------------------------------------------- */
/* FOOTER */
/* Footer Menu Elements */
.footer {
margin: 0;
padding-right: 3%;
padding-left: 3%;
text-align: left;
vertical-align: top;
color: #a5a7aa; }
.aboutus {
display: block;
text-align: left;
vertical-align: top; }
.aboutus p {
padding: 0;
margin: 0 0 15px 0 !important;
font-size: 14px;
line-height: 18px;
font-style: normal;
font-weight: 400;
color: #a5a7aa; }
.aboutus h5 {
padding: 0;
margin: 0;
font-size: 14px;
line-height: 21px;
font-style: normal;
font-weight: 500;
text-transform: uppercase;
color: #ffffff; }
.aboutus h6 {
padding: 0;
margin: 0 0 15px 0 !important;
font-size: 14px;
line-height: 21px;
font-style: normal;
font-weight: 400;
color: #ffffff; }
.menus {
display: block;
text-align: left;
vertical-align: top; }
.menus div {
display: inline-block;
width: 30%;
margin: 0 -4px 0 0;
padding: 0 3% 0 0;
text-align: left;
vertical-align: top; }
.menus ul, .menus ul li ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
vertical-align: top; }
.menus ul li {
display: block;
margin: 0 0 0 0;
padding: 0 2% 0 0;
list-style-type: none;
text-align: left;
vertical-align: top; }
.menus li a {
text-align: left;
padding: 0;
margin: 0 0 0 0px;
color: #ffffff;
font-size: 13px;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.menus ul.sub-menu li a {
height: auto;
width: auto;
display: block;
text-align: left;
margin: 0 0 0 0;
padding: 5px 0 5px 0;
text-transform: none;
color: #a5a7aa;
font-weight: 400;
font-size: 14px;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.menus ul.sub-menu li a:hover {
color: #ffffff; }
.social {
display: block;
text-align: center;
vertical-align: top;
margin-top: 3%; }
.social a.twitter {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-footer-twitter.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.thankyou-social a.twitter {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-twitter-light.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.social a.x {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-footer-x.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.social a.linkedin {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-footer-linkedin.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.thankyou-social a.linkedin {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-linkedin-light.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.social a.yt {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-footer-yt.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.thankyou-social a.yt {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-yt-light.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.social a.gplus {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-footer-googleplus.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.social a.instagram {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-footer-instagram.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.social a.facebook {
display: inline-block;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
padding: 0;
background: url(../images/icon-footer-facebook.png) 50% 50% no-repeat;
background-size: 100%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.social h4 {
color: #ffffff;
font-weight: 300 !important;
font-style: normal;
font-size: 24px;
line-height: 28px;
margin: 15PX 0 0 0;
padding: 0; }
.locations {
border-top: 1px solid #5c6670;
margin: 25px 0 0 0;
padding: 25px 0 0 0; }
.location {
display: inline-block;
width: 20%;
margin: 0 -5px 0 0;
padding: 0;
text-align: center;
vertical-align: top;
border-right: 1px solid #5c6670; }
.location:last-of-type {
border-right: 0px; }
.location p {
font-size: 12px;
line-height: 16px;
font-weight: 400; }
.location strong {
font-size: 14px;
color: #fff;
text-transform: uppercase; }
.copyright {
padding: 5% 0 0 0;
margin: 0 0 0 0;
font-size: 12px !important;
font-weight: 400;
font-style: normal;
color: #5c6670;
text-align: center; }
.copyright a {
font-size: 11px;
color: #a5a7aa; }
.copyright a:hover {
color: #ffffff; }
/* Fixed Social and Search */
#home {
position: fixed;
z-index: 10000;
right: -1px;
top: 0;
width: 41px;
height: 40px;
margin: 0 0 1px 0;
padding: 0;
background: url(../images/fixed-home.png) 50% 50% no-repeat #333e48;
background-size: 65%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
#home a {
display: block;
width: 41px;
height: 40px; }
#socialshell {
position: fixed;
z-index: 10000;
right: 0;
top: 41px;
overflow: hidden;
min-width: 40px;
width: auto;
height: 40px;
margin: 0 0 1px 0;
padding: 0;
font-family: Helvetica, Arial, sans-serif; }
#srchshell {
position: fixed;
z-index: 10000;
right: 0;
top: 82px;
overflow: hidden;
min-width: 40px;
width: auto;
height: 40px;
font-family: Helvetica, Arial, sans-serif; }
#togsoc {
position: absolute;
z-index: 10000;
right: -1px;
top: 0;
width: 41px;
height: 40px;
margin: 0;
padding: 0;
background: url(../images/icon-social.png) 50% 50% no-repeat #333e48;
background-size: 65%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.soc {
position: relative;
z-index: 9000;
right: 0;
top: 0;
width: 120px;
height: 40px;
margin-right: -120px;
padding: 0;
background-color: #efefef;
vertical-align: top;
text-align: left; }
.soc-linkedin, .soc-twitter, .soc-yt, .soc-gplus {
margin: 0;
padding: 0;
display: inline-block; }
.soc-linkedin a {
display: block;
width: 40px;
height: 40px;
margin: 0;
padding: 0;
background: url(../images/icon-linkedin.png) 50% 50% no-repeat #333e48;
background-size: 65%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.soc-twitter a {
display: block;
width: 40px;
height: 40px;
margin: 0;
padding: 0;
background: url(../images/icon-twitter.png) 50% 50% no-repeat #333e48;
background-size: 65%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.soc-yt a {
display: block;
width: 40px;
height: 40px;
margin: 0;
padding: 0;
background: url(../images/icon-yt.png) 50% 50% no-repeat #333e48;
background-size: 65%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.soc-gplus a {
display: block;
width: 40px;
height: 40px;
margin: 0;
padding: 0;
background: url(../images/icon-googleplus.png) 50% 50% no-repeat #333e48;
background-size: 65%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.soc-linkedin a:hover, .soc-twitter a:hover, .soc-yt a:hover, .soc-gplus a:hover {
cursor: pointer;
background-color: #5c6670; }
#togsrch {
position: absolute;
z-index: 10000;
right: -1px;
top: 0;
width: 41px;
height: 40px;
margin: 0;
padding: 0;
background: url(../images/icon-search.png) 50% 50% no-repeat #333e48;
background-size: 65%;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
#togsoc:hover, #togsrch:hover, #home:hover {
cursor: pointer;
background-color: #5c6670; }
.srchpanel {
position: relative;
z-index: 9000;
left: 0;
top: 0;
width: 190px;
height: 40px;
margin-right: -200px;
padding: 0;
background-color: #efefef;
vertical-align: top;
text-align: left; }
.srchpanel #s {
border: 0px;
background-color: #efefef;
width: 100px;
vertical-align: top;
text-align: left;
margin: 0;
padding: 12px 10px 14px 20px;
display: inline;
font-size: 14px;
font-weight: 400;
color: #5d6770;
font-family: Helvetica, Arial, sans-serif; }
.srchpanel #Search {
border: 0px;
background-color: #e4e4e6;
width: 60px;
height: 40px;
margin: 0;
padding: 3px 0 0 0;
display: inline;
font-size: 16px;
font-weight: 400;
color: #0075c9;
font-family: Helvetica, Arial, sans-serif;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
.srchpanel #Search:hover {
cursor: pointer;
background-color: #0075c9;
color: #ffffff; }
#Content #searchform input[type="text"] {
display: inline-block;
width: 25%;
height: 30px;
font-size: 12px;
background-color: #efefef;
color: #7d868c;
border: none;
padding: 3px 10px;
margin: 0 0 10px 0; }
#Content #searchform input[type="submit"] {
display: inline-block;
margin: 0 0 10px 20px;
padding: 12px 20px 12px 20px;
background-color: #dd0031;
color: white;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
border: none; }
/* Countdown to Black Friday */
#Countdown {
background-color: #dd0031;
color: white;
padding: 4%;
text-align: center;
vertical-align: top; }
#Countdown h4 {
font-size: 21px;
color: white;
font-weight: 400;
margin: 0 0 15px 0;
padding: 0;
text-transform: uppercase; }
#Countdown p {
margin: 0;
padding: 0; }
#timer {
font-family: "roboto",sans-serif;
font-style: normal;
font-weight: 400;
margin: 0 0 35px 0; }
#timer strong {
display: inline-block;
font-size: 48px;
line-height: 50px;
color: white;
text-align: center;
vertical-align: top;
font-weight: 400;
margin: 0 10px;
padding: 0; }
#timer span {
display: block;
font-size: 12px;
line-height: 18px;
color: white;
font-weight: 400;
text-transform: uppercase;
margin: 0;
padding: 0; }
#Countdown a.button, #Countdown a.button:visited {
display: inline-block;
margin: 20px 0 0 0;
padding: 12px 20px 12px 20px;
background-color: white;
color: #5c6670;
font-weight: 700;
font-style: normal;
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
border: none; }
#Countdown a.button:hover, #Countdown a.button:visited:hover {
color: #dd0031; } }
/* -------------------------- */
/* -------------------------- */
/* -------------------------- */
/* Landscape Tweaks */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
#Billboard .row-block h3 img {
display: block;
width: 50px;
height: auto;
margin: 150px auto 15px auto; }
/* 0320 Homepage Tweaks */
.home-billboard-panel-active {
height: 96%; }
.home-billboard-panel-default-content {
font-size: 21px;
line-height: 28px; }
.hbpa-content h4 {
padding-top: 30px;
font-size: 18px;
line-height: 24px; }
.stat-content {
margin: 18px auto;
width: 190px;
height: 190px; }
.stat-connector {
background: none; }
.stat-descriptor {
margin-top: 20px;
font-size: 14px;
line-height: 21px; } }